Modern Front End Development Crash Course

Welcome to the Modern Front End Development Crash Course Workshop! This is a collection of individual workshops to get you up to speed with the latest in Front End Web Development.

Requirements:

You will need the following installed on your machine:

• Git
• Node.js
  • NVM is the easiest way to manage Node. Its setup instructions here. Then run nvm install node && nvm alias default node, which installs the latest version of Node.js and sets up your terminal so you can run it by typing node. With nvm you can install multiple versions of Node.js and easily switch between them.
  • New to npm?
• Yarn
  • If you're on a Mac, you can install Yarn 2 different ways: npm i -g yarn or brew install yarn
• Create React App
  • npm install -g create-react-app

Sections

This course will be split up by the following sections:

Foundations:

• ES6
  • If you're not familiar with ES6, you'll want to start here.
  • ES6 Interactive Guide
  • ES GitBook
• React Foundations
  • Next you should check out some informational/foundational resources on React.
  • Thinking in React
  • 9 Things Every React Beginner Should Know

React Ecosystem Deep Dive:

• React 101
• React, Redux, and React Router
• Webpack 101