Web Development with Javascript

Week 1

No Class

Week 2

Introduction to JavaScript Javascript is the programming language for the web. In this section we begin our journey by learning the basic of JavaScript. We will also gain an understanding of Git Branching feature as an advance development tool.

Topics

• Git Branching
• The Console
• Introduction
• Comments
• Variables
• Declaration Statements
• Data Types
• Operators
• Expressions

Supporting Material

• Installing Git
• Installing Node
• Installing Visual Studio Code
• Git Basics
• GitHub Basics

Week 3

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

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

Week 4

Arrays and Loops Arrays are a 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
• Array Methods
• Searching in Arrays
• For Loop
• For...of 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

Objects Objects another data type that allow a variable to hold multiple values. In this section, we will learn how to create and work with objects.

Topics

• Objects
• Object Methods

Week 7

Midterm Evaluation Topics

• Midterm Evaluation Preview

Week 8

Study Break There is no class this week.

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

Scalable Manipulation In this section we explore how to retrieve and work with multiple HTML elements using DOM methods and loops. We will also learn to efficently add event listeners to multiple elements.

Topics

• Custom Data Attributes
• Manipulating Attributes

Week 10

Persistent Data In this section, we will also explore how to use local storage to save data relevant to a user's experience on the site.

Topics

• Local Storage

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

Topics

• Fetch

Week 11

Application Planning and Architecture Translate project requirements into a data model, application structure, and achievable development plan.

Week 12

Development, Debugging and Documentation Diagnose application problems and apply technical documentation while developing the capstone project.

Week 13

Work Lab The class time will be used for working on the final project. One on one support will be provided in class.

Week 14

Work Lab The class time will be used for working on the final project. One on one support will be provided in class.

Week 15

Finals Week There is no class this week. Submit your final project