All Projects → shovanch → Fullstack Web Developer Path

shovanch / Fullstack Web Developer Path

Licence: mit
📚 A learning path for Full-stack web development

Projects that are alternatives of or similar to Fullstack Web Developer Path

Cdk
🎁 Vue Component Development Kit
Stars: ✭ 75 (-97.58%)
Mutual labels:  webdevelopment, front-end-development
Checklist Checklist
🌈 A Curated List of Checklists ✔︎✔︎
Stars: ✭ 2,372 (-23.31%)
Mutual labels:  front-end-development, back-end-development
Mac Setup
🛠️ Front end web development setup for macOS.
Stars: ✭ 265 (-91.43%)
Mutual labels:  webdevelopment, front-end-development
Test-Bank
Interview preparation and practice problems
Stars: ✭ 43 (-98.61%)
Mutual labels:  webdevelopment, fullstack-javascript
rust-book-fr
🇫🇷 French translation of the book "The Rust Programming Language"
Stars: ✭ 89 (-97.12%)
Mutual labels:  learn-to-code
SimpleRemoteIO
SimpleRemoteIO
Stars: ✭ 41 (-98.67%)
Mutual labels:  learn-to-code
jwt auth example
Example of how to use JWT for user authorization and API route protection. Made with Express, Node.js, and JWT.
Stars: ✭ 23 (-99.26%)
Mutual labels:  full-stack-development
epic-react-exercises
Practical React exercises with detailed solutions.
Stars: ✭ 126 (-95.93%)
Mutual labels:  front-end-development
Budibase
Budibase is an open-source low-code platform for creating internal apps in minutes. Supports PostgreSQL, MySQL, MSSQL, MongoDB, Rest API, Docker, K8s 🚀
Stars: ✭ 8,071 (+160.94%)
Mutual labels:  webdevelopment
Awesome Coding Camps
A curated list of awesome Coding Bootcamps and websites to help you boost your career in Programming
Stars: ✭ 276 (-91.08%)
Mutual labels:  learn-to-code
Vaporschool
Learn how to build vapor applications from rookie to champion in a constructive way!
Stars: ✭ 259 (-91.63%)
Mutual labels:  webdevelopment
anniew.xyz
My Personal Website / Portfolio
Stars: ✭ 41 (-98.67%)
Mutual labels:  webdevelopment
Ultimate Python
Ultimate Python study guide for newcomers and professionals alike. 🐍 🐍 🐍
Stars: ✭ 3,309 (+6.98%)
Mutual labels:  learn-to-code
Front End Web Development Resources
This repository contains content which will be helpful in your journey as a front-end Web Developer
Stars: ✭ 3,452 (+11.61%)
Mutual labels:  front-end-development
interview-process-survival
🌈 🦄 this repository is a interview process guide for developers (web/frontend focused)
Stars: ✭ 191 (-93.82%)
Mutual labels:  webdevelopment
Julia-Projects-for-Beginners
Julia Projects for Beginners — Easy Ideas to Get Started Coding in Julia
Stars: ✭ 29 (-99.06%)
Mutual labels:  learn-to-code
Next Super Performance
The case of partial hydration (with Next and Preact)
Stars: ✭ 272 (-91.21%)
Mutual labels:  webdevelopment
simpleadmin
Create admin dashboards for Web / Mobile / API applications
Stars: ✭ 85 (-97.25%)
Mutual labels:  webdevelopment
tailwind-airbnb
A demo of how to build Airbnb's home page using Tailwind CSS
Stars: ✭ 39 (-98.74%)
Mutual labels:  front-end-development
Zimjs
ZIM JavaScript Canvas Framework - Code Creativity! Interactive Media For All.
Stars: ✭ 259 (-91.63%)
Mutual labels:  learn-to-code

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

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)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].