JavaScript

Overview

Make your websites dynamic and interactive with JavaScript! You'll create features and stand-alone applications. This module includes projects where you will learn how to manipulate the DOM, use object-oriented programming principles, and build single page applications with React.

Introduction

Welcome to the JavaScript course! Start here!

1. How this course will work

2. A quick review

Organizing your JavaScript Code

This series digs in to the things you need to write larger and larger applications with JavaScript. This is where it gets real!

1. Organizing your JavaScript Code Introduction

2. Objects and Object Constructors

3. Project: Library

4. Factory Functions and the Module Pattern

5. Project: Tic Tac Toe

6. Classes

7. ES6 Modules

8. Webpack

9. Project: Restaurant Page

10. OOP Principles

11. Project: Todo List

JavaScript in the Real World

Let's look at a few more practical applications of JavaScript and learn about a few useful tools that are widely used in the industry.

1. Linting

2. Dynamic User Interface Interactions

3. Form Validation with JavaScript

4. What is ES6?

Asynchronous JavaScript and APIs

This section explores asynchronous JavaScript and event loops, and how it's useful in fetching data from web servers using APIs.

1. JSON

2. Asynchronous Code

3. Working with APIs

4. Async and Await

5. Project: Weather App

A Bit of Computer Science

In this section, you'll learn some fundamental computer science concepts that will help you when solving problems with a bit more complexity than just simple web serving. You get to try on your engineering hat and solve some pretty nifty problems.

1. A Very Brief Intro to CS

2. Recursive Methods

3. Project: Recursion

4. Common Data Structures and Algorithms

5. Project: Linked Lists

6. Project: Binary Search Trees

7. Project: Knights Travails

Testing JavaScript

Test driven development is an important skill in today's dev world. This section digs into the details of writing automated JavaScript tests.

1. Testing Basics

2. Project: Testing Practice

3. More Testing

4. Project: Battleship

Intermediate Git

You should be familiar with the basic Git workflow since you've been using it to save your projects along the way (right?!). This section will start preparing you for the more intermediate-level uses of Git that you'll find yourself doing.

1. A Deeper Look at Git

2. Using Git in the Real World

React JS

In this section you will learn the basics of the most popular frontend framework, React JS.

1. React Introduction

2. State and Props

3. Handle Inputs and Render Lists

4. Project: CV Application

5. Lifecycle Methods

6. Hooks

7. Project: Memory Card

8. Router

9. React Testing Part 1

10. React Testing Part 2

11. Project: Shopping Cart

12. Advanced Concepts

JavaScript and the Backend

A real web app needs a back end in order to persist its data and do sensitive operations. Here you'll learn how to outsource your backend to a Backend-as-a-Service company like Firebase.

1. Using BaaS For Your Back End

2. Project: Where's Waldo (A Photo Tagging App)

Finishing Up with JavaScript

You've learned everything you need and all that remains to do is apply that knowledge to a worthy task. In this section you will be working on your capstone project so you can show off your range of skills.

1. Project: JavaScript Final Project

2. Conclusion