HTML5 & CSS 3

Course Overview


This course provides an introduction to HTML5 and CSS3. This course helps students gain basic HTML5/CSS3 programming skills. This course is an entry point into both the Web application and Windows Store apps training paths. The course focuses on using HTML5/CSS3 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 applications.

The lab scenarios in this course are selected to support and demonstrate the structure of various application scenarios. They are intended to focus on the principals and coding components/structures that are used to establish an HTML5 software application.HTML5 and CSS3 is the next big thing in the world of web development. HTML5 has risen to the status of a core markup language in the world wide web due to a number of new attributes and elements that are apt for use in modern websites.

Course Content

  • What is HTML 5
  • Overview of HTML 5
  • Browser Support
  • W3C and Web Hypertext Application Technology Working Group (WHATWG). Specifications
  • Power of HTML5 in web & mobile Domains
  • Overview of updated new features
  • HTML5 Syntax
  • The DOCTYPE
  • Character Encoding
  • The <script> tag
  • The <link> tag
  • HTML5 Document
  • Forms
  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
  • Form Elements
  • <datalist>
  • <keygen>
  • <output>
  • 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
  • Video and Audio
  • Media
  • <audio>
  • <video>
  • <source>
  • <embed>
  • <track>
  • plugins
  • youtube

Types of Elements

  • Semantic Elements
  • Structural Elements
  • HTML5 NEW ELEMENTS
  • <article>
  • <aside>
  • <canvas>
  • <details>
  • <figcaption>
  • <figure>
  • <footer>
  • <header>
  • <hgroup>
  • <main>
  • <mark>
  • <meter>
  • <nav>
  • <section>
  • <summary>
  • <time>
  • Migration from HTML4 to HTML5
  • HTML5 Browser Support
  • HTML5 Elements as Block Elements
  • Adding New Elements to HTML
  • Problem With Internet Explorer
  • Complete Shiv Solution
  • HTML5 Skeleton

HTML5 DEPRECATED TAGS

  • <acronym>
  • <center>
  • <font>
  • <frame>
  • <frameset>
  • <s>
  • <u>

