Overview

Make your websites dynamic and interactive with JavaScript! You'll create features and stand-alone applications. This course will wrap everything you've learned at The Odin Project into one, final capstone project.

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. 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. Project: Restaurant Page
9. OOP Principles
10. 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. Webpack
5. ES?

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

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

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, and/or how to outsource your backend to a Backend-as-a-Service company like Firebase. You'll also get a chance to work with external APIs, which is something you'll probably find yourself doing quite frequently as you build your own projects in the future.

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, we'll briefly cover how to test Javascript using Jasmine and then get you started with your capstone project so you can show off your range of skills.

1. Project: Final Project
2. Conclusion