RKCP Information Technology




HTML5 & CSS3
Home » Courses   » HTML5 & CSS3

HTML5 & CSS3

Learn HTML Introduction, Structure Of Web Page, Forms, Audio & Video, HTML Canvas, Data Storage, Offline Applications, Geolocation, Web Workers & Sockets in HTML5 & CSS3 Tutorial/Training-LIVE Online & Classroom sessions


Overview

This training program explored about HTML5 and how to incorporate its countless features in Web pages and applications. With this training the participants will quickly go from the basics of HTML5 to deep dives into advanced topics like Layouts Forms Offline Support Geolocation Audio & Video Graphics Communication APIS Storage New Javascript Web Workers and so on.

The participants will also learn how to implement the newest CSS3 Techniques in their Web applications and gain an understanding of the browser support in different modules.


Objective

In the hands-on HTML5 training course attendees will learn how to create web applications with HTML5 so that they can start using it in their projects right away.

At the end of HTML5 & CSS3 training course, the participants will:

  • Know how to use HTML5 Markup
  • Know how to use the HTML5 JavaScript APIs
  • Understand current browser support for the various HTML5 features
  • Understand how to emulate certain HTML5 features in older browsers
  • Learn about best practices for using HTML5
  • Learn how to use the new features of CSS3

Suggested Audience - This course is designed for software developers interested in designing, creating, and deploying HTML5 web applications. It is valuable to both beginners and advanced developers that already have experience in developing web applications.

Duration

  • Open-House (Public): 2 days
  • In-House (Private): 3 days


Prerequisites

Attendees should be familiar with HTML, CSS, and JavaScript. Prior exposure to XML and Ajax is helpful, but not required.


Syllabus

Expand All
  • 1. History, Vision & Future of HTML5
    • What Is HTML5?
    • History And Major Actors
    • A Little Retrospective - What Is The W3C? - What Is The WHATWG? -
    • Vision And Philosophy Behind HTML5 -
    • Compatibility
    • Utility
    • Interoperability
    • Universal Access
    • Future Of HTML5 - Timeline -
  • 2. Getting Started With HTML5
    • The State Of Browser Support
    • Feature Detection
    • Support For Legacy Browsers
    • Graceful Degradation - Emulation -
    • Developer Tools
  • 3. Structure of a Web Page
    • HTML5 DOCTYPE
    • Page Encoding
    • HTML5 Markup
    • New And Updated Elements - Structural Elements - New Attributes - Deprecated Elements And Attributes -
    • HTML5 And CSS3
    • Browser Support
  • 4. Forms
    • What Are The Needs For Web Applications?
    • Current Solutions
    • New Input Types
    • New Attributes
    • Form Validation
    • Browser Support
  • 5. Audio and Video
    • The State of Web Audio And Video Based On Plug-in
    • The State Of Audio And Video Codec (e.g. H.264, WebM, etc.) - Video/Audio Codec And Browser Support -
    • New Audio/Video Markup
    • Attributes And Methods
    • Understanding Audio/Video Events
    • Customizing Audio/Video Controls
  • 6. 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
    • Working With Pixels
    • Understanding Transforms - Translation - Rotation - Scaling -
    • Browser Support
  • 7. Data Storage
    • Problems With The Existing Cookie-based Model
    • Hacks Prior To HTML5
    • New Storage Options - Web Storage - tWeb SQL Storage -
    • Browser Support
  • 8. HTML5 Offline Applications
    • The Need For Offline Mode
    • The Manifest File
    • The application Cache Events
    • Deployments And Updates
    • Browser Support
  • 9. 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
    • Browser Support
  • 10. HTML5 Web Workers
    • The Current JavaScript Execution Model
    • Introduction To Web Workers
    • Usage Of Web Workers
    • Communication APIs
    • Handling Errors
    • Browser Support
  • 11. HTML5 Web Sockets
    • Overview Of Web Communication Options
    • The History (Comet) -
    • Overview Of Web Sockets API And Protocol
    • Advantages Of Web Sockets
    • Browser Support
  • 12. Overview of CSS3 New Features
    • Image free Visual Effects
    • Box transformations
    • Unique Fonts
    • Powerful Selectors
    • Transitions and Animations
    • Multiple Column Layouts
  • 13. Improving Efficiency using Pseudo Classes
    • New structural Pseudo-classes
    • Changing background color
    • Adding pure CSS3 animation
  • 14. CSS3 Graphics Effects
    • Rounding the Corners
    • Semitransparent Backgrounds
    • Image-free Gradients
    • Image-free Drop Shadows
    • Image-free Text Shadows