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

[fusebox_track_player url=”http://traffic.libsyn.com/lavieencode/LVEC031_final.mp3″]

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

[bctt tweet=”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.” username=”lavie_encode”]

[bctt 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.” username=”lavie_encode”]

[bctt tweet=”Pay attention to the size of the library that you’re going to be plugging into your project. Avoid using big libraries that you don’t need, or that aren’t going to play a big role in your website or app.” username=”lavie_encode”]

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.

[fusebox_transcript]

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

[bctt tweet=”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.” username=”lavie_encode”]

[bctt 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.” username=”lavie_encode”]

[bctt tweet=”Pay attention to the size of the library that you’re going to be plugging into your project. Avoid using big libraries that you don’t need, or that aren’t going to play a big role in your website or app.” username=”lavie_encode”]

Site Map

© 2022  La Vie en Code 

Sign up for the Life in Code Newsletter!


    Report

    Harassment or bullying behavior
    Contains mature or sensitive content
    Contains misleading or false information
    Contains abusive or derogatory content
    Contains spam, fake content or potential malware

    Block Member?

    Please confirm you want to block this member.

    You will no longer be able to:

    • See blocked member's posts
    • Mention this member in posts
    • Invite this member to groups
    • Message this member
    • Add this member as a connection

    Please note: This action will also remove this member from your connections and send a report to the site admin. Please allow a few minutes for this process to complete.

    Report

    You have already reported this .

    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). :)