Learn HTML
100% Guaranteed Placement

Money Back Guarantee
No Question Asked
3 LIVE Projects
Every day 2 hour class and 4 hours practise session

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 and Drop, FileSystem APIs, Geolocation, Device Orientation and Speech Input), Semantics and 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.

Interested!!!
Fill The Form To Get Best Offer…

4 + 6 =

Learn Web development…

  • 100% Placements with Salaries best in Industries
  • Learn PHP from 10+ years Experience Trainer
  • Make websites like facebook, flipkart etc.
  • Learn How to Create Ecommerce, Shopping Website using Worpress, Joomla and other CMS Platforms
  • LAB Facility to practice
  • Real Time Projects to Practice
  • PHP, Mysql, Html 5, CSS, Javascripts, Ajax, jquery, bootstrap, User Interface UI
  • Mock Exams and Interviews Conducted
  • Resume & Interviews Preparation Support

HTML Basics

  • Introduction
  • Parts in HTML Document
  • Editors
  • Basic
  • Elements
  • Attributes
  • Headings
  • Basics
  • Paragraphs
  • Formatting
  • Links
  • Head
  • CSS
  • Images
  • Tables
  • JavaScript
  • HTML XHTML
  • HTML4 Drawbacks

HTML5 Introduction

  • HTML5 HISTORY
  • New Features and groups
  • Backward Compatibility
  • Why HTML5?
  • Power of HTML5:
  • m or mobi or touch domains
  • Common Terms in HTML5

HTML5 Syntax

  • The DOCTYPE
  • Character Encoding

Obsolete Elements/Deprecated Elements

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <isindex>
  • <noframes>
  • <s>
  • <strike>
  • <tt>
  • <u>
  • <xmp> 

HTML5 New Elements

  • New Semantic/Structural Elements
  • <article>
  • <aside>
  • <bdi>
  • <command>
  • <details>
  • <dialog>
  • <summary>
  • <figure>
  • <figcaption>
  • <footer>
  • <header>
  • <mark>
  • <meter>
  • <nav>
  • <progress>
  • <ruby>
  • <rt>
  • <rp>
  • <section>
  • <time>
  • <wbr>   

HTML5 Canvas

  • What is Canvas?
  • Create a Canvas
  • Canvas Coordinates
  • Canvas – Paths
  • Canvas – Text
  • Canvas – Gradients
  • Canvas – Images 

HTML5 SVG

  • What is SVG?
  • SVG Advantages
  • Differences Between SVG and Canvas
  • Comparison of Canvas and SVG 

HTML5 Drag/Drop

  • Introduction
  • Make an Element Draggable
  • What to Drag?Where to Drop? 

HTML5 Geo location

  • Introduction
  • Locate the User’s Position+
  • Handling Errors and Rejections
  • The getCurrentPosition()
  • Geolocation object 

HTML5 Video

  • Introduction
  • Video on the Web
  • How It Works?
  • Video Formats and Browser Support
  • HTML5 Video Tags 

HTML5 Audio

  • Introduction
  • Audio on the Web
  • How It Works?
  • Audio Formats and Browser Support
  • HTML5 Audio Tags 

HTML5 Input Types

  • Introduction
  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week

HTML5 Form Elements

  • <datalist>
  • <keygen>
  • <output>  

HTML5 Form Attributes

  • New attributes for <form> and <input>New attributes for <form>:
  • autocomplete
  • novalidate 

New attributes for <input>

  • autocomplete
  • autofocus
  • form, formaction
  • formenctype,formmethod
  • formnovalidate
  • formtarget
  • height and width
  • list, min and max
  • multiple
  • pattern (regexp)
  • placeholder
  • required, step 

HTML5 Semantic

  • Introduction
  • What are Semantic Elements?
  • non-semantic elements: <div> and <span>
  • semantic elements: <form>, <table>, and <img>
  • New Semantic Elements in HTML5
  • <header>
  • <nav>
  • <section>
  • <article>
  • <aside>
  • <figcaption>
  • <figure>
  • <footer> 

HTML5 Web Storage

  • What is HTML5 Web Storage?
  • Browser Support
  • The localStorage Object
  • The sessionStorage Object 

HTML5 App Cache

  • What is Application Cache?
  • Cache Manifest Basics
  • HTML5 Cache Manifest 

HTML5 Web Workers

  • What is a Web Worker?
  • Check Web Worker Support
  • Create a Web Worker File
  • Terminate a Web Worke

HTML5 SSE

  • One Way Messaging
  • Browser Support
  • The EventSource Object 

HTML Media

  • New Media Elements
  • <audio>
  • <video>
  • <source>
  • <embed>
  • <track>  

HTML Multimedia

  • What is Multimedia?
  • Browser Support
  • Multimedia Formats
  • Video Formats
  • Sound Formats 

HTML5 – MathML

  • Introduction
  • Using MathML Characters
  • Matrix Presentation
  • Math Formulas 

CSS 1.0 and 2.0

  • CSS Basics
  • CSS Introduction
  • CSS Syntax,CSS Id, Class and CSS Styling,Styling Backgrounds
  • Styling Text,Styling Fonts, Links, Styling Lists and Styling Tables
  • CSS Border 

CSS3

  • Introduction
  • CSS3 Modules
  • Selectors
  • Box Model
  • Backgrounds and Borders
  • Text Effects
  • 2D/3D Transformations
  • Animations
  • Multiple Column Layout
  • User Interface

Borders

  • border-radius
  • box-shadow
  • border-image 

CSS3 Backgrounds

  • background-size
  • background-origin 

CSS3 Text Effects

  • text-shadow
  • word-wrap 

CSS3 Fonts

  • @font-face Rule
  • font-stretch
  • font-weight 

CSS3 2D Transforms

  • How Does it Work?
  • Browser Support
  • 2D Transforms
  • translate()
  • rotate()
  • scale()
  • skew()
  • matrix() 

CSS3 3D Transforms

  • rotateX()
  • rotateY() 

CSS3 Transitions

  • How does it work?
  • transition-property, duration and delay 

CSS3 Animations

  • CSS3 @keyframes Rule
  • Browser Support
  • Animation, animation-duration 

CSS3 Multiple Columns

  • column-count
  • column-gap
  • column-rule 

CSS3 User Interface

  • resize
  • box-sizing
  • outline-offset

Still Searching for A Job?

(Or) Want to Make Career?

Switch To PhP Development

Training Approach

Our Student Placed

Course Benifits

  • Php developers and programmers are in demand today.
  • Easily get job in IT company.
  • You will be able to crate your own socila media website.
  • Bigest advantage is that if you can get 10$ t0 15$ per hour as a freelancer.
  • If you are web designer, after completing this course you will get a high paying job in mnc’s.
  • If you extends your knowledge to Php CMS like wordpress, joomla you can start your own web designing and development work.

Job Apportunities

PHP Web Developer
(1 to 3 Yrs Exp.)

Salary: 200,000.00 to 400,000.00 /year

Sr. PHP Development Engineer
(3 – 5 yrs exp.)

Salary:1000,000.00 to 1200,000.00 /year

Web Designer

Salary:(1400,000.00 to 1800,000.00 /year)

WhatsApp chat