Full Stack Web Developer Roadmap 2024 (be careful, it hurts)

Поділитися
Вставка
  • Опубліковано 6 чер 2024
  • 🔥 Support my channel at Patreon and unlock exclusive content: bit.ly/3Oj8aCI
    The web development iceberg is a roadmap of languages, frameworks, skills, and other tools that, unfortunately (or fortunately), almost every junior in web development will need to learn. This short, educational video with a dash of humor will walk you through your Web Developer Roadmap for 2024 journey in less than 10 minutes.
    Featuring HTML, CSS, Javascript, Typescript, PHP, Node js, python
    scss, less, postcss, tailwind, styled components, Material UI, Ant Design, Chakra UI, and many more.
    #webdevelopment #iceberg #roadmap
    🔗 Resources
    GIPHY
    imgflip
    UA-cam Audio Library
    Unsplash
    Canva
    🔖 Topics Covered
    00:00 - 00:29 - Intro
    00:30 - 01:11 - History of web
    01:12 - 01:47 - CSS
    01:48 - 02:17 - PHP
    02:18 - 03:04 - Javascript
    03:05 - 04:10 - Javascript libraries
    04:11 - 05:08 - CSS Preprocessors and libs
    05:09 - 05:37 - Responsive design
    05:38 - 06:04 - Bundlers
    06:05 - 07:31 - Javascript Frameworks
    07:32 - 08:37 - AI

