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
| Progress | Type | Item | Project(s) | Date |
|---|---|---|---|---|
| DONE | Course | CS50 on edX | 9/15/17 | |
| DONE | Course | Team Treehouse or Codeschool's HTML, CSS Path (Paid) or Shay Howe's HTML,CSS Course | 2016 | |
| DONE | Project | FCC Front End Project - Build Your Portfolio | Portfolio | 2017 |
| DONE | Course | Learn to use Command line | 9/17/17 | |
| DONE | Course | Learn Git - Try Git OR Udacity - Git and Github | 9/18/17 | |
| DONE | Course | Learn flexbox - Flexbox.io OR Flexboxfroggy | 9/18/17 | |
| DONE | Course | Learn Sass - Sass-guide OR Sass Tutorials | 9/18/17 | |
| DONE | Project | Refactor the portfolio site layout and CSS using Flexbox and Sass | Portfolio | 9/22/17 |
| DONE | Course | Watch N Code Practical Javascript | 9/18/17 | |
| Book | Eloquent Javascript | |||
| DONE | Project | Do FCC Javascript Basic Algorithm Challenges | FCC | 2017 |
| Book | Learn DOM manipulation - DOM Enlightenment | |||
| DONE | Project | Make a todo list webapp | 8/10/17 | |
| DONE | Course | Learn AJAX | 9/19/17 | |
| DONE | Project | FCC Intermediate Project - Build a Random Quote Generator | Github | 5/14/17 |
| DONE | Project | FCC Intermediate Project - Build a Local Weather App | Github | 5/3/17 |
| DONE | Project | FCC Intermediate Project - Build a Wikipedia Viewer | Github | 9/22/16 |
| DONE | Project | FCC Intermediate Project - Build a Twitch TV Viewer | Github | 9/24/16 |
| Course | Learn ES6 - Wes Bos's ES6 for Everyone | |||
| Course | Javascript30 | |||
| DONE | Project | Do FCC Javascript Intermediate Algorithm Challenges | FCC | 2017 |
| DONE | Project | FCC Advanced Project - Build a Javascript Calculator | Github | 8/25/17 |
| DONE | Project | FCC Advanced Project - Build a Pomodoro Clock | Github | 8/30/17 |
| DONE | Project | FCC Advanced Project - Build a Tic Tac Toe game | Github | 8/31/17 |
| Project | FCC Advanced Project - Build a Simon Game | |||
| Milestone | FreeCodeCamp Front End Certificate | |||
| Course | JavaScript: Understanding the Weird Parts | |||
| DONE | Book | YDKJS: Up & Going | 8/17 | |
| DONE | Book | YDKJS: Scope & Closures | 8/17 | |
| DONE | Book | YDKJS: this & Object Prototypes | 8/17 | |
| DONE | Book | YDKJS: Types & Grammar | 8/17 | |
| Book | YDKJS: Async & Performance | |||
| Book | YDKJS: ES6 & Beyond |
| Progress | Type | Item | Project(s) | Date |
|---|---|---|---|---|
| DONE | Course | Learn React - React For Beginners - Wes Bos or React Fundamentals - Tyler Mcginnis | TYLER'S COURSE | 9/27/17 |
| 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 |
| Progress | Type | Item | Project(s) | Date |
|---|---|---|---|---|
| Course | Learn Node - Wes Bos 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 |
- Learn to setup your own local developement environment
- Deploy completed projects using gh-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
See example repo
- To start using, Fork the repo.
- 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, you can ask me on twitter : Shovan Chatterjee
Inspired by p1xt guides, My journey to becoming a web developer from scratch without a CS degree (and what I learned from it)