The Advanced Web Developer Bootcamp 

The Story Of This Course

Curriculum Walkthrough

Learning Paths

Introducing the Team

Section Introduction

Introduction To CSS Animations

Why Animations Matter

Intro To Pseudoclasses

Pseudo-Classes: Hover

Pseudo-Classes: Focus

Pseudo-Classes: Active

Quick Pseudoclasses Exercise

Building An Animated Button

Introduction to Transform

Transform: Translate

Transform:Scale() and Transform-Origin

Transform: Rotate()

A Note on Vendor Prefixes

Transitions Basics

Transition-Duration and Transition-Property

Transition-Timing-Function and Transition-Delay

Transition Shorthand

CSS Animation Performance

Building An Animated Gallery

Introduction to Keyframes

Codealong: Animated Rainbow Flashing Text

Other CSS Animation Properties

Exercise: Rising and Setting Sun Animation

Exercise SOLUTION : Rising and Setting Sun Animation

CSS Animation Shorthand

Building an Animated CSS Loading Icon

Section Introduction

Introduction To Flexbox

The Magic of Display: Flex

Important Flexbox Terminology

Flex-Direction

Flex-Wrap

Justify-Content

Flexbox Sidebar Exercise

Flexbox Sidebar Exercise: SOLUTION

Align-Items

Align-Content

Building A Responsive Navbar CODEALONG

Align-Self

Order

flex-basis

flex-grow

Flex-Shrink

Building a Polygon.com Widget

Exercise: Holy Grail Layout

Exercise: Holy Grail Layout SOLUTION

Flexbox Browser Support

Introducing Matt

Section Introduction

Project: Introduction

Project Solution: Nav and Header

Project Solution: Destinations and Features

Project Solution: Testimonials, Contact, and Footer

Project Solution: Responsive Design

Introducing Tim

Introduction

Callback Functions

Codealong: forEach

findIndex Exercise Intro

findIndex Solution

The Stack And The Heap

The Stack: An Example

setTimeout and setInterval

countDown Exercise Solution

The Event Loop And The Queue

Promise Basics

Promise Chaining

Intro to AJAX

What's the deal with JSON and XML?

Making Our First Request with XMLHTTPRequest

AJAX Workflow: Building The Random Image App

Bitcoin Price Exercise

Bitcoin Price Exercise Solution

Fetch Introduction

Fetch Options

Fetch Error Handling

Fetch Random User Profile Exercise

Fetch Random User Profile Exercise Solution

The Problem With Fetch

jQuery AJAX Introduction

jQuery $.ajax Method

Digging In The jQuery Sourcecode

jQuery AJAX Shorthand Methods

jQuery Random Cats API Exercise

jQuery Random Cats Exercise SOLUTION

Axios Intro

Axios Error Handling

Ron Swanson Exercise

Ron Swanson Exercise Solution

Introducing Elie

Section Introduction

Writing Tests in the Browser

Jasmine Syntax and Matchers

Writing Better tests with Hooks

Spies

Clocks

TDD and BDD

Different Types of Tests

Section Introduction

forEach

Exercise SOLUTION: forEach

Map

Exercise SOLUTION: Map

Filter

Exercise SOLUTION: Filter

Some

Every

Exercise SOLUTION: Some and Every

Reduce

Reduce Continued

Exercise SOLUTION: Reduce

Array Methods Recap

Section Introduction

Introduction to Closures

Using Closures in the Wild

Exercise SOLUTION: Closures

Closures Recap

Introduction to the Keyword 'this'

'this' with Functions and "use strict"

Object/Implicit Binding

Explicit Binding

Call

Apply

Bind

Bind Continued

Exercise SOLUTIONS: Call, Apply, Bind

The 'new' Keyword and section recap

Section Introduction

Introduction to Object Oriented Programming with JavaScript

The 'new' Keyword

Refactoring with Multiple Constructors

Constructor Functions Recap

Exercise SOLUTION: Constructor Functions

Introduction to Prototypes

The Prototype Chain

Adding Methods to the Prototype

Exercise SOLUTIONS: Prototypes

Prototypal Inheritance

Exercise SOLUTIONS: Inheritance

Object Oriented Programming Recap

Section Introduction

Preparing For React

Defining Our API Gameplan

SUPER IMPORTANT: UPDATED C9 INSTALLATION INSTRUCTIONS

Installing NodeJS

Cloud9 Without A Credit Card Instructions

Installing Node Locally

Creating Our Initial Express Application

Responding With JSON

Installing Mongo

Defining Our Schema

Defining The Index Route

Defining The Create Route

Defining The Show Route

Defining the Update Route

Defining the Delete Route

Refactoring Our API

Introducing Our Single Page App

Serving Static Files and Nodemon

Adding jQuery and The Starter CSS

Writing The Initial AJAX Call

Displaying Our Todos Correctly

Connecting the Form to our API

Making the Delete Button Work

Toggling Todo Completion

Section Introduction

Introduction to ES2015

Const

Let

Template Strings

Introduction to Arrow Functions

Arrow Functions Continued

Exercise SOLUTION: Arrow Functions

Default Parameters

For...of Loops

Rest

Spread

Exercise SOLUTION: Rest and Spread

Object Enhancements

Object Destructuring

Array Destructuring

Exercise SOLUTION: Destructuring

ES2015 Part I Recap

Section Introduction

Introduction to Guess the Password

Guess the Password Code Walkthrough

Guess the Password Refactor

Section Introduction

Introduction to the 'class' Keyword

Instance Methods

Class Methods

Class Solutions

Inheritance with ES2015

