• Course
  • Vendor

In this course, you will be introduced to HTML5, CSS3, and JavaScript and gain basic HTML5/CSS3/JavaScript programming skills.

  • Course Start Date: 2022-06-06
  • Time: 08:30:00 - 16:30:00
  • Duration: 5 days 08:30 AM - 04:30 PM
  • Location: Virtual
  • Delivery Method(s): Virtual Instructor Led

Course Outline


- Understanding of the basic HTML document structure: * Experience using HTML tags to display text content * Experience using HTML tags to display graphics * Experience using HTML APIs - Knowledge of common style HTML elements using CSS, including: * Separating presentation from content * Managing content flow * Managing content overflow * Basic CSS styling


In this course, you will be introduced to HTML5, CSS3, and JavaScript and gain basic HTML5/CSS3/JavaScript programming skills. This course is an entry point into both the web application and Windows Store apps training paths. You will focus on using HTML5/CSS3/JavaScript to implement programming logic, define and use variables, perform looping and branching, develop user interfaces, capture and validate user input, store data, and create well-structured applications.

This course uses Visual Studio 2012 running on Windows 8.

What You'll Learn
  • Use Visual Studio 2012 to create and run a web application
  • New features of HTML5
  • Create and style HTML5 pages
  • Add interactivity to an HTML5 page by using JavaScript
  • Create HTML5 forms by using different input types and validate user input using HTML5 attributes and JavaScript code
  • Send and receive data to and from a remote data source by using XMLHTTPRequest objects and jQuery AJAX operations
  • Style HTML5 pages by using CSS3
  • Create well-structured and easily-maintainable JavaScript code
  • Use common HTML5 application programming interfaces (APIs) in interactive Web applications
  • Create web applications that support offline operations
  • Create HTML5 web pages that can adapt to different devices and form factors
  • Add advanced graphics to an HTML5 page using Canvas elements and Scalable Vector Graphics
  • Enhance the user experience by adding animations to an HTML5 page
  • Use web sockets to send and receive data between a web application and a server
  • Improve the responsiveness of a web application that performs long-running operations by using web worker processes
Who Needs to Attend
  • Developers who have at least six months of professional experience and who are interested in developing applications using HTML5 with JavaScript and CSS3 (either Windows Store apps or IE10 apps for the web)
  • Developers who have more than five years programming experience may find that portions of this training are fundamental in nature when presenting the syntax associated with certain programming tasks
Course Outline

1. HTML and CSS
  • HTML
  • CSS
  • Creating a Web Application Using Visual Studio 2012
2. Creating and Styling HTML5 Pages 3. JavaScript
  • JavaScript Syntax
  • Programming the HTML DOM with JavaScript
  • jQuery
4. Creating Forms to Collect Data and Validate User Input
  • Forms and Input Types
  • Validating User Input Using HTML5 Attributes
  • Validating User Input 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 Using CSS3
  • Styling Text
  • Styling Block Elements
  • CSS3 Selectors
  • Enhancing Graphical Effects 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 Using the Application Cache
10. Implementing an Adaptive User Interface
  • Creating a Print-Friendly Stylesheet
  • Adapting Page Layout to Fit a Different Form Factor
11. Creating Advanced Graphics
  • Creating Interactive Graphics Using Scalable Vector Graphics
  • Programmatically Drawing Graphics Using a Canvas
12. Animating the User Interface
  • Applying CSS Transitions
  • Transforming Elements
  • Applying CSS Key-Frame Animations
13. Implementing Real-Time Communications Using Web Sockets
  • Web Sockets
  • Sending and Receiving Data Using Web Sockets
14. Creating a Web Worker Process
  • Web Workers
  • Performing Asynchronous Processing Using aWeb Worker

Lab 1: Explore the Contoso Conference Application
  • Walkthrough of the Contoso Conference Application
  • Examine and Modify the Contoso Conference Application
Lab 2: Create and Style HTML5 Pages
  • Create HTML5 Pages
  • Style HTML5 Pages
Lab 3: Display Data and Handle Events by Using JavaScript
  • Display Data Programmatically
  • Handle Events
Lab 4: Create a Form and Validate User Input
  • Create a Form and Validate User Input Using HTML5 Attributes
  • Validate User Input Using JavaScript
