Frontend web development - a complete overview

Sdílet
Vložit
  • čas přidán 19. 06. 2024
  • 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...
    Premium Courses:
    🎓 Get a certificate for our courses with premium learning experience & support SuperSimpleDev! ❤️
    HTML CSS Premium Course: courses.supersimple.dev/cours...
    JavaScript Premium Course: courses.supersimple.dev/cours...
    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

Komentáře • 270

  • @hyperbole5726
    @hyperbole5726 Před 2 lety +510

    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 Před 2 lety +7

      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 Před rokem

      Diwali Animation Using HTML and CSS
      czcams.com/video/8xAUi0UzSGw/video.html

    • @ryan7058
      @ryan7058 Před rokem +12

      @@RR-et6zp coming in with the heat 🔥 🤣

    • @HANNAAHN-un9te
      @HANNAAHN-un9te Před měsícem

      exactly what I'm saying

  • @pablovirus
    @pablovirus Před 2 lety +263

    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  Před 2 lety +14

      Thanks for watching! And I'm glad to hear they were easy to understand!

    • @tposell1450
      @tposell1450 Před rokem

      Diwali Animation Using HTML and CSS
      czcams.com/video/8xAUi0UzSGw/video.html

    • @Malikjunior
      @Malikjunior Před 4 měsíci

      Hey buddy, i am a newbie in this field i don't know we can be friends?

  • @TiaTX
    @TiaTX Před 2 lety +90

    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 Před 9 měsíci +5

    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

    wow, this guy just blows up my mind with the simplicity with which he explains things. Thanks Simon

  • @alexdenbaugh
    @alexdenbaugh Před rokem +1

    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!

  • @crystalkewe
    @crystalkewe Před rokem +6

    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.

  • @deuce9902
    @deuce9902 Před rokem +7

    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 Před rokem +1

    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 Před 2 lety +4

    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 Před 8 měsíci +1

    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 Před rokem +15

    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.

  • @Wolvman
    @Wolvman Před 2 lety +8

    Such a great way of teaching. Thank you for these videos!

  • @deepinderwarya4571
    @deepinderwarya4571 Před 4 měsíci

    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

  • @robertd333
    @robertd333 Před rokem +1

    Brilliant!! Thank you for a clear and concise overlay of what front end is and what programs to use for front-end Development.

  • @django3746
    @django3746 Před rokem +3

    thanks man, there are so few programmers who can explain all this so clearly.

  • @namelikeanyother885
    @namelikeanyother885 Před rokem

    Seriously good stuff, your back-end and front-end explanations really lit up some lightbulbs

  • @emirbasha1410
    @emirbasha1410 Před rokem

    This is the best frontend web dev overview I came across on youtube, outstanding!

  • @vishnumenon4979
    @vishnumenon4979 Před rokem +1

    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!

  • @adityarajpateriya3870
    @adityarajpateriya3870 Před 7 měsíci

    They way you explain things ❤❤❤ ... I never heard such a clean and to the point explanation of both front end and backend

  • @neanda
    @neanda Před rokem +2

    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 🙏

  • @Smile__007
    @Smile__007 Před 10 měsíci

    This is amazing for one who needs to get a good basic understanding of how these things come up together. 👏🏾👏🏾

  • @mynamu9
    @mynamu9 Před rokem +39

    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.

  • @abdullahyousaf6013
    @abdullahyousaf6013 Před rokem +16

    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 Před měsícem

      I doubt that all he did was summarize what front end is

  • @rossli8621
    @rossli8621 Před rokem +1

    This is the most informative video on web dev. Such as bliss for beginners to have a bird-eye view. Thank you so much.

  • @kwillo4
    @kwillo4 Před 9 měsíci

    the bundler and transpilers were new to me amongst others, great stuff thanks!
    💌

  • @bjraval9818
    @bjraval9818 Před rokem +2

    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

  • @user-lb7jp2ck5v
    @user-lb7jp2ck5v Před rokem

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

  • @StaticBlaster
    @StaticBlaster Před 2 lety

    I heard of most of these frameworks. There's a few I haven't heard of. thanks for explaining.

  • @patriciaboughton4555
    @patriciaboughton4555 Před rokem +1

    Extremely helpful. Straight-forward and presented very logically

  • @stachowi
    @stachowi Před rokem +1

    Love your teaching style, amazing video.

  • @Kavy_Prd
    @Kavy_Prd Před 5 měsíci

    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.❤💫

  • @mangakadomingos292
    @mangakadomingos292 Před 2 lety +8

    Keep it up bro,the way you explain makes the things look simpler. Waiting for backend part.

    • @SuperSimpleDev
      @SuperSimpleDev  Před 2 lety +4

      Thanks for your support! 😄 I'll be returning to make more videos soon

  • @calanm7880
    @calanm7880 Před 2 lety +9

    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  Před 2 lety +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 Před 2 lety +1

      @@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 👍☺️

  • @doinavegas
    @doinavegas Před 6 měsíci

    I am a Technical Recruiter and I can’t get enough of your videos! This is what every recruiter should check out!

  • @user-jw8yu4kk5v
    @user-jw8yu4kk5v Před rokem

    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.

  • @ahadgulafridi01
    @ahadgulafridi01 Před rokem

    Lots of thanks, love and respect. You made things very easy in a simple way

  • @vik7181
    @vik7181 Před rokem

    Transpiler and bundlers are new to me. Thank you for the video. Liked your explanation.

  • @Kitsune_Dev
    @Kitsune_Dev Před rokem +2

    i respect web devs, you guys have to do so much for a web page

  • @bulelanibotman
    @bulelanibotman Před rokem

    what a video! thank you so much for clearly explaining the front end

  • @sumingyu1527
    @sumingyu1527 Před 2 lety +5

    Nice video as always. So helpful!! Keep up with the good work Simon!!

  • @geluu89
    @geluu89 Před 2 lety +1

    Outstanding piece of work. Thank you for this tutorial :)

  • @user-df1os3lg6k
    @user-df1os3lg6k Před 6 měsíci

    These videos are super helpful, thanks so much!

  • @chickenwings273
    @chickenwings273 Před rokem +1

    Thanks for this! Very helpful and concise explanation.

  • @RajeshChandra-vo3vk
    @RajeshChandra-vo3vk Před 19 dny

    Thank for your information about front end. I was so impress of your explanation.

  • @anonymousounds
    @anonymousounds Před 2 lety +1

    Thanks for the good video, I think it's the way you explain things very clearly that's get on my toes 💯💯

  • @motleyassortment5512
    @motleyassortment5512 Před rokem

    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!👍👍

  • @user-xw1pi1uc1w
    @user-xw1pi1uc1w Před rokem +1

    Many Thanks for your easy and understandable explanation.

  • @Javy_Valen_Tain
    @Javy_Valen_Tain Před 2 lety +2

    Hey Simon, this video clears my mind!

  • @maikhanhmai
    @maikhanhmai Před 2 lety +1

    oh wow this is your first video i watched and you have explained things so well and easy to understand. subscribing now!

  • @throughblindeyesmyphilippi2015
    @throughblindeyesmyphilippi2015 Před 7 měsíci +1

    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 👍🤝

  • @tokkigifs
    @tokkigifs Před 2 lety

    you really live up to the name of the channel, thank you for explaining it in real life examples

  • @user-pi2zg8rw2r
    @user-pi2zg8rw2r Před 2 lety +2

    Underrated 🥺 you deserve more

  • @gooo1762
    @gooo1762 Před 4 měsíci

    Amazing video again! Thanks!

  • @Chryzsean420
    @Chryzsean420 Před 9 měsíci

    Super simple explanation. Thank you!

  • @sanjuk3
    @sanjuk3 Před rokem +1

    You just opened my mind, MAN!!!!

  • @sumatidas9997
    @sumatidas9997 Před rokem +1

    Thank you so much the explanation was really so simple and understandable .

  • @tahsan3003
    @tahsan3003 Před 6 měsíci +1

    Quick, simple and understandable.

  • @micci9865
    @micci9865 Před rokem +1

    It becomes so easy to understand it with the way you explained it. thank you bro.

  • @Alozie146
    @Alozie146 Před 9 měsíci

    Thanks your video really open me up to know more about frontend and backend

  • @MonkeyD_Luthy
    @MonkeyD_Luthy Před 10 měsíci

    Awesome explanation .. everyone can use this breakdown if they looking into development

  • @Artofnatiee
    @Artofnatiee Před rokem

    Simple and effective. Thank you so much❤️

  • @cedarz5911
    @cedarz5911 Před 4 měsíci

    Thanks Simon. Very informative. I didn't know any of this.

  • @daudafzal21
    @daudafzal21 Před 10 měsíci

    Wow Bro hats off to you! What an explanation.

  • @thuantv4550
    @thuantv4550 Před 2 lety +2

    i am so grateful for you

  • @george2041
    @george2041 Před rokem

    Your explanation is so great!

  • @jobyjohn1
    @jobyjohn1 Před 2 lety

    Thank you. You cleared my so many queries.

  • @aarr5250
    @aarr5250 Před rokem

    Man, that was so good. Many thanks.

  • @murugaperumal2819
    @murugaperumal2819 Před 10 měsíci

    thank you so much for very clear explaination keep it up and go ahead more

  • @user-ch2ft6yr9i
    @user-ch2ft6yr9i Před 7 měsíci

    Everything is explained super clear

  • @harryzaynnaz-lo7fg
    @harryzaynnaz-lo7fg Před 11 měsíci +1

    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

  • @WarDudeFoxes
    @WarDudeFoxes Před 10 měsíci

    Thanks it helps a lot,I really enjoyed this 💪🏾

  • @mr_philomath
    @mr_philomath Před rokem

    It was very very clear to me, most of people who interested in software development are not good as explain such as things.

  • @Ssvlogs4onlyU
    @Ssvlogs4onlyU Před rokem

    I am a recruiter and wanted to learn basics. your videos helped me a lot :) Thank you keep sharing

  • @andre1173
    @andre1173 Před rokem +2

    Amazing!!!

  • @aroojtayyaba.r
    @aroojtayyaba.r Před rokem +1

    thank you for this ,my fvrt channel haha

  • @abbasmahmoud8180
    @abbasmahmoud8180 Před 4 měsíci

    After watching the backend vid i came here and bro u deserved a sub .

  • @harshkureel3829
    @harshkureel3829 Před 2 lety +1

    Tysm for this video keep going u have earned a subscriber.

  • @srinivas1623
    @srinivas1623 Před 8 měsíci

    awsome content Dev Thank you 😊

  • @abdullahbiswas1
    @abdullahbiswas1 Před 6 měsíci

    Thank you . Very Informative and detail video ❤

  • @fortunemxoza3113
    @fortunemxoza3113 Před 2 lety +2

    Great video! Thanks a million.

  • @SimonHerzog
    @SimonHerzog Před 2 lety +6

    Love your simple and clear explanations 😀great video 👌 thanks 🙏

    • @tposell1450
      @tposell1450 Před rokem

      Diwali Animation Using HTML and CSS
      czcams.com/video/8xAUi0UzSGw/video.html

  • @iribaaa2643
    @iribaaa2643 Před rokem +1

    Awesome... Thank you!😊

  • @GeoAlex71
    @GeoAlex71 Před 5 měsíci

    Thanks, As a person with no programming background, this video is very useful for me.

  • @valeeyituchinov9336
    @valeeyituchinov9336 Před rokem +1

    Hello everyone! It's very useful and interesting video! It's helps me to understand frontend part! Thanks a lot🙏

  • @akomngapana2010
    @akomngapana2010 Před rokem

    I love your video your explanation are always the best for me

  • @residualincome87
    @residualincome87 Před měsícem

    Thank you bro …. Life saver 🙏🏾✌🏾😇

  • @yan3735
    @yan3735 Před 6 měsíci

    Bro created BEST OF THE BEST explanation video on youtube

  • @INOTU7
    @INOTU7 Před 2 lety

    This was a great video, really well explained

  • @xstream7542
    @xstream7542 Před 2 měsíci

    I've learned a lot because of this video

  • @sabuein
    @sabuein Před rokem +1

    Thank you, brother.

  • @chiomaezeugwu7800
    @chiomaezeugwu7800 Před rokem +1

    Thank you so much ❤

  • @albertmora4290
    @albertmora4290 Před 24 dny

    Everything in this video was new to me.

  • @andrewpohl8519
    @andrewpohl8519 Před rokem

    I just finished your html and css video on to Java script and react there after !

  • @cool-aquarian
    @cool-aquarian Před rokem +2

    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.

  • @SweatySockGaming
    @SweatySockGaming Před 2 lety +2

    yes finally a new video

  • @user-zn1ku3yq9m
    @user-zn1ku3yq9m Před 5 měsíci

    thanks for sharing the content am new this world am working on html for known

  • @saythetruth2024
    @saythetruth2024 Před 5 měsíci

    Very clear ❤ thanks

  • @TruthSeeker12345
    @TruthSeeker12345 Před rokem

    Well done. THUMBS UP 👍

  • @imm-sama
    @imm-sama Před rokem +1

    thanks for the video man