Client-Side Web Technologies Introduction

Source: http://gs. statcounter

Source: http://gs. statcounter

Are these statistics accurate? http://gs.statcounter.com/faq#methodology Are they useful?

When creating web applications: Know who will be using it (what types of users?) Know how they will be using it (desktop, tablet, mobile, all of these?) Exercise concepts of progressive enhancement when appropriate http://alistapart.com/article/understandingprogressiveenhancement Exercise concepts of responsive web design when appropriate http://alistapart.com/article/responsive-web-design https://developers.google.com/web/fundamentals/design-and-ui/responsive/

The Modern Front-End Landscape Task Automaters Grunt Gulp etc… JavaScript Frameworks AngularJS React Backbone.js etc… Module Management RequireJS Browserify etc… CSS Pre-Processors/Extensions less Sass Core Technologies HTML CSS JavaScript JavaScript Libraries jQuery Underscore etc… Package Managers NPM (Node Package Manager) Bower JavaScript Test Frameworks Jasmine Mocha etc… CSS Frameworks Bootstrap Foundation etc… JavaScript Pre-Processors/Compilers TypeScript CoffeeScript Babel

This Course Covers Task Automaters JavaScript Frameworks Module Management Package Managers CSS Frameworks Core Technologies Libraries JavaScript Test Frameworks CSS Pre-Processors/ Extensions JavaScript Pre-Processors/Compilers

Very Useful Web Resources http://caniuse.com/ Detailed information on browser support for HTML5, CSS3, and JavaScript features http://www.w3.org/ Website of the World Wide Web Consortium https://developer.mozilla.org/en-US/ Mozilla Developer Network https://developers.google.com/web/ Google Web Developers

Essential Development Tools For Firefox: Developer tools are built-in: https://developer.mozilla.org/en-US/docs/Tools For Chrome: DevTools are built-in https://developers.google.com/chrome-developer-tools/