Select Your Style

Choose your layout

Color scheme

HTML5 & CSS3

HTML5 & CSS3

HTML5 & CSS3

After  HTML4. HTML5 is 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 IT Training Delhi 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”. 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.

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

HTML5

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


Duration: 1 Months