Web Programming I

Week 1

Introduction to JavaScript Javascript is THE programming language for the web. In this section we begin our journey by learning the basic of JavaScript.

Topics

• Introduction
• Comments
• Variables
• Declaration Statements
• Data Types
• Operators
• Expressions
• JavaScript Console

Lab

• Installing Browsers
• Installing Git
• Installing Node
• Installing Visual Studio Code

Additional Resources

• HTML Introduction
• Git Basics
• GitHub Basics

Week 2

HTML Manipulation 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.

Topics

• The Document Object Model
• Finding HTML Elements
• Traversing the DOM
• Manipulating Attributes
• Manipulating Classes

Additional Resources

• CSS Introduction

Week 3

Control Flow Control flow is the act of controlling how computer "flows" through our script. In this section we will learn about two control flow elements: conditional statements and functions.

Topics

• Conditional Statements
• Functions

Additional Resources Function HoistingScope

Week 4

Objects and Loops Objects are a complex data type that allows a variable to hold more than one value at once. Loops are a control flow element that is used to repeatly execute commands. In this section, we will explore both.

Topics

• Arrays
• Array Manipulation
• Array Sorting
• Array Concatenation
• Objects
• for Loop
• for...of loop
• for...in loop
• while loop

Week 5

HTML Creation In addition to manipulating existing HTML, the DOM also lets you create and add new HTML elements to the page. In this section, 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

• Creating DOM Elements
• Creating DOM Elements Using Strings
• Creating DOM Elements Using Methods

Week 6

Data Methods JavaScript includes methods for parsing and manipulating data found in strings, arrays, and objects. We will explore and learn how to use some of these methods.

Topics

• JavaScript String Methods
• JavaScript Array Methods
• Searching in Arrays
• Functional Array Methods
• JavaScript Object Methods

Week 7

Review A review of all topics discussed thus far

Week 9

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

Topics

• DOM Events
• Event Listeners
• Event Types
• Form Handling

Week 10

Scalable Events In this section we explore how to work with event listeners on multiple elements.

Topics

• Adding Listeners on Multiple Elements
• Event Delegation

Additional Resources

• Custom Data Attributes

Week 11

Asynchronous and Persistent Data Modern websites often rely on data coming from an external source. There is also a need to data to be persistent across sessions.This section will cover how to make asynchronous requests using JavaScript and how to save the data for future use.

Topics

• Fetch
• Local Storage

Week 12

Review A review of all topics discussed throughout the course