This laboratory is contributed and maintained independently by a third-party (QA).  It may contain imperfections in the instructions due to the passage of time.

This lab builds the basic skills of web development in JavaScript. This lab, using the latest version of JavaScript and developer tools to allow this, starts with the basics needed to write simple scripts and builds on this to prepare you for using modern JavaScript frameworks and libraries such as React and Angular.

Lab Objectives

Upon completion of this lab you will be able to:

• Set up a development environment for programming in modern JavaScript
• Manage and use JavaScript types and data structures effectively
• Control the flow of programs using loops and conditional code
• Use JavaScript alongside HTML, manipulating and changing the DOM
• React to events to make web pages respond to user interaction, including form handling
• Produce and use basic Object-Oriented JavaScript
• Work with asynchronous data using JavaScript

Intended Audience

This lab is intended for:

• Anyone who wants to learn web development and perhaps progress into using modern JavaScript libraries and frameworks
• Those who are relatively new to programming or experienced developers skilled in other languages who need to learn the nuances of JavaScript

Prerequisites

You should be familiar with:

• HTML and CSS
• Computer programming concepts

Completion of the Web Development Fundamentals - HTML and CSS lab is recommended to fulfill the HTML and CSS prerequisite.

Updates

November 3rd, 2020 - Updated the lab exercise guide to replace out-dated commands in quick lab 1

October 12th, 2020 - Added a replacement command for quick lab 1 instruction 4 to install version 3 of webpack-cli in order for the webpack development server to run

October 8th, 2020 - Updated quick lab 1 to include the empty src folder and index.html skeleton

October 5th, 2020 - Updated index.html file used in quick lab 12 to include missing HTML

May 11th, 2020 - Added instructions to review delegate guides to learn about the topics applied in the quick labs

May 6th, 2020 - Added Exercise Guide Supplemental Instructions section to help clarify instructions in the quick lab guides

July 9th, 2020 - Enabled direct browser RDP connection for a streamlined experience