Super

Exercise SOLUTION: Inheritance and Super

ES2015 'class' Keyword Recap

Maps

Sets

Exercise SOLUTION: Maps and Sets

Promises

Promises Continued

ES2015 Promises Assignment

Exercise SOLUTION: Promises

Generators

Object.assign and Array.from

Additional Helpful ES2015 Methods

Exercise SOLUTION: ES2015 Methods

Section Introduction

ES2016 Exponentiation Operator and Includes

PadStart and padEnd

Async Functions Introduction

Async Functions Continued

Coding Exercise - Async Functions Assignment

Exercise SOLUTION: Async Functions

Object Rest and Spread + Recap

Section Introduction

An Introduction to D3

D3 Selections

Selections and Callbacks

Event Listeners in D3

Exercise: Guess the Password Refactor

Solution: Guess the Password Refactor

Exercise: Notes App

Solution: Notes App

Section Introduction

Basic Data Joins and Enter Selections

Exit Selections and Key Functions

The General Update Pattern in D3

Exercise: Character Frequencies

Solution: Character Frequencies

Section Introduction

Introduction to SVG

Rectangles, Polygons, and Circles in SVG

Text Elements in SVG

Path Elements in SVG

Exercise: SVG Flags

Solution: SVG Flags

Introduction to SVG and D3

Exercise: Character Frequencies Revisited

Solution: Character Frequencies Revisited

Section Introduction

Extrema and Scales

Scatterplots

Axes and Gridlines

Exercise: Scatterplot

Solution: Scatterplot

Histograms

Histograms Continued

Exercise: Histograms

Solution: Histograms

Pie Charts

Pie Charts Continued

Exercise: Pie Charts

Solution: Pie Charts

Section Introduction

Tooltips

Transitions

Managing Asynchronous Code with D3

Exercise: D3 Odds and Ends

Solution: D3 Odds and Ends

An Introduction to GeoJSON

An Introduction to TopoJSON

Map Visualization Example

Nodes in Force-Directed Graphs

Links in Force-Directed Graphs

Dragging Nodes and Alpha Values

General Update Pattern with Force-Directed Graphs

Project: Introduction and Requirements

Project: Example Solution Part 1

Project: Example Solution Part 2

START HERE FOR REACT

Section Introduction

How To Get Our React Solution Code

Front-end Framework Introduction

First React Component

JSX

JSX With JavaScript

Exercise: Random Box

Random Box Assignment Solution

Multiple React Components

Create React App

Create React App: Files

JavaScript Import Statements

Import HobbyList Assignment

Import HobbyList Solution

Intro to Props

Recipe App With Props

Recipe App With Props Continued

Default Props and Prop Types

Recipe App Props Exercise

Recipe App Props Solution

Props.children

Section Introduction

Intro to State

Pure Functions

Update Complex State Exercise

Update Complex State Solution

React Component Architecture

setState Can Be Tricky

React DevTools

Colored Boxes Exercise

Colored Boxes Solution

Section Introduction

The Virtual DOM

Events

Forms

Todo App Exercise

Todo App Solution

Refs

Recipe App With State

Recipe App With State - New Recipe Form

Recipe App With State - Saving The New Recipe

Recipe App With State - Show/Hide Form

Recipe App With State - Delete Recipe

Memory Game

Memory Game Solution Part 1

Memory Game Solution Part 2

Introduction To Component Lifecycle Methods

Component Lifecycle Method Examples

Country Flag Guessing App Exercise

Country Flag Guessing App Solution

Setting Up Our Express/Mongo API

Creating Our React App

Adding the TodoList Component

Loading Initial Data from API

Creating the TodoItem Component

Adding the TodoForm Component

Deleting Todos

Toggling Todos

Refactoring API Calls with Async Functions

Warbler App Introduction

Nested Resources: Adding Messages

Saving a Message And NodeJS Middleware

Authorization Middleware Solution

Getting All Messages

Signin/Signup Exercise

Section Introduction

HTML5 History Object

Introduction to React Router

Introduction to React Router Continued

Section Introduction

Introduction to Redux Without React

React With Redux

Organizing Redux

Exercise: Redux Refactor

Redux Refactor Solution

Redux Docs Todos Example

Redux Thunk (Middleware)

Warbler Final Project

IMPORTANT NOTE!

Redux Intro

Redux Counter

Redux Todos

Redux React Intro

Redux React Continued

Redux React mapDispatchToProps

React Router Redux

Todos Node Backend

Full Stack Redux

Authentication in NodeJS

Authentication vs Authorization

Warbler Intro

Introduction to Authentication

Getting Started with the Backend

Adding an Error Handler

Adding a User Model

User Middleware

Storing Passwords Properly

Section Review

Adding Signin Functionality

Messages Intro

Creating a message

Adding loginRequired middleware

Adding ensureCorrectUser middleware

Adding additional messages routes

Testing with HTTPie and Review

Warbler Frontend Introduction

Reducers - errors and currentUser

Warbler Redux Store setup

Adding a Navbar

Styling the Navbar Component

Warbler Main Component

Styling the Homepage Component

Warbler Authform Part 1

Warbler Authform Part 2

Warbler Authform Part 3

Warbler Frontend Section Review

Handling Error Messages with Redux

Redirecting with React Router and Redux

Logging out a User

Adding a JWT to HTTP Headers

Displaying Messages

Message List Component

Higher Order Components for Authentication

Adding a new Message

Deleting a Message

Displaying the correct Delete Message button

Additional Styling and Section Review

Deploying the Backend

Deploying the Frontend