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 | β | β | β |
CSS Flexbox | β | β | β |
CSS Grid | β | β | β |
Bootstrap | β | β | |
Bulma | β | β | |
Sass | soon | ||
CSS Animation | β | β | |
Markdown | β | β | β |
SVG | β | β | |
JavaScript | β | β | β |
TypeScript | β | β | β |
Regex | β | β | |
Git | β | β | β |
GitHub | β | β | β |
Angular | β | β | β |
OOP | β | β | |
RxJS | β | β | |
Angular Material | β | β | β |
NPM | β | β | β |
Node.js | β | β | |
Express.js | β | ||
Consuming APIs | β | β | |
Creating REST APIs | β | ||
Unit Testing | β | β | |
Integration Testing | soon | ||
End-to-end Testing | soon | ||
Test Automation | β | ||
Text To Speech | β | ||
Websockets | β | ||
SQL | β | ||
PostgreSQL | soon | ||
MongoDB | β | β | |
Firebase | β | ||
Custom e-commerce | soon | ||
Deployment | β | β | |
Data Visualization | soon | ||
Accessibility | β | ||
React | β | ||
Redux | β |
π§° Tooling
Tool | Intro | Occasional Use | Regular Use |
---|---|---|---|
iTerm β Oh My Zsh | β | β | β |
Visual Studio Code | β | β | β |
EsLint β Prettier | β | β | β |
Parcel | β | β | |
Vite | β | β | |
Jasmine | β | ||
Jest | β | ||
Postman | β | β | |
Selenium | β | ||
TablePlus | β |