Frontend web development - a complete overview

  Рет қаралды 325,608

SuperSimpleDev

SuperSimpleDev

Күн бұрын

We'll look at every technology you need to build a frontend web application. We'll go over languages, frameworks, bundlers, transpilers, preprocessors, and HTTP.
Every Backend Technology Explained: • Backend web developmen...
Contact: supersimple.dev/feedback
Behind the scenes: / supersimple.dev
Latest updates: / supersimpledev
0:00 Frontend vs backend
0:25 HTML
0:51 CSS
1:15 JavaScript & JavaScript framework
2:22 Bundler & transpiler
3:26 CSS preprocessor
4:14 CSS framework
4:34 HTTP
5:21 Review & conclusion
#learntocode
#frontend
#webdevelopment
#javascript
#html
#css
#learnprogramming
#codingtutorial

Пікірлер: 265
@hyperbole5726
@hyperbole5726 2 жыл бұрын
As someone coming from a C++ background, thank you for explaining the whole ecosystem like this. Not many videos are as concise and understandable.
@RR-et6zp
@RR-et6zp Жыл бұрын
you should've read more by yourself cmon man , I'm not even a CS major but know web dev., hardware and software design
@tposell1450
@tposell1450 Жыл бұрын
Diwali Animation Using HTML and CSS kzfaq.info/get/bejne/bt5xiMxhuuC3d6s.html
@ryan7058
@ryan7058 Жыл бұрын
@@RR-et6zp coming in with the heat 🔥 🤣
@HANNAAHN-un9te
@HANNAAHN-un9te 28 күн бұрын
exactly what I'm saying
@pablovirus
@pablovirus Жыл бұрын
Your two videos on front and back end explained have saved me a bunch of time and made all the concept I've been reading about easier to connect. Thanks a lot ❤
@SuperSimpleDev
@SuperSimpleDev Жыл бұрын
Thanks for watching! And I'm glad to hear they were easy to understand!
@tposell1450
@tposell1450 Жыл бұрын
Diwali Animation Using HTML and CSS kzfaq.info/get/bejne/bt5xiMxhuuC3d6s.html
@Malikjunior
@Malikjunior 3 ай бұрын
Hey buddy, i am a newbie in this field i don't know we can be friends?
@TiaTX
@TiaTX 2 жыл бұрын
I love how you explain things by showing them on popular websites like amazon, youtube that we have all visited before. Makes it so clear.
@mohamedthofiq5345
@mohamedthofiq5345 Жыл бұрын
i am from india tamilnadu state .i had seen more than 1500 videos for studying purpose.your video is so compact and clear vision.i never comment for a single video.but you are so good.pls do back end programming learning videos as course for us.most of persons like me get benefited.thanks alot.
@peteremmanuelkitsamba4867
@peteremmanuelkitsamba4867 Жыл бұрын
wow, this guy just blows up my mind with the simplicity with which he explains things. Thanks Simon
@jhonatanjk1251
@jhonatanjk1251 8 ай бұрын
Holyyy dude, I can not thank you enough for these two videos about back end and front end, I was reading so many things about so many different programming languages and frameworks and libraries but I wasn't really sure what each one meant or how they were related or how to use them. Your videos have cleared so many things and now I finally think I have a roadmap of what I'd like to learn.
@deuce9902
@deuce9902 Жыл бұрын
This is the simplest explanation I have seen. All the stuff I've seen make these ideas way to conceptual. This is super easy to follow and tangible. Great stuff!
@alexdenbaugh
@alexdenbaugh Жыл бұрын
I have been looking for explanations of the frontend and backend of a website like this for a while. Thank you for breaking it down this way!
@zahidulislam2068
@zahidulislam2068 Жыл бұрын
I'm an anyone; and it (along with your backend video) really upgraded me to the level of someone who appreciates the broad view of the front-and-backend processes. It helps me to set my navigational compass in the vast sea of the "need to study". Thanks for the 'direction'; its a life-saver!
@behrad9712
@behrad9712 2 жыл бұрын
Thank you so much you represent roadmap in a short, precise and beautiful way! The others just talk and sometimes show some pictures 🙏
@rulabula2259
@rulabula2259 7 ай бұрын
Can’t thank you enough for how easy you have made for everyone else who have been wasting time learning tools after tools not realizing where they fit in the larger scheme of things.
@crystalkewe
@crystalkewe Жыл бұрын
Another fantastic video on front-end development! Even though the video isn't about careers in web dev, it does give those interested in pursuing a career in this field, an idea of what to expect with a front-end web dev specialization.
@robertd333
@robertd333 Жыл бұрын
Brilliant!! Thank you for a clear and concise overlay of what front end is and what programs to use for front-end Development.
@denvernova4239
@denvernova4239 2 жыл бұрын
Such a great way of teaching. Thank you for these videos!
@django3746
@django3746 Жыл бұрын
thanks man, there are so few programmers who can explain all this so clearly.
@vishnumenon4979
@vishnumenon4979 Жыл бұрын
I'm into Product Management from last 8-9 years and always responsible only on the functional side of the product. Soon I'll be moving to Product Manager role and thereby I'm required to learn a lot about technology stack. I'm only exposed to backend databases but never to UI or APIs. So I've started to learn about these latest tech (more of a theoretical) to understand the know-how. This video really gave me a high-level view to get started and let me explore more on this!
@mynamu9
@mynamu9 Жыл бұрын
Your video is fantastic. They are really beneficial and simple to comprehend. Would you kindly consider creating videos for React SASS, Typescript, and Axios Fetch as well? P/S: It would be terrific, if you could offer a comprehensive course for both back-end and full-end development. I would be delighted to pay for the materials.
@emirbasha1410
@emirbasha1410 Жыл бұрын
This is the best frontend web dev overview I came across on youtube, outstanding!
@neanda
@neanda Жыл бұрын
Very informative and well presented overview, and the backend video too, thank you very much, it's put things into a better perspective for me as a UI/UX designer 🙏
@abdullahyousaf6013
@abdullahyousaf6013 Жыл бұрын
you just gave me more information than my professors have in the past 2 years of college! thank you and I'm curious to see the rest of your videos, at this pace you could probably teach faster and better than my university is going to in the remaining 2 years
@1234kingconan
@1234kingconan 9 күн бұрын
I doubt that all he did was summarize what front end is
@StaticBlaster
@StaticBlaster 2 жыл бұрын
I heard of most of these frameworks. There's a few I haven't heard of. thanks for explaining.
@namelikeanyother885
@namelikeanyother885 11 ай бұрын
Seriously good stuff, your back-end and front-end explanations really lit up some lightbulbs
@deepinderwarya4571
@deepinderwarya4571 3 ай бұрын
I just wanted to say that I really enjoyed your video! It provided a very clear understanding of the topic, and I found it highly informative. Keep up the great work and keep making more videos like this. Congratulations on your excellent content
@calanm7880
@calanm7880 2 жыл бұрын
This was a masterful explanation, walking through each tech logically but also anticipating any questions that naturally might come to mind. I’ve long looked at the whole JavaScript ecosystem with puzzlement… I remember it when it was mostly plaguing the internet with pop ups! You really really helped me big time to get a handle on the big picture. This video was beyond helpful 💡👍
@SuperSimpleDev
@SuperSimpleDev 2 жыл бұрын
Ah thanks for watching! Yea, I mean you can create pretty much everything with HTML, CSS, & JavaScript and that hasn't changed much. The other tools were created to make writing HTML, CSS, & JavaScript easier
@calanm7880
@calanm7880 2 жыл бұрын
@@SuperSimpleDev See that was so revolutionary in what you described! I remember those “raw” versions. Your description of all these later things to make things, as they should be, easier …. I just assumed it was all more layers of complication!! I can’t thank you enough 👍☺️
@Smile__007
@Smile__007 9 ай бұрын
This is amazing for one who needs to get a good basic understanding of how these things come up together. 👏🏾👏🏾
@rossli8621
@rossli8621 Жыл бұрын
This is the most informative video on web dev. Such as bliss for beginners to have a bird-eye view. Thank you so much.
@user-lb7jp2ck5v
@user-lb7jp2ck5v Жыл бұрын
I am sure that to provide us with this so short and precise info you must of done loooots of studying/or working experience - so I really thank you for sharing it with us!!!
@bjraval9818
@bjraval9818 Жыл бұрын
Outstanding video, Kudos to you for making this so simple, visual and understandable. This is especially good for a non programmer but a decision maker like me when allocating resources, Thanks for making such a nice video
@adityarajpateriya3870
@adityarajpateriya3870 6 ай бұрын
They way you explain things ❤❤❤ ... I never heard such a clean and to the point explanation of both front end and backend
@patriciaboughton4555
@patriciaboughton4555 Жыл бұрын
Extremely helpful. Straight-forward and presented very logically
@kwillo4
@kwillo4 8 ай бұрын
the bundler and transpilers were new to me amongst others, great stuff thanks! 💌
@bulelanibotman
@bulelanibotman Жыл бұрын
what a video! thank you so much for clearly explaining the front end
@stachowi
@stachowi Жыл бұрын
Love your teaching style, amazing video.
@geluu89
@geluu89 2 жыл бұрын
Outstanding piece of work. Thank you for this tutorial :)
@Javy_Valen_Tain
@Javy_Valen_Tain 2 жыл бұрын
Hey Simon, this video clears my mind!
@user-pi2zg8rw2r
@user-pi2zg8rw2r 2 жыл бұрын
Underrated 🥺 you deserve more
@Kitsune_Dev
@Kitsune_Dev Жыл бұрын
i respect web devs, you guys have to do so much for a web page
@sanjuk3
@sanjuk3 Жыл бұрын
You just opened my mind, MAN!!!!
@user-jw8yu4kk5v
@user-jw8yu4kk5v Жыл бұрын
Hallo Simon, quite a way to go for me, but this explains a learning path and skills within the Front-end "digiwebsphere" in much detail, Thank You for adding this info, extremely helpful.
@doinavegas
@doinavegas 5 ай бұрын
I am a Technical Recruiter and I can’t get enough of your videos! This is what every recruiter should check out!
@ahadgulafridi01
@ahadgulafridi01 11 ай бұрын
Lots of thanks, love and respect. You made things very easy in a simple way
@Chryzsean420
@Chryzsean420 8 ай бұрын
Super simple explanation. Thank you!
@vik7181
@vik7181 Жыл бұрын
Transpiler and bundlers are new to me. Thank you for the video. Liked your explanation.
@mangakadomingos292
@mangakadomingos292 2 жыл бұрын
Keep it up bro,the way you explain makes the things look simpler. Waiting for backend part.
@SuperSimpleDev
@SuperSimpleDev 2 жыл бұрын
Thanks for your support! 😄 I'll be returning to make more videos soon
@sumingyu1527
@sumingyu1527 2 жыл бұрын
Nice video as always. So helpful!! Keep up with the good work Simon!!
@SuperSimpleDev
@SuperSimpleDev 2 жыл бұрын
Thanks for your support!
@user-df1os3lg6k
@user-df1os3lg6k 5 ай бұрын
These videos are super helpful, thanks so much!
@chickenwings273
@chickenwings273 Жыл бұрын
Thanks for this! Very helpful and concise explanation.
@user-xw1pi1uc1w
@user-xw1pi1uc1w Жыл бұрын
Many Thanks for your easy and understandable explanation.
@sumatidas9997
@sumatidas9997 Жыл бұрын
Thank you so much the explanation was really so simple and understandable .
@Artofnatiee
@Artofnatiee Жыл бұрын
Simple and effective. Thank you so much❤️
@gooo1762
@gooo1762 3 ай бұрын
Amazing video again! Thanks!
@george2041
@george2041 Жыл бұрын
Your explanation is so great!
@Alozie146
@Alozie146 8 ай бұрын
Thanks your video really open me up to know more about frontend and backend
@aarr5250
@aarr5250 Жыл бұрын
Man, that was so good. Many thanks.
@daudafzal21
@daudafzal21 8 ай бұрын
Wow Bro hats off to you! What an explanation.
@sabuein
@sabuein Жыл бұрын
Thank you, brother.
@Kavy_Prd
@Kavy_Prd 4 ай бұрын
Thank you so much for this clear and crisp explanation. I am a new PM and explaining to my team became easy only because of you. Thanks a ton. Please make more such videos.❤💫
@anonymousounds
@anonymousounds Жыл бұрын
Thanks for the good video, I think it's the way you explain things very clearly that's get on my toes 💯💯
@tokkigifs
@tokkigifs Жыл бұрын
you really live up to the name of the channel, thank you for explaining it in real life examples
@SuperSimpleDev
@SuperSimpleDev Жыл бұрын
My pleasure!
@chiomaezeugwu7800
@chiomaezeugwu7800 Жыл бұрын
Thank you so much ❤
@srinivas1623
@srinivas1623 7 ай бұрын
awsome content Dev Thank you 😊
@iribaaa2643
@iribaaa2643 Жыл бұрын
Awesome... Thank you!😊
@TruthSeeker12345
@TruthSeeker12345 Жыл бұрын
Well done. THUMBS UP 👍
@aroojtayyaba.r
@aroojtayyaba.r Жыл бұрын
thank you for this ,my fvrt channel haha
@micci9865
@micci9865 Жыл бұрын
It becomes so easy to understand it with the way you explained it. thank you bro.
@SuperSimpleDev
@SuperSimpleDev Жыл бұрын
Happy to help
@jobyjohn1
@jobyjohn1 Жыл бұрын
Thank you. You cleared my so many queries.
@user-ch2ft6yr9i
@user-ch2ft6yr9i 6 ай бұрын
Everything is explained super clear
@motleyassortment5512
@motleyassortment5512 Жыл бұрын
I am just dabbling and wetting my foot in programming. I have played with Html, CSS, and Javascript but the other framework I have not had the pleasure of working with yet. I have heard of them, but have not had the pleasure of working with them yet. This video has made what different programming language, framework , and software does a lot clearer. Thankyou for the clarity! Thanks for uploading the video!👍👍
@tahsan3003
@tahsan3003 5 ай бұрын
Quick, simple and understandable.
@SuperSimpleDev
@SuperSimpleDev 5 ай бұрын
thanks!
@Ssvlogs4onlyU
@Ssvlogs4onlyU Жыл бұрын
I am a recruiter and wanted to learn basics. your videos helped me a lot :) Thank you keep sharing
@thuantv4550
@thuantv4550 2 жыл бұрын
i am so grateful for you
@thevillagefoodkey5814
@thevillagefoodkey5814 2 жыл бұрын
wonderful teaching !
@WarDudeFoxes
@WarDudeFoxes 9 ай бұрын
Thanks it helps a lot,I really enjoyed this 💪🏾
@imm-sama
@imm-sama Жыл бұрын
thanks for the video man
@INOTU7
@INOTU7 Жыл бұрын
This was a great video, really well explained
@cedarz5911
@cedarz5911 2 ай бұрын
Thanks Simon. Very informative. I didn't know any of this.
@forestfox00
@forestfox00 2 жыл бұрын
this guy is amazing
@abdullahbiswas1
@abdullahbiswas1 5 ай бұрын
Thank you . Very Informative and detail video ❤
@throughblindeyesmyphilippi2015
@throughblindeyesmyphilippi2015 6 ай бұрын
Thank you so much for the videos and information that you give. I have already found it invaluable and if I can succeed in this field or career rather you will in part have participated in that success. I am currently about halfway through your Javascript/HTML/CSS 12 hour marathon of a video and already I am creating websites and doing simple things on them. Its not much but its a start and Im thankful. If I can somehow do this you will be fetting a Christmas card from me every year for life lol Take care and keep up the good work 👍🤝
@SimonHerzog
@SimonHerzog 2 жыл бұрын
Love your simple and clear explanations 😀great video 👌 thanks 🙏
@tposell1450
@tposell1450 Жыл бұрын
Diwali Animation Using HTML and CSS kzfaq.info/get/bejne/bt5xiMxhuuC3d6s.html
@harshkureel3829
@harshkureel3829 Жыл бұрын
Tysm for this video keep going u have earned a subscriber.
@maikhanhmai
@maikhanhmai 2 жыл бұрын
oh wow this is your first video i watched and you have explained things so well and easy to understand. subscribing now!
@SuperSimpleDev
@SuperSimpleDev 2 жыл бұрын
Thanks for watching!
@MonkeyD_Luthy
@MonkeyD_Luthy 9 ай бұрын
Awesome explanation .. everyone can use this breakdown if they looking into development
@mr_philomath
@mr_philomath Жыл бұрын
It was very very clear to me, most of people who interested in software development are not good as explain such as things.
@user-zn1ku3yq9m
@user-zn1ku3yq9m 4 ай бұрын
thanks for sharing the content am new this world am working on html for known
@user-yz2hh1jw1k
@user-yz2hh1jw1k Жыл бұрын
You are a good teacher 😍😍
@cool-aquarian
@cool-aquarian Жыл бұрын
This is so much better than those 30 hour long Udemy courses which primarily only teach you how to copy paste code. Trust me, I’ve gone through initial 20-30% of such web development courses and yet they do not cover the purpose of web technologies that exist in this manner.
@camionesfernandez3745
@camionesfernandez3745 Жыл бұрын
Thanks for explanation
@fortunemxoza3113
@fortunemxoza3113 2 жыл бұрын
Great video! Thanks a million.
@SuperSimpleDev
@SuperSimpleDev 2 жыл бұрын
You are very welcome and hope it was helpful!
@gokulkrishna32123
@gokulkrishna32123 8 ай бұрын
Very nice video❤, keep it up
@shafiulAlamShafi
@shafiulAlamShafi 8 ай бұрын
Super helpful, thanks
@priyasisodia5207
@priyasisodia5207 Жыл бұрын
Thankyou buddy u saved us
@murugaperumal2819
@murugaperumal2819 9 ай бұрын
thank you so much for very clear explaination keep it up and go ahead more
@harryzaynnaz-lo7fg
@harryzaynnaz-lo7fg 10 ай бұрын
Bro why'd you stop? Your videos are the best I've seen . It has helped me really understand basics well. Your content is awesome
@residualincome87
@residualincome87 2 күн бұрын
Thank you bro …. Life saver 🙏🏾✌🏾😇
@wonja9
@wonja9 5 ай бұрын
Thank youuuuuuuuu so much 💖
@akomngapana2010
@akomngapana2010 Жыл бұрын
I love your video your explanation are always the best for me
@abbasmahmoud8180
@abbasmahmoud8180 3 ай бұрын
After watching the backend vid i came here and bro u deserved a sub .
@andre1173
@andre1173 Жыл бұрын
Amazing!!!
@GeoAlex71
@GeoAlex71 4 ай бұрын
Thanks, As a person with no programming background, this video is very useful for me.
Backend web development - a complete overview
12:58
SuperSimpleDev
Рет қаралды 1,6 МЛН
100+ Web Development Things you Should Know
13:18
Fireship
Рет қаралды 1,4 МЛН
Mini Jelly Cake 🎂
00:50
Mr. Clabik
Рет қаралды 18 МЛН
Ауылға қайт! | АСАУ | 2 серия
33:16
Qarapaıym Qanal
Рет қаралды 1,1 МЛН
ОДИН ДОМА #shorts
00:34
Паша Осадчий
Рет қаралды 6 МЛН
How to put an HTML website online (on the Internet)
29:37
SuperSimpleDev
Рет қаралды 1,4 МЛН
What is a JavaScript Framework? (in detail)
8:06
SuperSimpleDev
Рет қаралды 201 М.
Build this JS calculator in 15 minutes! 🖩
15:20
Bro Code
Рет қаралды 323 М.
Wordpress vs coding - why devs SHOULD learn Wordpress
11:03
SuperSimpleDev
Рет қаралды 272 М.
26 Incredible Use Cases for the New GPT-4o
21:58
The AI Advantage
Рет қаралды 336 М.
How Long Will It Take To Become a Web Developer 2023
9:15
Chris Sean Talks
Рет қаралды 33 М.
Fastest way to become a Web Developer in 2024
9:47
Sahil & Sarra
Рет қаралды 447 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 880 М.
Mini Jelly Cake 🎂
00:50
Mr. Clabik
Рет қаралды 18 МЛН