Web Development Fundamentals – JavaScript

This course follows on from Web Development Fundamentals – HTML and CSS (QAHTMLCSS) to add the basics for the third skill needed for web development, JavaScript. This course, using the latest revision 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.

Target Audience

The course is aimed at anyone who wants to learn web development and perhaps progress into using modern JavaScript libraries and frameworks. It is suitable for those who are relatively new to programming, or experienced developers skilled in other languages who need to learn the nuances of JavaScript.

Delegates will learn how 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

Delegates MUST have HTML and CSS skills equivalent to those provided by the Web Development Fundamentals – HTML and CSS course (http://www.qa.com/QAHTMLCSS).

Familiarity with programming would be beneficial, we recommend Programming Foundations (www.qa.com/QAPROGFOU) to new developers.

The Developer Environment

• The Modern Web Developer’s Tool Set

JavaScript Basics

• JavaScript in HTML
• Types
• Operators

JavaScript Data Structures

• Arrays
• Collections

JavaScript Program Control

• Conditionals
• Loops
• Functions

JavaScript and the DOM

• Manipulating styles
• Events
• Forms

JavaScript Deeper Dive

• Modules
• Object Oriented JavaScript
• Error Handling and Debugging
• Asynchronous JavaScript

Hackathons

Build upon a given website using set of user stories to implement JavaScript features to enhance it using the skills, techniques and knowledge gained during the course.