Programming in HTML5 with JavaScript and CSS3 (MOC-20480)


Course Number: MOC-20480

Duration: 5 days (32.5 hours)

Format: Live, hands-on

HTML5 with JavaScript and CSS3 Training Overview

This Certified Microsoft  course, Programming in HTML5 with JavaScript and CSS3 (20480), provides an introduction to HTML5, CSS3, and JavaScript, and teaches students the basics of Web application and Windows Store apps training paths. This MOC course teaches attendees 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.

Location and Pricing

Accelebrate offers instructor-led enterprise training for groups of 3 or more online or at your site. Most Accelebrate classes can be flexibly scheduled for your group, including delivery in half-day segments across a week or set of weeks. To receive a customized proposal and price quote for private corporate training on-site or online, please contact us.

In addition, some courses are available as live, online classes for individuals. See a schedule of online courses.

Objectives

  • 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.

Prerequisites

All students must have at least three months of professional development experience as well as:

  • Understand the basic HTML document structure:
    • How to use HTML tags to display text content.
    • How to use HTML tags to display graphics.
    • How to use HTML APIs.
  • Understand how to style common HTML elements using CSS, including:
    • How to separate presentation from content
    • How to manage content flow.
    • How to control the position of individual elements.
    • How to implement basic CSS styling.
  • Understand how to write JavaScript code to add functionality to a web page
    • How to create and use variables
    • How to use:
      • Arithmetic operators to perform arithmetic calculations involving one or more variables
      • Relational operators to test the relationship between two variables or expressions
      • Logical operators to combine expressions that contain relational operators
    • How to control the program flow by using if … else statements.

Outline

Expand All | Collapse All

Introduction
Overview of HTML and CSS
  • Overview of HTML
  • Overview of CSS
  • Creating a Web Application by Using Visual Studio 2017
Creating and Styling HTML Pages
  • Creating an HTML5 Page
  • Styling an HTML5 Page
Introduction to JavaScript
  • Overview of JavaScript
  • Introduction to the Document Object Model
Creating Forms to Collect and Validate User Input
  • Creating HTML5 Forms
  • Validating User Input by Using HTML5 Attributes
  • Validating User Input by Using JavaScript
Communicating with a Remote Server
  • Async programming in JavaScript
  • Sending and Receiving Data by Using the XMLHttpRequest Object
  • Sending and Receiving Data by Using the Fetch API
Styling HTML5 by Using CSS3
  • Styling Text by Using CSS3
  • Styling Block Elements
  • Pseudo-Classes and Pseudo-Elements
  • Enhancing Graphical Effects by Using CSS3
Creating Objects and Methods by Using JavaScript
  • Writing Well-Structured JavaScript Code
  • Creating Custom Objects
  • Extending Objects
Creating Interactive Pages by Using HTML5 APIs
  • Incorporating Multimedia
  • Reacting to Browser Location and Context
  • Debugging and Profiling a Web Application
Adding Offline Support to Web Applications
  • Reading and Writing Data Locally
  • Adding Offline Support by Using the Application Cache
Implementing an Adaptive User Interface
  • Supporting Multiple Form Factors
  • Creating an Adaptive User Interface
Creating Advanced Graphics
  • Creating Interactive Graphics by Using SVG
  • Drawing Graphics by Using the Canvas API
Animating the User Interface
  • Applying CSS Transitions
  • Transforming Elements
  • Applying CSS Keyframe Animations
Implementing Real-time Communication by Using Web Sockets
  • Introduction to Web Sockets
  • Using the WebSocket API
Performing Background Processing by Using Web Workers
  • Understanding Web Workers
  • Performing Asynchronous Processing by Using Web Workers
Packaging JavaScript for Production Deployment
  • Understanding Transpilers And Module bundling
  • Creating Separate Packages for Cross Browser Support
Conclusion

Training Materials:

All Microsoft training students receive Microsoft official courseware.

Software Requirements:

Attendees will not need to install any software on their computer for this class. The class will be conducted in a remote environment that Accelebrate will provide; students will only need a local computer with a web browser with a stable Internet connection. Any recent version of Internet Explorer, Mozilla Firefox, or Google Chrome will be fine.

When you contact us about purchasing this class, we will provide a live demo of the online lab environment so that you may explore the web browser interface in more detail.



Learn faster

Our live, instructor-led lectures are far more effective than pre-recorded classes

Satisfaction guarantee

If your team is not 100% satisfied with your training, we do what's necessary to make it right

Learn online from anywhere

Whether you are at home or in the office, we make learning interactive and engaging

Multiple Payment Options

We accept check, ACH/EFT, major credit cards, and most purchase orders



Recent Training Locations

Alabama

Birmingham

Huntsville

Montgomery

Alaska

Anchorage

Arizona

Phoenix

Tucson

Arkansas

Fayetteville

Little Rock

California

Los Angeles

Oakland

Orange County

Sacramento

San Diego

San Francisco

San Jose

Colorado

Boulder

Colorado Springs

Denver

Connecticut

Hartford

DC

Washington

Florida

Fort Lauderdale

Jacksonville

Miami

Orlando

Tampa

Georgia

Atlanta

Augusta

Savannah

Hawaii

Honolulu

Idaho

Boise

Illinois

Chicago

Indiana

Indianapolis

Iowa

Cedar Rapids

Des Moines

Kansas

Wichita

Kentucky

Lexington

Louisville

Louisiana

New Orleans

Maine

Portland

Maryland

Annapolis

Baltimore

Frederick

Hagerstown

Massachusetts

Boston

Cambridge

Springfield

Michigan

Ann Arbor

Detroit

Grand Rapids

Minnesota

Minneapolis

Saint Paul

Mississippi

Jackson

Missouri

Kansas City

St. Louis

Nebraska

Lincoln

Omaha

Nevada

Las Vegas

Reno

New Jersey

Princeton

New Mexico

Albuquerque

New York

Albany

Buffalo

New York City

White Plains

North Carolina

Charlotte

Durham

Raleigh

Ohio

Akron

Canton

Cincinnati

Cleveland

Columbus

Dayton

Oklahoma

Oklahoma City

Tulsa

Oregon

Portland

Pennsylvania

Philadelphia

Pittsburgh

Rhode Island

Providence

South Carolina

Charleston

Columbia

Greenville

Tennessee

Knoxville

Memphis

Nashville

Texas

Austin

Dallas

El Paso

Houston

San Antonio

Utah

Salt Lake City

Virginia

Alexandria

Arlington

Norfolk

Richmond

Washington

Seattle

Tacoma

West Virginia

Charleston

Wisconsin

Madison

Milwaukee

Alberta

Calgary

Edmonton

British Columbia

Vancouver

Manitoba

Winnipeg

Nova Scotia

Halifax

Ontario

Ottawa

Toronto

Quebec

Montreal

Puerto Rico

San Juan