{"id":20651,"date":"2021-02-25T01:01:06","date_gmt":"2021-02-25T06:01:06","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/recent-posts\/html-5-at-a-glance\/"},"modified":"2021-02-25T01:01:06","modified_gmt":"2021-02-25T06:01:06","slug":"html-5-at-a-glance","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=20651","title":{"rendered":"HTML 5 at a Glance"},"content":{"rendered":"

HTML 5 at a Glance<\/span><\/b>
\n[ More HTML & CSS <\/span> <\/a>][ More HTML & CSS <\/span> <\/a>]<\/p>\n

By Sayed Ahmed<\/span> on 2012-10-03 <\/a><\/span><\/p>\n

 <\/p>\n

HTML 5 at a Glance<\/h2>\n

HTML5 Server-Sent Events<\/h3>\n

Servers can send upda tes automatically even if the client did not ask for it. For example, Facebook updates and Twitter Updates<\/p>\n

The idea is you have to use the EventSource object to point to the remote script sending updates. Then you have to act upon the events onopen, onmessage, and onerror [the client script has to perform action on these events]. The onmessage event is the most useful. onmessage event occurs when the server sends meaages [and then you need to process the message as sent by the server]<\/p>\n

How to check if the browser supports it or not<\/h4>\n

SSE is supported by all major browsers except Internet Explorer.<\/p>\n

if(typeof(EventSource)!==\"undefined\") { \/\/ Yes! } else { \/\/ Sorry! No } <\/code><\/p>\n

Example onmessage event<\/h4>\n

var script_source=new EventSource(“source.php”);
\nsource.onmessage=function(event)
\n{
\ndocument.getElementById(“elementToChange”).innerHTML+=event.data + ”
\n“;
\n};<\/p>\n

Server Side Code Example<\/h4>\n
\n

<?php
\nheader(‘Content-Type: text\/event-stream’);
\nheader(‘Cache-Control: no-cache’);<\/p>\n

$time = date();
\necho (“Server time: {$time}”);
\nflush();
\n?><\/p>\n<\/div>\n

HTML 5 Web Worker<\/h3>\n

A Web Worker is a JavaScript Code<\/span><\/a> running in the background without interfering (delaying) user interactions. Usually written in separate JavaScript files<\/span><\/a>. However, webworkers can send messages to the frontend on onmessage event. Web Worker JS<\/span><\/a> does not have access to the Document, Window and Parent objects.<\/p>\n

Web Workers are supported by all major browsers except IE<\/p>\n

Example use: You can keep options in buttons or texts to start and stop the web worker. On click on the start, the web worker defined in a separate JS file<\/span><\/a> starts executing.<\/p>\n

wrker = new Worker(“js_file_for_processing.js”); \/\/how you start the background work.<\/p>\n

On the stop button click, you can just call the terminate method (wrker.terminate). You can also check if the browser supports web worker or not using the following code if(typeof(Worker)!==”undefined”) { \/\/ Yes! } else { \/\/ Sorry! }<\/p>\n

<script>
\nvar wrker;<\/p>\n

function start_web_Worker()
\n{
\nif(typeof(Worker)!==”undefined”)
\n{
\nif(typeof(wrker)==”undefined”)
\n{
\nwrker=new Worker(“wrker_js.js”);
\n}
\nw.onmessage = function (event) {
\ndocument.getElementById(“sum”).innerHTML=event.data;
\n};
\n}
\nelse
\n{
\ndocument.getElementById(“sum”).innerHTML=”browser does not support web worker”;
\n}
\n}<\/p>\n

function stop_web_Worker()
\n{
\nwrker.terminate();
\n}
\n<\/script><\/p>\n

HTML5 Application Cache<\/h3>\n

Supported by all major browsers except IE<\/p>\n

In HTML 5, you can specify whether a page will be cached in the client side or not using HTML itself. Caching makes the application faster, and offers offline browsing of the website. You can use manifest attribute for the HTML tag to specify whether a page will be cached or not or you can mention in a manifest file what pages need to be cached and what pages are not cacheable.<\/p>\n

< html manifest=”manifest_file.appcache” ><\/p>\n

Manifest file example<\/h4>\n

CACHE MANIFEST
\n#will be cached
\n\/x.css
\n\/y.gif
\n\/z.js<\/p>\n

NETWORK:
\n#will never be cached
\nlogin.asp<\/p>\n

FALLBACK:
\n#if a file cannot be found what page should be displayed
\n\/html\/forms\/name.php \/error.php<\/p>\n

HTML5 Web Storage<\/h3>\n

supported by Internet Explorer 8+, Firefox, Opera, Chrome, and Safari.<\/p>\n

This is cookie like storage but more secure and faster. Storage is the object used for the purpose. Large amounts of data can be stored without affecting the performance. There are two types of storage localStorage, and sessionStorage. localStorage has no expirartion date but sessionStorage is only for the current seession. And for sure, a webpage can only access data stored by itself. The data are stored as key value pairs<\/p>\n

HTML5 Form Attributes<\/h3>\n

autocomplete, novalidate are the two new attributes for the form tag. autocomplete indicates if the form elements will be turned on or off for autocomplete. novalidate indicates when the form will be submitted, no validation will be performed on the data.<\/p>\n

HTML 5 introduces some new attributes for the input element such as autocomplete, autofocus, form, formaction, formenctype, formmethod, formnovalidate, formtarget, height and width, list, min and max, multiple, pattern (regexp), paceholder, required, step. Will talk on them in a later article<\/p>\n

HTML5 New Form Elements<\/h3>\n

datalist: pre defined list of data for an input element
\nkeygen: generates public key and private key
\noutput: used to keep output data<\/p>\n

Example<\/h4>\n

<form action=”” method=”get”>
\n<input list=”browsers”><datalist id=”browsers”>
\n<option value=”Internet Explorer”>
\n<option value=”Firefox”>
\n<option value=”Chrome”>
\n<option value=”Opera”>
\n<option value=”Safari”>
\n<\/datalist>
\n<keygen name=”security”>
\n<output name=”x” for=”a b”><\/output>
\n<\/form><\/p>\n

HTML 5 New Input Types<\/h3>\n

New input types<\/span><\/a> include: color, date, datetime, datetime-local, email, month, number, range, search, tel, time, url, week<\/p>\n

Example<\/h4>\n

<input type=”color” name=”…”>
\n<input type=”date” name=”…”>
\n<input type=”datetime” name=”…”>
\n<input type=”datetime-local” name=”…”>
\n<input type=”email” name=”…”>
\n<input type=”month” name=”…”>
\n<input type=”number” name=”…” min=”1″ max=”5″>
\n<input type=”range” name=”…” min=”1″ max=”10″>
\n<input type=”search” name=”…”>
\n<input type=”tel” name=”…”>
\n<input type=”time” name=”…”>
\n<input type=”url” name=”…”>
\n<input type=”week” name=”…”><\/p>\n

HTML5 Audio<\/h3>\n

Supported by: Internet Explorer 9, Firefox, Opera, Chrome, and Safari<\/p>\n

No need to use Flash to play sound, HTML5 provides ways to play audio files<\/p>\n

Example<\/h4>\n

<audio controls=”controls”>
\n<source src=”xyz.ogg” type=”audio\/ogg”>
\n<source src=”xyz.mp3″ type=”audio\/mpeg”>
\n<\/audio><\/p>\n

You can use multiple sources, the browser will go with the first recognized format<\/p>\n

HTML5 Video<\/h3>\n

Supported by: Internet Explorer 9, Firefox, Opera, Chrome, and Safari<\/p>\n

<video width=”320″ height=”240″ controls=”controls”>
\n<source src=”xyz.mp4″ type=”video\/mp4″>
\n<source src=”xyz.ogg” type=”video\/ogg”>
\n<\/video><\/p>\n

HTML5 Geolocation<\/h3>\n

navigator.geolocation.getCurrentPosition can be used to find user’s current position<\/p>\n

HTML5 Drag and Drop<\/h3>\n

Any element is draggable<\/p>\n

The element you want to drag needs to use the attribute draggable=”true”; You need to use ondragstart and setData() to specify what should happen on drag event. ondragover mentions where the dragged data can be dropped.<\/p>\n

HTML5 Inline SVG: Supporting Vector Graphics<\/h3>\n

In HTML5, you can use SVG tag to include vector graphics. SVG defines graphics in xml format. Vector Graphics are independent of resolution, can have events, can be manipulated without being redrawn<\/p>\n

HTML5 Canvas<\/h3>\n

Defines an area in the web-page where drawings can be done using some scripts such as JavaScript<\/span><\/a>.<\/p>\n

<canvas id=”myCanvas” width=”200″ height=”100″><\/canvas><\/p>\n

Canvas Example<\/h4>\n

<script type=”text\/javascript”>
\nvar c=document.getElementById(“canvas_id”);
\nvar ctx=c.getContext<\/span><\/a>(“2d”);
\nctx.fillStyle=”#FFFF00″;
\nctx.fillRect(0,0,200,100);
\n<\/script><\/p>\n

New Elements in HTML5<\/h3>\n

article, aside, bdi, command, details, summary, figure, figcaption, footer, header, hgroup, mark, meter, nav, progress, ruby, rt, section, time, wbr From: http:\/\/sitestree.com\/?p=342
Categories:Web Development, Root, By Sayed Ahmed, Introduction to HTML 5
Tags:
Post Data:2013-08-23 18:46:33<\/p>\n","protected":false},"excerpt":{"rendered":"

HTML 5 at a Glance [ More HTML & CSS ][ More HTML & CSS ] By Sayed Ahmed on 2012-10-03   HTML 5 at a Glance HTML5 Server-Sent Events Servers can send upda tes automatically even if the client did not ask for it. For example, Facebook updates and Twitter Updates The idea is … <\/p>\n

Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1917],"tags":[],"class_list":["post-20651","post","type-post","status-publish","format-standard","hentry","category-fromsitestree-com","item-wrap"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":8170,"url":"http:\/\/bangla.sitestree.com\/?p=8170","url_meta":{"origin":20651,"position":0},"title":"\u099c\u09c7 \u0995\u09c1\u09df\u09c7\u09b0\u09bf \u0987\u09ad\u09c7\u09a8\u09cd\u099f \u0964 jQuery Events","author":"Author-Check- Article-or-Video","date":"March 31, 2015","format":false,"excerpt":"\u0986\u09b0\u09bf\u09ab \u0986\u099c \u0986\u09ae\u09bf \u0986\u09aa\u09a8\u09be\u09a6\u09c7\u09b0 \u09b8\u09be\u09ae\u09a8\u09c7 web page \u098f\u09b0 \u098f\u0995\u099f\u09bf \u09ac\u09bf\u09b6\u09c7\u09b7 element \"event\" \u09a8\u09bf\u09df\u09c7 \u0986\u09b2\u09cb\u099a\u09a8\u09be \u0995\u09b0\u09ac\u09cb\u0964 \u09aa\u09cd\u09b0\u09a5\u09ae\u09c7 \u099c\u09c7\u09a8\u09c7 \u09a8\u09c7\u0987 \u0987\u09ad\u09c7\u09a8\u09cd\u099f \u0995\u09bf??? \u09b8\u09b9\u099c \u0995\u09a5\u09be\u09df \u098f\u099f\u09be \u09af\u09c7\u0995\u09cb\u09a8 \u0995\u09bf\u099b\u09c1 \u09af\u09be \u0986\u09aa\u09a8\u09bf \u098f\u0995\u099f\u09bf \u0993\u09df\u09c7\u09ac \u09aa\u09c7\u099c \u098f \u0995\u09b0\u09c7 \u09a5\u09be\u0995\u09c7\u09a8\u0964 \u09af\u09c7\u09ae\u09a8 \u09a7\u09b0\u09c1\u09a8 \u09ab\u09c7\u09b8\u09ac\u09c1\u0995\u09c7 \u09ae\u09be\u0989\u09b8\u09c7\u09b0 \u09aa\u09df\u09c7\u09a8\u09cd\u099f\u09be\u09b0 \u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09c7\u09b0\u09be \u09b8\u09c7\u09b2\u09bf\u09ac\u09cd\u09b0\u09bf\u099f\u09bf\u09b0 \u09a8\u09be\u09ae\u09c7\u09b0 \u0989\u09aa\u09b0 \u09b0\u09be\u0996\u09b2\u09c7\u09a8, \u09b8\u09be\u09a5\u09c7 \u09b8\u09be\u09a5\u09c7 \u09a6\u09c7\u0996\u09a4\u09c7 \u09aa\u09be\u09ac\u09c7\u09a8 \u098f\u0995\u099f\u09bf \u09aa\u09aa-\u2026","rel":"","context":"In "JQuery : \u099c\u09c7\u0995\u09c1\u098f\u09b0\u09bf"","block_context":{"text":"JQuery : \u099c\u09c7\u0995\u09c1\u098f\u09b0\u09bf","link":"http:\/\/bangla.sitestree.com\/?cat=500"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":8916,"url":"http:\/\/bangla.sitestree.com\/?p=8916","url_meta":{"origin":20651,"position":1},"title":"\u099c\u09be\u09ad\u09be\u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u09cd\u099f \u0985\u09ac\u099c\u09c7\u0995\u09cd\u099f \u09a8\u099f\u09c7\u09b6\u09a8 \u09ab\u09be\u0982\u09b6\u09a8 \u09ab\u09be\u0987\u09b2 (JSON Function Files)","author":"Author-Check- Article-or-Video","date":"May 11, 2015","format":false,"excerpt":"\u099c\u09c7\u098f\u09b8\u0993\u098f\u09a8 \u09ab\u09be\u0982\u09b6\u09a8 \u09ab\u09be\u0987\u09b2 \u09b0\u09bf\u09a6\u0993\u09df\u09be\u09a8 \u09ac\u09bf\u09a8 \u09b6\u09be\u09ae\u09c0\u09ae \u099c\u09c7\u098f\u09b8\u0993\u098f\u09a8 \u09ab\u09be\u0982\u09b6\u09a8 \u09ab\u09be\u0987\u09b2 (JSON Function Files) \u099c\u09c7\u098f\u09b8\u0993\u098f\u09a8\u098f\u09b0 \u098f\u0995\u099f\u09bf \u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u09aa\u09cd\u09b0\u09df\u09cb\u0997 \u09b9\u09b2 \u0993\u09df\u09c7\u09ac \u09b8\u09be\u09b0\u09cd\u09ad\u09be\u09b0 \u09a5\u09c7\u0995\u09c7 \u09a1\u09be\u099f\u09be \u09aa\u09dc\u09be \u0993 \u0993\u09df\u09c7\u09ac \u09aa\u09c7\u099c\u09c7 \u09a4\u09be \u09aa\u09cd\u09b0\u09a6\u09b0\u09cd\u09b6\u09a8 \u0995\u09b0\u09be\u0964 \u098f\u0987 \u0985\u09a7\u09cd\u09af\u09be\u09df\u09c7 \u099a\u09be\u09b0\u099f\u09bf \u099b\u09cb\u099f \u099b\u09cb\u099f \u09a7\u09be\u09aa\u09c7 \u09a6\u09c7\u0996\u09be\u09a8\u09cb \u09b9\u09ac\u09c7 \u0995\u09c0\u09ad\u09be\u09ac\u09c7 \u09ab\u09be\u0982\u09b6\u09a8 \u09ab\u09be\u0987\u09b2 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u099c\u09c7\u098f\u09b8\u0993\u098f\u09a8 \u09a1\u09be\u099f\u09be \u09aa\u09dc\u09be \u09b9\u09df\u0964 \u099c\u09c7\u098f\u09b8\u0993\u098f\u09a8 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u0983 \u098f\u0987 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u09c7 myTutorials.js\u2026","rel":"","context":"In "\u099c\u09c7\u09b8\u09a8 | JSON"","block_context":{"text":"\u099c\u09c7\u09b8\u09a8 | JSON","link":"http:\/\/bangla.sitestree.com\/?cat=769"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6272,"url":"http:\/\/bangla.sitestree.com\/?p=6272","url_meta":{"origin":20651,"position":2},"title":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09b6\u09c7\u0996\u09be \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09be \u09af\u09be\u0995 (Bootstrap Get Started)","author":"Author-Check- Article-or-Video","date":"February 12, 2015","format":false,"excerpt":"Bootstrap \u0995\u09bf ???? Bootstrap \u09b9\u09b2 \u09ab\u09cd\u09b0\u09bf front-end framework, \u09b8\u09b9\u099c \u098f\u09ac\u0982 \u09a6\u09cd\u09b0\u09c1\u09a4 \u0997\u09a4\u09bf\u09b0 web development \u098f\u09b0 \u099c\u09a8\u09cd\u09af Bootstrap \u09b9\u09b2 HTML \u098f\u09ac\u0982 CSS \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0 \u09ae\u09c1\u09a6\u09cd\u09b0\u09a3\u09ac\u09bf\u09a6\u09cd\u09af\u09be, \u09ab\u09b0\u09cd\u09ae, \u09ac\u09be\u099f\u09a8, \u099f\u09c7\u09ac\u09bf\u09b2, \u09a8\u09c7\u09ad\u09bf\u0997\u09c7\u099f\u09b0, \u09ae\u09a1\u09be\u09b2\u09b8, \u0987\u09ae\u09c7\u099c carousels \u098f\u09ac\u0982 \u0986\u09b0\u0993 \u0985\u09a8\u09c7\u0995 \u0995\u09bf\u099b\u09c1, \u099c\u09be\u09ad\u09be \u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u09cd\u099f \u09aa\u09cd\u09b2\u09be\u0997\u09bf\u09a8 \u09b8\u09b9 \u09a1\u09bf\u099c\u09be\u0987\u09a8 templates \u09a4\u09b0\u09bf\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae Bootstrap \u098f\u09b0 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af\u09c7 \u09a4\u09c1\u09ae\u09bf \u09af\u09c7 \u0995\u09cb\u09a8 Responsive \u09a1\u09bf\u099c\u09be\u0987\u09a8\u2026","rel":"","context":"In "\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)"","block_context":{"text":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=178"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6317,"url":"http:\/\/bangla.sitestree.com\/?p=6317","url_meta":{"origin":20651,"position":3},"title":"Bootstrap Case: \u0986\u09ae\u09be\u09b0 \u09aa\u09cd\u09b0\u09a5\u09ae \u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f (My First Bootstrap Website)","author":"Author-Check- Article-or-Video","date":"February 14, 2015","format":false,"excerpt":"\u0985\u09a8\u09c1\u09ac\u09be\u09a6 \u0995\u09b0\u09c7\u099b\u09c7\u09a8 Abu Jubair Mahin \u00a0 \u09b8\u09cd\u0995\u09cd\u09b0\u09cd\u09af\u09be\u099a \u09a5\u09c7\u0995\u09c7 \u098f\u0995\u099f\u09bf \u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u0993\u09af\u09bc\u09c7\u09ac \u09aa\u09c3\u09b7\u09cd\u09a0\u09be \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c1\u09a8 \u09a8\u09bf\u099a\u09c7\u09b0 \u09aa\u09c3\u09b7\u09cd\u09a0\u09be\u09df Scratch (\u09b8\u09cd\u0995\u09cd\u09b0\u09cd\u09af\u09be\u099a) \u09a5\u09c7\u0995\u09c7 \u098f\u0995\u099f\u09bf \u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09a8\u09bf\u09b0\u09cd\u09ae\u09be\u09a3 \u0995\u09b0\u09be \u09b9\u09df \u09b8\u09c7\u099f\u09be \u09aa\u09cd\u09b0\u09a6\u09b0\u09cd\u09b6\u09a8 \u0995\u09b0\u09be \u09b9\u09ac\u09c7 \u0986\u09ae\u09b0\u09be \u098f\u0995\u099f\u09bf \u09b8\u09b9\u099c HTML \u09aa\u09c3\u09b7\u09cd\u09a0\u09be \u09a6\u09bf\u09af\u09bc\u09c7 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09ac, \u098f\u09ac\u0982 \u09aa\u09b0\u09c7 \u0986\u09ae\u09b0\u09be \u0985\u09a8\u09c7\u0995 \u09ac\u09c7\u09b6\u09bf \u09ac\u09c7\u09b6\u09bf components \u09b8\u09c7\u0996\u09be\u09a8\u09c7 \u09af\u09cb\u0997 \u0995\u09b0\u09ac, \u09af\u09a4\u0995\u09cd\u09b7\u09a3 \u09a8\u09be\u2026","rel":"","context":"In "\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)"","block_context":{"text":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=178"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":5773,"url":"http:\/\/bangla.sitestree.com\/?p=5773","url_meta":{"origin":20651,"position":4},"title":"AngularJS \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (AngularJS Tutorial in Bangla)","author":"Author-Check- Article-or-Video","date":"January 19, 2015","format":false,"excerpt":"\u09ae\u09c3\u09a4\u09cd\u09af\u09c1\u099e\u09cd\u099c\u09df \u09ac\u09bf\u09b6\u09cd\u09ac\u09be\u09b8 \u00a0 AngularJS, HTML \u0995\u09c7 \u09a8\u09a4\u09c1\u09a8 \u098f\u099f\u09cd\u09b0\u09bf\u09ac\u09bf\u0989\u099f \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09ac\u09c3\u09b8\u09cd\u09a4\u09c3\u09a4 \u0995\u09b0\u09c7\u0964 AngularJS, SPA (Single Page Applications) \u098f\u09b0 \u099c\u09a8\u09cd\u09af \u0989\u09a4\u09cd\u09a4\u09ae \u0964 AngularJS \u09b6\u09c7\u0996\u09be \u09b8\u09b9\u099c \u0964 \u00a0 \u098f\u0987 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09af\u09bc\u09be\u09b2\u099f\u09bf\u09a4\u09c7 \u09af\u09be \u09b0\u09df\u09c7\u099b\u09c7 \u098f\u0987 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09af\u09bc\u09be\u09b2\u099f\u09bf \u098f\u09ae\u09a8\u09ad\u09be\u09ac\u09c7 \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7 \u09af\u09be\u09a4\u09c7 \u0986\u09aa\u09a8\u09bf \u0985\u09a4\u09bf \u09a6\u09cd\u09b0\u09c1\u09a4 \u0993 \u09a6\u0995\u09cd\u09b7\u09a4\u09be\u09b0 \u09b8\u09be\u09a5\u09c7 AngularJS \u09b6\u09bf\u0996\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u09a8 \u0964 \u09aa\u09cd\u09b0\u09a5\u09ae\u09c7 \u0986\u09aa\u09a8\u09bf AngularJS \u098f\u09b0\u2026","rel":"","context":"In "AngularJS - 001"","block_context":{"text":"AngularJS - 001","link":"http:\/\/bangla.sitestree.com\/?cat=154"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/fc07.deviantart.net\/fs71\/f\/2013\/333\/8\/2\/angularjs_by_abhishekghosh-d6w57fs.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":8977,"url":"http:\/\/bangla.sitestree.com\/?p=8977","url_meta":{"origin":20651,"position":5},"title":"\u0985\u09cd\u09af\u09be\u09aa \u098f\u09ae \u098f\u09b2\u0983 \u0995\u09c0\u09ad\u09be\u09ac\u09c7 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09ac\u09c7\u09a8? (AppML How To)","author":"Author-Check- Article-or-Video","date":"May 21, 2015","format":false,"excerpt":"\u09b0\u09bf\u09a6\u0993\u09df\u09be\u09a8 \u09ac\u09bf\u09a8 \u09b6\u09be\u09ae\u09c0\u09ae \u00a0 \u0985\u09cd\u09af\u09be\u09aa \u098f\u09ae \u098f\u09b2 \u098f\u09aa\u09cd\u09b2\u09bf\u0995\u09c7\u09b6\u09a8 \u09a4\u09c8\u09b0\u09bf\u09b0 \u09a6\u09c1\u099f\u09bf \u09b8\u09b9\u099c \u09a7\u09be\u09aa \u09a8\u09bf\u099a\u09c7 \u09a6\u09c7\u0996\u09be\u09a8\u09cb \u09b9\u09b2, 1. HTML \u0993 CSS \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09aa\u09c7\u099c \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be HTML Customers<\/title> <body> <h1>Customers<\/h1> <table> <tr> <th>Customer<\/th> <th>City<\/th> <th>Country<\/th> <\/tr> <tr> <td>{{CustomerName}}<\/td> <td>{{City}}<\/td> <td>{{Country}}<\/td> <\/tr> <\/table> <\/body> <\/html> \u00a0\u2026","rel":"","context":"In "AppML : Application Modeling Language"","block_context":{"text":"AppML : Application Modeling Language","link":"http:\/\/bangla.sitestree.com\/?cat=796"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/20651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20651"}],"version-history":[{"count":0,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/20651\/revisions"}],"wp:attachment":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=20651"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=20651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}