<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d8211560\x26blogName\x3dTech+Tips,+Tricks+%26+Trivia\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://mvark.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://mvark.blogspot.com/\x26vt\x3d601588505461698440', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Tech Tips, Tricks & Trivia

by 'Anil' Radhakrishna
An architect's notes, experiments, discoveries and annotated bookmarks.

Search from over a hundred HOW TO articles, Tips and Tricks

Notes from the MVA course Single Page Applications with jQuery or AngularJS

Dave Voyles and Stacey Mulcahy have delivered a 7-part roughly 5-hour video course on Single Page Applications with jQuery or AngularJS. Key points from that course:
- A single page application or SPA is a web application that fits on one page
- A SPA can redraw any part of the UI without refreshing the page
- They provide native-application like experience in the browser
- Data is seperated from the presentation
- Often includes templating, AJAX, routing
- Loads data & views on demand
- Examples - Twitter, email clients in the browser, Azure portal
- Challenges:
  ^ SEO considerations
  ^ Browser history
  ^ Requires JavaScript to be enabled
  ^ Potential memory leaks - must deal carefully with JavaScript
- Library vs Framework - A library has specific operations and it is usually organized into a class with specific functions (like image manipulation) while a framework defines the structural skeleton of an application - typically it is the abstract design with the base behavior in place.
- The simple code sample demonstrated in the course showing the same functionality built with jQuery and AngularJS separately, is available on Github
- The code sample makes calls to a quick-to-build Azure Mobile Services REST API to fetch and add information to a SQL Azure table without writing any server-side code.The endpoint can be restricted to be used by one or more specific domains (localhost allowed by default).

Labels: , , ,

Tweet this | Google+ it | Share on FB

« Home | Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »


Post a Comment