CURRICULUM

ADVANCED

DEVELOPER BOOTCAMP

I TRIED TO MAKE A

CURRICULUM CHART

It did not go so well...

I hoping this works a little better...

CSS ANIMATIONS

CSS Transforms

Transitions and pseudo-selectors

PROJECT: Animated Gallery

Keyframe Animations

PROJECT: Loading Icons

CSS FLEXBOX

Learn CSS Layout with Flexbox

Master tons of Flexbox properties

PROJECT: Build a Responsive Nav Bar

PROJECT: Build an Ad Widget

PROJECT: The Holy Grail Layout w/ Flexbox

SPECIAL PROJECT SECTION!

BUILD A COMPLETE COMPANY WEBSITE

ASYNCHRONOUS JAVASCRIPT

Master the quirks of async JS

Work with Promises

Discover the event loop and the queue

Learn about the Stack and Heap

AJAX

Write requests using the XMLHttpRequest API

Use the more modern Fetch API

Use fancy 3rd party libraries like Axios and jQuery to make requests

PROJECT: Bitcoin Price Checker

PROJECT: Random User Generator

TESTING

Master the JS Testing Library Jasmine

Compare Test Driven Development and Behavior Driven Development

Advanced Jasmine topics like spies and clocks

Test asynchronous code with Jasmine

 

ADVANCED ARRAY METHODS

Write your own JavaScript library methods similar to Underscore or Lodash:

Map, Filter, Reduce, Every, Some, etc.

 

CLOSURES &

KEYWORD 'THIS'

Master the trickier parts of Javascript, including:

  • closures
  • the keyword 'this'
  • 'use strict'
  • implicit and explicit binding
  • call(), apply(), and bind()
  • the 'new' keyword

 

OOP WITH JAVASCRIPT

Learn Object Oriented Programming with JavaScript.  Topics include:

  • Conceptual overview of OOP
  • The 'new' keyword
  • Constructors
  • Prototypes
  • The Prototype Chain
  • Prototypal Inheritance

CREATING YOUR OWN APIS

Learn to create your own API using Node, MongoDB, and Express

Write routes that respond with JSON content

Define RESTful routes for a resource

SINGLE PAGE APPS WITH NODE

Build a complete single page app with full CRUD capabilities on top of a Node JSON API

Build a single page app WITHOUT A FRAMEWORK, all from scratch!

ES2015

Learn The Ins and Outs of ES2015, including:

​

  • Let and Const
  • Template Strings
  • Arrow Functions
  • Rest and Spread
  • For..Of Loops
  • Object Enhancements
  • Object/Array Destructuring
  • The 'class' keyword
  • Inheritance with ES2015
  • 'Super'
  • ES2015 Promises
  • Maps and Sets
  • Generators
  • Much More!

GUESS THE PASSWORD REFACTOR

Refactor a completed app using ES2015 features like let and const, arrow functions, the rest operator, array destructuring, and more!

 

ES2016 & ES2017

Learn key ES2016 and ES2017 features including:

Exponentiation Operator

Includes

padStart and padEnd

Async Functions

Object Rest and Spread

D3 AND THE DOM

Use the JavaScript Library D3 to manipulate the DOM

Use D3 to add event listeners

Refactor an existing app, retrofit it with D3

PROJECT: Notes App

D3 AND DATA

Use D3 to join DOM elements and data together

Learn D3's General Update Pattern

PROJECT: Visualize Character Frequencies In A String

SVG AND D3

Learn the basics of creating Scalable Vector Graphics

Work with Rectangle, Circle, Polygon, Text, and Path Elements

Learn to combine SVG with D3

PROJECT: Refactor the Character Frequency App to Use SVG

INTERMEDIATE

D3

Find extreme values and scale data with D3

Create Scatterplots with D3

Create Histograms with D3

Create Pie Charts with D3

ADVANCED D3

Manage Asynchronous Code with D3

Add Tooltips to D3 Visualizations

Work with GeoJSON and TopoJSON

Create Map Visualizations

Create Force-Directed Graphs

D3 CLIMATE DASHBOARD

Create a beautiful data dashboard using real-world C02 emissions data and D3

INTRO TO REACT & JSX

Compare front-end frameworks

Create your first component with React

Work with JSX

Render multiple components

CREATE REACT APP AND PROPS

Learn about webpack and other build tools

Use create-react-app to get started quickly

Use props inside components

Built a recipe demo app

REACT & STATE

Learn the key React concept, State

Compare props and state

Work with React developer tools

Focus on React component architecture

A bunch of React exercises!

THE VIRTUAL DOM & REACT EVENTS

Work with the React Virtual DOM

Handle Events with React

Work with Forms + React

Build a couple apps!

THE COMPONENT LIFECYCLE

Learn the basics of the React Component Lifecycle and associated methods

Make AJAX calls, using componentDidMount

Geography App

 

REACT & AUTH

Learn key authentication topics:  JSON Web Tokens, hashing, cookies

Implement authentication on a NodeJS Server with bcrypt

Authentication vs. Authorization

Authenticate users from React

Start Warbler Project!!!

 

 

REACT ROUTER

Identify problems that React Router solves

Add React Router to your projects

Manage authentication with routing

Continue work on Warbler

REACT & REDUX

Conceptual overview of Redux

Work with React-Redux in your own projects

Cover key redux concepts like actions, reducers, and pure functions

Work with redux developer tools

Use the redux-thunk middleware

Finish Up Warbler

PHEW WE MADE IT

LEARNING PATHS

THE CSS MASTER

MODERN JS GURU

D3 AND SVG ...person

COMPLETE REACT PATH