# Web Development III

# Week 1

Introduction to JavaScript Many different tools are needed when developing web sites and applications. This section will explain how to set up those tools for the different operating systems. We will also gain an understanding of Git and GitHub, and begin our journey of JavaScript.

Topics

• Installing Git
• Installing Node
• Installing Visual Studio Code
• Git Basics
• GitHub Basics
• The Console
• Variables, Expressions, and Operators
• Declaration Statements

# Week 2

Interacting with HTML The Document Object Model is how JavaScript interacts with HTML, and understanding how to interact with the DOM is vital to get the most out of using JavaScript. This module will also cover conditional code execution.

Topics

• Conditional Statements
• Functions
• The Document Object Model

Extra Practice

• Adding Machine
• Bad Wolf

Additional Resources

• Eloquent JavaScript - Chapter 14: The Document Object Model

# Week 3

Creating HTML In addition to manipulating existing HTML, the DOM also lets you create and add new HTML elements to the page. In this module, we will explore the different ways of creating and adding new HTML elements. We will also learn how to keep collections of related data together, as well as how to process it.

Topics

• Arrays
• Array Methods
• Iteration
• Creating DOM Elements

# Week 4

Responding to Events A fundamental purpose of JavaScript is to respond to HTML events. In this module, we will learn how to listen for specific events and respond to them. We will also learn ab

Topics

• Objects
• DOM Events

Extra Practice

• Crazy Cats

# Week 5

Working with Mulitple Elements In this module we learn how to retrieve and work with multiple HTML elements. We will

Topics

• Iteration
• Custom Data Attributes
• Finding HTML Elements
• Adding Listeners on Multiple Elements

# Week 6

Working with Forms In this module we'll learn about forms and how to process user-submitted data using JavaScript.

Topics

• HTML Forms
• Form Handling

# Week 7

Adding Persistent Data Date and time can play an important part on some web sites and applications, so it is important to know how to work with these concepts in JavaScript. We will also explore how to use Local Storage to save data relevant to a user's experience on the site.

Topics

• Date Object
• Local Storage

# Week 9

Working with Strings and Arrays

Topics

• String Methods
• Functional Array Methods

# Week 10

Introduction to jQuery The jQuery library was once the most widely used JavaScript library. While is popularity has waned in recent years, there many older sites that still used it. In this module, we explore the basics of using the jQuery library.

Topics

• jQuery
• jQuery UI

# Week 11

Using Timing Functions Some web features must progress or change over time. In this module, we'll add a temporal dimension to our JavaScript knowledge.

Topics

• Timing Functions

Extra Practice

• How Long (Luxon)
• Time Color (Luxon)
• Timer (EasyTimer)

Additional Resources

• Cooperative asynchronous JavaScript: Timeouts and intervals

# Week 12

Asynchronous Requests Modern websites often rely on data coming from an external source. To retrieve that data requires asynchronous behaviour. This chapter will cover different techniques of making server requests using JavaScript.

Topics

• Fetch
• Ajax with jQuery

Extra Practice

• Navbar
• Animate on Scroll

Additional Resources

• Using Fetch