Livechat
Download syllabus copy Download printable copy

HTML5 & CSS3

Image

HTML5 is everywhere you go, which is a technological know-how that will still can't end up being overlooked or treated as a mere extension of HTML4. HTML5 is a vast umbrella term for modern Front End Engineering, such as JavaScript, Markup, DeviceAPIs and Styles. Almost anything you see in App Stores are now being created with pure HTML5.

Although Deccansoft will cover the exciting features of HTML5 which are geolocation, 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), Graphics (2D and 3D Effects) etc so that HTML5 and CSS3 Training will be able to give the best practices for creating the webpages and Apps.

CSS3 can be separate in “modules”. The old specifications have been split up into small items, along with fresh ones are added. One of the most essential CSS3 Modules are Selectors, Box Models, Backgrounds and Borders, Text Effects, 2D/3D Transformations, Animations, Multiple Column Layout and User Interface.


HTML5 & CSS3 Objectives

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.


Prerequisites

HTML, CSS and JavaScript

HTML5 & CSS3 Duration

30 Working days, daily one and half hours

  • 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    
  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
facultyImg

Sandeep Soni

Sandeep has 20 years of experience working in various Microsoft Technologies/Platforms incl. VB6.0, ASP, VC++, VB.NET, C#. He is involved in managing and architecting projects at Deccansoft. He will be your liaison to Deccansoft, for any kind of communication more

CEO & Trainer
Email Id
Contact No
Course
Subject
Details
Scroll to Top