Frontend web development - a complete overview

  Рет қаралды 319,330

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

Пікірлер: 262
@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 kzbin.info/www/bejne/bqmkhpxmit-Gfdk
@ryan7058
@ryan7058 Жыл бұрын
@@RR-et6zp coming in with the heat 🔥 🤣
@HANNAAHN-un9te
@HANNAAHN-un9te 13 күн бұрын
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 kzbin.info/www/bejne/bqmkhpxmit-Gfdk
@Malikjunior
@Malikjunior 3 ай бұрын
Hey buddy, i am a newbie in this field i don't know we can be friends?
@TiaTX
@TiaTX Жыл бұрын
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.
@jhonatanjk1251
@jhonatanjk1251 7 ай бұрын
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.
@peteremmanuelkitsamba4867
@peteremmanuelkitsamba4867 Жыл бұрын
wow, this guy just blows up my mind with the simplicity with which he explains things. Thanks Simon
@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
@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!
@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!
@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!
@rulabula2259
@rulabula2259 6 ай бұрын
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.
@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.
@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.
@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 🙏
@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.
@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. 👏🏾👏🏾
@django3746
@django3746 Жыл бұрын
thanks man, there are so few programmers who can explain all this so clearly.
@denvernova4239
@denvernova4239 2 жыл бұрын
Such a great way of teaching. Thank you for these videos!
@deepinderwarya4571
@deepinderwarya4571 2 ай бұрын
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
@emirbasha1410
@emirbasha1410 Жыл бұрын
This is the best frontend web dev overview I came across on youtube, outstanding!
@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!
@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 🙏
@kwillo4
@kwillo4 7 ай бұрын
the bundler and transpilers were new to me amongst others, great stuff thanks! 💌
@namelikeanyother885
@namelikeanyother885 11 ай бұрын
Seriously good stuff, your back-end and front-end explanations really lit up some lightbulbs
@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 11 ай бұрын
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!!!
@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 Жыл бұрын
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 Жыл бұрын
@@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 👍☺️
@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
@StaticBlaster
@StaticBlaster Жыл бұрын
I heard of most of these frameworks. There's a few I haven't heard of. thanks for explaining.
@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
@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.
@patriciaboughton4555
@patriciaboughton4555 Жыл бұрын
Extremely helpful. Straight-forward and presented very logically
@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!
@Chryzsean420
@Chryzsean420 8 ай бұрын
Super simple explanation. Thank you!
@bulelanibotman
@bulelanibotman Жыл бұрын
what a video! thank you so much for clearly explaining the front end
@Javy_Valen_Tain
@Javy_Valen_Tain 2 жыл бұрын
Hey Simon, this video clears my mind!
@Alozie146
@Alozie146 7 ай бұрын
Thanks your video really open me up to know more about frontend and backend
@geluu89
@geluu89 Жыл бұрын
Outstanding piece of work. Thank you for this tutorial :)
@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!!!!
@stachowi
@stachowi Жыл бұрын
Love your teaching style, amazing video.
@daudafzal21
@daudafzal21 8 ай бұрын
Wow Bro hats off to you! What an explanation.
@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.❤💫
@ahadgulafridi01
@ahadgulafridi01 10 ай бұрын
Lots of thanks, love and respect. You made things very easy in a simple way
@WarDudeFoxes
@WarDudeFoxes 9 ай бұрын
Thanks it helps a lot,I really enjoyed this 💪🏾
@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
@user-df1os3lg6k
@user-df1os3lg6k 4 ай бұрын
These videos are super helpful, thanks so much!
@vik7181
@vik7181 Жыл бұрын
Transpiler and bundlers are new to me. Thank you for the video. Liked your explanation.
@murugaperumal2819
@murugaperumal2819 8 ай бұрын
thank you so much for very clear explaination keep it up and go ahead more
@MonkeyD_Luthy
@MonkeyD_Luthy 9 ай бұрын
Awesome explanation .. everyone can use this breakdown if they looking into development
@sumingyu1527
@sumingyu1527 2 жыл бұрын
Nice video as always. So helpful!! Keep up with the good work Simon!!
@SuperSimpleDev
@SuperSimpleDev 2 жыл бұрын
Thanks for your support!
@sabuein
@sabuein Жыл бұрын
Thank you, brother.
@motleyassortment5512
@motleyassortment5512 11 ай бұрын
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!👍👍
@gooo1762
@gooo1762 2 ай бұрын
Amazing video again! Thanks!
@chickenwings273
@chickenwings273 Жыл бұрын
Thanks for this! Very helpful and concise explanation.
@abbasmahmoud8180
@abbasmahmoud8180 3 ай бұрын
After watching the backend vid i came here and bro u deserved a sub .
@srinivas1623
@srinivas1623 6 ай бұрын
awsome content Dev Thank you 😊
@iribaaa2643
@iribaaa2643 Жыл бұрын
Awesome... Thank you!😊
@anonymousounds
@anonymousounds Жыл бұрын
Thanks for the good video, I think it's the way you explain things very clearly that's get on my toes 💯💯
@throughblindeyesmyphilippi2015
@throughblindeyesmyphilippi2015 5 ай бұрын
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 👍🤝
@thuantv4550
@thuantv4550 2 жыл бұрын
i am so grateful for you
@TruthSeeker12345
@TruthSeeker12345 Жыл бұрын
Well done. THUMBS UP 👍
@user-xw1pi1uc1w
@user-xw1pi1uc1w Жыл бұрын
Many Thanks for your easy and understandable explanation.
@user-ch2ft6yr9i
@user-ch2ft6yr9i 5 ай бұрын
Everything is explained super clear
@aarr5250
@aarr5250 Жыл бұрын
Man, that was so good. Many thanks.
@Artofnatiee
@Artofnatiee Жыл бұрын
Simple and effective. Thank you so much❤️
@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!
@aroojtayyaba.r
@aroojtayyaba.r Жыл бұрын
thank you for this ,my fvrt channel haha
@chiomaezeugwu7800
@chiomaezeugwu7800 Жыл бұрын
Thank you so much ❤
@sumatidas9997
@sumatidas9997 Жыл бұрын
Thank you so much the explanation was really so simple and understandable .
@cedarz5911
@cedarz5911 2 ай бұрын
Thanks Simon. Very informative. I didn't know any of this.
@imm-sama
@imm-sama Жыл бұрын
thanks for the video man
@micci9865
@micci9865 Жыл бұрын
It becomes so easy to understand it with the way you explained it. thank you bro.
@SuperSimpleDev
@SuperSimpleDev Жыл бұрын
Happy to help
@abdullahbiswas1
@abdullahbiswas1 5 ай бұрын
Thank you . Very Informative and detail video ❤
@tahsan3003
@tahsan3003 5 ай бұрын
Quick, simple and understandable.
@SuperSimpleDev
@SuperSimpleDev 5 ай бұрын
thanks!
@george2041
@george2041 Жыл бұрын
Your explanation is so great!
@gokulkrishna32123
@gokulkrishna32123 7 ай бұрын
Very nice video❤, keep it up
@shafiulAlamShafi
@shafiulAlamShafi 7 ай бұрын
Super helpful, thanks
@jobyjohn1
@jobyjohn1 Жыл бұрын
Thank you. You cleared my so many queries.
@GeoAlex71
@GeoAlex71 3 ай бұрын
Thanks, As a person with no programming background, this video is very useful for me.
@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.
@yan3735
@yan3735 4 ай бұрын
Bro created BEST OF THE BEST explanation video on youtube
@user-zn1ku3yq9m
@user-zn1ku3yq9m 4 ай бұрын
thanks for sharing the content am new this world am working on html for known
@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!
@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
@INOTU7
@INOTU7 Жыл бұрын
This was a great video, really well explained
@andre1173
@andre1173 Жыл бұрын
Amazing!!!
@harshkureel3829
@harshkureel3829 Жыл бұрын
Tysm for this video keep going u have earned a subscriber.
@andrewpohl8519
@andrewpohl8519 Жыл бұрын
I just finished your html and css video on to Java script and react there after !
@Ssvlogs4onlyU
@Ssvlogs4onlyU Жыл бұрын
I am a recruiter and wanted to learn basics. your videos helped me a lot :) Thank you keep sharing
@SweatySockGaming
@SweatySockGaming 2 жыл бұрын
yes finally a new video
@nicolastesla8791
@nicolastesla8791 7 ай бұрын
God bless you bro the video helps me a lot 🙏🙏🙏
@forestfox00
@forestfox00 2 жыл бұрын
this guy is amazing
@akomngapana2010
@akomngapana2010 Жыл бұрын
I love your video your explanation are always the best for me
@camionesfernandez3745
@camionesfernandez3745 Жыл бұрын
Thanks for explanation
@wonja9
@wonja9 5 ай бұрын
Thank youuuuuuuuu so much 💖
@thevillagefoodkey5814
@thevillagefoodkey5814 2 жыл бұрын
wonderful teaching !
@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.
@umayalramasamy5080
@umayalramasamy5080 Жыл бұрын
Amazing Video again!
Backend web development - a complete overview
12:58
SuperSimpleDev
Рет қаралды 1,6 МЛН
Wordpress vs coding - why devs SHOULD learn Wordpress
11:03
SuperSimpleDev
Рет қаралды 268 М.
Do you like a chocolate surprise egg?🥚🍫🥰 #demariki
00:32
Barriga de grávida aconchegante? 🤔💡
00:10
Polar em português
Рет қаралды 9 МЛН
How Long Will It Take To Become a Web Developer 2023
9:15
Chris Sean Talks
Рет қаралды 32 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 869 М.
Build this JS calculator in 15 minutes! 🖩
15:20
Bro Code
Рет қаралды 298 М.
100+ Web Development Things you Should Know
13:18
Fireship
Рет қаралды 1,3 МЛН
How to put an HTML website online (on the Internet)
29:37
SuperSimpleDev
Рет қаралды 1,4 МЛН
Google Frontend Interview With A Frontend Expert
47:59
Clément Mihailescu
Рет қаралды 1 МЛН
HTML Tutorial for Beginners: HTML Crash Course
1:09:34
Programming with Mosh
Рет қаралды 8 МЛН
What I do as a Front-end Web Developer
18:16
The Minimal Jess
Рет қаралды 51 М.
God-Tier Developer Roadmap
16:42
Fireship
Рет қаралды 6 МЛН