Group Services: Technology Consulting
phone +91-9999-283-283/9540-283-283
email info@sisoft.in

Course Details

HTML5-Course Content:

Goal:

Make the learner proficient in usage of HTML5 in Mbile Application development.

Pre-requisite:

If you have the basic knowledge of HTML then it will be more simpler otherwise don't worry it's much simple.

Prepare for:

Web-development as well as mobile application development.

Audiences:

IT professional or B.Tech/MCA students etc.

Duration:

16 hours

Topics to be Covered are as Follows:

HTML5

History, Vision & Future of HTML5

  • What Is HTML5?
  • History And Major Actors
  • Vision And Philosophy Behind HTML5
  • Compatibility
  • Future Of HTML5

Getting Started With HTML5

  • The State Of Browser Support
  • Feature Detection
  • Support For Legacy Browsers
  • Developer Tools

Structure of a Web Page

  • HTML5 DOCTYPE
  • Page Encoding
  • New And Updated Elements
  • New Attributes
  • Deprecated Elements And Attributes
  • HTML5 And CSS3
  • Browser Support

Forms and Audio/Video

  • What Are The Needs For Web Applications?
  • Current Solutions
  • New Input Types
  • New Attributes
  • Form Validation
  • Browser Support
  • Video/Audio Codec And Browser Support
  • New Audio/Video Markup
  • Attributes And Methods
  • Understanding Audio/Video Events
  • Customizing Audio/Video Controls

HTML5 Canvas

  • Overview Of Graphics In The Browser
  • Canvas Vs. SVG
  • Accessibility
  • Using A Canvas
  • Context And Coordinates
  • Drawing Shapes
  • Working With Paths
  • Drawing Straight Lines
  • Drawing Circles Or Arcs
  • Drawing Text
  • Drawing Images

HTML5 Geolocation

  • Introduction To Geolocation
  • Privacy Considerations
  • Many Ways To Get User Location
  • Two Main Methods
  • The Position Object
  • Handling Errors
  • The Position Options Object

Drag/Drop and Data Storage

  • Making elements draggeble
  • One way drag
  • Two way drag
  • Problems With The Existing Cookie-based Model
  • Hacks Prior To HTML5
  • New Storage Options
  • Web Storage
  • Web SQL Storage

HTML5 Web Sockets

  • Overview Of Web Communication Options
  • Overview Of Web Sockets API And Protocol
  • Advantages Of Web Sockets
  • Browser Support

CSS3

Overview of CSS3 New Features

  • Image free Visual Effects
  • Box transformations
  • Unique Fonts
  • Powerful Selectors
  • Transitions and Animations
  • Multiple Column Layouts
  • Changing background color
  • Adding pure CSS3 animation

CSS3 Graphics Effects

  • Rounding the Corners
  • Semitransparent Backgrounds
  • Image-free Gradients
  • Image-free Drop Shadows
  • Image-free Text Shadows

JQUERY

Introduction

  • Intro
  • Install
  • Syntax
  • Selectors
  • Events

jQuery Effects

  • jQuery Show/Hide
  • jQuery Fade
  • jQuery Slide
  • jQuery Animate
  • jQuery Stop()
  • jQuery Callback
  • jQuery Chaining

jQuery html

  • jQuery Get
  • jQuery Set
  • jQuery Add
  • jQuery Remove
  • jQuery CSS Classes
  • jQuery css()
  • jQuery Dimensions

jQuery Ajax

  • jQuery Ajax-Intro
  • jQuery Load
  • jQuery Get/Post

Advanced jQuery

  • jQuery plugins