{"id":13545411,"url":"https://github.com/shovanch/fullstack-web-developer-path","last_synced_at":"2025-05-14T18:07:25.639Z","repository":{"id":37925717,"uuid":"102389394","full_name":"shovanch/fullstack-web-developer-path","owner":"shovanch","description":"📚 A learning path for Full-stack web development","archived":false,"fork":false,"pushed_at":"2023-08-15T05:36:12.000Z","size":24,"stargazers_count":3448,"open_issues_count":6,"forks_count":627,"subscribers_count":142,"default_branch":"master","last_synced_at":"2025-05-14T18:07:19.414Z","etag":null,"topics":["back-end-development","front-end-development","full-stack-development","fullstack-javascript","learn-to-code","learning-path","webdevelopment"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shovanch.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2017-09-04T18:14:31.000Z","updated_at":"2025-05-13T18:30:58.000Z","dependencies_parsed_at":"2023-01-19T14:34:44.116Z","dependency_job_id":"df4f72d1-f040-485e-9df1-4842b3036a14","html_url":"https://github.com/shovanch/fullstack-web-developer-path","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shovanch%2Ffullstack-web-developer-path","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shovanch%2Ffullstack-web-developer-path/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shovanch%2Ffullstack-web-developer-path/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shovanch%2Ffullstack-web-developer-path/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shovanch","download_url":"https://codeload.github.com/shovanch/fullstack-web-developer-path/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254198515,"owners_count":22030966,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["back-end-development","front-end-development","full-stack-development","fullstack-javascript","learn-to-code","learning-path","webdevelopment"],"created_at":"2024-08-01T11:01:02.291Z","updated_at":"2025-05-14T18:07:20.619Z","avatar_url":"https://github.com/shovanch.png","language":null,"readme":"# Full Stack Web Developer Path\nThis 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. \u003cbr\u003e\nThe idea behind this repo is, to have a place to log the learning process in an organized way.  \u003cbr\u003e\u003cbr\u003e\nThis can be used as a companion to [FreeCodeCamp](https://www.freecodecamp.org/) curriculum\n\n------\n\n## [Coding log](log.md)\n\n## The Fundamentals\n\n| Progress | Type | Item | Project(s) | Date |\n| :------: | ------ | ------ | ------------ | :-------: |\n|  | Course | [CS50](https://courses.edx.org/courses/course-v1%3AHarvardX%2BCS50%2BX/)  on edX |  ||\n|  | Course |  [Team Treehouse](https://teamtreehouse.com/tracks) or [Codeschool](https://www.codeschool.com/learn/html-css)'s HTML, CSS Path (Paid) OR Shay Howe's [HTML,CSS](http://learn.shayhowe.com/html-css/) Course |    |   |\n|  | Project | FCC Front End Project - [Build Your Portfolio](https://www.freecodecamp.com/challenges/build-a-personal-portfolio-webpage) |   |    |\n|  | Course | Learn to use [Command line](https://commandlinepoweruser.com/)|  ||\n|  | Course | Learn Version Control (Git) - [Git course @Codeschool](https://try.github.io/levels/1/challenges/1) OR [Udacity - Git and Github](https://in.udacity.com/course/how-to-use-git-and-github--ud775)|   |    |\n|   | Course | Learn Flexbox - [Flexbox.io](https://flexbox.io/) OR [Flexboxfroggy](http://flexboxfroggy.com/) |   |    |\n|   | Course | Learn Sass - [Sass-guide](http://sass-lang.com/guide) OR [Sass Tutorials](http://www.sassshop.com/#/) |   |    |\n|  | Project | Refactor the portfolio site layout and CSS using Flexbox and Sass |   |    |\n| | Course | [Watch and Code - Practical Javascript](https://watchandcode.com/p/practical-javascript) |  |    |\n|   | Book | [Eloquent Javascript](http://eloquentjavascript.net/) |   |    |\n|   | Project | Do FCC [Javascript Basic Algorithm Challenges](https://www.freecodecamp.org/map) |   |    |\n|  | Book | Learn DOM manipulation - [DOM Enlightenment](http://domenlightenment.com/)  |   |    |\n|  | Project | Make a todo list webapp |   |    |\n|   | Course | Learn [AJAX](https://in.udacity.com/course/asynchronous-javascript-requests--ud109) |   |    |\n|   | Project | FCC Intermediate Project - [Build a Random Quote Generator](https://www.freecodecamp.com/challenges/build-a-random-quote-machine) |   |    |\n|   | Project | FCC Intermediate Project - [Build a Local Weather App](https://www.freecodecamp.com/challenges/show-the-local-weather) |   |    |\n|   | Project | FCC Intermediate Project - [Build a Wikipedia Viewer](https://www.freecodecamp.com/challenges/build-a-wikipedia-viewer) |   |    |\n|   | Project | FCC Intermediate Project - [Build a Twitch TV Viewer](https://www.freecodecamp.com/challenges/use-the-twitchtv-json-api) |   |    |\n|   | Course | Learn ES6 - [Wes Bos - ES6 for Everyone](https://es6.io/) (Paid) OR [ES6 Crash Course](https://laracasts.com/series/es6-cliffsnotes)|\n|   | Course | [Javascript30](https://javascript30.com/) |   |    |\n|   | Project | Do FCC [Javascript Intermediate Algorithm Challenges](https://www.freecodecamp.org/map) |   |    |\n|   | Project | FCC Advanced Project - [Build a Javascript Calculator](https://www.freecodecamp.com/challenges/build-a-javascript-calculator) |   |    |\n|   | Project | FCC Advanced Project - [Build a Pomodoro Clock](https://www.freecodecamp.com/challenges/build-a-pomodoro-clock) |   |    |\n|   | Project | FCC Advanced Project - [Build a Tic Tac Toe game](https://www.freecodecamp.com/challenges/build-a-tic-tac-toe-game) |   |    |\n|   | Project | FCC Advanced Project - [Build a Simon Game](https://www.freecodecamp.com/challenges/build-a-simon-game) |   |    |\n|   | Milestone | FreeCodeCamp Front End Certificate |   |    |\n|   | Course | [Optional] [JavaScript: Understanding the Weird Parts](https://www.udemy.com/understand-javascript/) (Paid) |   |\n|   | Book | [YDKJS: Up \u0026 Going](https://github.com/getify/You-Dont-Know-JS/blob/master/up%20\u0026%20going/README.md#you-dont-know-js-up--going) |   |    |\n|   | Book | [YDKJS: Scope \u0026 Closures](https://github.com/getify/You-Dont-Know-JS/blob/master/scope%20\u0026%20closures/README.md#you-dont-know-js-scope--closures) |   |    |\n|   | Book | [YDKJS: this \u0026 Object Prototypes](https://github.com/getify/You-Dont-Know-JS/blob/master/this%20\u0026%20object%20prototypes/README.md#you-dont-know-js-this--object-prototypes) |   |    |\n|   | Book | [YDKJS: Types \u0026 Grammar](https://github.com/getify/You-Dont-Know-JS/blob/master/types%20\u0026%20grammar/README.md#you-dont-know-js-types--grammar) |   |    |\n|   | Book | [YDKJS: Async \u0026 Performance](https://github.com/getify/You-Dont-Know-JS/blob/master/async%20\u0026%20performance/README.md#you-dont-know-js-async--performance) |   |    |\n|   | Book | [YDKJS: ES6 \u0026 Beyond](https://github.com/getify/You-Dont-Know-JS/blob/master/es6%20\u0026%20beyond/README.md#you-dont-know-js-es6--beyond) |   |    |\n\n\n## React\n\n| Progress | Type | Item | Project(s) | Date |\n|:------:|------|------|------------|:-------:|\n|   | Course | Learn React - [React For Beginners - Wes Bos](https://reactforbeginners.com/) (Paid) or [React Fundamentals - Tyler Mcginnis](https://reacttraining.com/online/react-fundamentals) (Paid) OR [Learn React @Egghead.io](https://egghead.io/courses/start-learning-react) |   |    |\n|   | Course | Learn Redux - [Redux course - Wes Bos](https://learnredux.com/) |   |    |\n|   | Project | FCC React Project - [Build a Markdown Previewer](https://www.freecodecamp.com/challenges/build-a-markdown-previewer) |   |    |\n|   | Project |  FCC React Project - [Build a Recipe Box App](https://www.freecodecamp.com/challenges/build-a-recipe-box) |   |    |\n|   | Project |  Clone the Netflix interface using React - pulling data from [the Movie DB API](https://www.themoviedb.org/documentation/api) |   |    |\n|   | Project | Clone [this Admin template](http://rubix410.sketchpixy.com/ltr/dashboard) using React |   |    |\n\n## Backend (Node)\n| Progress | Type | Item | Project(s) | Date |\n|:------:|------|------|------------|:-------:|\n|   | Course | [Learn Node - Wes Bos](https://learnnode.com/) (Paid) OR Nodeschool.io [Tutorials](https://nodeschool.io/) |   |    |\n|   | Project | FCC Backend Project - [Timestamp Microservice](https://www.freecodecamp.com/challenges/timestamp-microservice) |   |    |\n|   | Project | FCC Backend Project- [Request Header Parser Microservice](https://www.freecodecamp.com/challenges/request-header-parser-microservice) |   |    |\n|   | Project | FCC Backend Project- [URL Shortener Microservice](https://www.freecodecamp.com/challenges/url-shortener-microservice) |   |    |\n|   | Project | FCC Backend Project- [Image Search Abstraction Layer](https://www.freecodecamp.com/challenges/image-search-abstraction-layer) |   |    |\n|   | Project | FCC Backend Project- [File Metadata Microservice](https://www.freecodecamp.com/challenges/file-metadata-microservice) |   |    |\n|   | Project | FCC Backend Project- [Build a Voting App](https://www.freecodecamp.com/challenges/build-a-voting-app) |   |    |\n|   | Project | FCC Backend Project- [Build a Nightlife Coordination App](https://www.freecodecamp.com/challenges/build-a-nightlife-coordination-app) |   |    |\n|   | Project | FCC Backend Project- [Chart the Stock Market](https://www.freecodecamp.com/challenges/chart-the-stock-market) |   |    |\n|   | Project | FCC Backend Project- [Manage a Book Trading Club](https://www.freecodecamp.com/challenges/manage-a-book-trading-club) |   |    |\n|   | Project | FCC Backend Project- [Build a Pinterest Clone](https://www.freecodecamp.com/challenges/build-a-pinterest-clone) |   |    |\n|   | Milestone | FreeCodeCamp BackEnd certificate |   |    |\n\n\n## Extra Goals\n* Learn to setup your own local developement environment\n* Deploy completed projects using [Github Pages](https://pages.github.com/) or [surge.sh](http://surge.sh/) (Both front-end only) Or [Glitch](https://glitch.com/) (Works with back-end too)\n* Learn about build tools like [Gulp](https://gulpjs.com/) and include them in projects\n* Learn about linting. Use linters like [ESLint](https://eslint.org/) for Javascript , [Stylelint](https://stylelint.io/) for CSS in your projects.\n* Learn about CSS conventions like [BEM](http://getbem.com/introduction/), [SMACSS](https://smacss.com/book/).\n* Every week, write a medium post about that week's learnings.\n* Make a habit of coding daily. Try [#100DaysofCode Challenge](http://100daysofcode.com/)\n\n\n## How to use the guide\n* To start using the guide, fork the repo.\n\n## Notes\n* This is a template. You can customize it, add or remove courses as per your choices.\n* If you like this repo and find it useful, please consider ★ starring it (on top right of the page) :)\n* If you have any questions, feel free to ask me on twitter : **[Shovan Chatterjee](https://twitter.com/shovan_ch)** [![Twitter Follow](https://img.shields.io/twitter/follow/shovan_ch.svg?style=flat-square\u0026label=Follow%20@shovan_ch)](https://twitter.com/intent/follow?screen_name=shovan_ch)\n\n## Attribution\nInspired by [p1xt guides](https://github.com/P1xt/p1xt-guides), [My journey to becoming a web developer from scratch without a CS degree (and what I learned from it)](https://medium.freecodecamp.com/my-journey-to-becoming-a-web-developer-from-scratch-without-a-cs-degree-2-years-later-and-what-i-4a7fd2ff5503)\n","funding_links":[],"categories":["Others"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshovanch%2Ffullstack-web-developer-path","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshovanch%2Ffullstack-web-developer-path","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshovanch%2Ffullstack-web-developer-path/lists"}