Programming In HTML5 With Javascript And CSS3

This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic HTML5/CSS3/JavaScript programming skills.

20480: Programming In HTML5 With Javascript And CSS3

This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic HTML5/CSS3/JavaScript programming skills. This course is an entry point into both the Web application and Windows Store apps training paths. The course focuses 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 application.The lab scenarios in this course are selected to support and demonstrate the structure of various application scenarios. They are intended to focus on the principles and coding components/structures that are used to establish an HTML5 software application.This course uses Visual Studio 2017, running on Windows 10.

Audience

This course is intended for professional developers who have 6-12 months of programming experience and who are interested in developing applications using HTML5 with JavaScript and CSS3 (either Windows Store apps for Windows 10 or web applications).

Prerequisites

  • 1 – 3 months experience creating Web applications, including writing simple JavaScript code,
  • 1 month experience creating Windows client applications, 1 month of experience using Visual Studio 2017.

Course Objectives

After completing this course, students will be able to:

  • Explain how to use Visual Studio 2017 to create and run a Web application.
  • Describe the new features of HTML5, and 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 by using HTML5 attributes and JavaScript code.
  • Send and receive data to and from a remote data source by using XMLHTTPRequest objects and Fetch API.
  • Style HTML5 pages by using CSS3.
  • Create well-structured and easily-maintainable JavaScript code.
  • Write modern JavaScript code and use babel to make it compatible to all browsers.
  • Use common HTML5 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 by using Canvas elements, and by using 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.
  • Use WebPack to package web applications for production.

Course Content

Module 1: Overview of HTML and CSS

Module 2: Creating and Styling HTML Pages

Module 3: Introduction to JavaScript

Module 4: Creating Forms to Collect and Validate User Input

Module 5: Communicating with a Remote Server

Module 6: Styling HTML5 by Using CSS3

Module 7: Creating Objects and Methods by Using JavaScript

Module 8: Creating Interactive Pages by Using HTML5 APIs

Module 9: Adding Offline Support to Web Applications

Module 10: Implementing an Adaptive User Interface

Module 11: Creating Advanced Graphics

Module 12: Animating the User Interface

Module 13: Implementing Real-time Communication by Using Web Sockets

Module 14: Performing Background Processing by Using Web Workers

Module 15: Packaging JavaScript for Production Deployment

JOIN AN UPCOMING CLASS FOR THIS COURSE