HTML5 CSS3 TRAINING PROGRAMME

siva soft Training And Develop Institute
Hyderabad
45


Course Summary

IT, Software & Hardware
45
Class room
Beginner/Entry level

Course Overview

  • No.1 Training Institute with Dedicated Trainers and Professionals.
  • Founded in 2010, SivaSoft (Training & Development) is a rapidly growing software training & development & domain & webhosting services company.
  • Over 90% of our business comes from clients or students referrals
  • Our trainers and developers have an average of 3+ years to 12+ years industry experience.
  • K.Siva Kumar, Founder and Web / Mobile Application Developer
  • Self - Learner to spread knowledge to students
  • Accomplished Software Trainer with Experience in HTML / XHTML, CSS, JAVASCRIPT, JQUERY, AJAX, JSON, HTML5, CSS3, RESPONSIVE LAYOUT, POLYFILLS, BOOTSTRAP , ANGULAR JS 1 , ANGULAR JS 2 , NODE JS , JQUERY MOBILE, PHONEGAP, PHP, MYSQL, OOPS, CMS , RUBY ON RAILS.
  • First Institute in Ameerpet Introduced Ruby On Rails Course
  • First Institute in Ameerpet Introduced in Developing Cross Platform (ANDROID, IOS, BLACKBERRY, WINDOWS PHONE, SAMSUNG BADA OS, NOKIA SYMBIAN OS AND WEB OS) Mobile Application Development Course (HTML / XHTML, CSS, JAVASCRIPT, JQUERY, AJAX, JSON, HTML5, CSS3, RESPONSIVE LAYOUT, POLYFILLS, BOOTSTRAP , ANGULAR JS 1 , ANGULAR JS 2 , NODE JS , JQUERY MOBILE, PHONEGAP)


Course Description

  • What is HTML 5:
  • Overview of HTML 5:
  • HTML5 Syntax
  • Forms
  • Form Elements
  • New attributes for <form>
  • New attributes for <input>
  • Video and Audio
  • Types of Elements
  • HTML5 NEW ELEMENTS
  • Migration from HTML4 to HTML5
  • HTML5 DEPRECATED TAGS
  • HTML5 DEPRECATED ATTRIBUTES
  • App Cache or Offline Applications
  • Web Storage
  • Web Workers
  • Server Sent Events - One Way Messaging
  • MathML
  • Geolocation
  • Drag and Drop API
  • File API
  • WEB SQL
  • Canvas Overview
  • SVG
  • CSS 3.0
  • background
  • Gradients
  • repeating-linear-gradient
  • Radial Gradients
  • repeating-radial-gradient
  • text effects
  • @FONT Face
  • Google fonts
  • 2D Transform
  • 3D Transforms
  • RGBA
  • Animations

 

 

 

 

 

 

 

 


Topics Covered

    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 [removed] tag
    • The <link> tag
    • HTML5 Document
    • Forms
    • color
    • date
    • datetime
    • datetime-local
    • email
    • month
    • number
    • range
    • search
    • tel
    • time
    • url
    • week
    • Form Elements
    • <keygen>
    • 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>
    • <embed>
    • plugins
    • youtube
    • Types of Elements
    • Semantic Elements
    • Structural Elements

    HTML5 NEW ELEMENTS:

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

    • <frame>
    • <frameset>

    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
    • Polygon
    • 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
    • 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
    • rotateX()
    • rotateY()
    • rotateZ()/li>
    • 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
    • User Interface
    • box-sizing
    • resize
    • outline-offset
    • Media Queries
    • Overview of CSS 3.0 compatabilities for Internet Explorer
    • Converting Layout to HTML 5

See other jobs

Share Course on :
Amazon AWS PROGRAMME
Satya Training Institute
Hyderabad
45

perl Training Course
siva soft Training And Deve...
Hyderabad
45