КОМЕНТАРІ • 62

  • @hulkovius_rex
    @hulkovius_rex Місяць тому +5

    Great video! Thanks :)

  • @guramen
    @guramen 25 днів тому +7

    Been doing web for two years, not much not little and this video was still such a good refresher. Good job!

  • @reynardtcloete6959
    @reynardtcloete6959 22 дні тому +1

    Love the content :)

  • @drcatkymanifeast
    @drcatkymanifeast Місяць тому +3

    underrated Channel for sure

  • @younes-47
    @younes-47 Місяць тому +1

    Is it ok to rely heavily on component libraries like mui, shadcn.. etc to design and build ui ? Along with some custom components using styled components ofc.. because i really hate using plain css to build complexe responsive designs from scratch.

    • @topfeature4492
      @topfeature4492  Місяць тому

      UI libraries provide you mostly primitives like buttons, inputs, rows, modals etc.
      It’s okay to use it for time saving but if we are talking about responsive UI composition for large and complex apps you can’t avoid writing extra CSS (scss, styled-components) rules. So yes, you can combine it and it’s pretty common practice I believe.

  • @cariyaputta
    @cariyaputta Місяць тому +2

    Nice.

  • @quieasy
    @quieasy 17 днів тому +1

    0.1 + 0.2 = 0.30000000000000004. does not equal exactly 0.3 due to the way computers represent decimal numbers internally.
    Here's why:
    Floating-Point Representation: Computers store decimal numbers using a format called floating-point. This format is designed for efficient storage and calculations but has limited precision. Not all decimal numbers can be represented exactly in binary (the base-2 system computers use).
    Binary Approximation: Numbers like 0.1, 0.2, and 0.3 have repeating binary representations, similar to how 1/3 has a repeating decimal representation (0.3333...). When storing these numbers in binary with finite precision, a rounding error occurs.
    The Result: When you add 0.1 and 0.2 in a programming language, the computer performs calculations with the slightly inaccurate binary representations of these numbers. The result is a number very close to 0.3 but not exactly 0.3. This is often seen as 0.30000000000000004.

    • @topfeature4492
      @topfeature4492  17 днів тому

      Clear explanation! I talk about it a littile in my new video

  • @aganan2787
    @aganan2787 Місяць тому +2

    New sub here ❤

  • @Axypa985
    @Axypa985 23 дні тому +1

    thank you for amazing video ! i just have one question : what is a good roadmap for beginners ? (cause i didnt see any roadmap in video )

    • @topfeature4492
      @topfeature4492  23 дні тому +1

      You can start with basics like html/css/js
      After, you can try React/Next or Vue/Nuxt with styled components for Frontend and Node js or Python for Backend

  • @Jelvix
    @Jelvix 11 днів тому

    It hurts Thank you for this video! We also thought about newcomers and made a new video about the difference between a software developer and a web developer (with the salaries range!) We hope it hurts less

  • @nemesheesh897
    @nemesheesh897 Місяць тому +1

    I am really confused about choosing web development or native app development. Which should I choose?

    • @topfeature4492
      @topfeature4492  Місяць тому

      Hi!
      Believe me or not but you are the single person who can answer this question correctly.
      If I had restarted my career I would have probably picked mobile app development for now like iOS with Swift. But web dev is also pretty interesting and engaging for me.

    • @TokyoXtreme
      @TokyoXtreme Місяць тому

      Web development will persist - native apps will eventually return to web technologies. Nobody likes programming in Xcode, and I suspect the same is true with whatever people use for Android development.

    • @topfeature4492
      @topfeature4492  Місяць тому

      Actually, I agree with almost everything in your statement.

    • @nemesheesh897
      @nemesheesh897 Місяць тому +1

      @@TokyoXtreme I have been hearing about how PWA will replace the needs for most apps. Thanks for your insight

    • @nemesheesh897
      @nemesheesh897 Місяць тому

      @@topfeature4492 Thank you for the response, I will try to explore and identify my interests more

  • @heywelcome3639
    @heywelcome3639 Місяць тому +1

    hello... I don't understand code.. when i see code on JavaScript or python or c++ or c..i see them as writing.. I don't understand what they mean and do... i can't write code.. help me

    • @gauravtejpal8901
      @gauravtejpal8901 Місяць тому

      You can find many resources. Just google

    • @topfeature4492
      @topfeature4492  25 днів тому

      I guess it's better to start with basic theory

    • @dfp10
      @dfp10 13 днів тому

      Try and see the impact that they have on the project your working on.

  • @enesaliev3518
    @enesaliev3518 Місяць тому +2

    Common question: Is it possible to land a job with Html Css only or at least earn some money(we can add here some canva skills ass well) 😂

    • @topfeature4492
      @topfeature4492  Місяць тому +1

      I suppose you can find some job as a HTML/CSS coder on Upwork or Fiver. But it might be difficult and competitive 🤔

  • @tachikaze.
    @tachikaze. 17 днів тому

    Is it worth to learn node for backend or I have to try to learn django instead?

    • @topfeature4492
      @topfeature4492  17 днів тому

      It’s better to try both and then make a choice 👻
      But now seems like node has more jobs overall.

    • @tachikaze.
      @tachikaze. 17 днів тому

      @@topfeature4492 unexpected… I often run into the statement that node is bad for backend and its a trap overall..

  • @Tarun-nn9if
    @Tarun-nn9if Місяць тому

    Hello brother i have bought a udemy course of Dr. Angela yu. Is this a good start although i know C, C++ language

    • @topfeature4492
      @topfeature4492  Місяць тому

      Hi,
      I only know it’s pretty popular but I’ve never passed it before.
      Based on the reviews I suppose it would be okay to start!

    • @Tarun-nn9if
      @Tarun-nn9if Місяць тому

      @@topfeature4492 oh ok

    • @eriikelnino6545
      @eriikelnino6545 Місяць тому

      if you have experience with programming already ..go with Colt steel web developement bootcamp udemy

    • @ismailsultan2577
      @ismailsultan2577 Місяць тому +2

      i've gone through like half the course and learned probably more than my years of browsing the internet just because i didn't know what to search for. This is an optimal start to web development.

    • @joseavila6250
      @joseavila6250 Місяць тому

      I can confirm the way of how she teaches is great to start your path as a developer. I've finished her web dev bootcamp (just for 14$) and I learned more than anything I was taught on school.

  • @nomadshiba
    @nomadshiba Місяць тому +1

    css is goat

  • @ReactUs1
    @ReactUs1 22 дні тому

    Hi I wanna become a web dev is it true in next 10 years ai will take over

    • @topfeature4492
      @topfeature4492  22 дні тому

      Hi, I guess AI will definitely not replace developers in a next 10 years.

  • @firomsaguteta8720
    @firomsaguteta8720 Місяць тому +1

    Whats your honest opinion on AI? Because of the way it's evolving right now

    • @topfeature4492
      @topfeature4492  Місяць тому

      Actually, the video has a part about AI at the end.
      From my experience, it might be a useful or useless tool depending on the business requirements and your prompt and debugging skills.
      There are a lot of problems with the scaling of AI training models, delivery and many others.
      Every AI company tries to sell you first, so they show the best parts of the product or even lie (check Devin disclosure).

  • @thebocksters2756
    @thebocksters2756 19 днів тому +3

    I just lost 8 min of my life…

    • @topfeature4492
      @topfeature4492  19 днів тому +5

      It means I lost 40 hours making this video 🥺

  • @saadhabashneh5587
    @saadhabashneh5587 25 днів тому

    This is all Frontend

    • @topfeature4492
      @topfeature4492  25 днів тому +1

      Even Node js and PHP?

    • @saadhabashneh5587
      @saadhabashneh5587 25 днів тому

      @@topfeature4492 you didn't put backend frameworks for them, you didn't mention databases and sql, plus you forgot to mention version control systems

    • @rileyowen7245
      @rileyowen7245 22 дні тому

      Node
      Express
      Php 😂

  • @nomadshiba
    @nomadshiba Місяць тому +1

    not deep enough

  • @kriteshbhattarai7390
    @kriteshbhattarai7390 6 днів тому

    This video is useless...it only confuses beginners. If you are beginner don't listen to it. The fancy terms used in this video are only alternatives of each other, if you are beginner just focus on html css and js

    • @topfeature4492
      @topfeature4492  6 днів тому

      And then try to find a job with HTML/CSS/JS only