Designing Rich Internet Applications with HTML 5

Designing Rich Internet Applications with HTML 5

Description:
HTML 5 and CSS3: Website Development provides Web Designers with the knowledge and hands-on practice they need to build and manage professional web sites using HTML5, CSS3 and JavaScript.Which can be implemented in future-rich web browsers on iPhones, Android Phones and WebOS Phones thereby allowing mobile web developers to build websites that surpass desktop equivalents.

• Introduction to the Web
  • Browsers & Server
  • What is HTML, XHTML & HTML5?
  • What is CSS?
  • Browser Support available
  • Creating a folder structure for a site.
  
  
• Getting started in HTML5
  • Doctype
  • Basic tags
  • Attributes
  • HTML Entities
  • Container vs Standalone Tags
  • Block vs Inline Tags
  
  
• Using Images in HTML
  • Inserting Images in HTML
  • Attributes for images
  
  
• Using Tables
  • Creating tables for tabular content
  • Advantages & Disadvantages of Table
  • Merging Rows & Columns
  
  
• Creating Links
  • Linking between web pages
  • External page links
  • Email Links
  • Linking within a page
  • Linking with images
  
  
• Getting started with CSS
  • Types of CSS
  • CSS Syntax
  • Basic CSS Selectors
  • Using CSS properties for formatting web pages


• Using DIV tag
  • Creating box layouts
  • Using Float Property


• Using HTML5 Semantic Tags
  • Creating layout using HTML Semantic Tags
  • Slicing a Layout in Photoshop
  • Converting Sliced Photoshop Layout into HTML


• Advanced CSS
  • Advanced CSS Properties
  • Advanced CSS Selectors
  
  
• Creating Forms
  • Creating Forms in HTML
  • Using new HTML5 form controls and attributes
  • Stylizing Forms


• Add Media to site
  • Create basic Video Player without Plug-in
  • Play audio without Plug-in


• Using Media Queries
  • What is Media Queries?
  • Creating Responsive web pages across multiple devices


• Getting Started with jQuery
  • What is jQuery?
  • Downloading and installing jQuery
  • Creating a simple jQuery-enabled page
  • Overview of jQuery's features


• jQuery with HTML Page Content
  • Overview of selectors and filters
  • Using basic jQuery selectors
  • Using basic jQuery filters
  • Child, visibility, and content filters
  • Form selectors and filters
  • Understanding jQuery statement chaining

• Basics of JavaScript


• HTML5 Canvas
  • Introduction to Canvas tag
  • Basic Canvas Drawing
  • Complex drawing elements with Canvas
  • Transforming objects in Canvas using Translate tag
  • Canvas Text API
  • Images with Canvas
  
  
• Html 5 Video/audio/svg
  • Video and audio element
  • Preloading, Auto playing, Looping
  • Customizing Video Controls with JavaScript and CSS
  
  
• Geo-location
  • Basics of Geo-location Data
  • Exploring API
  • Working with Google Maps
  
  
• Drag & Drop
  • Understanding HTML5 drag and drop
  • Events
  • Simple game with drag and drop
  
  
• Local Storage
  • Types of Storage
  • Checking for HTML5 storage support
  • Declaring manifest for your page
  • ApplicationCache object
  • Deleting local cache


• Browser History
  • Understanding about JS library
  • Detecting History API support
  • Exploring History API with example


• Filesystem API
  • Understanding Filesystem API
  • Working with Files
  • Working with Directories
  • Copy, Moving and Renaming File or Directory