Learn with live project

About HTML5 & CSS3 Training

HTML5 is everywhere, and is a technology that can no longer be ignored or treated as a mere extension of HTML4. HTML5 is a vast umbrella term for modern Front End Engineering, namely JavaScript, Markup, DeviceAPIs, and Styles. Almost anything you see in App Stores can now be created with pure HTML5.

Although we will cover some of the most exciting features of HTML5 such as geo location, web sockets, local storage, Real Time Communications(Web Workers, Web Socket), File / Hardware Access(Native Drag & Drop, FileSystem APIs, Geolocation, Device Orientation and Speech Input), Semantics & Markup, Multimedia, Graphics (2D and 3D Effects) SVG and Canvas, the focus of the course will be to help people understand the core principles and best practices for creating websites and apps.

CSS3 is split up into “modules”. The old specification has been split into smaller pieces, and new ones are also added. Some of the most important CSS3 modules are Selectors, Box Model, Backgrounds and Borders, Text Effects, 2D/3D Transformations, Animations, Multiple Column Layout and User Interface

HTML5 & CSS3 Training Course Prerequisite

- HTML, CSS and JavaScript

HTML5 & CSS3 Training Course Objective

- As we jump into the course, let me just give you the course objectives, the things that I’m trying accomplish here, and the first thing is to introduce you to HTML5, and really quite honestly, one of my objectives, HTML5 like everything that has to do with the web.
- HTML5 is the ubiquitous platform for the web. Whether you’re a mobile web developer, an enterprise with specific business needs, or a serious game dev looking to explore the web as a new platform, HTML5 has something for you! HTML5 is making the web platform more powerful in a number of different areas.

HTML5 & CSS3 Training Course Duration

- 30 Working days, daily one and half hours


  1. Introduction to HTML5
    1. Limitations of HTML4
    2. Introduction and Advantages of HTML5
    3. First HTML5 Document
    4. Overview of New Features of HTML5
  2. Page Layout Semantic Elements 
    1. Header
    2. Navigation
    3. Section & Articles
    4. Footer
    5. Aside and more…
  3. Form Elements and Attributes
    1. New Input Types
    2. New Elements in Form
    3. New Attributes in Form Tag
    4. New Attributes in <input> Tag
  4. Working with Canvas 
    1. Coordinates
    2. Path and Curves
    3. Drawing Lines, Rectangles and Circles
    4. Text and Font
    5. Color Gradiations
    6. Drawing Images
  5. Scalable Vector Graphics (SVG) 
    1. Understanding SVG
    2. Benefits of SVG
    3. Using SVG Tag
    4. Comparing with Canvas
  6. Media - Audio and Video
    1. Audio and Source tags
    2. Video and Source tags
    3. Track tag
    4. Mime types supported
    5. Browser Compatibility
    6. Programming using Javascript
  7. Drag and Drop
    1. Drag and Drop Events
    2. Programming using JavaScript
  8. Web Storage
    1. Overview
    2. Local Storage
    3. Session Storage
    4. Browser Compatibility
  9. HTML5 API
    1. Geolocation / Maps
    2. Offline Application Cache
    3. Web Workers
    4. Server-Sent Events
    5.  Web Socket API
  • CSS3

  • - Introduction to CSS3
  • - New Selectors in CSS3
  • - Backgrounds Colors, Images & Gradients
  • - Borders & Box
  • - Text Effects & Typographic styles
  • - Web Fonts
  • - 2D and 3D Transforms
  • - Transitions
  • - Animations
  • - Multi Column Layouts
  • - Responsive Design using Media Queries    
  • - Responsive Design using Bootstrap

Newgen Provide awesome Services with 24*7 Supports.