AD
Episode
315
Interview
Web News

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

Recorded:
May 21, 2024
Released:
June 25, 2024
Episode Number:
315

Learning web development is not a clear linear path. At the highest level there's frontend development and backend development...but these categories break down into a tonne of different technologies including (but not limited to) React, Vue, Svelte, SvelteKit, HTML, CSS, JavaScript....and the list just keeps going on. For a beginner, this spider-web of technologies seems like an insurmountable learning path. In this episode, Matt and Mike discussed where they think you should start learning web development, touching on different pathways, and eventually laying out their preferred path in detail.

Listen

Also available on...
...and many more, check your podcast app!

Who’s in This Episode?

Show Notes

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