RKCP Information Technology




HTML5 & CSS3
Home » Courses   » HTML5 & CSS3

HTML5 & CSS3

Learn about HTML: its 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 teaches about HTML5 and how to incorporate its countless features in Web pages and applications. From this training the participants will quickly learn 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 also gets to learn about 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 participants will learn how to create web applications with HTML5 so that they can use it in their projects right away.

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

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

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

Total Duration

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


Prerequisites

Participants should be familiar with HTML, CSS, and JavaScript. Prior experience in 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 W3C? - What Is WHATWG? -
    • Vision And Philosophy of HTML5
    • Compatibility
    • Utility
    • Interoperability
    • Universal Access
    • Future Of HTML5 - Timeline
  • 2. Starting With HTML5
    • 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 Web Applications Needed?
    • Current Solutions
    • New Input Types
    • New Attributes
    • Form Validation
    • Browser Support
  • 5. Audio and Video
    • The State of Web Audio And Video Depending 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 the 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 Existing Cookie-based Model
    • Hacks Prior To HTML5
    • New Storage Options - Web Storage - tWeb SQL Storage -
    • Browser Support
  • 8. HTML5 Offline Applications
    • Need For Offline Mode
    • The Manifest File
    • The application Cache Events
    • Deployments And Updates
    • Browser Support
  • 9. HTML5 Geolocation
    • Introduction To Geolocation
    • Privacy Considerations
    • Different 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