50 Days of Web Dev
Tags: webdev, javascript, tutorial, beginners
Published: 2022-05-25 11:05:06

Day 0 - [Learn The Developer Anthem](https://savory-pangolin-4a2.notion.site/Developer-Anthem-463e3a1f0bbd4174a49f45e4698c31d9)

---

Day 1 -

[Introduction | HTML | Tutorial 1](https://www.youtube.com/watch?v=Ny1g1eQHnCI&list=PLLAZ4kZ9dFpMSXUYwxDFOvyxlssug29Fu)

---

Day 2 -

[Introduction | CSS | Tutorial 1](https://www.youtube.com/watch?v=WZ2uqGkHoR0&list=PLLAZ4kZ9dFpNO7ScZFr-WTmtcBY3AN1M7)

[CSS Tutorial](https://www.w3schools.com/css/default.asp)

---

  Day 3 -

[Create a Website With Video Background | HTML & CSS](https://www.youtube.com/watch?v=8MgpE2DTTKA)

---

  Day 4 -

[Product Landing Page | Build & Deploy | HTML & CSS](https://www.youtube.com/watch?v=61R5kn_kYwY)

---

  Day 5 -

[Creative Agency Website From Scratch | HTML & CSS](https://www.youtube.com/watch?v=lvYnfMOUOJY&list=PLillGF-RfqbZTASqIqdvm1R5mLrQq79CU&index=55)

---

  Day 6 -

[Visual Studio Code Crash Course](https://www.youtube.com/watch?v=WPqXP_kLzpo)

[Top 20 VS Code Shortcuts](https://www.youtube.com/watch?v=4xA5JePvCJc)

[The Best Sublime Text 3 Settings and Packages](https://www.youtube.com/watch?v=-6ikAMmu3Nc)

---

  Day 7 -

[JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour](https://www.youtube.com/watch?v=W6NZfCO5SIk)

[Operators in javascript | Calculate discount](https://www.youtube.com/watch?v=WxyFRb0_eUQ)

[JavaScript if else (tutorial)](https://www.youtube.com/watch?v=IsG4Xd6LlsM)

[JavaScript Loops](https://www.youtube.com/watch?v=s9wW2PpJsmQ)

---

  Day 8 -

[Ternary operator in javascript](https://www.youtube.com/watch?v=R0HJtkYtjwk)

[JavaScript setTimeout & setInterval In 90 Seconds #JavaScriptJanuary](https://www.youtube.com/watch?v=JRevaOwNKTI&list=PLkwxH9e_vrALRJKu7wfXby3MKeflhTu6B&index=37)

[Modern JavaScript Tutorial #6 - The Document Object Model](https://www.youtube.com/watch?v=wKBu_dEaF9E)

---

  Day 9 -

[ES6 Tutorial: Learn Modern JavaScript in 1 Hour](https://www.youtube.com/watch?v=NCwa_xi0Uuc)

[Object-oriented Programming in 7 minutes | Mosh](https://www.youtube.com/watch?v=pTB0EiLXUC8)

---

  Day 10 -

[Breathe & Relax App - JavaScript & CSS Animations](https://www.youtube.com/watch?v=l-1ZrU6avzI&t=21s)

[Terminal Style Landing Page | WinBox.js](https://www.youtube.com/watch?v=jQCk2yo10YY)

---

  Day 11 -

[Build a Touch Slider with HTML, CSS & JavaScript](https://www.youtube.com/watch?v=5bxFSOA5JYo)

[Planning & Building Projects](https://www.youtube.com/watch?v=Z_gjlIji8hU)

---

  Day 12 -

[Build a Music Player | Vanilla JavaScript](https://www.youtube.com/watch?v=QTHRWGn_sJw&t=130s)

---

  Day 13 -

[Basic Linux Commands You Need To Know](https://www.youtube.com/watch?v=J2zquYPJbWY)

[Git and GitHub Tutorial For Beginners | Full Course [2021] [NEW]](https://www.youtube.com/watch?v=3fUbBnN_H2c)

[Git And GitHub in ~30 Minutes](https://www.youtube.com/watch?v=jG4Vs81kMlc&t=954s)

---

  Day 14 -

[Markdown Crash Course](https://www.youtube.com/watch?v=HUBNt18RFbo)

[GitHub Profile Readme](https://www.youtube.com/watch?v=KhGWbt1dAKQ)

---

  Day 15 - Deploy projects on GitHub pages

[Getting Started with GitHub Pages](https://www.youtube.com/watch?v=QyFcl_Fba-k)

---

  Day 16 -

[Quokka | The JavaScript Scratchpad](https://www.youtube.com/watch?v=f_sEWa5hA0Q)

[How to Use a Debugger - Debugger Tutorial](https://www.youtube.com/watch?v=7qZBwhSlfOo)

---

  Day 17 -

[Node.js Tutorial for Beginners: Learn Node in 1 Hour](https://www.youtube.com/watch?v=TlB_eWDSMt4)

---

  Day 18 -

[Express JS Crash Course](https://www.youtube.com/watch?v=L72fhGm1tfE)

---

  Day 19 -

[Jest Crash Course - Unit Testing in JavaScript](https://www.youtube.com/watch?v=7r4xVDI2vho)

[What is a REST API?](https://www.youtube.com/watch?v=SLwpqD8n3d0)

[Learn JSON in 10 Minutes](https://www.youtube.com/watch?v=iiADhChRriM)

---

  Day 20 -

[Postman Beginner's Course - API Testing](https://www.youtube.com/watch?v=VywxIQ2ZXw4)

---

  Day 21 -

[Make your own mock API (super simple)](https://www.youtube.com/watch?v=FLnxgSZ0DG4)

---

  Day 22 -

[How to build a REST API with Node js & Express](https://www.youtube.com/watch?v=pKd0Rpw7O48&t=1s)

---

  Day 23 -

[Vanilla Node.js REST API | No Framework](https://www.youtube.com/watch?v=_1xa8Bsho6A)

---

  Day 24 -

[Create a Discord Bot With Node.js](https://www.youtube.com/watch?v=BmKXBVdEV0g)

---

  Day 25 -

[React JS Crash Course 2021](https://www.youtube.com/watch?v=w7ejDZ8SWv8)

---

  Day 26 -

[Next.js Crash Course 2021](https://www.youtube.com/watch?v=mTz0GXj8NN0)

---

  Day 27 -

[Material UI React Tutorial](https://www.youtube.com/watch?v=vyJU9efvUtQ)

---

  Day 28 -

[Figma in 40 Minutes](https://www.youtube.com/watch?v=4W4LvJnNegA)

---

Day 29 -

[Build a GitHub Jobs App With React Hooks](https://www.youtube.com/watch?v=fxY1q4SCB64)

---

  Day 30 -

[Build a Wildfire Tracker With React & NASA API](https://www.youtube.com/watch?v=ontX4zfVqK8)

---

  Day 31 -

[Linux for Programmers #8 - Environment Variables On Linux](https://www.youtube.com/watch?v=paQQ5HCpaRc&list=PLzMcBGfZo4-nUIIMsz040W_X-03QH5c5h&index=8)

---

  Day 32 -

[Linux for Programmers #8 - Environment Variables On Linux](https://www.youtube.com/watch?v=paQQ5HCpaRc&list=PLzMcBGfZo4-nUIIMsz040W_X-03QH5c5h&index=8)

---

  Day 33 -

[SQL For Beginners Tutorial | Learn SQL in 4.2 Hours | 2021](https://www.youtube.com/watch?v=5hzZtqCNQKk)

---

  Day 34 -

[SQL For Beginners Tutorial | Learn SQL in 4.2 Hours | 2021](https://www.youtube.com/watch?v=5hzZtqCNQKk)

---

  Day 35 -

[MongoDB Crash Course](https://www.youtube.com/watch?v=-56x56UppqQ)

---

  Day 36 -

[MERN Stack Course - ALSO: Convert Backend to Serverless with MongoDB Realm](https://www.youtube.com/watch?v=mrHNSanmqQ4&t=0s)

---

  Day 37 -

[Firebase - Back to the Basics](https://www.youtube.com/watch?v=q5J5ho7YUhA)

---

  Day 38 -

[🔴 How to Build a Instagram Clone with REACT JS for Beginners (in 3 Hours!)](https://www.youtube.com/watch?v=f7T48W0cwXM&t=19s)

---

  Day 39 -

[🔴 Let's build SLACK 2.0 with REACT.JS! (REDUX, Styled components & Firebase Hooks)](https://www.youtube.com/watch?v=QiTq5WrWoJw)

---

  Day 40 -

[🔴 Let's build Gmail with REACT.JS! (with React-Router, REDUX & Firebase)](https://www.youtube.com/watch?v=b7nrXjS6Dqs)

---

  Day 41 -

[🔴 Let's build LinkedIn with REACT.JS! (with Redux & Firebase)](https://www.youtube.com/watch?v=QaYts9sPmcY)

---

  Day 42 -

[🔴 Let's Build a YouTube Clone with REACT JS for Beginners](https://youtu.be/NT299zIk2JY)

---

  Day 43 -

[🔴 Build a TWITTER Clone with REACT JS for Beginners](https://www.youtube.com/watch?v=rJjaqSTzOxI)

---

  Day 44 - Build and Deploy a CV Website

---

  Day 45 - Build and Deploy a CV Website

---

  Day 46 - Build a Notes App

---

  Day 47 - Build A Weather App with React

---

  Day 48 - Build a Covid-19 Tracker with React.js

---

Day 49 - Learn Data Structures and Algorithms

---

Day 50 - Grind on Algoexpert and Leetcode

---

This took me too much mf time. Pls like this post