A learning path for Full-stack web development

Full Stack Web Developer Path

This is a guide to learn full-stack web development. It is focused on full-stack JavaScript. It covers all the way from the fundamentals to React and Node. 
The idea behind this repo is, to have a place to log the learning process in an organized way. 

This can be used as a companion to FreeCodeCamp curriculum

---

Coding log

The Fundamentals

Progress	Type	Item	Project(s)	Date
	Course	CS50 on edX
	Course	Team Treehouse or Codeschool's HTML, CSS Path (Paid) OR Shay Howe's HTML,CSS Course
	Project	FCC Front End Project - Build Your Portfolio
	Course	Learn to use Command line
	Course	Learn Version Control (Git) - Git course @Codeschool OR Udacity - Git and Github
	Course	Learn Flexbox - Flexbox.io OR Flexboxfroggy
	Course	Learn Sass - Sass-guide OR Sass Tutorials
	Project	Refactor the portfolio site layout and CSS using Flexbox and Sass
	Course	Watch N Code Practical Javascript
	Book	Eloquent Javascript
	Project	Do FCC Javascript Basic Algorithm Challenges
	Book	Learn DOM manipulation - DOM Enlightenment
	Project	Make a todo list webapp
	Course	Learn AJAX
	Project	FCC Intermediate Project - Build a Random Quote Generator
	Project	FCC Intermediate Project - Build a Local Weather App
	Project	FCC Intermediate Project - Build a Wikipedia Viewer
	Project	FCC Intermediate Project - Build a Twitch TV Viewer
	Course	Learn ES6 - Wes Bos - ES6 for Everyone (Paid) OR ES6 Crash Course
	Course	Javascript30
	Project	Do FCC Javascript Intermediate Algorithm Challenges
	Project	FCC Advanced Project - Build a Javascript Calculator
	Project	FCC Advanced Project - Build a Pomodoro Clock
	Project	FCC Advanced Project - Build a Tic Tac Toe game
	Project	FCC Advanced Project - Build a Simon Game
	Milestone	FreeCodeCamp Front End Certificate
	Course	[Optional] JavaScript: Understanding the Weird Parts (Paid)
	Book	YDKJS: Up & Going
	Book	YDKJS: Scope & Closures
	Book	YDKJS: this & Object Prototypes
	Book	YDKJS: Types & Grammar
	Book	YDKJS: Async & Performance
	Book	YDKJS: ES6 & Beyond

React

Progress	Type	Item	Project(s)	Date
	Course	Learn React - React For Beginners - Wes Bos (Paid) or React Fundamentals - Tyler Mcginnis (Paid) OR Learn React @Egghead.io
	Course	Learn Redux - Redux course - Wes Bos
	Project	FCC React Project - Build a Markdown Previewer
	Project	FCC React Project - Build a Recipe Box App
	Project	Clone the Netflix interface using React - pulling data from the Movie DB API
	Project	Clone this Admin template using React

Backend (Node)

Progress	Type	Item	Project(s)	Date
	Course	Learn Node - Wes Bos (Paid) OR Nodeschool.io Tutorials
	Project	FCC Backend Project - Timestamp Microservice
	Project	FCC Backend Project- Request Header Parser Microservice
	Project	FCC Backend Project- URL Shortener Microservice
	Project	FCC Backend Project- Image Search Abstraction Layer
	Project	FCC Backend Project- File Metadata Microservice
	Project	FCC Backend Project- Build a Voting App
	Project	FCC Backend Project- Build a Nightlife Coordination App
	Project	FCC Backend Project- Chart the Stock Market
	Project	FCC Backend Project- Manage a Book Trading Club
	Project	FCC Backend Project- Build a Pinterest Clone
	Milestone	FreeCodeCamp BackEnd certificate

Extra Goals

• Learn to setup your own local developement environment
• Deploy completed projects using Github Pages or surge.sh (Both front-end only) Or Glitch (Works with back-end too)
• Learn about build tools like Gulp and include them in projects
• Learn about linting. Use linters like ESLint for Javascript , Stylelint for CSS in your projects.
• Learn about CSS conventions like BEM, SMACSS.
• Every week, write a medium post about that week's learnings.
• Make a habit of coding daily. Try #100DaysofCode Challenge

Credit: GITHUB