031: Dissecting the Web Developer Roadmap—The Front-End

What you'll learn

  • Learning HTML, CSS, and JavaScript basics
  • Building your first structured web page
  • Using CSS to style that page
  • Using JavaScript to add interactivity
  • Working with JavaScript libraries
  • What CSS and JavaScript frameworks can do for your workflow
  • Whether or not to use jQuery in your projects
  • Why you need to test your programs
  • How Progressive Web Apps (PWAs) extend traditional web app functionality and improve user experience
  • What server-side rendering can do for your web app
  • Type checking—what it is, and how it affects your code

Tweetables

As self-taught students, we forget to celebrate ourselves. It might sound corny, but think about it: we’re not getting that validation of being in a classroom. It’s so, so easy to forget how awesome you are. Click To Tweet Documenting your project's evolution will show a whole lot of skill in terms of growth and learning ability, as well as your ability to write good documentation. Click To Tweet 031: Dissecting the Web Developer Roadmap—The Front-End Click To Tweet

What do you need to know in order to work in the web development industry?

Where should you start, in terms of really understanding the concepts now, and down the road?

What do all these weird-sounding terms mean??

Over the next 4 episodes, we’ll be pulling apart Kamran Ahmed’s Web Developer Roadmap to help you visualize and contextualize your self-education journey.

By the end of this series, listeners will understand the different subsets of web development, and what kinds of tools and resources you’ll need to learn in order to get a job. If you’re a new self-taught web developer, you’ll definitely want to tune in!

Greetings, folks!

The Web Developer Roadmap provides a visual guide for navigating the complex world of web development. This week, we’re diving into the Front-End portion of the Web Developer Roadmap.

For the next 2 weeks, we’ll be pulling apart the Roadmap, so I can help you (and actually, myself!) to better understand the problems that each of these topics solve.

We’ll cover topics like:

  • HyperText Markup Language (HTML)
  • Cascading Style Sheets (CSS)
  • JavaScript (JS)
  • Web applications
  • Server-side rendering
  • Mobile responsiveness
  • GitHub projects and open source
  • CSS preprocessors, frameworks, and architecture
  • Build tools (task runners, package managers, module loaders)
  • Creating your very first JavaScript library
  • Testing your code
  • Progressive Web Apps
  • And so much more

This is a packed episode, no lie. You’ll probably listen to it multiple times, and I hope that you enjoy it more each time! ????

If you’re seeing this message, I’m currently adding some valuable hand-picked, 101-level resources here. 🙂 Hang tight and they’ll be up shortly.

Email Download New Tab
Scroll back to top

What you'll learn

  • Learning HTML, CSS, and JavaScript basics
  • Building your first structured web page
  • Using CSS to style that page
  • Using JavaScript to add interactivity
  • Working with JavaScript libraries
  • What CSS and JavaScript frameworks can do for your workflow
  • Whether or not to use jQuery in your projects
  • Why you need to test your programs
  • How Progressive Web Apps (PWAs) extend traditional web app functionality and improve user experience
  • What server-side rendering can do for your web app
  • Type checking—what it is, and how it affects your code

Tweetables

As self-taught students, we forget to celebrate ourselves. It might sound corny, but think about it: we’re not getting that validation of being in a classroom. It’s so, so easy to forget how awesome you are. Click To Tweet Documenting your project's evolution will show a whole lot of skill in terms of growth and learning ability, as well as your ability to write good documentation. Click To Tweet 031: Dissecting the Web Developer Roadmap—The Front-End Click To Tweet

LaunchPad Scavenger Hunt

HOW TO PLAY

Rockets are scattered across the website, waiting for you to find them! Each rocket grants 20 coins. 

When you find one, click it to receive your reward! Rockets reset every day.

ROCKETS DISAPPEAR IN

Days
Hours
Minutes
Seconds

[gamipress_leaderboard_user_position id=”69390″ current_user=”yes” text=”You are in position {position}!” not_ranked_text=”You’re not yet ranked—go find some rockets!“]

[gamipress_leaderboard title="" id="69390" hide_admins="yes"]

Just one more step to download I Want to Learn to Code—Now What!

Total transparency: You’ll get your guide, and also be subscribed to my dope weekly newsletter, Life in Code.

You can always unsubscribe (but I don’t think you’ll want to). :)

Just one more step to download 10 Things You Need to Learn BEFORE Learning to Code!

Total transparency: You’ll get your guide, and also be subscribed to my dope weekly newsletter, Life in Code.

You can always unsubscribe (but I don’t think you’ll want to). :)

Just one more step to download 5 Steps to Solving Code Challenges!

Total transparency: You’ll get your guide, and also be subscribed to my dope weekly newsletter, Life in Code.

You can always unsubscribe (but I don’t think you’ll want to). :)