Everything You NEED to Know About WEB APP Architecture

Поделиться
HTML-код
  • Опубликовано: 21 июн 2022
  • Get JetBrains Space for free: jb.gg/enjoy_space_for_free
    Upgrade to Space Team for free for one month using my code: FORREST
    Software architecture for a web application is essentially the blueprint for how a web app is structured. There's monolithic architecture, where you basically piled everything into a single, tightly coupled codebase. But if you want to efficiently scale your app from 100 users to 100,000 users, or want to ensure adding a line of code to a certain component or feature doesn’t break the entire application, then you may want to take a look at the microservice architecture. In the same realm, there's serverless architecture. There's also a higher level of architecture: client-server and peer-to-peer.
    When it comes to web app architecture, there are so many different types & many of which aren’t even exclusive from one another. So I’ve broken these down, put them into levels that are actually comparable, and created explanations in a way for you to simply understand the different types of web app architecture, why they’re important, how they play into software development, and given your requirements, goals, and possibilities, which app architecture is best for your app. I hope this helps. Enjoy!
    This video is sponsored by JetBrains Space.
    ------------------------
    🐱‍🚀 GitHub: github.com/forrestknight
    🎥 Twitch: / forrestknight
    🐦 Twitter: / forrestpknight
    📸 Instagram: / forrestpknight
    📓 Learning Resources:
    My Favorite Machine Learning Course: imp.i384100.net/YgYEBJ
    Open Source Computer Science Degree: bit.ly/open-source-forrest
    Python Open Source Computer Science Degree: bit.ly/python-open-source
    Udacity to Learn Any Coding Skill: bit.ly/udacity-forrest
    👨‍💻 My Coding Gear:
    My NAS Server: amzn.to/3brqO7b
    My Hard Drives: amzn.to/3aKetMi
    My Main Monitor: amzn.to/3siQfPa
    My Second Monitor: amzn.to/3keHT84
    My Standing Desk: amzn.to/3boAcbC
    My PC Build: bit.ly/my-coding-gear
    My AI GPU: amzn.to/3uvmUmz
    🔧Coding Tools:
    The Best Linux Server Hosting: bit.ly/linode-forrest

