Below are the high level topics that will be covered

  • HTML
  • CSS
  • Javascript
  • HTML5
  • CSS3

Detailed Course Content

  • Html
    • Introduction
    • Elements
      • Semantic elements
        • Header,p,span,div,nav,table,image,lists
      • block vs inline elements
      • Input elements
        • Text,select,radio,checkbox,button
  • Html5
    • HTML5 Page Structure
    • DOCTYPE
    • Page encoding
    • New Semantic elements
      • section
      • article
      • aside
      • header
    • footer
    • nav
    • figure with caption
  • New Input elements
    • number
    • email
    • url
    • tel
    • month
    • date
    • datetime
    • range
    • color
  • HTML5 input attributes
    • value
    • readonly
    • disabled
    • size
    • maxlength
    • autofocus
    • placeholder
    • pattern
    • min and max
  • multiple
  • Required
  • CSS
    • Ways to specify styles
      • Inline styles
      • Embed styles
      • External style sheet
    • Selectors
      • Id
      • Class
      • Element
      • attribute
      • Decedent
      • Child
      • Sibling
    • Pseudo classes
      • hover,visited,active
      • First-child
      • Focus
      • nth-child
      • odd and even child
    • Pseudo elements
      • First-line
      • First-letter
      • Before
      • After
    • Box Model
      • Width
      • Height
      • Padding
      • Margin
      • Border
      • Display
      • Visibility
    • Positions
      • Static
      • Relative
      • Absolute
      • Fixed
  • CSS3
    • Transforms
    • Gradients
    • Shadows
    • Round Corners
    • Introduction to Responsive Design
    • Media queries
    • Flex box
  • Bootstrap
    • Introduction
    • Responsive grid system
    • Container class for responsiveness
      • container
      • container-fluid
    • Out of the box classes for
      • Table
      • Navigation
      • Buttons
      • Typography
      • Forms
        • Horizontal
        • Vertical
      • Images
    • Glyphicons
    • Form Factors
      • Extra Small
      • small
      • Medium
      • Large
  • Javascript
    • Introduction
    • Data Types
      • String
      • Number
      • Boolean
      • Undefined
      • Null
      • NAN
    • Arrays
      • Create array
      • Loop through array
      • Array methods
        • Push
        • Pop
        • Shift
        • Unshift
        • forEach
    • Date
  • Objects
    • Create objects
    • Access properties and methods in object
    • Loop through properties of an object
    • Dynamic Properties
  • DOM
    • Introduction
    • Accessing the elements by
      • id
      • class
      • tag
    • Setting the value of the DOM Elements
  • Events
    • Introduction
    • Events in DOM
      • click
      • change
      • blur
      • focus
      • mouseover
      • mouseout
      • keyPress
      • Event Object
      • this
    • Attaching the event through JS
      • addEventListener
    • Accessing event data
      • Accessing the control data
    • Functions
      • Creating function
      • Invoking function
      • Function Parameters
        • passing less than required
        • passing more than required
      • Function Overloading?
        • Is function overloading possible
        • what happens if two functions with same
      • Anonymous Functions
      • Passing function as parameter to another function
      • Returning the function as output from another function
      • inner functions
      • Invoking the callback function with in a function