HTML5 with JavaScript and CSS3 Training

  • Overview
  • Course Content
  • Drop us a Query

HTML5 with JavaScript and CSS3 training imparts the skills to develop web applications and windows client applications. Participants learn how to use HTML5/JavaScript/CSS3 for implementing programming logic. The constraints to define and use variables, creating branching and looping, collecting and validating user input, and managing user interface is covered under the training. The training builds the proficiency in creating well-structured HTML5 software applications by providing hands-on exposure of coding the structure and components.

The training enables you to perform the following tasks:

  • Use basic HTML elements, CSS structure, and Visual Studio 2012 interface for web application development
  • Create static pages using HTML5 and apply styling using CSS3
  • Use JavaScript with HTML5 to handle events
  • Create forms, accept and validate user input along with feedback if not according to HTML5 attributes
  • Serialize, deserialize, send, and receive data by using XMLHTTPRequest objects and jQuery ajax method
  • Apply maintainability and extensibility by using well-structured JavaScript code
  • Add graphics, video, audio, animation, and location of the user into a Web application
  • Create print-friendly stylesheet
  • Use Web Sockets to send and receive data between a web application and a server
  • Use Web Worker processes to improve the responsiveness of a web application
Target audience

The training is ideal for students/developers who have a fair understanding of object-oriented programming concepts and proficiency in using Visual Studio.

Prerequisites

The hands-on experience in developing web applications and windows client applications using Visual Studio and simple JavaScript code is a prerequisite for this course.

1. Overview of HTML and CSS

  • Overview of HTML
  • Overview of CSS
  • Creating a Web Application by Using Visual Studio 2012

2. Creating and Styling HTML5 Pages

  • Creating an HTML5 Page
  • Styling an HTML5 Page

3. Introduction to JavaScript

  • Overview of JavaScript Syntax
  • Programming the HTML DOM with JavaScript
  • Introduction to jQuery

4. Creating Forms to Collect Data and Validate User Input

  • Overview of Forms and Input Types
  • Validating User Input by Using HTML5 Attributes
  • Validating User Input by Using JavaScript

5. Communicating with a Remote Data Source

  • Sending and Receiving Data by Using XMLHTTPRequest
  • Sending and Receiving Data by Using jQuery AJAX operations

6. Styling HTML5 by Using CSS3

  • Styling Text
  • Styling Block Elements
  • CSS3 Selectors
  • Enhancing Graphical Effects by Using CSS3

7. Creating Objects and Methods by Using JavaScript

  • Writing Well-Structured JavaScript
  • Creating Custom Objects
  • Extending Objects

8. Creating Interactive Pages using HTML5 APIs

  • Interacting with Files
  • Incorporating Multimedia
  • Reacting to Browser Location and Context
  • Debugging and Profiling a Web Application

9. Adding Offline Support to Web Applications

  • Reading and Writing Data Locally
  • Adding Offline Support by Using the Application Cache

10. Implementing an Adaptive User Interface

  • Supporting Multiple Form Factors
  • Creating an Adaptive User Interface

11. Creating Advanced Graphics

  • Creating Interactive Graphics by Using Scalable Vector Graphics
  • Programmatically Drawing Graphics by Using a Canvas

12. Animating the User Interface

  • Applying CSS Transitions
  • Transforming Elements
  • Applying CSS Key-frame Animations

13. Implementing Real-Time Communications by Using Web Sockets

  • Introduction to Web Sockets
  • Sending and Receiving Data by Using Web Sockets

14. Creating a Web Worker Process

  • Introduction to Web Workers
  • Performing Asynchronous Processing by Using a Web Worker

A Few Things You'll Love!

What our Students Speak

+