No-Nonsense Frontend Engineering Roadmap

Sdílet
Vložit
  • čas přidán 3. 06. 2024
  • If you want to become a frontend engineer, this roadmap will provide you a guide of what to learn, without wasting your time on nonsense.
    Start the FREE Software Development Introduction Course with CourseCareers Now, and get $50 off the Frontend Engineering Course: coursecareers.com/a/CodeBagel...
    📘 Chapters
    0:00 - Intro
    0:35 - What is Frontend Engineering?
    1:51 - HTML, CSS, JavaScript
    4:29 - Responsive Design & CSS Frameworks
    6:05 - JavaScript Frameworks
    7:57 - API Integration
    9:29 - Asynchronous JavaScript
    10:43 - Debugging & Testing
    13:44 - TypeScript and Beyond!
    #coding #softwareengineer #frontend
  • Věda a technologie

Komentáře • 68

  • @emmm_4465
    @emmm_4465 Před 15 dny +30

    I dont think this any coincidence but when you say “subscribe” the button glows and animates on mobile ios 0:54 . I’m guessing the speech is recognised to trigger the animation! Thats some great front end engineering, fangirling so much!!!!

    • @musaddiqali1
      @musaddiqali1 Před 15 dny +10

      Not only on mobile, but also on desktop browser, you can see this. Also the LIKE button glows when video says, "press like button".

    • @subgivtara
      @subgivtara Před 13 dny +3

      Wow so late to find out

    • @ericvillegas2171
      @ericvillegas2171 Před 13 dny +1

      i noticed that too and got tripped out i had to play it back😂

    • @emmm_4465
      @emmm_4465 Před 12 dny

      @@subgivtarahush your mouth and let me enjoy my discovery pedant

    • @IStMl
      @IStMl Před 6 dny

      It's a feature that also uses the backend

  • @dorklol2969
    @dorklol2969 Před 28 dny +28

    great overview. im learning html, css and js in this order for now 5 month and im pretty comfy with it right now. just startet angular as its the framework most bigger companys use here in germany. keep up your work, cheers

    • @Codebagel
      @Codebagel  Před 28 dny +3

      Awesome! Best of luck - I’m sure you’ll be a pro frontend engineer in no time!

    • @Nyxar-2077
      @Nyxar-2077 Před 23 dny +4

      If you don't have a headache using JavaScript then you're doing it wrong

    • @dorklol2969
      @dorklol2969 Před 23 dny +3

      @@Nyxar-2077 its more about sleepless nights ;)

  • @necrozzz1874
    @necrozzz1874 Před 27 dny +2

    Great content, I starting to learn Frontend myself!

  • @egemen261
    @egemen261 Před 22 dny +1

    Thank you so much, it was so informative!

  • @utkarshpandey6499
    @utkarshpandey6499 Před 22 dny +1

    one of the best video with well explained concepts

  • @madhavvankina5201
    @madhavvankina5201 Před 28 dny +1

    What an awesome video for the beginners to understand frontend.

  • @tsyf1
    @tsyf1 Před 28 dny +22

    Small correction just in case someone gets confused:
    2:10 HTML and CSS are coding languages, they're just not programming languages.

  • @aninditabatra3810
    @aninditabatra3810 Před 28 dny +2

    love it! thanks for the video

    • @Codebagel
      @Codebagel  Před 28 dny

      Thanks! Hope you learned something!

  • @exystenze4719
    @exystenze4719 Před 28 dny +1

    Great video! loved it.

  • @Boganella
    @Boganella Před 27 dny +6

    The slick subscribe plug😂😂 i definitely had to sub for that

  • @mrfabulous3303
    @mrfabulous3303 Před 11 dny

    Great video man 💯

    • @Codebagel
      @Codebagel  Před 11 dny

      Thanks so much! Glad you like it!

  • @mysteryguitarhaziq
    @mysteryguitarhaziq Před 14 dny

    Im alrdy hired as a Aircraft Mechanic. But this is useful. (idk anything abt website design. i use umatrix and Noscript)

  • @esraafadul2929
    @esraafadul2929 Před 21 dnem

    Good sound effects

  • @kidyoshi007
    @kidyoshi007 Před 28 dny +2

    These videos are awesome!!!

    • @Codebagel
      @Codebagel  Před 28 dny

      Thanks so much! Glad you like them!

  • @miindaugas
    @miindaugas Před 10 hodinami

    Another challange make all tooling work together... Understanding browsers, profiling, rendering stuff... explaining BE why passing 50 Megabites of JSON is not good idea ..

  • @NormieDead
    @NormieDead Před 28 dny +1

    please make data-science and AI , machine learning roadmaps too

    • @Codebagel
      @Codebagel  Před 27 dny +3

      That’s my plan! Subscribe and you’ll see!

  • @helloworldcsofficial
    @helloworldcsofficial Před 28 dny +3

    More DS & Algo videos please. Stop procrastinating. Good vid btw.

  • @howardleen4182
    @howardleen4182 Před 28 dny +48

    I dont think i was the right audience for this video.

    • @d_15_giteshsarvaiya22
      @d_15_giteshsarvaiya22 Před 27 dny +1

      Why so

    • @s1lli
      @s1lli Před 26 dny +17

      >no nonsense
      >proceeds to sell me courses
      fucking hell

    • @harrisbuild
      @harrisbuild Před 25 dny +3

      do you comment this to all videos you come across in youtube

    • @johnryder8464
      @johnryder8464 Před 13 dny

      Go away with your pathetic troll comments.

  • @antoniofuller2331
    @antoniofuller2331 Před 22 dny +1

    You just had to include the three.js clip 0:15

  • @Julian-sy5pp
    @Julian-sy5pp Před 26 dny +1

    pls do the same for web3

  • @stevensen6541
    @stevensen6541 Před 22 dny +1

    So let's say someone reached a level where he is making a full stack chat webapp using MERN, and is planning on learning testing next, would that person be close to be able to start searching for junior dev positions?

  • @axMf3qTI
    @axMf3qTI Před 15 dny

    front-end vs back-end. Why not both!!

  • @kartikagarwal3955
    @kartikagarwal3955 Před 19 dny +2

    Hi. I have a question. Which language to use to build scalable apps? I have heard building apps on java, python is easy, but it is memory intensive. C language used less memory. So should a startup build app on C from start?

    • @kartikagarwal3955
      @kartikagarwal3955 Před 19 dny

      Please note, I have very little knowledge of coding

    • @thehumster7837
      @thehumster7837 Před 15 dny

      They all work. Some are better for certain scenarios, but theyll all do the job​@@kartikagarwal3955

    • @gebreigziabherabadi6655
      @gebreigziabherabadi6655 Před 3 dny

      @@kartikagarwal3955
      For a startup with limited coding experience, start with Python or JavaScript for easy learning and development speed. C is powerful but complex, better suited for experienced developers.

    • @gebreigziabherabadi6655
      @gebreigziabherabadi6655 Před 3 dny

      What do you want to build?

  • @reynardtcloete6959
    @reynardtcloete6959 Před 19 dny

    Loovely video :)

  • @lalitnarayan7540
    @lalitnarayan7540 Před 14 dny

    Someone cooked something good🎉

  • @mellotonin3621
    @mellotonin3621 Před 12 dny

    This video makes me think I should probably switch to learning backend

  • @cmstudio8682
    @cmstudio8682 Před 4 dny

    ive mastered all of these and mastering backend, but im not god yet 😂

  • @namikazedevj46
    @namikazedevj46 Před 16 dny

    meanwhile C# with its blazor, hello ladies and gentleman :v

  • @adxnis777
    @adxnis777 Před 17 dny

    HTML and css are coding languages but not programming languages

    • @kaanozk
      @kaanozk Před 16 dny

      Html is a mark up language and CSS is a programming language. You can't perform operations with html, therefore it is not coding and CSS can do it restricted therefore it's technically programming but not coding. Programming and coding are not the same.

  • @AgnostiKing
    @AgnostiKing Před 11 dny

    Dont forget to learn at least the fundamentals of Git

  • @SheikhAmeen
    @SheikhAmeen Před 8 dny

    HTML and CSS *ARE* coding languages. Just not programming languages.

  • @theWorldOfIss
    @theWorldOfIss Před 28 dny +3

    Hey react is not a framework 😂

  • @NormieDead
    @NormieDead Před 28 dny +2

    what about full-stack :O

    • @d.156
      @d.156 Před 27 dny

      Learn both 🤷

  • @vivekanandpandey4114
    @vivekanandpandey4114 Před 19 dny +1

    Hare Krishna Hare Krishna Krishna Krishna Hare Hare
    Hare Rama Hare Rama Rama Rama Hare Hare ❤❤
    Raadhe Raadhe ❤❤
    Jai Shree Ram ❤❤❤

  • @takenow2550
    @takenow2550 Před 16 dny

    Don't Use This Type Nonsense Title