Frontend web development - a complete overview

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ม.ค. 2025

ความคิดเห็น •

  • @hyperbole5726
    @hyperbole5726 2 ปีที่แล้ว +643

    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 2 ปีที่แล้ว +9

      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 2 ปีที่แล้ว

      Diwali Animation Using HTML and CSS
      th-cam.com/video/8xAUi0UzSGw/w-d-xo.html

    • @ryan7058
      @ryan7058 2 ปีที่แล้ว +18

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

    • @alfredodey
      @alfredodey 2 หลายเดือนก่อน +1

      C++ reminds me of my little projects using an Arduino microcontroller.

    • @anantakesharipanda4085
      @anantakesharipanda4085 หลายเดือนก่อน +1

      @@alfredodey There are some daily driver regular PC softwares designed in C++. Like VLC, Sublime Text, Notepad++.

  • @pablovirus
    @pablovirus 2 ปีที่แล้ว +336

    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  2 ปีที่แล้ว +17

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

    • @tposell1450
      @tposell1450 2 ปีที่แล้ว

      Diwali Animation Using HTML and CSS
      th-cam.com/video/8xAUi0UzSGw/w-d-xo.html

    • @Malikjunior
      @Malikjunior 11 หลายเดือนก่อน +1

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

  • @TiaTX
    @TiaTX 2 ปีที่แล้ว +112

    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 2 ปีที่แล้ว +34

    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.

  • @jhonatanjk1251
    @jhonatanjk1251 ปีที่แล้ว +11

    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 2 ปีที่แล้ว +10

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

  • @abdullahyousaf6013
    @abdullahyousaf6013 2 ปีที่แล้ว +18

    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 8 หลายเดือนก่อน

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

  • @rodneybowles
    @rodneybowles 2 ปีที่แล้ว +9

    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!

  • @crystalkewe
    @crystalkewe 2 ปีที่แล้ว +9

    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.

  • @zahidulislam2068
    @zahidulislam2068 2 ปีที่แล้ว +2

    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!

  • @django3746
    @django3746 2 ปีที่แล้ว +4

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

  • @LinhTran-om6qh
    @LinhTran-om6qh 7 หลายเดือนก่อน +3

    This has been one of the greatest videos I have seen so far on the front-end ecosystem! Could you please do another video explaining the rendering types (SSR, CSR, SSG, ISR...)? I have been learning about them but the more I read, the more I get confused. This knowledge will be very helpful for people who are learning React and Next js like me. I keep running into bugs related to the rendering while creating a Next js and it's so frustrating.

  • @Kitsune_Dev
    @Kitsune_Dev 2 ปีที่แล้ว +3

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

  • @micci9865
    @micci9865 ปีที่แล้ว +4

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

  • @calanm7880
    @calanm7880 2 ปีที่แล้ว +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  2 ปีที่แล้ว +3

      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 ปีที่แล้ว +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 👍☺️

  • @rulabula2259
    @rulabula2259 ปีที่แล้ว +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.

  • @vishnumenon4979
    @vishnumenon4979 2 ปีที่แล้ว +2

    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!

  • @doinab07
    @doinab07 ปีที่แล้ว

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

  • @Wolvman
    @Wolvman 2 ปีที่แล้ว +9

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

  • @davidsneek9659
    @davidsneek9659 4 หลายเดือนก่อน

    The way you explain concepts in such a clear way (in this and other videos) is amazing.

  • @hardkapadia5633
    @hardkapadia5633 24 วันที่ผ่านมา

    dude god level clarity based explanation...hats off

  • @behrad9712
    @behrad9712 2 ปีที่แล้ว +5

    Thank you so much you represent roadmap in a short, precise and beautiful way! The others just talk and sometimes show some pictures 🙏

  • @harryzaynnaz-lo7fg
    @harryzaynnaz-lo7fg ปีที่แล้ว +2

    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

  • @robertd333
    @robertd333 2 ปีที่แล้ว +1

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

  • @Sardine-c6g
    @Sardine-c6g 2 หลายเดือนก่อน

    I am new to web development and this video helps me so much to understand the structure of web development. It gives me clear insight where to begin.

  • @The.abiola
    @The.abiola 2 หลายเดือนก่อน

    You are very good at explaining and breaking down concepts. Thank you for not confusing me like every other video that I have watched 👏👏👏

  • @mynamu9
    @mynamu9 2 ปีที่แล้ว +41

    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.

  • @erickp6701
    @erickp6701 หลายเดือนก่อน +1

    Thank you so much, you are gifted with the way You can explain tech

  • @deepinderwarya4571
    @deepinderwarya4571 11 หลายเดือนก่อน

    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

  • @Ashish-c7k2m
    @Ashish-c7k2m 3 ปีที่แล้ว +2

    Underrated 🥺 you deserve more

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

  • @Kavy_Prd
    @Kavy_Prd ปีที่แล้ว

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

  • @sumingyu1527
    @sumingyu1527 3 ปีที่แล้ว +5

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

  • @emirbasha1410
    @emirbasha1410 2 ปีที่แล้ว

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

  • @cool-aquarian
    @cool-aquarian ปีที่แล้ว +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.

  • @mangakadomingos292
    @mangakadomingos292 3 ปีที่แล้ว +10

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

    • @SuperSimpleDev
      @SuperSimpleDev  3 ปีที่แล้ว +4

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

  • @tokkigifs
    @tokkigifs 2 ปีที่แล้ว +1

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

  • @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.

  • @rossli8621
    @rossli8621 2 ปีที่แล้ว +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.

  • @adityarajpateriya3870
    @adityarajpateriya3870 ปีที่แล้ว

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

  • @namelikeanyother885
    @namelikeanyother885 ปีที่แล้ว

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

  • @tahsan3003
    @tahsan3003 ปีที่แล้ว +1

    Quick, simple and understandable.

  • @Rorablink
    @Rorablink 9 หลายเดือนก่อน

    I was deciding to quit because everyone in youtube was making it seem so complex
    And here comes the best one
    The best and simplified explanation ever❤

  • @maikhanhmai
    @maikhanhmai 2 ปีที่แล้ว +1

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

  • @Smile__007
    @Smile__007 ปีที่แล้ว

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

  • @kwillo4
    @kwillo4 ปีที่แล้ว

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

  • @MarwinLobo
    @MarwinLobo วันที่ผ่านมา

    Youthbw recommended your backend video 1st
    Both these videos are soooooo helpful man thankd a lot ❤

  • @patriciaboughton4555
    @patriciaboughton4555 2 ปีที่แล้ว +1

    Extremely helpful. Straight-forward and presented very logically

  • @SimonHerzog
    @SimonHerzog 3 ปีที่แล้ว +6

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

    • @tposell1450
      @tposell1450 2 ปีที่แล้ว

      Diwali Animation Using HTML and CSS
      th-cam.com/video/8xAUi0UzSGw/w-d-xo.html

  • @GeoAlex71
    @GeoAlex71 ปีที่แล้ว

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

  • @abbasmahmoud8180
    @abbasmahmoud8180 ปีที่แล้ว

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

  • @Javy_Valen_Tain
    @Javy_Valen_Tain 2 ปีที่แล้ว +2

    Hey Simon, this video clears my mind!

  • @bjraval9818
    @bjraval9818 2 ปีที่แล้ว +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

  • @vik7181
    @vik7181 2 ปีที่แล้ว

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

  • @alihassanhaji2830
    @alihassanhaji2830 2 ปีที่แล้ว +2

    Very very very Helpfull resources Continue posting more video like this. We shall support you ✌✌

    • @SuperSimpleDev
      @SuperSimpleDev  2 ปีที่แล้ว

      Thanks! I'm working on a new video right now and will for sure continue to make videos with your awesome support 😄

  • @neanda
    @neanda 2 ปีที่แล้ว +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 🙏

  • @StaticBlaster
    @StaticBlaster 2 ปีที่แล้ว

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

  • @silass310
    @silass310 4 หลายเดือนก่อน

    Being able to see everything is really helpful. Thanks!

  • @dhdr27
    @dhdr27 4 หลายเดือนก่อน

    Thank you so much. I watched a lot of coding videos. I learn GDscript (I make games) and I never understand why you need 3 languages to build a web app. The simple sentences that hmtl &Css only can display things is kinda mind blowing hahaha.

  • @SteveBPiercy
    @SteveBPiercy 8 หลายเดือนก่อน

    As a complete novice I learned from this video. My only experience many years ago was Basic 7 and at some point HTML

  • @GaneshKumatole7
    @GaneshKumatole7 4 หลายเดือนก่อน +1

    Great. I appreciate this a alot.
    It literally gives a lot of clarity...
    Thank you so much.
    Question: Where does Next.js fall in this? I wanted more clarity on it.

  • @stachowi
    @stachowi 2 ปีที่แล้ว +1

    Love your teaching style, amazing video.

  • @yan3735
    @yan3735 ปีที่แล้ว

    Bro created BEST OF THE BEST explanation video on youtube

  • @MiaBelli-b1y
    @MiaBelli-b1y ปีที่แล้ว

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

  • @محمدالحلفي-ب8ض
    @محمدالحلفي-ب8ض ปีที่แล้ว +1

    Many Thanks for your easy and understandable explanation.

  • @sanjuk3
    @sanjuk3 2 ปีที่แล้ว +1

    You just opened my mind, MAN!!!!

  • @aroojtayyaba.r
    @aroojtayyaba.r 2 ปีที่แล้ว +1

    thank you for this ,my fvrt channel haha

  • @Pray-It-Forward
    @Pray-It-Forward ปีที่แล้ว

    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.

  • @valeeyituchinov9336
    @valeeyituchinov9336 2 ปีที่แล้ว +1

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

  • @throughblindeyesmyphilippi2015
    @throughblindeyesmyphilippi2015 ปีที่แล้ว +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 👍🤝

  • @since-j9m
    @since-j9m 2 ปีที่แล้ว +2

    You are a good teacher 😍😍

  • @ahadgulafridi01
    @ahadgulafridi01 ปีที่แล้ว

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

  • @darushz1327
    @darushz1327 2 ปีที่แล้ว +2

    Your channel is amazing . I am a new subscriber to your channel.

  • @gokulkrishna32123
    @gokulkrishna32123 ปีที่แล้ว +1

    Very nice video❤, keep it up

  • @shougingging
    @shougingging 2 หลายเดือนก่อน

    Thankyou sir, I really understand your explanations and examples, direct to the point

  • @MonkeyD_Luthy
    @MonkeyD_Luthy ปีที่แล้ว

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

  • @Ssvlogs4onlyU
    @Ssvlogs4onlyU ปีที่แล้ว

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

  • @RajeshChandra-vo3vk
    @RajeshChandra-vo3vk 7 หลายเดือนก่อน

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

  • @anonymousounds
    @anonymousounds 2 ปีที่แล้ว +1

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

  • @geluu89
    @geluu89 2 ปีที่แล้ว +1

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

  • @fortunemxoza3113
    @fortunemxoza3113 2 ปีที่แล้ว +2

    Great video! Thanks a million.

    • @SuperSimpleDev
      @SuperSimpleDev  2 ปีที่แล้ว

      You are very welcome and hope it was helpful!

  • @bulelanibotman
    @bulelanibotman 2 ปีที่แล้ว

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

  • @seyhaseng1077
    @seyhaseng1077 2 ปีที่แล้ว +2

    I love your explanation
    This is awesome

    • @SuperSimpleDev
      @SuperSimpleDev  2 ปีที่แล้ว +2

      I'm happy it makes sense for you! 😄

  • @chickenwings273
    @chickenwings273 2 ปีที่แล้ว +1

    Thanks for this! Very helpful and concise explanation.

  • @alexdenbaugh
    @alexdenbaugh 2 ปีที่แล้ว +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!

  • @daudafzal21
    @daudafzal21 ปีที่แล้ว

    Wow Bro hats off to you! What an explanation.

  • @aarr5250
    @aarr5250 2 ปีที่แล้ว

    Man, that was so good. Many thanks.

  • @AliKhan-bb4zi
    @AliKhan-bb4zi 2 หลายเดือนก่อน

    Under Bulldog of of Coding teaching on TH-cam you are f.king amazing bro

  • @guifendjydadspaul8951
    @guifendjydadspaul8951 6 หลายเดือนก่อน

    Adding type=“module” to script tag with your main js file with all the imports in index.html will allow you to split your code and use “import” in es6, no need to use webpack nor browserify. I think you would only need those if you’re using npm packages in the front end.

  • @442s_port
    @442s_port 5 หลายเดือนก่อน +1

    Please do complete course from beginner to pro on React, still on the 22 hours javascript lesson you made, and after the javascript what is the next step, been that I have also completed the 6 hours HTML CSS vedio,

  • @EmilyMendelson-f6m
    @EmilyMendelson-f6m ปีที่แล้ว

    These videos are super helpful, thanks so much!

  • @hk99-9
    @hk99-9 2 ปีที่แล้ว +1

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

  • @sumatidas9997
    @sumatidas9997 2 ปีที่แล้ว +1

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

  • @george2041
    @george2041 ปีที่แล้ว

    Your explanation is so great!

  • @CS-wl8yi
    @CS-wl8yi 4 หลายเดือนก่อน

    This is great! Thank you.

  • @BChok420
    @BChok420 ปีที่แล้ว

    Super simple explanation. Thank you!

  • @TruthSeeker12345
    @TruthSeeker12345 ปีที่แล้ว

    Well done. THUMBS UP 👍

  • @albertmora4290
    @albertmora4290 8 หลายเดือนก่อน

    Everything in this video was new to me.

  • @olanrewajurasheed3040
    @olanrewajurasheed3040 2 ปีที่แล้ว

    I've only learn HTML, CSS, on JavaScript framework. But I haven't really put those in practice. Thanks for this video, it state a clear path for me as a developer

    • @tposell1450
      @tposell1450 2 ปีที่แล้ว

      Diwali Animation Using HTML and CSS
      th-cam.com/video/8xAUi0UzSGw/w-d-xo.html

    • @simcard2732
      @simcard2732 ปีที่แล้ว

      Any tips?

  • @thuantv4550
    @thuantv4550 2 ปีที่แล้ว +2

    i am so grateful for you