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
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
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
2 ай бұрын
Wow so late to find out
@emmm_4465
2 ай бұрын
@@subgivtarahush your mouth and let me enjoy my discovery pedant
@IStMl
2 ай бұрын
It's a feature that also uses the backend
Thank you so much, it was so informative!
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
2 ай бұрын
Awesome! Best of luck - I’m sure you’ll be a pro frontend engineer in no time!
@Nyxar-2077
2 ай бұрын
If you don't have a headache using JavaScript then you're doing it wrong
@dorklol2969
2 ай бұрын
@@Nyxar-2077 its more about sleepless nights ;)
one of the best video with well explained concepts
love it! thanks for the video
@Codebagel
2 ай бұрын
Thanks! Hope you learned something!
What an awesome video for the beginners to understand frontend.
Great video! loved it.
@Codebagel
2 ай бұрын
Glad you enjoyed it!
Great content, I starting to learn Frontend myself!
@NickTheCodeMechanic
7 күн бұрын
Welcome to Hell.
Im alrdy hired as a Aircraft Mechanic. But this is useful. (idk anything abt website design. i use umatrix and Noscript)
Learning React takes time, getting it to look beautiful as well takes even more time. Its like working with Photoshop without a graphical ui.
The slick subscribe plug😂😂 i definitely had to sub for that
@Codebagel
2 ай бұрын
Thanks, I can’t lie it was intentional 😂
@who_is_kaijuu
2 ай бұрын
Me too 😂😂
Small correction just in case someone gets confused: 2:10 HTML and CSS are coding languages, they're just not programming languages.
@makyiabonner5950
2 ай бұрын
Markup languages not Programming languages
@knighthawk095
2 ай бұрын
^ this
@IStMl
2 ай бұрын
@@makyiabonner5950that's... what they said
Great video man 💯
@Codebagel
2 ай бұрын
Thanks so much! Glad you like it!
These videos are awesome!!!
@Codebagel
2 ай бұрын
Thanks so much! Glad you like them!
the first dinasour animation is fucking sick, can you please provide source code for that
Good sound effects
Another challange make all tooling work together... Understanding browsers, profiling, rendering stuff... explaining BE why passing 50 Megabites of JSON is not good idea ..
front-end vs back-end. Why not both!!
pls do the same for web3
please make data-science and AI , machine learning roadmaps too
@Codebagel
2 ай бұрын
That’s my plan! Subscribe and you’ll see!
I jave never seen a job posting for frontend. Only full stack.
You just had to include the three.js clip 0:15
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
2 ай бұрын
Please note, I have very little knowledge of coding
@ZoneInOn
2 ай бұрын
They all work. Some are better for certain scenarios, but theyll all do the job@@kartikagarwal3955
@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
2 ай бұрын
What do you want to build?
Loovely video :)
More DS & Algo videos please. Stop procrastinating. Good vid btw.
@Codebagel
2 ай бұрын
LOL I have one coming out next Monday don’t worry 😅
@helloworldcsofficial
2 ай бұрын
@@Codebagel Better, :D
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
2 ай бұрын
Lol no
@saarza9991
29 күн бұрын
@@andiuptown1711 shut
@saarza9991
29 күн бұрын
Yes. Be presentable. Apply non stop.
@stevensen6541
29 күн бұрын
@@saarza9991 Thank you, king.
underrated Dimond
React is an javascript library not a framework
This video makes me think I should probably switch to learning backend
I’m going to be a god at front end now
Someone cooked something good🎉
ive mastered all of these and mastering backend, but im not god yet 😂
meanwhile C# with its blazor, hello ladies and gentleman :v
@shamseerahammed4094
2 ай бұрын
No body gives a damn 😅
I dont think i was the right audience for this video.
@d_15_giteshsarvaiya22
2 ай бұрын
Why so
@s1lli
2 ай бұрын
>no nonsense >proceeds to sell me courses fucking hell
@harrisbuild
2 ай бұрын
do you comment this to all videos you come across in youtube
@johnryder8464
2 ай бұрын
Go away with your pathetic troll comments.
@Juice_grows
29 күн бұрын
Why did you watch it then?
HTML and css are coding languages but not programming languages
@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.
HTML and CSS *ARE* coding languages. Just not programming languages.
Dont forget to learn at least the fundamentals of Git
what about full-stack :O
@d.156
2 ай бұрын
Learn both 🤷
Hey react is not a framework 😂
@dariusseals8803
2 ай бұрын
😂
@bigfoad
Ай бұрын
Iam noticing that The terms framework and library are being used as synonyms to describe the same thing.
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
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
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
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.
No nonsense 15 minutes long Sell you a course I wonder how nonsense version looks like
Don't Use This Type Nonsense Title
Hare Krishna Hare Krishna Krishna Krishna Hare Hare Hare Rama Hare Rama Rama Rama Hare Hare ❤❤ Raadhe Raadhe ❤❤ Jai Shree Ram ❤❤❤