Lab 5: Communicate with a Remote Data Source
  • Retrieve Data
  • Serialize and Transmit Data
  • Refactore the Code Using jQuery Ajax Method
Lab 6: Style Text and Block Elements using CSS3
  • Style the Navigation Bar
  • Style the Page Header
  • Style the About Page
Lab 7: Refine Code for Maintainability and Extensibility
  • Inherit From Objects
  • Refactor Code to Use Objects
Lab 8: Create Interactive Pages by Using HTML5 APIs
  • Incorporate Video
  • Incorporate Images
  • Use the Geolocation API
Lab 9: Add Offline Support to a Web Application
  • Implement the Application Cache
  • Implement Local Storage
Lab 10: Implement an Adaptive User Interface
  • Create a Print-Friendly Stylesheet
  • Adapt Page Layout to Fit a Different Form Factor
Lab 11: Create Advanced Graphics
  • Create anInteractive Venue Map Using Scalable Vector Graphics
  • Create a Speaker Badge Using a Canvas Element
Lab 12: Animate User Interface Elements
  • Apply Transitions to User Interface Elements
  • Apply Key-Frame Animations
Lab 13: Implement Real-Time Communications Using Web Sockets
  • Receive Data from Web Socket
  • Send Data to a Web Socket
  • Send Multiple Types of Messages To or From a Web Socket
Lab 14: Create a Web Worker Process
  • Improve Responsiveness Using a Web Worker
  • Provide User Feedback During a Long-Running Process

Cancellation Policy

We require 16 calendar days notice to reschedule or cancel any registration. Failure to provide the required notification will result in 100% charge of the course. If a student does not attend a scheduled course without prior notification it will result in full forfeiture of the funds and no reschedule will be allowed. Within the required notification period, only student substitutions will be permitted. Reschedules are permitted at anytime with 16 or more calendar days notice. Enrollments must be rescheduled within six months of the cancel date or funds on account will be forfeited.

Training Location

Online Classroom
your office

your city, your province
your country   

About Global Knowledge


Global Knowledge is the world's leading learning services and professional development solutions provider. We deliver learning solutions to support customers as they adapt to key business transformations and technological advancements that drive the way that organizations around the world differentiate themselves and thrive. Our learning programs, whether designed for a global organization or an individual professional, help businesses close skills gaps and foster an environment of continuous talent development.

Training Provider Rating

This vendor has an overall average rating of 4.38 out of 5 based on 431 reviews.

I would never take another course that starts at 11AM and goes to 9PM again. The way the course was laid out really took away from ... Read more

I would never take another course that starts at 11AM and goes to 9PM again. The way the course was laid out really took away from the capturing of what was presented as it was 5-6 hours of watching a screen before getting to the actual labs. There has to be a better way to lay out this particular course. In my previous course, the lectures were broken up by labs which worked out fantastic and kept you engaged in the course. There were days when in order to actually complete the labs, would go over the 9PM day end time frame. Was able to get the primary labs done, but if you want to get all the content completed, you cannot complete it in the window of this course, you will need to come back on your own time.

No comment
No comment
Instructor was great
No comment
No comment
No comment
No comment
No comment
No comment
No comment
No comment
No comment
No comment
No comment
No comment
No comment
No comment
No comment
Wasn’t as advanced as I thought it would be. There was an issue when the day my course was the first time they used a new platfo ... Read more

Wasn’t as advanced as I thought it would be. There was an issue when the day my course was the first time they used a new platform.. from adobe to something called zoom; I had to call support line cause it stated our instructor wasn’t present. Thankfully I called cause everyone online was in the adobe virtual classroom waiting for what looked like a teacher who didn’t show up for class (IT didn’t get anything resolved until 10mins after start time). I felt like he was really getting hung up on very basic knowledge for the first half of the course (talking about how to create tabs and drag formulas as an example). I completed files a few times before he was done explaining. There was a scheduled fire drill for them (roughly 30mins)that also cut into our time, which wasn’t deducted from the hour lunch break or the two, fifteen min breaks. I also really wish he touched base more on the automating workbook functions portion which we barely did. I'm happy there were/are those study guides (learning videos) and exams to take on my own time that I hope after I've had the class are still available for me to learn from.

Course Reviews

This course has an overall avarage rating of 4.70 out of 5 based on 1 reviews.


Carlos G attended this course Jan 2017

Course Content

Delivery Structure

Instructor Ability

No comment