The Basics
  • HTML Structure and tags
  • Text Formating
  • Linking Web Pages
  • Working with images and its attributes
  • List - Ordered List, Unordered List, Definition List
  • Showing data in Tabular format - Table and its attributes
  • HTML Fonts
  • Semantic markup with HTML5
  • HTML5 structural tags
  • XHTML vs HTML5 ( Changed Element)
  • Section and Articles
  • HTML5 Forms - Search, Tel, Color, Number, Url, Email, Date/Time, Min, Max and Step attributes
  • New form field attributes - required, placeholder, autofocus, autocomplete, pattern
  • New form elements - datalist, progress and meter
  • Data Storage - Local Storage, Session Storage, Browser Support
  • HTML5 Canvas - Rectangles, Drawing Lines, Drawing with Arc, Path Intro
  • HTML5 Audio/Video
  • Understanding Cascading Style Sheets(CSS)
  • Selectors - Tags, Class, Id Selectors
  • Inline, Internal and External Style Sheet
  • Define CSS Box Model and manipulate the "box" around tags
  • Classes vs IDs and apply best practices when implementing
  • Select nested elements to apply styling
  • Attribute Selectors,The Target Pseudo-Class, UI Element States Pseudo-Classes, Structural Pseudo-Classes
  • Responsive Design - Media queries (for Mobile , Tablet, Desktop)
  • CSS3 Fonts - Fonts on Web, The @font-face rule, Using Google fonts
  • CSS3 effects - gradients, box-shadow, border-radius, text-shadow
  • 2d/3d animation - Transform, Transition, CSS animation (using @keyframe)
  • Defining variables, Using Operators
  • Differentiate between strings, integers and floats
  • Conditional and Logical Statements
  • User Defined Functions
  • Dialog Box - alert, prompt and confirm
  • Javascript Date and String Manipulation
  • Event Handling on various Form Controls
  • Javascript Form Validation
  • Accessing HTML DOM
  • Introduction To jQuery
  • Accessing the jQuery library
  • jQuery Event Model
  • jQuery Selectors - Identifying DOM elements, Constructing jQuery Selectors, Basic CSS selectors, Positional selectors
  • Getting objects by ID, Class, Tag; Modifying object and attributes on-the-fly
  • Changing an object’s Inner Text, Styles and CSS Classes
  • Handling Events with jQuery
  • Introduction to jQuery Mobile - Overview of jQuery, Touch-optimized layouts & UI widgets
  • Using Various js Libraries
  • Articulate that responsive design is more design than code
  • Know the difference between fixed and responsive layouts and understand the difference between fluid and elastic layouts
  • Apply media queries to web sites to achieve a responsive layout
  • Implement media queries to change layout on mobile devices