The one thing I didn't cover in this video is whether it's written *front end* or *frontend* (...or *front-end* ???). We leave it as an exercise to the viewer to figure that one out. 😉
Hey Clem can I get access to the algoexpert courses for lifetime by paying extra or something? I just want it as a reference for learning rather than content for rigorous interviews
Very much appreciate this!! I was trying to recall all four and those, "wait, maybe someone was cool enough to post this as a comment." sure enough. :-) Also, as a full stack engineer that started doing web development in the late 90s, I think this video was right on!
Although I understood everything you said in this video, I think that this might seem a little too complex for someone who is just starting out in the field. A more simplistic approach on how to see Frontend (IMO) is that it has mainly 3 pieces: 1. HTML - the markup (text, images, lists, etc) 2. CSS - styling (make the above look pretty by adding colors, fonts, spacing, etc) 3. JavaScript - functionalities (make it be interactive. Example: when you click a button, let’s show a modal) Nevertheless, this is just my own opinion on this topic after working 7 years in the field. ☺️
Florin Pop thanks, this is what I’m trying to do to get into field by self study and working on portfolio. I only thought about react because it’s the most popular according to the engineers I know
There's a million explainers that already describe this. What's missing is the intermediate step where you stop learning html/css/javascript and start doing frontend "engineering" by leveraging css frameworks, component libraries, javascript frameworks and associated tooling.
@@TheSparkart 😅 if you just want to add the checkbox there is no problem ... but if the check box changes the entire form to a different form, it is hard as now you have add the scaffolding around the form and deal with all the permissions and checks associated with that.
A good boss or TL should know more about the detail behind the task (at least willing to learn more about this) , not just bullshiting like "it is just checkbox not big deal"
Love your style man, keep it up with the intense and humorous expressivity, makes it so much more enjoyable to watch! And of course the information is very helpful, thanks!
Great video Clément. I have a lot of respect for frontend engineers who make great user experiences, especially considering how different browsers behave and render things so differently.
You explained Front end categories so beautifully. I have been a backend developer for last 10+ years and started learning front end from last 6 months. I was getting demotivated by looking at my horrible CSS. But now I know there are other 3 categories- State, Layout and Asynchorousilty which I think I can do good. Thanks a tom for great insights about front end.
When you first started your TH-cam channel , I was like all this dude is going to be talking about Google ,then I said let me just subscribe and you have been one of my favourite channel
tbh at the very beginning I thought this channel only existed to promote its product algoexpert and I wasnt so interested, but after I actually started watching your videos, ive become more and more of a fan. Your videos are really informative and helpful.
The front-end "Great Divide" is becoming more apparent as some front-end devs prefer the styling aspect, while others prefer the last two points you stated. I find myself leaning towards the former.
Level 1: Capable of doing basic sites built with bootstrap layouts and grids. Level 2: Capable of crafting your UI and building fluid layouts, a good understanding of the build process and be familiar with tools and libraries. Level 3: Capable of making hard UIs with dynamic interactions so you have a deep understanding of state management and you can struct your code base with custom build smartly. Level 4: Creating patterns and building blocks which could be libraries or shared components with tests and your code is very readable. Level 5: Deep understanding of design patterns and your code is very scalable and reusable. Level 6: Details on tiny little performance improvement and browser rendering efficiency or caching or memory optimizations. And the app you build is for super high traffic uses. Level 7: Creating wheels rather than using wheels, creating low-level libraries rather than using libraries.
Great vid. I too love front end for the same reason. Love making something I can see that feels good to use but also works well. However I also enjoy the backend and devops. Overall I have a passion for how everything works.
We have this in common as I am sure many people do. I, too, love to learn the science behind everything. I really want to learn Backend and DevOps and DS. I am starting to love data and it's manipulation.
Thank you for cover of the topic. I'm frontend guy myself and as in your case handling challenges with asynchronous logic is really fun even that i love backend no less. We will be waiting for 'All You Need To Know About BACKEND Engineering' Cheers
It's driving me insane how you keep on misusing the term "UX Design" in place of "UI Design". I respect what you do, I just think future front-end developers should know the difference.
Front end is super difficult because of frameworks (React, Angular etc) and the asynchronus handling of shit (JS lacks synchornization options). I am backend(for about 11 years now) that also does front end (basically I create the entire website). But my main focus in PHP and mysql, so backend. To use node or angular or react is 100 folds more complicated than regular php and html/css/js on front
@@nasiffuad292 In backend you seldom have to do with "under the hood" things and asynchornous elements. It has to be a very complex backend to reach "multithreading" phase
That's exactly what people need to know about front-end engineers. Sometimes on different forums, I see some people who do not have any ideas about front-end engineering suggest other people start from the front-end because it's so simple... It's might be simple if you write only HTML and copy-paste CSS, but the truth has been told here.. it's not simple and it still requires a lot of tech knowledge and consistent learning
Indeed, almost all of the front-end developers love front-end because they could see the output of their code more easily they could make very beautiful things at the moment.
This is such a great detailed explanation of frontend engineering, because it is just that and this is what backend developers and "full stack" developers, which I think the whole full stack term is bs, need to know really just how much is put into frontend. I am a fan. Great info. Me as a frontend developer have seen all these challenges and it's refreshing to hear someone make sense out of it!
I totally agree that what I like about the front-end is it is visually perceivable even for someone who has no idea what computer science is. Not like back-end where, in most cases, you just see the output in a terminal.
10:00 Goodness finally I can have this as a perfect response to people who underestimate frontend engineering!! Like duh, every single “simple” thing you see on your website involves a ton of complicated works done by FEEs. You only think it’s easy because you’re not doing it. Shut up and respect one another!
I like to put in 4 parts: Designing - no code Frontend - HTML & CSS Backend (Client Side) - State management, JSON, AJAX Backend (Server Side) - Databases, Http Request Why? Because many frontend developers don't know state management, and this have a lot of logic that typically a Designer will not want to see in my experience.
I definitely see myself on the React and state management / Architecting side of things. I am not too into html/css purely and basic web dev. Being an 'engineer' and thinking about application design and state management, etc. Is so cool to me. More impact too in my opinion.
@@nekkigamer2951 well, its much easier to get into big tech companies with a bachelor or master's degree in CS. If you dont have neither of them, you have to prove yourself you're better than most of CS graduates by creating projects, contributing in open sources - have a strong portfolio.
Solid list but I'd also add Browser knowledge as a must know (Compatibility, Dev tools, ect..), and maybe the DOM as a separate point even though it falls a bit into layout (event handling & bubbling, accessibility)
My first job out of college my supervisor seemed to belittle frontend because programming the visuals made it "easier"... He mostly did backend. I get the feeling he might have been naturally good at frontend in the past but deemed it easy and instead opted to "challenge" himself on the backend. Every day his face looked as if he hated life. Lesson is, maybe lean more towards your natural strengths?
so Clement. you talk about front end, back end, and full stat engineering a lot. I love how you describe things and I would love it if you could make a video about other types of software engineering and what they do. for instance data engineers. or engineers who work on like say the searching algorithm for google or people who work on IT like cybersecurity engineers or like the people who work on the algorithm for suggesting youtube videos. thanks!
I dont know this man but i am sure he have 5 years of work experience and 3 years of learning 1 for he will tell you guys. A big experience in 14 minute,huge respect, i have paid thousands for this
Hey Clem, Thanks for this! I didn't realize how much Front End I did in college or during parts of my internship. Sorry been a bit late w/ this video, 1 suggestion I have (this might not be your style though): can you layout or have text to say these are the 4 categories of front end as they come in the video or have it outlined in the description? I love your channel, content, algoexpert, etc!
Who hates CSS, or even HTML, hates the user too. We are always forgetting we make application for people and HTML and CSS are the main touch point with people. That's why every website looks like a Google product as well. Not complaining about your video, but this kind of message makes lots of beginner developers repeat that like parrots when they face difficulties on the first time trying to centralize some div. Cheers!
Fantastic video! BTW, it's so much easier to deal with the layout and styling with the visual drag-and-drop tools provided by Android Studio and Xcode. This is reason that I love working on the mobile (Android & iOS) front end instead of the Web front end. And I also prefer Java & Kotlin & Swift to JS 😃
The differance of browsers is one very important point when talking about frontend that you didnt mention... when I am going to explain to backend developers, I say that frontend is like one application that should run in many different java versions... actually for me this is the more painful part of this area...
This was very informative. I was wondering if could you do a video on SRE? If I'm not wrong your co-founder Antoine works with the system scaling and infrastructure like you discussed in your "How we built AlgoExpert" video. So could you do a video detailing the path to be followed towards becoming an SRE? I'm sure it would help a lot of people like me who are interested in this field but don't know how to get started. And once again, thank you for the amazing content !!!!
HTML/CSS is harder to me than Javascript. Have you every heard of that before. JS makes so much sense.. but not mastering HTML CSS layouts is holdin back my career.
I truely can feel "Just a checkbox !?" 😂 I get that alot from clients or managers or backend team. I also love to work on frontend infact I shifted from backend to frontend and I know how difficult it can be when you have to complete the requirements of the clients especially when they are not that techinical.
Hmmm.... Yeah, I don't know. I do think the front-end can be pretty complicated; Maybe it's a little too presumptive to call it "harder" than back-end, though. You've got pre-processors / pre-compilers for things like SASS and SCSS, you've got CSS in the first place, you've got the DOM, you've got some frameworks like Vue.js & Angular.js and combos like React-Redux, you've got the HTML / CSS / DOM combination... You've got everything running inside of a browser (which has it's own intricacies). You've got asynchronous calls out the wazoo which results in the usage of things like cascading callbacks, promises, and even those things called "thunks" (of which I have limited knowledge of if at all). You've even got more specialized things like Clojurescript if you want to have functional programming in your front-end specifically to more easily handle state mutations and the inevitable mind-bending bugs that you'll encounter when mutating loads of state (which by the way comes compliment of the Google Closure Compiler else the transpilation from Clojurescript to Javascript would be rather untenable). I mean... there's a bunch of stuff to pay attention to with regard to front-end development. Oh! I didn't even mention the aesthetic and design of the pages themselves (though aptly pointed out in the video that said design is likely left to someone else), nor SEO optimization which is apparently an important detail when you're considering Single Page Applications the likes of which might use React, and nor have I mentioned the myriad node.js libraries that give all kinds of wonderful functionality (and more things to learn) to your front-end! Yes, front-end development is quite the thing.
Thanks to javascript a FrontEnd developer can be whatever they want. At the moment they can be a backend developer, using node.js, or they dont need a backend developer in their teams anymore using serverless application, using frameworks and graphQL and headless CMS. They can even jump into game developement, using canvas or using some game engines out there, even Unity supports javascript, they can jump into AI and machine learning, at the moment gives a poor performance but Its possible, they can develop mobile applications, these days with progressive web apps Its possibpe
I also worked at a job where I didn’t write any or minimal CSS simply by reusing classes and “components” in VUE and React that already had all those design concepts. If I wanted to crate a button with an specific styling all I had to do was ....
I like material-ui a lot because it saves my time and there are a lot of components that I can use when developing a react app but I hate a lot css styling and that's why when I want to create a personal project I don't feel motivated when I remember the css styling.
Also nowadays Frontend Engineers can lead a project without Backend too. Because there are lots of Backend Services like Firebase. And I can say the Backend is more easy nowadays because it's stable and repetitive. All frameworks follow the same architecture with new trends. Definitely, we can't say Frontend is easy then Backend.
Im a backend engineer, ive done front end and i think it is a matter of personal preference, but i think backend has a lot of more impact and importance than front end. And this could vary from company to company. Some backend stuff could be a joke and some frontend stuff can be a joke as well.
See, according to me, the thing is that backend is way harder and way more work. But making everything precisely and serving the client a good looking website is the most important part of the site itself. If you have good backend code but your frontend is bad, people won't enjoy your website, no matter how good the functionality it. Designing is also really hard as you need to be pixel perfect and working with animations is no joke.(css), then there's also frameworks, libraries and sass which has sass syntax and scss syntax(more popular), then there's javascript you need to learn too. Then for css there's grid, flexbox for making a good layout and properly working with html and planning for the future. I hope you get the point
I do backend engineering while I don't have to create complicated check box logic the api calls can get pretty complex. Example. Needing the latest image from openstack glance getting auth token based off supplied env variables than use token to auth to glance to pull image list, read list, sort list on proper order because naming convention isn't always right than strip new lines, return image to only be used in x situation so now you have to write that logic lol... the list goes on and on.... all just to get 1 "simple" api call of latest os image to be used on hosts. So yeah I get check boxes 🤣🤣🤣
The overall complexity and having billion different dependencies makes frontend development pretty hard. Just never look inside the node_modules folder...
So when you say that "it's not just a checkbox", does that mean that most of the complexity for that checkbox comes from security rather than just making said checkbox on the screen?
So what languages/technologies/frameworks did you use there? Did you have to use JS or TypeScript? I know you mentioned something about angular. What about Python?
Good video, Clem. With my brief exposure to frontend engineering I concluded that it is less structured and the tools are less sophisticated than with other areas of sw engineering. Overall I did not like it. I did like that one can immediately see the result of one's work. That all said, FE engineering is very much needed and I may end up doing it again.
Unbelieveable! You are dead wrong! There's a difference between Web dev and front end SW. FRONT END SWE PLANS THE SOFTWARE WHICH WILL BE EXECUTED ON THE WEB, WHILE THE WEB DEVELOPER MAKES THE WEBSITE ITSELF!
Hi @Clément, a bit an off-topic, what Maths skills you would say being crucial or super-handy when coding algorithms, I got into a problem where I found a solution with 30 lines of code, later I have found there is a maths formula that simplifies the solution with the aid of the Math. library that refactored the code to 5-6 lines.., felt pretty dumb, but it was long time ago I was doing maths so was thinking, what should I be looking to update my skills with.. hope you read that, thanks!
The one thing I didn't cover in this video is whether it's written *front end* or *frontend* (...or *front-end* ???). We leave it as an exercise to the viewer to figure that one out. 😉
mm that's an important topic
You literally wrote "frontend" in the title.
Produce a course on frontend engineering, please. We need to see some code. Not blah blah blah. Thanks
fron tent
Hey Clem can I get access to the algoexpert courses for lifetime by paying extra or something? I just want it as a reference for learning rather than content for rigorous interviews
I used to think that frontend engineers only make buttons. Now I know, it's not like that.
They make checkboxes too.
😂
dont forget the radiobutton :D
Hahahaha😂😂
Bloody panda 🤨
LOLOLOL
1:21 CSS
4:45 Layout
5:38 State Management
7:53 Asynchronicity
Thanks
Thanks for this. I needed 2 minutes to skip over the timestamps to find out that the video is terrible.
Very much appreciate this!! I was trying to recall all four and those, "wait, maybe someone was cool enough to post this as a comment." sure enough. :-)
Also, as a full stack engineer that started doing web development in the late 90s, I think this video was right on!
@jeff pentagon more like there are too much blabbing that dilutes the core lesson, there are not much visuals, etc
when somebody says I hate CSS,
_I see you are man of culture as well_
shubha it’s one reason I low key hate Front End. Lol
Yeah, when I first learned CSS, I was like "wow this is great now my site doesn't look ugly". Fast forward to now and I dread having to style stuff.
@@johnkhachian8254 Yup! Lol!!
Just because of that sentence I gave it a thumbs up!
That's why you are on every site in the world thinking this site is a Google product.
Now we need "All You Need To Know About Backend Engineering (Web Development)" PLEASE
Oh, you best believe that it's coming. 😎
@@clem And fullstack after that! :D
@@Joel-tz5sn concat the 2 videos. PROFIT
Read from remote storage/api and send back JSON. You welcome.
@@Baltasarmk That's an extremely simplified way of looking at it but it's not wrong either.
Although I understood everything you said in this video, I think that this might seem a little too complex for someone who is just starting out in the field.
A more simplistic approach on how to see Frontend (IMO) is that it has mainly 3 pieces:
1. HTML - the markup (text, images, lists, etc)
2. CSS - styling (make the above look pretty by adding colors, fonts, spacing, etc)
3. JavaScript - functionalities (make it be interactive. Example: when you click a button, let’s show a modal)
Nevertheless, this is just my own opinion on this topic after working 7 years in the field. ☺️
Florin Pop after those, would you recommend adding react? React native?
@@Math-Tulane Yes. That's what I did.
Although you might like vue or other library/framework better. It's up to you
Florin Pop thanks, this is what I’m trying to do to get into field by self study and working on portfolio. I only thought about react because it’s the most popular according to the engineers I know
There's a million explainers that already describe this. What's missing is the intermediate step where you stop learning html/css/javascript and start doing frontend "engineering" by leveraging css frameworks, component libraries, javascript frameworks and associated tooling.
Finally I have someone who talks my language in this quarantine !!!
Thank-you so much man !!
Just love your videos
Literally yesterday my boss asked me to add a checkbox in the form, I said it will take time, he said but it's just a checkbox. me (Pikachu face)
So so true
True that.
How hard is it to add a checkbox though
@@TheSparkart 😅 if you just want to add the checkbox there is no problem ... but if the check box changes the entire form to a different form, it is hard as now you have add the scaffolding around the form and deal with all the permissions and checks associated with that.
A good boss or TL should know more about the detail behind the task (at least willing to learn more about this) , not just bullshiting like "it is just checkbox not big deal"
Love your style man, keep it up with the intense and humorous expressivity, makes it so much more enjoyable to watch! And of course the information is very helpful, thanks!
Great video Clément. I have a lot of respect for frontend engineers who make great user experiences, especially considering how different browsers behave and render things so differently.
Glad you enjoyed it, and me too!
You explained Front end categories so beautifully. I have been a backend developer for last 10+ years and started learning front end from last 6 months. I was getting demotivated by looking at my horrible CSS. But now I know there are other 3 categories- State, Layout and Asynchorousilty which I think I can do good. Thanks a tom for great insights about front end.
People say front end is easier than back end but this video blows my mind.
When you first started your TH-cam channel , I was like all this dude is going to be talking about Google ,then I said let me just subscribe and you have been one of my favourite channel
Great Video Clement ! Someone, who knows and speaks what really Front End Engineering is.
tbh at the very beginning I thought this channel only existed to promote its product algoexpert and I wasnt so interested, but after I actually started watching your videos, ive become more and more of a fan. Your videos are really informative and helpful.
when i was five, i told my dad i wanted to be a front-end developer....
*i haven't seen him since*
I’ve been trying to pinpoint exactly what I love about front end engineering and state management and the explanation finally put it into words 👍🏽
The front-end "Great Divide" is becoming more apparent as some front-end devs prefer the styling aspect, while others prefer the last two points you stated. I find myself leaning towards the former.
Level 1: Capable of doing basic sites built with bootstrap layouts and grids.
Level 2: Capable of crafting your UI and building fluid layouts, a good understanding of the build process and be familiar with tools and libraries.
Level 3: Capable of making hard UIs with dynamic interactions so you have a deep understanding of state management and you can struct your code base with custom build smartly.
Level 4: Creating patterns and building blocks which could be libraries or shared components with tests and your code is very readable.
Level 5: Deep understanding of design patterns and your code is very scalable and reusable.
Level 6: Details on tiny little performance improvement and browser rendering efficiency or caching or memory optimizations. And the app you build is for super high traffic uses.
Level 7: Creating wheels rather than using wheels, creating low-level libraries rather than using libraries.
"Frontend engineering, it is never just a checkbox." A perfect way to describe working on the frontend lol
You hit the nail on the head with why I love front end. I want to be able to show it off to people!
Great vid. I too love front end for the same reason. Love making something I can see that feels good to use but also works well.
However I also enjoy the backend and devops. Overall I have a passion for how everything works.
I can definitely relate!
We have this in common as I am sure many people do. I, too, love to learn the science behind everything. I really want to learn Backend and DevOps and DS. I am starting to love data and it's manipulation.
Thank you for cover of the topic. I'm frontend guy myself and as in your case handling challenges with asynchronous logic is really fun even that i love backend no less. We will be waiting for 'All You Need To Know About BACKEND Engineering'
Cheers
It's driving me insane how you keep on misusing the term "UX Design" in place of "UI Design". I respect what you do, I just think future front-end developers should know the difference.
Front end is super difficult because of frameworks (React, Angular etc) and the asynchronus handling of shit (JS lacks synchornization options). I am backend(for about 11 years now) that also does front end (basically I create the entire website). But my main focus in PHP and mysql, so backend. To use node or angular or react is 100 folds more complicated than regular php and html/css/js on front
Not that hard.But I think back-end development is hard
@@nasiffuad292 In backend you seldom have to do with "under the hood" things and asynchornous elements. It has to be a very complex backend to reach "multithreading" phase
That's exactly what people need to know about front-end engineers. Sometimes on different forums, I see some people who do not have any ideas about front-end engineering suggest other people start from the front-end because it's so simple... It's might be simple if you write only HTML and copy-paste CSS, but the truth has been told here.. it's not simple and it still requires a lot of tech knowledge and consistent learning
Indeed, almost all of the front-end developers love front-end because they could see the output of their code more easily they could make very beautiful things at the moment.
Started learning front end development using react and m loving it❤️
12:55 - "Frontend engineering is pretty hard!!". And I would complement: Period!! That's why I love it also. Excellent thoughts!!
Thanks for sharing this Clement, about to transition to a FE role myself and this gave some good insight!
This is such a great detailed explanation of frontend engineering, because it is just that and this is what backend developers and "full stack" developers, which I think the whole full stack term is bs, need to know really just how much is put into frontend. I am a fan. Great info. Me as a frontend developer have seen all these challenges and it's refreshing to hear someone make sense out of it!
I totally agree that what I like about the front-end is it is visually perceivable even for someone who has no idea what computer science is. Not like back-end where, in most cases, you just see the output in a terminal.
Thank you so much for this video! It keeps people motivated! :)
Most underrated tech video ever. Thank you.
10:00 Goodness finally I can have this as a perfect response to people who underestimate frontend engineering!! Like duh, every single “simple” thing you see on your website involves a ton of complicated works done by FEEs. You only think it’s easy because you’re not doing it. Shut up and respect one another!
Excellent video. Thanks for the efforts that you put in
This video was very good! You covered basically all my limited experience working with the Front end application!
Glad you found it useful!
I like to put in 4 parts:
Designing - no code
Frontend - HTML & CSS
Backend (Client Side) - State management, JSON, AJAX
Backend (Server Side) - Databases, Http Request
Why? Because many frontend developers don't know state management, and this have a lot of logic that typically a Designer will not want to see in my experience.
I definitely see myself on the React and state management / Architecting side of things. I am not too into html/css purely and basic web dev. Being an 'engineer' and thinking about application design and state management, etc. Is so cool to me. More impact too in my opinion.
I have a doubt, does a master's degree in computer science is necessary/ helpful to become a front-end engineer? Thank you in advance.
@@nekkigamer2951 well, its much easier to get into big tech companies with a bachelor or master's degree in CS. If you dont have neither of them, you have to prove yourself you're better than most of CS graduates by creating projects, contributing in open sources - have a strong portfolio.
@@nekkigamer2951 and you can do more than just front end engineering if you manage to get a CS degree or self-learn programming.
@@ylli966 Thank you for the info Yill.
'It's never just a checkbox.' - Words to live by.
Its comforting to know that the frontend engineers in Google face the same issues we do. :D
This video was so good that the only improvement it needed was for Clément to get a haircut.
😂😂
nope hez cool
Solid list but I'd also add Browser knowledge as a must know (Compatibility, Dev tools, ect..), and maybe the DOM as a separate point even though it falls a bit into layout (event handling & bubbling, accessibility)
Man, you are my favorite TH-camr now! Sorry Casey Neistat.
Wow, what an honor!
@@clem at least compare Clement to someone actually worth comparison XD
@@paulrozy Haha, I like Boosted Board!
My first job out of college my supervisor seemed to belittle frontend because programming the visuals made it "easier"... He mostly did backend. I get the feeling he might have been naturally good at frontend in the past but deemed it easy and instead opted to "challenge" himself on the backend. Every day his face looked as if he hated life. Lesson is, maybe lean more towards your natural strengths?
Thanks for your content! very thorough. I really appreciate it :)
so Clement. you talk about front end, back end, and full stat engineering a lot. I love how you describe things and I would love it if you could make a video about other types of software engineering and what they do. for instance data engineers. or engineers who work on like say the searching algorithm for google or people who work on IT like cybersecurity engineers or like the people who work on the algorithm for suggesting youtube videos. thanks!
Great video! More Frontend videos please!
I dont know this man but i am sure he have 5 years of work experience and 3 years of learning 1 for he will tell you guys. A big experience in 14 minute,huge respect, i have paid thousands for this
Thanks for this Clem! Very helpful info!
10 year old watching this. It's awesome. To follow your dreams.
Hey Clem, Thanks for this! I didn't realize how much Front End I did in college or during parts of my internship. Sorry been a bit late w/ this video, 1 suggestion I have (this might not be your style though):
can you layout or have text to say these are the 4 categories of front end as they come in the video or have it outlined in the description?
I love your channel, content, algoexpert, etc!
Who hates CSS, or even HTML, hates the user too. We are always forgetting we make application for people and HTML and CSS are the main touch point with people. That's why every website looks like a Google product as well. Not complaining about your video, but this kind of message makes lots of beginner developers repeat that like parrots when they face difficulties on the first time trying to centralize some div. Cheers!
It's NEVER just a checkbox! I love it
13:30 that's why I love F.E.E. and i love styling the things
Love your videos! I'm still waiting on that all-french video you thought about doing in one of your Q&As :D
Fantastic video! BTW, it's so much easier to deal with the layout and styling with the visual drag-and-drop tools provided by Android Studio and Xcode. This is reason that I love working on the mobile (Android & iOS) front end instead of the Web front end. And I also prefer Java & Kotlin & Swift to JS 😃
Thanks Clément, very helpfull as always :)
The differance of browsers is one very important point when talking about frontend that you didnt mention... when I am going to explain to backend developers, I say that frontend is like one application that should run in many different java versions... actually for me this is the more painful part of this area...
This was very informative.
I was wondering if could you do a video on SRE?
If I'm not wrong your co-founder Antoine works with the system scaling and infrastructure like you discussed in your "How we built AlgoExpert" video.
So could you do a video detailing the path to be followed towards becoming an SRE? I'm sure it would help a lot of people like me who are interested in this field but don't know how to get started.
And once again, thank you for the amazing content !!!!
HTML/CSS is harder to me than Javascript. Have you every heard of that before. JS makes so much sense.. but not mastering HTML CSS layouts is holdin back my career.
Just keep learning. You'll get it
Your videos are great, thank you.
I truely can feel "Just a checkbox !?" 😂 I get that alot from clients or managers or backend team. I also love to work on frontend infact I shifted from backend to frontend and I know how difficult it can be when you have to complete the requirements of the clients especially when they are not that techinical.
Why getting riled up my man? It was just a checkbox.... haha. Thank you so much for the video. It was enlightening :)
It's never just a checkbox. Nailed it 😂 please make a video on responsive design (bootstrap or material) thanks
many CTO s and business take Front End for granted. i don't know how many times I had to explain state management to my CTO s and managers.
Hmmm.... Yeah, I don't know. I do think the front-end can be pretty complicated; Maybe it's a little too presumptive to call it "harder" than back-end, though. You've got pre-processors / pre-compilers for things like SASS and SCSS, you've got CSS in the first place, you've got the DOM, you've got some frameworks like Vue.js & Angular.js and combos like React-Redux, you've got the HTML / CSS / DOM combination... You've got everything running inside of a browser (which has it's own intricacies). You've got asynchronous calls out the wazoo which results in the usage of things like cascading callbacks, promises, and even those things called "thunks" (of which I have limited knowledge of if at all). You've even got more specialized things like Clojurescript if you want to have functional programming in your front-end specifically to more easily handle state mutations and the inevitable mind-bending bugs that you'll encounter when mutating loads of state (which by the way comes compliment of the Google Closure Compiler else the transpilation from Clojurescript to Javascript would be rather untenable). I mean... there's a bunch of stuff to pay attention to with regard to front-end development. Oh! I didn't even mention the aesthetic and design of the pages themselves (though aptly pointed out in the video that said design is likely left to someone else), nor SEO optimization which is apparently an important detail when you're considering Single Page Applications the likes of which might use React, and nor have I mentioned the myriad node.js libraries that give all kinds of wonderful functionality (and more things to learn) to your front-end!
Yes, front-end development is quite the thing.
Awesome video! Thanks!
Thanks to javascript a FrontEnd developer can be whatever they want. At the moment they can be a backend developer, using node.js, or they dont need a backend developer in their teams anymore using serverless application, using frameworks and graphQL and headless CMS. They can even jump into game developement, using canvas or using some game engines out there, even Unity supports javascript, they can jump into AI and machine learning, at the moment gives a poor performance but Its possible, they can develop mobile applications, these days with progressive web apps Its possibpe
I hate front end engineering. BUT I love your channel, I love maths, coding, Algorithms.
And I always smash the like button.
In this times Frontend is harder than backend. If you are a new I recommend start programming in C# or Java with SQL. Frontend programming is a chaos.
I also worked at a job where I didn’t write any or minimal CSS simply by reusing classes and “components” in VUE and React that already had all those design concepts.
If I wanted to crate a button with an specific styling all I had to do was ....
I use ids/classes to style anything specific,cssa its easy.
iQuickest yup I know CSS, not expert but my job never required it and it was done mostly by UI and UX teams so I didn’t have to.
Love the videos Clément!
Glad you do!
I'm gonna make a T-shirt: "It's never just a checkbox"
I do love Front-end engineering. For the exact same reasons you exposed.
As a designer trying to become a developer, I do not hate CSS...at least not yet.
Thanks Clément
I like material-ui a lot because it saves my time and there are a lot of components that I can use when developing a react app but I hate a lot css styling and that's why when I want to create a personal project I don't feel motivated when I remember the css styling.
Also nowadays Frontend Engineers can lead a project without Backend too. Because there are lots of Backend Services like Firebase. And I can say the Backend is more easy nowadays because it's stable and repetitive. All frameworks follow the same architecture with new trends. Definitely, we can't say Frontend is easy then Backend.
Thank you sir!
this gangsta is running algoexpert ad in his own video
lol css is pretty hard tho 😁
especially when you deal with application performance, you need to make sure your css design is flawless
Spot on, sir!
ive been watching some of your videos recently - missed the card trick in the beginning :( and yeah, everyone hates css :D
Im a backend engineer, ive done front end and i think it is a matter of personal preference, but i think backend has a lot of more impact and importance than front end. And this could vary from company to company. Some backend stuff could be a joke and some frontend stuff can be a joke as well.
See, according to me, the thing is that backend is way harder and way more work. But making everything precisely and serving the client a good looking website is the most important part of the site itself. If you have good backend code but your frontend is bad, people won't enjoy your website, no matter how good the functionality it. Designing is also really hard as you need to be pixel perfect and working with animations is no joke.(css), then there's also frameworks, libraries and sass which has sass syntax and scss syntax(more popular), then there's javascript you need to learn too. Then for css there's grid, flexbox for making a good layout and properly working with html and planning for the future. I hope you get the point
I do backend engineering while I don't have to create complicated check box logic the api calls can get pretty complex. Example. Needing the latest image from openstack glance getting auth token based off supplied env variables than use token to auth to glance to pull image list, read list, sort list on proper order because naming convention isn't always right than strip new lines, return image to only be used in x situation so now you have to write that logic lol... the list goes on and on.... all just to get 1 "simple" api call of latest os image to be used on hosts. So yeah I get check boxes 🤣🤣🤣
"All You Need To Know About Machine Learning Engineering"
please make a video on this topic asap!!
When working on a fullstack app, my productivity on the frontend is 300% lower than while I work on the backend
Cosmas Gikunju prrrhaps you just find it more difficult 😛
Hey, look who's back
The overall complexity and having billion different dependencies makes frontend development pretty hard. Just never look inside the node_modules folder...
Oh no! I never approached front-end because I was outright afraid of CSS and my abysmal knowledge of colour theory and managing grids.
why would you mention having to know async as a frontend thing? the methods that you call async in your frontend are async in the backend too...
So when you say that "it's not just a checkbox", does that mean that most of the complexity for that checkbox comes from security rather than just making said checkbox on the screen?
So what languages/technologies/frameworks did you use there? Did you have to use JS or TypeScript? I know you mentioned something about angular. What about Python?
5:25 console.log (trollface)
Francisco García Molero *console.log(“trollface”);
Good video, Clem. With my brief exposure to frontend engineering I concluded that it is less structured and the tools are less sophisticated than with other areas of sw engineering. Overall I did not like it. I did like that one can immediately see the result of one's work. That all said, FE engineering is very much needed and I may end up doing it again.
Thanks, looking for a video to show us different roles of junior/ mid/ senior
You seem to be confused about the difference between front end development and limitations of your JavaScript library frameworks, redux, etc.
Unbelieveable! You are dead wrong! There's a difference between Web dev and front end SW. FRONT END SWE PLANS THE SOFTWARE WHICH WILL BE EXECUTED ON THE WEB, WHILE THE WEB DEVELOPER MAKES THE WEBSITE ITSELF!
Great video & appreciate your effort, Is it possible to do another video about backend?
Hi @Clément, a bit an off-topic, what Maths skills you would say being crucial or super-handy when coding algorithms, I got into a problem where I found a solution with 30 lines of code, later I have found there is a maths formula that simplifies the solution with the aid of the Math. library that refactored the code to 5-6 lines.., felt pretty dumb, but it was long time ago I was doing maths so was thinking, what should I be looking to update my skills with.. hope you read that, thanks!