Where The F*ck Do I Start Learning Web Development?

How to support the show

Patreon

Prices subject to change and are listed in USD

• Support the show from as little as ~$1/month
• Get a shoutout at the end of the episode (while supplies last) for just ~$3/month
• Help support the HTML All The Things Podcast: Click Here

Learn with Scrimba - Limited Time Discount!

We receive a monetary kickback when you use our link

• Learn to code using Scrimba with their interactive follow along code editor
• Join their exclusive discord communities and network to find your first job!

Discount for users after July 10, 2024!

• Use our affiliate link for a 10% discount!! (Discount valid until the end of 2024)
  • Click the link and take a look around at the new Scrimba 2.0!
  • Make an account
  • You'll then have the option to upgrade to pro content (and you should see our 20% discount listed!)
• Discount is for new accounts only

Discount details before July 10th, 2024:

• Use our affiliate link for a 20% discount!! (Discount valid until ~July 10, 2024)
  • Click the link and take a look around at the new Scrimba 2.0!
  • Make an account
  • You'll then have the option to upgrade to pro content (and you should see our 20% discount listed!)
• Update (06/26): Discount is for new accounts only!

Show Notes

Different Paths

• Front-end first
• Back-end first
• Design/UX
• Jump right into an opinionated framework

Our Recommendations

1. HTML, CSS
   1. Dip toe into SCSS
   2. Kevin Powell HTML and CSS Crash Course on Scrimba: https://v2.scrimba.com/html-css-crash-course-c02l 
2. JavaScript
   1. Create interactive UI’s
   2. Add animations 
   3. Make a small game
   4. Learn different ways to manipulate an array
      1. Map, filter, include, reduce, find, for, etc
   5. JavaScript deep dive Scrimba course: https://v2.scrimba.com/javascript-deep-dive-c0a 
3. Node.js
   1. Build a small api that returns some data with just node + express
      1. Learn how to host this locally and potentially remotely 
   2. Connect front-end you built before with the back-end
   3. Connect a DB (Postgres, sqllite, mysql, doesn’t matter…)
   4. Add some sort of authentication (api or user auth)
   5. Add a bit of TypeScript (stick to inferred types as much as possible)
      1. Typescript 
   6. Node.js Crash course from Brad Traversy: https://www.youtube.com/watch?v=32M1al-Y6Ag 
4. Svelte/SvelteKit
   1. Learn svelte 
   2. Learn SvelteKit
   3. Joy of Code SvelteKit Course: https://www.youtube.com/watch?v=MoGkX4RvZ38&t=1071s 
   4. Create full-stack app that includes
      1. Front-end
      2. API layer
         1. CRUD
      3. DB
      4. Auth
      5. Component lib
      6. Bonus
         1. Analytics
         2. 3rd party integrations
         3. Nice design