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

Roadmap For Full Stack Web Development:

Learn Basic of:
- HTML
- CSS
- JavaScript
Develop Simple Project using these technologies to understand how does the website actually work.
Choose any 1 Front-End Technology:
- React JS
- Vue JS
- Angular
Along with Front-End we need to study Back-End also:
- Java
- Python
- C#
- Ruby
- Php
- Node JS
We need databases to store the data:

SQL
- MYSQL
- SQL Server
- Oracle
- Postegre SQL
NOSQL
- MongoDB
- Casssandra
- CouchDB

Then we have different versions of the developed software with some changes, so we use:
- Git
- GitHub/GitLab/BitBucket
Finally we need one of the Cloud Services to host the website:
- Google Cloud Platform
- Microsoft Azure
- Amazon Web Service
- Heroku
Some containers used in Cloud Services:
- Docker
- Kubernetes

Once we prepare all these aspect for a particular project we can get a hang of Full Stack Web Development.

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

Attribution

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

License

Manavv20/fullstack-web-developer-path

ErrorLooks like something went wrong!

About

Resources

License

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Error
Looks like something went wrong!

Packages