![JS Constraints for Internet Explorer
• Use minimum DOM element (use defer rendering of templates)
• Less complex table structure
• Form Object Support (very less support only one method – add)
• Use minimum global variable and Cache function pointers
• person = {firstName:"John", lastName:"Doe", age:46,}
//Trailing commas in object and array definition are legal in ECMAScript
points = [40, 100, 1, 5, 25, 10,];
//above code will fails for IE 8 or less](https://image.slidesharecdn.com/js-theunknownbasics-220429113509/95/JS-The-Unknown-Basics-pptx-8-638.jpg)
JS - The Unknown Basics.pptx
- 1. JavaScript For Developers Parveen Soni Git Profile: parveen-rx
- 2. About Me • Passionate for programming • Full stack developer since 2014 • Want to know more about me: • https://about.me/parveen.soni • https://in.linkedin.com/in/parveensoni • Example File:
- 3. Agenda • Basics of JS • Writing efficient code • Browser Storage (Local storage, Session Storage, and IndexedDB) • JS constraints for Internet Explorer • Polyfill, Modernizr and Underscore • JavaScriptTemplating • Chrome DevTools / Mozilla Firebug • Measuring and debugging code Performance • Service worker and offline web application • Cross browser testing and Feature Automation • Useful links and references
- 5. Basics of JavaScript • Invented by Brendan Eich, co-founder of the Mozilla project • Dynamic Programming language (Divide and conquer) • Control the behavior of web pages -dynamic interactivity on websites (example1) • Case sensitive var myVariable != var myvariable • JavaScript Hoisting concept (example2) • The "use strict" Directive (example3, example31) • Common illusions (example4)
- 6. Writing efficient code • Understand that JS works on lookup things(example5) • Cost of Object (example6) • Cache your objects (example7) • Use minimum global variable and Cache function pointers(example8) • Miscellaneous Items (example9) • Some best practices (example10)
- 7. Browser Storage • Local Storage (example 14) • Session Storage • IndexedDB andWeb SQL (discuss in another session)
- 8. JS Constraints for Internet Explorer • Use minimum DOM element (use defer rendering of templates) • Less complex table structure • Form Object Support (very less support only one method – add) • Use minimum global variable and Cache function pointers • person = {firstName:"John", lastName:"Doe", age:46,} //Trailing commas in object and array definition are legal in ECMAScript points = [40, 100, 1, 5, 25, 10,]; //above code will fails for IE 8 or less
- 9. Polyfill, Modernizr and Underscore • Polyfill.js redefine the functions which are not supported by browser like IE (example11) • Modernizr is used to detect browser features and it also provide Polyfill (example11) • Underscore JS is based on ECMA 5 standards (2009) which are widely supported by almost all browsers. (example11)
- 10. JavaScriptTemplating • Many JavaScript Lib are used to create view template in HTML • Example: Handlebars, Mustache and Dust JS • Working example: (example 12)
- 11. Chrome DevTools/Firebug • Many feature available in Chrome dev tools • Performance Measurement using Chrome dev tools • Service Worker and Offline application (large topic – discuss another time)
- 12. Cross Browser testing and Automation • Many paid tools available to cross check all feature in different version of browser • Turbo.net offline and cloud version (provide URL and get result) • Automation example
- 13. ThankYou