No-Nonsense Frontend Engineering Roadmap

Ғылым және технология

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

Пікірлер: 85

  • @emmm_4465
    @emmm_44652 ай бұрын

    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

    2 ай бұрын

    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

    2 ай бұрын

    Wow so late to find out

  • @emmm_4465

    @emmm_4465

    2 ай бұрын

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

  • @IStMl

    @IStMl

    2 ай бұрын

    It's a feature that also uses the backend

  • @egemen261
    @egemen2612 ай бұрын

    Thank you so much, it was so informative!

  • @dorklol2969
    @dorklol29692 ай бұрын

    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

    2 ай бұрын

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

  • @Nyxar-2077

    @Nyxar-2077

    2 ай бұрын

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

  • @dorklol2969

    @dorklol2969

    2 ай бұрын

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

  • @utkarshpandey6499
    @utkarshpandey64992 ай бұрын

    one of the best video with well explained concepts

  • @aninditabatra3810
    @aninditabatra38102 ай бұрын

    love it! thanks for the video

  • @Codebagel

    @Codebagel

    2 ай бұрын

    Thanks! Hope you learned something!

  • @madhavvankina5201
    @madhavvankina52012 ай бұрын

    What an awesome video for the beginners to understand frontend.

  • @exystenze4719
    @exystenze47192 ай бұрын

    Great video! loved it.

  • @Codebagel

    @Codebagel

    2 ай бұрын

    Glad you enjoyed it!

  • @necrozzz1874
    @necrozzz18742 ай бұрын

    Great content, I starting to learn Frontend myself!

  • @NickTheCodeMechanic

    @NickTheCodeMechanic

    7 күн бұрын

    Welcome to Hell.

  • @mysteryguitarhaziq
    @mysteryguitarhaziq2 ай бұрын

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

  • @astrahcat1212
    @astrahcat1212Ай бұрын

    Learning React takes time, getting it to look beautiful as well takes even more time. Its like working with Photoshop without a graphical ui.

  • @Boganella
    @Boganella2 ай бұрын

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

  • @Codebagel

    @Codebagel

    2 ай бұрын

    Thanks, I can’t lie it was intentional 😂

  • @who_is_kaijuu

    @who_is_kaijuu

    2 ай бұрын

    Me too 😂😂

  • @tsyf1
    @tsyf12 ай бұрын

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

  • @makyiabonner5950

    @makyiabonner5950

    2 ай бұрын

    Markup languages not Programming languages

  • @knighthawk095

    @knighthawk095

    2 ай бұрын

    ^ this

  • @IStMl

    @IStMl

    2 ай бұрын

    ​@@makyiabonner5950that's... what they said

  • @mrfabulous3303
    @mrfabulous33032 ай бұрын

    Great video man 💯

  • @Codebagel

    @Codebagel

    2 ай бұрын

    Thanks so much! Glad you like it!

  • @kidyoshi007
    @kidyoshi0072 ай бұрын

    These videos are awesome!!!

  • @Codebagel

    @Codebagel

    2 ай бұрын

    Thanks so much! Glad you like them!

  • @shubham7854
    @shubham7854Ай бұрын

    the first dinasour animation is fucking sick, can you please provide source code for that

  • @esraafadul2929
    @esraafadul29292 ай бұрын

    Good sound effects

  • @miindaugas
    @miindaugasАй бұрын

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

  • @axMf3qTI
    @axMf3qTI2 ай бұрын

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

  • @Julian-sy5pp
    @Julian-sy5pp2 ай бұрын

    pls do the same for web3

  • @NormieDead
    @NormieDead2 ай бұрын

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

  • @Codebagel

    @Codebagel

    2 ай бұрын

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

  • @thegreenroom5820
    @thegreenroom5820Ай бұрын

    I jave never seen a job posting for frontend. Only full stack.

  • @antoniofuller2331
    @antoniofuller23312 ай бұрын

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

  • @kartikagarwal3955
    @kartikagarwal39552 ай бұрын

    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

    2 ай бұрын

    Please note, I have very little knowledge of coding

  • @ZoneInOn

    @ZoneInOn

    2 ай бұрын

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

  • @gebreigziabherabadi6655

    @gebreigziabherabadi6655

    2 ай бұрын

    @@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

    2 ай бұрын

    What do you want to build?

  • @reynardtcloete6959
    @reynardtcloete69592 ай бұрын

    Loovely video :)

  • @helloworldcsofficial
    @helloworldcsofficial2 ай бұрын

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

  • @Codebagel

    @Codebagel

    2 ай бұрын

    LOL I have one coming out next Monday don’t worry 😅

  • @helloworldcsofficial

    @helloworldcsofficial

    2 ай бұрын

    @@Codebagel Better, :D

  • @stevensen6541
    @stevensen65412 ай бұрын

    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?

  • @andiuptown1711

    @andiuptown1711

    2 ай бұрын

    Lol no

  • @saarza9991

    @saarza9991

    29 күн бұрын

    ​@@andiuptown1711 shut

  • @saarza9991

    @saarza9991

    29 күн бұрын

    Yes. Be presentable. Apply non stop.

  • @stevensen6541

    @stevensen6541

    29 күн бұрын

    @@saarza9991 Thank you, king.

  • @krishbhatt141
    @krishbhatt141Ай бұрын

    underrated Dimond

  • @MindfulMoments2962-cm2qc
    @MindfulMoments2962-cm2qcАй бұрын

    React is an javascript library not a framework

  • @mellotonin3621
    @mellotonin36212 ай бұрын

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

  • @Tawanhua
    @Tawanhua21 күн бұрын

    I’m going to be a god at front end now

  • @lalitnarayan7540
    @lalitnarayan75402 ай бұрын

    Someone cooked something good🎉

  • @cmstudio8682
    @cmstudio86822 ай бұрын

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

  • @namikazedevj46
    @namikazedevj462 ай бұрын

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

  • @shamseerahammed4094

    @shamseerahammed4094

    2 ай бұрын

    No body gives a damn 😅

  • @howardleen4182
    @howardleen41822 ай бұрын

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

  • @d_15_giteshsarvaiya22

    @d_15_giteshsarvaiya22

    2 ай бұрын

    Why so

  • @s1lli

    @s1lli

    2 ай бұрын

    >no nonsense >proceeds to sell me courses fucking hell

  • @harrisbuild

    @harrisbuild

    2 ай бұрын

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

  • @johnryder8464

    @johnryder8464

    2 ай бұрын

    Go away with your pathetic troll comments.

  • @Juice_grows

    @Juice_grows

    29 күн бұрын

    Why did you watch it then?

  • @adxnis777
    @adxnis7772 ай бұрын

    HTML and css are coding languages but not programming languages

  • @kaanozk

    @kaanozk

    2 ай бұрын

    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.

  • @SheikhAmeen
    @SheikhAmeen2 ай бұрын

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

  • @AgnostiKing
    @AgnostiKing2 ай бұрын

    Dont forget to learn at least the fundamentals of Git

  • @NormieDead
    @NormieDead2 ай бұрын

    what about full-stack :O

  • @d.156

    @d.156

    2 ай бұрын

    Learn both 🤷

  • @theWorldOfIss
    @theWorldOfIss2 ай бұрын

    Hey react is not a framework 😂

  • @dariusseals8803

    @dariusseals8803

    2 ай бұрын

    😂

  • @bigfoad

    @bigfoad

    Ай бұрын

    Iam noticing that The terms framework and library are being used as synonyms to describe the same thing.

  • @user-pc1im3cj7y
    @user-pc1im3cj7y29 күн бұрын

    Seniors with all due respect, I need to ask, isnt frontend a dead specialty? Even now the ai is decent enough to make websites(frontend), and imagine what it will be a couple years later. Its gonna be a whole transformation with the help of ai, question is, will frontend still be a valuable skill after, 2-3 years?

  • @YeetYeetYe

    @YeetYeetYe

    22 күн бұрын

    It's still very far from actually making a production grade web application. Try and use AI to make any semi-complex application.. not just the UI but the functionality too. It won't even come close to doing it properly.

  • @user-pc1im3cj7y

    @user-pc1im3cj7y

    19 күн бұрын

    @@YeetYeetYe Thats for sure, but what could ai do 2 years before? what can it do now, and what will it be able to 2 years later?

  • @YeetYeetYe

    @YeetYeetYe

    19 күн бұрын

    @@user-pc1im3cj7y It really hasn't changed a whole lot on the programming front. LLMs are severely limited when it comes to programming complex systems. That has universally always been the case, even decades ago. We will need a form of Gen AI before any kind of software job is actually threatened, and by then all other jobs will be automated as well.

  • @yudi8204
    @yudi8204Ай бұрын

    No nonsense 15 minutes long Sell you a course I wonder how nonsense version looks like

  • @takenow2550
    @takenow25502 ай бұрын

    Don't Use This Type Nonsense Title

  • @vivekanandpandey4114
    @vivekanandpandey41142 ай бұрын

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