Inspired by Syk Houdeib’s idea, this is an attempt to document my learning process in teaching myself web development.
Table of contents
Open Table of contents
📙 Done
🐜 Working on right now
- The Modern Angular Bootcamp by Stephen Grider
- Angular Testing Masterclass by Angular University
- Typescript: The Complete Developer’s Guide by Stephen Grider
- Typescript: The Ultimate Bootcamp (2022 Edition) by Angular University
- Angular Material in Depth (Angular 14 by Angular University
- Design Patterns in TypeScript
- Your First Week With Node.js, 2nd Edition on Sitepoint
- Node.js: Tools & Skills, 2nd Edition on Sitepoint
- Eleventy from Scratch by Andy Bell
📡 On the radar
CSS
- Conquering Responsive Layouts by Kevin Powell
- Flexbox Simplified by Kevin Powell
JavaScript
- State-Based UI by Chris Ferdinandi
- Object-oriented Programming in JavaScript by Mosh Hamedani
- Ten Steps to Mastering the Fetch API by Steve Griffith
TypeScript
- Beginner’s Typescript by Matt Pocock
- Advanced TypeScript 3 Programming Projects by ❬packt❭
Angular
- Angular Certification
- Supabase & Angular: A Powerful Combination
- The Angular Firebase Project Course by Fireship
- Dark mode in Angular
- Build a Webshop with Angular, Node.js, TypeScript, & Stripe by Slobodan Gajic
- Angular E-Commerce Project: Build a Web App Easily by Pierre-Guillaume Laurin
APIs
Node
- Node.js Crash Course by Brad Traversy
- Node.js, Express, MongoDB & More: The Complete Bootcamp 2021 by Jonas Schmedtmann
- Learn Node by Wes Bos
- Node App from Scratch by Brad Traversy
Express
Test Automation
- Selenium in JavaScript by SteamCode
- Selenium JavaScript by LambdaTest
- Cypress End-to-End Testing by Academind
- GitHub Actions - The Complete Guide by Academind
React
- React Typescript Quiz App by Thomas Weibenfalk
- React Beginner’s Handbook by Flavio Copes
- React Crash Course for Beginners 2021 by Academind
- React Tutorials by Dave Gray
- Easy Peasy React State Management by Brad Traversy
- “Make React Apps” Bundle by Chris Sev
- Hangman with React by CodeSTACKr
- React Projects Playlist by Brad Traversy
- Advanced React by Wes Bos
Next.js
- Next.js, Supabase and Stripe by Jon Meyers
- Next.js Crash Course 2021 by Brad Traversy
- Next.js Dev to Deployment by Brad Traversy
- Full Stack Development with Next.js and Supabase – The Complete Guide by Nader Dabit
- Next.js E-Commerce Tutorial: SPA Example by Pierre-Guillaume Laurin
SQL
- Learn SQL in 60 minutes by Web Dev Simplified
- How to Solve SQL Problems by Web Dev Simplified
- MySQL Tutorial for Beginners [Full Course] by Mosh Hamedani
PostgreSQL
MongoDB
Websockets
- Real-Time Tweets & Socket.io by Brad Traversy
- Multiplayer Snake Game with Socket.io by Hungry Turtle Code
Hosting
-
Jamstack Explorers Learning Platform by Netlify
-
Bild a Full Stack Blog with Astro by Lazar Nikolov
11ty
💪 Skills
| Skill | Intro | Occasional Use | Regular Use |
|---|---|---|---|
| HTML5 | ✓ | ✓ | ✓ |
| CSS3 | ✓ | ✓ | ✓ |
| Bootstrap | ✓ | ✓ | |
| Bulma | ✓ | ✓ | |
| Sass | soon | ||
| CSS Animation | ✓ | ✓ | |
| Markdown | ✓ | ✓ | ✓ |
| SVG | ✓ | ✓ | |
| JavaScript | ✓ | ✓ | ✓ |
| TypeScript | ✓ | ✓ | ✓ |
| Regex | ✓ | ✓ | |
| Git | ✓ | ✓ | ✓ |
| GitHub | ✓ | ✓ | ✓ |
| Angular | ✓ | ✓ | ✓ |
| OOP | ✓ | ✓ | |
| RxJS | ✓ | ||
| Angular Material | ✓ | ✓ | ✓ |
| Astro | ✓ | ✓ | |
| NPM | ✓ | ✓ | ✓ |
| Node.js | ✓ | ✓ | |
| Express.js | ✓ | ✓ | |
| Consuming APIs | ✓ | ✓ | |
| Creating REST APIs | ✓ | ✓ | |
| Unit Testing | ✓ | ✓ | |
| Integration Testing | soon | ||
| End-to-end Testing | ✓ | ✓ | ✓ |
| Test Automation | ✓ | ✓ | ✓ |
| Text To Speech | ✓ | ||
| Websockets | soon | ||
| SQL | ✓ | ✓ | |
| PostgreSQL | ✓ | ✓ | |
| Prisma ORM | ✓ | ||
| MongoDB | ✓ | ✓ | |
| Firebase | ✓ | ||
| Custom e-commerce | soon | ||
| Deployment | ✓ | ✓ | |
| Data Visualization | soon | ||
| Accessibility | ✓ |
🧰 Tooling
| Tool | Intro | Occasional Use | Regular Use |
|---|---|---|---|
| iTerm – Oh My Zsh | ✓ | ✓ | ✓ |
| Visual Studio Code | ✓ | ✓ | ✓ |
| EsLint – Prettier | ✓ | ✓ | ✓ |
| Parcel | ✓ | ✓ | |
| Vite | ✓ | ✓ | |
| Jasmine | ✓ | ||
| Jest | ✓ | ||
| Postman | ✓ | ✓ | |
| Selenium | ✓ | ||
| TablePlus | ✓ | ✓ | |
| pgAdmin4 | ✓ | ✓ |