karantondare / web-dev-resources

Find resources(free/paid) for learning Full Stack Web Development

Best Web-Dev Resources

Find resources to become full stack web developer!

Table of Contents

1. About The Project
2. Getting Started
3. Programs and Classes
4. Learn HTML
5. Learn CSS
6. Learn GIT
7. Learn JavaScript
8. Learn TypeScript
9. Learn Reactjs
10. Learn Nodejs
11. Learn API
12. Learn Database
13. Learn Authentication

---

About The Project

About The Project

Hello, thank you for checking out Web Dev Resources. These are the resources that I found which helped me learn full stack web development. Note: Some of the links are for the paid courses. Any of the attached links are not affiliated.

---

Getting Started

Getting Started

The list below isn't meant to be exclusive, it's more so a collection of links that have helped me out along the way (and can hopefully help you). As you'll see, I've focused on JavaScript, React, and Node.js. There is also a wealth of information on interview prep and applying to jobs.

• 2021 Web Developer Roadmap
• Brad Traversy's YouTube video on what to learn Web Development In 2021 - A Practical Guide
• Coursera Course (Not CS Specific) - Learning how to learn
• Teaching Yourself Computer Science

---

What is the Single most useful CS Bookmark you have?

• Build Your Own X
• Dev Docs

---

Programs and Classes

Programs and Classes

• Bootcamps

  • The Frontend Developer Career Path
  • The Web Developer Bootcamp by Colt Steele.

• Programs

  • The Odin Project
  • FreeCodeCamp
  • The Essential Web Developer Course Free access to their various curriculums.
  • Full Stack Open by University of Helsinki Learn to build Fullstack app using MERN Stack.

---

Learn HTML

HTML Resources

• HTML5 Full Tutorial - w3schools
• Learn HTML and CSS
• HTML5 Introduction EDX
• HTML Cheat Sheet
• HTML Best Practices

---

Learn CSS

CSS Resources

• The Responsive Web Design Bootcamp
• Learn HTML and CSS
• HTML and CSS Tutorial for 2021 - COMPLETE Crash Course!
• 100 Days Of CSS
• CSS Games
  • Flexbox Froggy
  • CSS Grid Garden
  • CSS Dinner
• CSS Cheat Sheet
• Blog posts and Articles
  • The CSS Cascade

---

Learn Git

Git Resources

• Git and GitHub for Beginners - Crash Course
• Learn Git Branching

---

Learn JavaScript

JavaScript Resources

• FreeCodeCamp's JavaScript Playlist on Youtube
• MDN's JavaScript Tutorial
• Scrimba's The JavaScript Bootcamp
• Wes Bos's Beginner JavaScript Course
• JavaScript: Understanding the Weird Parts
• javaScript.info
• JavsScript Projects
  • 30 Day Vanilla JS Coding Challenge
  • 100+ JavaScript Projects for Beginners!
  • Build 15 JavaScript Projects - Vanilla JavaScript Course
• JavaScript Data Structures and Algorithms
  • JavaScript Algorithms and Data Structures
  • Data Structures & Algorithms - JavaScript
• Coding Challenges
  • Edabit
  • Exercism
  • Codewars
• Books
  • Eloquent JavaScript
  • You Dont Know JS
  • Learning JavaScript Design Patterns
• Blog posts and Articles
  • A Study Plan To Cure JavaScript Fatigue
  • Understanding Closures in JavaScript
  • Callback Hell

---

Learn TypeScript

TypeScript Resources

• TypeScript Course for Beginners 2021 - Learn TypeScript from Scratch!
• TypeScript Playlist by Net Ninja
• No BS TS by Jack Herrington
• Typescript: The Complete Developer's Guide
• React + TypeScript Cheatsheet
• TypeScript Exercise
• Books
  • TypeScript in 50 Lessons
  • Programming TypeScript: Making Your JavaScript Applications Scale
  • Effective TypeScript: 62 Specific Ways to Improve Your TypeScript
  • Tackling TypeScript: Upgrading from JavaScript
• Blog posts and Articles
  • Why You Should Choose TypeScript Over JavaScript
  • TypeScript Generics for People Who Gave Up on Understanding Generics
  • Here is what every React Developer needs to know about TypeScript - Part 1 *React Query and TypeScript *In-Depth Look at TypeScript Generics: Part 1 — Intro to Generics *In-Depth Look at TypeScript Generics: Part 2 — Advanced Inference

Learn Reactjs

Reactjs

• Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks
• FreeCodeCamp's React Playlist on Youtube
• Epic React by Kent C. Dodds
• 70+ open-source clones of sites like Airbnb, Tiktok, Netflix, Spotify etc
• React Testing
  • How to use React Testing Library Tutorial
  • Kent C. Dodds blogs on testing
• Books
  • Pure React by Dave Cedia
  • Learning React, 2nd Edition
• Blog posts and Articles
  • Thinking in React Hooks
  • Why React Hooks?
  • Flow Control in React
  • A (Mostly) Complete Guide to React Rendering Behavior
  • TypeScript + React: Why I don't use React.FC
  • Not All Components Are Created Equal
  • useState lazy initialization and function updates
  • State Colocation will make your React app faster
  • Should I useState or useReducer?

---

Learn Nodejs

Nodejs

• The Complete Node.js Developer Course

• Traversy Media's Nodejs Playlist

• Fullstack Projects

  • Build Social Media App by JavaScript Mastery
  • MERN eCommerce From Scratch

• Blog posts and Articles

  • The Node.js Way - Understanding Error-First Callbacks
  • How Node JS middleware Works?