Комментарии • 241

  • @fknight
    @fknight  10 месяцев назад +11

    🖥 Dev Notes Newsletter 👉www.devnotesdaily.com/
    📓 Studious, Notion Template for Students 👉notionstudent.com (limited time discount added at checkout)

  • @eng.danson9264
    @eng.danson9264 Год назад +5

    please continue to be straight to the point.thank u so much. we need people like u on you tube. not this other people who talk a lot about nothing important in particular

  • @alabilight3967
    @alabilight3967 Год назад +17

    This is the first time in my life that I will search for a video, even after it disappeared abruptly, just to subscribe and like it. The content is truly excellent!

    • @oMikekiMo
      @oMikekiMo 2 месяца назад

      Yeah I did that too, I had meant to the whole way through but the abruptness of the "goodbye" didn't give me enough time to get my feet of the desk. Excellent teacher.

  • @Sylarleft
    @Sylarleft 5 месяцев назад +1

    That's the most comprehensive explanation for beginners out there! Usually, we have to search each term separately, but this video puts everything in context

  • @greenmanhulk
    @greenmanhulk 4 месяца назад +5

    This video was on my home feed for the last one year. Just watched it. Awesome piece. The way he ended the video was hilarious!

  • @SegrainesAMV
    @SegrainesAMV Год назад +229

    That ending though...

    • @thcdenton
      @thcdenton Год назад +10

      GOODBYE

    • @SirajHere
      @SirajHere Год назад +5

      😂

    • @alphaturtle4839
      @alphaturtle4839 Год назад +16

      Right felt like it was in the middle of him explaining.

    • @speckzdiesal4991
      @speckzdiesal4991 Год назад +2

      Wtf 😂😂😂

    • @Thembiola
      @Thembiola Год назад +16

      Like he has been explaining to people who hardly understand what he is trying to say then realized it's nolonger worth it and stopped immediately

  • @ZamirMubashir
    @ZamirMubashir Год назад +8

    The examples you gave really helped me wrap my head around the concepts. Appreciate the effort and to the point explanations!

  • @imAlexisdzn
    @imAlexisdzn Год назад +1

    I think this is the simplest, most understandable and beautiful explanation about WEB APPS Architecture ever. Great video!

  • @HeroineOfTwilight
    @HeroineOfTwilight 9 месяцев назад +5

    Love how the code coffee transforms into a breakfast smoothie at 9:14 lol
    But for real thank you for this video; I'm completely teaching myself all of these computer science concepts so having a fairly bite sized, well-explained video laying these out is an especially helpful starting point on my way to understanding the overall picture.

  • @robberttoorenburg42
    @robberttoorenburg42 Год назад +15

    Thanx brother for explaining this to a complete beginner like me trying to learn software development!

  • @envitab
    @envitab 9 месяцев назад

    Thanks for sharing ForrestKnight! This is helpful: "Microservice architecture - A collection of services, that each serves a unique responsibility."

  • @L0VEWAR
    @L0VEWAR Год назад +19

    This video is so so soooooo well done. Love the way you teach and gesticulate (and may or may not have stolen this habit to apply it to my own teaching). This video would have been super helpful for me 1 week earlier, so I would have scored a few bonus points at the recent interviews. Anyway, I did pass them. As for yourself sir, keep up a good job!

  • @bulelanibotman
    @bulelanibotman Год назад +61

    thank you for explaining, microservices because as a student i really couldn't understand that concept. if you have time it would be appreciated if you could do a small demo app using the microservice architecture, looking at the code would further cement this knowledge!

  • @jpgenovese
    @jpgenovese Год назад +2

    Dude I have the worst attention span but this video is great, so much information in so little time. No time wasting. Subscribed

  • @tabliqatchi6696
    @tabliqatchi6696 Месяц назад

    I have no idea why, but I expected a poor quality click-bait video, but after watching this, I'm really enlightened on this. Thank you so much for making and posting this. 🌹

  • @marwann1
    @marwann1 18 дней назад +1

    Man that was a very well-structured, comprehensive explanation. Thank you!

  • @JamesRBentley
    @JamesRBentley 9 месяцев назад +1

    Great explanation, no gimmicks. Very much appreciated 👍

  • @ConquerJS
    @ConquerJS Год назад +168

    There's been a lot of backlash against micro-services with many teams running back to good ol fashioned monolithic architecture, as microservces can quickly become unmanageable and create impenetrable silos among larger teams where one team has no idea what the other team is doing even though both work on the same app, but neither team knows each other's codebases.

    • @chandragie
      @chandragie Год назад +2

      chronic 😮‍💨

    • @sandeepakariyawasam5216
      @sandeepakariyawasam5216 Год назад +4

      monolithic won't work for large applications like youtube where scalability becomes considerable factor

    • @webpro9083
      @webpro9083 Год назад +9

      Maybe they don't need to know, micro-services use internal API, there shouldn't be much issue though unless they don't have good documentation of their API

    • @maxmilliah
      @maxmilliah Год назад +11

      This sounds like a product management issue. For any well-managed product, micro-services management will be well documented and roles clearly assigned.

    • @michimarz
      @michimarz Год назад +11

      The state of the art is: you start with monolith, and then introduce micro-services when needed. And you consider introducing micro-services only if you have many small teams in your organisation (to reflect that structure in your app for development and maintenance).

  • @efeegbevwie9467
    @efeegbevwie9467 Год назад +18

    Great video, would've been better if you took a section to talk about the downsides of micro services architecture such as how challenging they can be to manage when they grow in number or how cloud functions may take a significant amount of time to warm up.

  • @faizalimuhammadzoda4731
    @faizalimuhammadzoda4731 Год назад +2

    Thanks for the time and effort you put into making such educational videos. Much appreciated.

  • @felixc.programs8209
    @felixc.programs8209 Год назад

    Love your content! I wouldn't have started my own Tech RUclips channel if it wasn't for finding yours. Can't wait for your future content!

  • @jahanzebrr
    @jahanzebrr Год назад +3

    Love the way you architected this video.... Came In, Told us everything & said Goodbye, no BS in between.
    Great Video BTW.

    • @StijnHommes
      @StijnHommes Год назад

      Are you sure we saw the same video?

  • @aleksandrama5084
    @aleksandrama5084 9 месяцев назад +2

    LOL the goodbye at the end killed me

  • @sidahmedsarah4826
    @sidahmedsarah4826 4 месяца назад

    That was awesome man!🌟 I loved every minute of it

  • @ambikeya_tech
    @ambikeya_tech 21 день назад

    Insightful post! Thanks for breaking down web app architecture essentials. Clear and concise, it's a valuable resource for understanding the fundamentals. Great job!

  • @crazydog3307
    @crazydog3307 Год назад +3

    usually ill design most apps as n-tier compatible, with the idea that the db, server, and client, and gateways must be scalable, with a preference to microservices so it can be used at very little cost across multiple cloud platforms. pretty tricky sometimes, but usually i'll design it all in python using flask, or sometimes just building my own socket servers for the backend stuff. one of these days though i'll finally get up the courage to read through libcurl and try to make it in c XD

  • @intuitivemobility
    @intuitivemobility Год назад +1

    Love your videos man. Keep up the great work!!

  • @alfonsoramirezelorriaga1153
    @alfonsoramirezelorriaga1153 4 месяца назад

    So simple and clear. Great place to start. Thank you.

  • @RissaysArt
    @RissaysArt Год назад +1

    Love the video !
    Would like to see one about micro front end architecture if possible !

  • @TheLantani
    @TheLantani Год назад

    Man! Im new in your channel but hollyy... I love it already! Thanks for all the info 🥳

  • @reezuleanu1676
    @reezuleanu1676 Месяц назад

    This guy explained everything perfectly for me, got my undivided attention, then randomly dipped. Absolute legend.

  • @PizzaPizza_99
    @PizzaPizza_99 5 месяцев назад

    bravo! thank you for that detailed description./ I feel a little more comfortable at understanding my job now.

  • @alexm.t.3311
    @alexm.t.3311 Год назад +28

    Thanks for the very informative and well-explained video! You have a great talent for explaining complex architectures very simply in terms that everyone can understand. Liked and subscribed!
    P.S. Could you please make a video about Event-Driven Architecture?

  • @ShahzainAli-tl8sk
    @ShahzainAli-tl8sk 16 дней назад

    Thank you so much for this informative video. You explained so well and I am no longer confused.

  • @darrenfinch1935
    @darrenfinch1935 Год назад +1

    This is a GREAT explanation for beginners!

  • @amikawi
    @amikawi 11 месяцев назад

    Very well articulated and to the point. Thank you

  • @RolandoLopezNieto
    @RolandoLopezNieto 9 месяцев назад

    Superb explanation, thank you for the video.

  • @xyzxyzxyzxyz
    @xyzxyzxyzxyz 8 месяцев назад +6

    Microservices are only necessary for large scale apps with very specific business cases. It is incredibly hard to define a domain inside a large application and when starting on your app a “monilith” structure is the way to go for most. As long as they keep the backend en frontend separated through “SPA” design and implement a pub/sub event driven architecture. Microservices can be created by cutting up the original monolith (if even necessary). But by doing tasks out of sync you can also easily scale up by deploying more workers

    • @howwwwwww.
      @howwwwwww. 7 месяцев назад +1

      whats "SPA"

    • @xyzxyzxyzxyz
      @xyzxyzxyzxyz 7 месяцев назад

      @@howwwwwww. singe page applications but most often used to describe a vue/angular/react paired with a loosely couples backend api

  • @user-up7kv5si4x
    @user-up7kv5si4x 8 месяцев назад

    I didnt understand anything at the introduction, but decided to bear with u a moment and it paid off well!

  • @constantinci
    @constantinci 11 месяцев назад +12

    Consider modular monolith. When properly done (with discipline) gives you the same architecture as based on microservices but without the REST overload. During development you work, debug and test only a module and once accepted, merge it to your project main frame. Use microservices when they are needed, but if they live in the same context, make your application modular especially when your application is sensitive on pinball communication time consumption.

  • @muzahmad2104
    @muzahmad2104 2 месяца назад

    Well explained. One of the best I’ve seen.

  • @MrMortonFizzback
    @MrMortonFizzback Год назад

    This was a great intro, thank you so much

  • @lemonyth
    @lemonyth 7 месяцев назад

    thank you so much for this. It made me realise the app i'm working on will require micro-services architecture.

  • @johncarrera8654
    @johncarrera8654 Год назад +6

    love the effort you put in these videos !

  • @dojas64
    @dojas64 Месяц назад

    nice explanation! Web app architectures is pure art, I really like dive in the topic!

  • @ahmedtech9590
    @ahmedtech9590 Год назад

    I am more interested in the Linux you have set up. Can you make a tutorial on how you customized your terminal espeically, it looks amazing, as well as your task bar and icons

  • @danakaboom1158
    @danakaboom1158 Год назад

    Great video. It's all about modules AKA objects AKA functions AKA subroutines…
    …client-server = sub-modules talking to a main module, peer-to-peer = modules talking to each other...
    (before computers = Betty in payroll talking to John in accounting...)

  • @sandrogtz
    @sandrogtz 7 месяцев назад

    this is gold thanks mate

  • @sema8962
    @sema8962 Год назад

    Yeeeyy, great timing💛 Thank u🫂

  • @michaelr.3799
    @michaelr.3799 Год назад

    This was brilliant, much appreciated.

  • @mariuspet89
    @mariuspet89 Год назад +1

    All the video was super cool, I understood a lot, thanks.
    A small advance: the end of the video was very brutal, maybe you can do a summary of what you explained.
    Excepting that, everything was at the point, with very good real life examples.

  • @sonsangsom
    @sonsangsom Год назад

    this is so amazing, you've earned my subscription & many more views to come

  • @thy_minimalist
    @thy_minimalist Год назад +1

    Best video I have enjoyed most by you! U have explained all those concepts and I understood them perfectly well. Thank you!!!!

  • @hellocat7760
    @hellocat7760 27 дней назад

    big thanks to you for most insightful information about web architecture, I am grateful to you,✨

  • @AkshatRamanathan
    @AkshatRamanathan Год назад

    this video is a piece of art. thank you.

  • @OjayMatuso
    @OjayMatuso 9 месяцев назад

    I get the feeling this is the type of dude who can accomplish everything I'm trying to do

  • @goedekoop501
    @goedekoop501 13 дней назад

    Really great explanation!

  • @chigurupati_s
    @chigurupati_s Месяц назад

    excellent info bro thanks, please do continue like this

  • @keshavakumar9828
    @keshavakumar9828 Год назад

    In this 10 min I learnt more than my uni taught in God dam 3 years.
    Wow thank you for such a great explanation

  • @murtadha96
    @murtadha96 Год назад +3

    This is actually very informative. I never really understood microservices and serverless computing before!

    • @StijnHommes
      @StijnHommes Год назад

      Serverless computing is easy. It's what you do offline. What we did before everything was hooked up to the web even though most of it shouldn't be.

  • @joshua5617
    @joshua5617 2 месяца назад

    Man! You’re amazing. Thanks for

  • @kevinsengakane9876
    @kevinsengakane9876 6 месяцев назад

    That Goodbye was so sudden.....
    I like it 💯
    😂😂😂

  • @jammincoder
    @jammincoder Год назад +2

    Dude, it's videos like this that transform OK coders into great coders! Please keep making awesome videos like this!

  • @0xhiro
    @0xhiro Год назад

    This videos was really helpful. Thanks

  • @bifidoc
    @bifidoc 8 месяцев назад

    microservices is unix way rephrased.
    there's also federated architecture in terms of networking structure (it inlines between p2p to client-server, and email is one of the oldest representatives, along with xmpp).
    monolithic and microservices are just enterprise buzzwords by people who sell stuff to sell same stuff in different packaging. in sentient world reasonable approach to modularity is generally taken:)

  • @ChristoffKott
    @ChristoffKott 3 месяца назад

    absolutely love that, thanks!!

  • @Tidbit0123
    @Tidbit0123 Год назад

    This couldn't have come at a better time

  • @oscarlemus3327
    @oscarlemus3327 Год назад

    Awesome explanation, thanks a lot

  • @yulose9
    @yulose9 Год назад

    Just curious what books have you read related to programming, software development and computer science? can you make a video about it?

  • @letsfly662
    @letsfly662 Год назад

    Really nice video bro!

  • @alvinxyz7419
    @alvinxyz7419 Год назад

    I create app in a monolith codebase but each domain loosely coupled, so i can freely to combine multiple domain as a service or separate them as independent service, this creates a scalable and manageable system

  • @jatilyadav4000
    @jatilyadav4000 Год назад

    Amazing Video... Thanks for this informative video

  • @user-vc7wb9uj9z
    @user-vc7wb9uj9z 11 месяцев назад

    So, now I know EVERYTHING and I suppose I am a senior engineer now...thank you for making me senior in 10 minutes. Damn clickbait. From 10 minutes 2 min is an ad so you made it even faster!

  • @thedevbek
    @thedevbek Год назад +1

    @ForrestKnight I need a few book recommendations. You covered a lot of stuff in this video and I appreciate it... but seriously Good Bye....I love it... great video as always.

  • @game_is_onnn
    @game_is_onnn Год назад

    this is the best explanation

  • @frroossst4267
    @frroossst4267 Год назад

    Really helpful, I remember being really cknfjdes when building my first full stack web app

  • @SaaSSavvy
    @SaaSSavvy Год назад +2

    In the serverless architecture, why is it easier to keep the "validate customer" logic on an AWS Lambda function than within the microservice itself? I know you're only charged when Lambda executes the function, but what's the value in breaking out that function in this example? Does it prevent the code base of the microservice from getting weighed down? Thanks!

  • @phuctran-dh3le
    @phuctran-dh3le Год назад

    Thank you for sharing!

  • @shounaksengupta2154
    @shounaksengupta2154 Год назад

    Very much needed video!

  • @nimam5721
    @nimam5721 7 месяцев назад

    Great video

  • @Ryguy12543
    @Ryguy12543 5 месяцев назад

    hell yeah new sub easy. thanks, loved the video.

  • @alikassem158
    @alikassem158 11 месяцев назад

    Amazing video, thank you

  • @Jordan-tl4yp
    @Jordan-tl4yp 7 месяцев назад

    Thanks FK, well explained for non-IT ppl

  • @naturelovers3190
    @naturelovers3190 8 месяцев назад

    Thanks ! ❤❤❤

  • @rohitlabhe850
    @rohitlabhe850 Год назад

    Awesome thanks bro for explaining

  • @happyhome2523
    @happyhome2523 9 месяцев назад

    thank you :)

  • @holykane
    @holykane Год назад

    Wonderful job here❤❤

  • @user-zr5gk1fg1l
    @user-zr5gk1fg1l 11 месяцев назад

    Great one! Now do monorepo and micro frontends.

  • @michomapeter7522
    @michomapeter7522 Год назад

    Heey forest knight i love your videoes ,,make more of them

  • @loveafinni
    @loveafinni 21 день назад

    Wow! This video is just right!!

  • @rusmanhl56
    @rusmanhl56 2 месяца назад

    Would share the series #2 of this video, it was really like korean drama movie whereby the main actor almost got shot by flying bullet, and the movie just ending abruptly. What a nice way to raise audience interest. Well done but...byeee...

  • @sabuein
    @sabuein 11 месяцев назад

    Thank you.

  • @user-pn3zw9zz7z
    @user-pn3zw9zz7z Месяц назад

    maaaaadly love it

  • @alexsiuwh
    @alexsiuwh 8 месяцев назад

    micro services requires deep consideration such as transaction crossing services, performance as overhead on intensive massaging. if you are talking about complex system, it cannot be truly stateless. there is no single technology can work without flaw, especially micro services, experience on architecture design and implementation cycle do counts a lot

  • @prabhakarmishra2182
    @prabhakarmishra2182 7 месяцев назад

    Not only the new shirt but the cup was also replaced by a bottle

  • @omarwasfi
    @omarwasfi 3 месяца назад

    Amazing thank you

  • @benjaminwharton6264
    @benjaminwharton6264 Год назад +1

    Thanks bro

  • @salaheddinesalmi683
    @salaheddinesalmi683 Год назад +1

    woow love this guy

  • @someniceguyon
    @someniceguyon 9 месяцев назад

    So if I wanted to create my own bluetooth app for just my phone, I would have to make a server & address first. Then code the device to use the server I created?

    • @someniceguyon
      @someniceguyon 9 месяцев назад

      That sounds like a lot to digest but Im willing to learn 😭

  • @mitotv6376
    @mitotv6376 9 месяцев назад

    Nice ending