/fullstack-web-developer-path

📚 A learning path for Full-stack web development

MIT LicenseMIT

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


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 and 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

How to use the guide

  • To start using the guide, fork the repo.

Notes

  • This is a template. You can customize it, add or remove courses as per your choices.
  • If you like this repo and find it useful, please consider ★ starring it (on top right of the page) :)
  • If you have any questions, feel free to ask me on twitter : Shovan Chatterjee Twitter Follow

Attribution

Inspired by p1xt guides, My journey to becoming a web developer from scratch without a CS degree (and what I learned from it)