DEV Community

Mikhail Karan
Mikhail Karan

Posted on • Originally published at

The Front-End Developer Roadmap (Revisited)

What is HTML All The Things

HTML All The Things is a web development podcast and discord community which was started by Matt and Mike, developers based in Ontario, Canada.

The podcast speaks to web development topics as well as running a small business, self-employment and time management. You can join them for both their successes and their struggles as they try to manage expanding their Web Development business without stretching themselves too thin.


The Svelte for Beginners Udemy course is now live! Mike took his experience in teaching and learning Svelte and created a course.

This course will teach you the fundamentals of JavaScript frameworks.

Get it now on Udemy! 👇

Svelte For Beginners

What's This One About?

In this episode Matt and Mike discuss front-end development, covering a roadmap of skills that can be used as a sort of guide through the many front-end technologies. The duo go over a list of topics that you can use to learn front-end development starting at vanilla HTML + CSS, and working into more complex topics like frameworks, JavaScript, some backend tech, and much more.

Show Notes

  • Computer Skills
  • HTML + CSS
  • Optional ----- UI frameworks (Bootstrap, MaterialUI, etc)
  • Basic hosting


  • CMS
  • JavaScript --------------------------- branch --------------- UI, Figma, etc
  • Optional -------- CS concepts (DSA)


  • GIT
  • CLI
  • NPM (node)
  • CSS Preprocessors (Tailwind, SCSS, etc)
  • Svelte (or React, or Svelte) ----------------------------or ----------------------- Wordpress
  • CI/CD deployment (netlify, vercel, github pages)


  • Static site generators/SSR (Next, Nuxt, SvelteKit)
  • Some backend (headless)
  • Docker
  • Web3

Thank you!

If you're enjoying the podcast consider giving us a review on Apple Podcasts or checking out our Patreon to get a shoutout on the podcast.

Support us on Patreon

You can find us on all the podcast platforms out there as well as

Instagram (@htmlallthethings)
Twitter (@htmleverything)
TikTok (Html All The Things)

Top comments (5)

suryachalla profile image
Surya Challa

I'm new here, what's MONITIZE

mikehtmlallthethings profile image
Mikhail Karan

Hey, so these are just shownotes and I give a lot of context if you take a listen to the episode on spotify.

Essentially my point with the MONITIZE statements is you can try to find work and freelancing contracts and many different points during the journey through the roadmap.

You do not need to learn everything to start making money.

gevera profile image
Denis Donici

Can you tell more about your freelancing experience and maybe some advice? Thanks

developerunknown23 profile image

What do you mean web3?

mikehtmlallthethings profile image
Mikhail Karan

By web 3.0 I'm referring too blockchain, machine learning and decentralization.