kannan007 / fullstack-webdev-path

📚 A learning path for Full-stack web development , Fork this template and start learning

Full Stack Web Developer Path

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 Git
	Course	Learn flexbox from Flexbox.io OR Flexboxfroggy
	Course	Learn Sass 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
	Course	Learn DOM manipulation
	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's ES6 for Everyone
	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	JavaScript: Understanding the Weird Parts
	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	React For Beginners - Wes Bos or React Fundamentals - Tyler Mcginnis
	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

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

Goals

• Learn about build tools like Gulp and include them in projects
• Every week, write a medium post about that week's learnings.
• Learn about linting. Use linters like ESLint for Javascript , Stylelint for CSS in your projects.
• Learn about CSS conventions like BEM, SMACSS.

Notes

• This is a template. You can customize it, add or remove courses as per your choices, or change the course order.
• To start using, Fork the repo.
• If you like this repo and find it useful, please consider ★ starring it (on top right of the page) :)
• I would love to be part of your learning journey. You can find 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)