HTML5 & CSS3 & JavaScript



This training course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic HTML5/CSS3/JavaScript programming skills. This course is an entry point into the Web application paths. The course focuses on using HTML5/CSS3/JavaScript to implement programming logic, define and use variables, perform looping and branching, develop user interfaces, capture and validate user input, store data, and create well-structured application. 

Learning Outcomes:


  • What is HTML
  • Examining the structure of an HTML document
  • Understanding tags and containers
  • Exploring content models in HTML5

Fundamentals of HTML:

  • Understanding whitespace and comments
  • Displaying text with paragraphs
  • Applying style
  • Using block and inline tags
  • Displaying characters with references

Metadata and the Document Head:

  • Exploring the front matter of HTML
  • Applying CSS to your document
  • Adding scripting elements.
  • Using the meta tag
  • Optimizing your page for search engines.


  • Exploring phrase elements.
  • Using font markup elements
  • Adding headings
  • Formatting lists


  • Exploring image tag


  • Exploring the hyperlink tag


  • Exploring list types
  • List elements in depth
  • Using text menus with unordered lists

Structural, Contextual, and Semantic Elements:

  • Introduction to HTML semantics
  • Exploring an example
  • Marking up figures and illustrations
  • Creating collapsible details

Audio, Video, and Other Objects:

  • Embedding audio
  • Embedding video

HTML5 Data Elements:

  • Creating ad-hoc Document Object Model (DOM) data with the data- attribute
  • Displaying relative values with meter.
  • Creating dynamic progress indicators

Tables ,Frames:

  • Exploring tables
  • Exploring frames


  • Exploring divs


  • Exploring forms

A CSS Primer:

  • Introducing CSS
  • Understanding CSS placement
  • Exploring CSS syntax
  • Understanding CSS external file

Javascript Basic Tutorials:

  • Overview
  • Syntax
  • Placement
  • Variables
  • Operators
  • If…Else
  • Switch case
  • While Loop
  • For Loop
  • For..In
  • Function
  • Events
  • Cookies
  • Page redirects
  • Page printing

Javascript Objects:

  • Objects
  • Number
  • Boolean
  • Strings
  • Array
  • Date
  • Math
  • RegExp
  • Html Dom

Javascript Advanced:

  • Error Handling
  • Validation
  • Animation
  • Multimedia
  • imagemap

Upcomming Courses:

  • Dreamweaver
  • PHP & MySQL