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. Forms
4. ES?

Asynchronous JavaScript and APIs

Asynchronous JavaScript

1. JSON
2. Async
3. Working with APIs
4. Async and Await
5. Project: Weather App

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

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. Project: Shopping Cart
10. 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 use ajax to send data requests to your Rails back end or how to outsource your backend to a Backend-as-a-Service company like Firebase.

1. Using Ruby on Rails or 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: Final Project
2. Conclusion