Course Content
Introduction
- Overview of HTML5
- Layers of Web Design
- Semantic Markup
- New Tags in HTML5
- Websites for Mobiles
- Overview of DOM
- Overview of JavaScript
- Overview of CSS
- Browser Compatibility
- Same Origin Policy
- Debugging Tools
Diving in to HTML5
- Building Your First HTML5 Page
- Playing with more HTML5 Tags
- New Form Elements and Validation
- Placeholder & Form Autofocus
- Graceful Degradation
- HTML5 in IE - html5shiv
- Detecting HTML5 features
- Using Modernizr
- HTML5 Cross Browser Polyfills
- Video Example with Feature Detection
- Overview of Accessibility
- Examples
Styling with CSS3
- Basic Selecting and Styling
- Advanced CSS Selectors
- Understanding Floats
- Absolute, Relative & Fixed Positioning
- EM vs PX & Percentages
- Reset Style Sheets
- New in CSS3
- Corners, Shadows and Gradients
- CSS3 Transitions
- Multiple Backgrounds
- Web Fonts
- Examples
JavaScript & JQuery
- Basic JavaScript
- Data Types, Objects & Functions
- JavaScript Namespacing
- Benefits of Using a Library
- jQuery Basics
- Selectors and jQuery Collection
- Methods on jQuery Collection
- Get/Set DOM Attributes
- Manipulating the DOM
- Events - Adding Behaviors
- Keyboard and Mouse Events
- Ajax with jQuery
- Loading Script, Markup, JSON and Data
- Effects and Animation
- Other Utilities and Helper Functions
- jQuery UI - Drag, Drop, Resize, Select
- jQuery Widgets & Plugins
- Examples
HTML5 API's
- Canvas vs SVG
- Using EaselJS
- Local Storage
- Geo Location
- Offline Web Applications
- History API
- Messaging API
- Web Workers API
- Examples
Miscellaneous
- Responsive Web Design
- CSS Media Queries
- Meta Tags and OG Protocol
- Speeding Up Your Website
- Building Secure Web Sites
- Overview of jQuery Mobile
- Overview of Mobile Apps
- Conclusion