HTML5 DEPRECATED ATTRIBUTES

  • align-caption, iframe, img, input, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, td, th, and tr
  • background-body
  • bgcolor-table, tr, td, th and body
  • border table
  • cellpadding-table
  • cellspacing-table
  • hspace-img
  • vspace-img
  • noshade-hr
  • rules-table
  • size-hr
  • type-li, ol and ul
  • width-hr, table, td, th, pre
  • App Cache or Offline Applications
  • Browser Support
  • Manifest File
  • CACHE MANIFEST
  • NETWORK
  • Updating the Cache
  • Notes on Application Cache
  • Web Storage
  • Local Storage
  • Session Storage
  • Web Workers
  • Browser Support
  • What is webworker
  • Check Web Worker Support
  • Create a Web Worker File
  • Create a Web Worker Object
  • Terminate a Web Worker
  • Reuse the Web Worker
  • Server Sent Events – One Way Messaging
  • Browser Support
  • Receive Server-Sent Event Notifications
  • Check Server-Sent Events Support
  • Server-Side Code
  • MathML
  • Introduction
  • Browser Support
  • MathML Characters
  • Matrix Presentation
  • Math Formulas
  • Geolocation
  • Locate the User’s Position
  • Browser Support
  • getCurrentPosition() method
  • Handling Errors & Rejections
  • Displaying the Result in a Map
  • Location-specific Information
  • getCurrentPosition() Method – Return Data
  • Geolocation object – Other interesting Methods
  • Drag and Drop API
  • Browser Support
  • Make an Element Draggable
  • What to Drag – ondragstart and setData()
  • Where to Drop – ondragover
  • Do the Drop – ondrop
  • Drag image back and forth
  • File API
  • Accessing File Information
  • Reading File Content
  • WEB SQL
  • Introduction
  • Browser Support
  • Core Methods
  • Opening Database
  • Executing queries
  • INSERT Operation
  • READ Operation
  • Canvas Overview
  • Lines
  • Curves
  • font
  • Image
  • Paths
  • Shapes
  • Color, gradients
  • SVG
  • What is SVG?
  • SVG Advantages
  • Differences Between SVG and Canvas
  • Rectangle
  • Circle
  • Ellipse
  • Line
  • Polyline
  • Polygon
  • Path
  • CSS 3.0
  • CSS 2.0 vs CSS 3.0
  • Introduction to css3
  • whats new in css3.0
  • border
  • box-shadow
  • border-image
  • border-radius
  • background
  • background-clip
  • background-origin
  • background-size
  • Multiple Background Images
  • Gradients
  • Linear Gradients
  • Top to Bottom
  • Left to Right
  • Diagonal
  • Angles
  • Multiple Color Stops
  • Transparency
  • repeating-linear-gradient
  • Radial Gradients
  • Evenly Spaced Color Stops
  • Differently Spaced Color Stops
  • Set Shape
  • Use of Different Size Keywords
  • closest-side
  • farthest-side
  • closest-corner
  • farthest-corner
  • repeating-radial-gradient
  • text effects
  • text-shadow
  • word-wrap
  • @FONT Face
  • Browser Support
  • Font Formats
  • Browser Support for Font Formats
  • Using The Font
  • Working with third party plugins
  • Google fonts
  • 2D Transforms
  • Browser Support for 2D Transforms
  • transform
  • transform-origin
  • matrix()
  • translate(x,y)
  • translateX(n)
  • translateY(n)
  • scale(x,y)
  • scaleX(n)
  • scaleY(n)
  • rotate(angle)
  • skew(x-angle,y-angle)
  • skewX(angle)
  • skewY(angle)
  • 3D Transforms
  • transform
  • transform-origin
  • transform-style
  • perspective
  • perspective-origin
  • backface-visibility
  • RGBA
  • Box Resize
  • Box Sizing
  • Outline
  • Transitions
  • transition
  • transition-delay
  • transition-duration
  • transition-property
  • Animations
  • @keyframes
  • animation
  • animation-delay
  • animation-direction
  • animation-duration
  • animation-iteration-count
  • animation-name
  • Selectors
  • Multiple Columns
  • column-count
  • column-fill
  • column-gap
  • column-rule
  • column-rule-color
  • column-rule-style
  • column-rule-width
  • column-span
  • column-width
  • columns
  • User Interface
  • box-sizing
  • resize
  • outline-offset
  • resize
  • appearance Property
  • nav-down
  • Overview of CSS 3.0 compatabilities for Internet Explorer
  • Converting Layout to HTML 5 & CSS 3

Course Training

About HTML5&CSS3 Training
Harshitha technology Solutions is a leading website design and training company in Hyderabad. We are proficient in design works and deliver designs to propagate your brand identity. We understand the specific requirement of a business and design the website according to that. We always keep track of the latest design trends and implement new ideas on every step of design and development. Website development and designing have reached a new level today. Internet browsing is no longer restricted to desktops and laptops. On the other hand, more and more people prefer to use their smart phones and tablets to look for information on the internet. Hence, businesses and companies opt for websites that are of the latest standards. Here is where HTML5 and CSS3 training comes in. that imparts training on these two advanced markup languages used to develop and design websites.

Use the exciting new features of HTML5 today. Supported well by current browsers, the new specifications offer access to the latest device capabilities, video, audio, dynamic new form elements and structural efficiencies. We provide professional web training and web designing services. We are located in Hyderabad, and targeting all around the world in web designing and development.

HTML5&CSS3 Training Duration

  • Normal Track 40 Working days for each course, daily one and half hour.
  • Weekend Batches(saturday,sunday) 2to3 hours for day total 16 working days.
  • HTML5&CSS3 Training

Prospects


Having a website is considered to be the best way to promote one’s business or company. Hence, most companies have their own website. Also, most of them want websites that are cross-platform and device capable. In short, something that can be easily viewed on any type of browser as well as device. In such case, the job prospects for HTML5 and CSS3 developers would never diminish

Trainer Profile


Real Training with Real Time experience. He has around 13 years of Experience in Training,Designing and Implementing the Applications based on HTML