Everything You NEED to Know About WEB APP Architecture

2022 ж. 21 Мау.
430 243 Рет қаралды

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

Пікірлер
  • 🖥 Dev Notes Newsletter 👉www.devnotesdaily.com/ 📓 Studious, Notion Template for Students 👉notionstudent.com (limited time discount added at checkout)

    @fknight@fknight9 ай бұрын
    • Is there a mobile app?

      @christalwillett5399@christalwillett53999 ай бұрын
    • Forrest, where did you get that Keyboard? What is it?

      @jonathanqoqonga@jonathanqoqonga6 ай бұрын
  • 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

    @eng.danson9264@eng.danson9264 Жыл бұрын
  • 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!

    @greenmanhulk@greenmanhulk3 ай бұрын
  • The examples you gave really helped me wrap my head around the concepts. Appreciate the effort and to the point explanations!

    @ZamirMubashir@ZamirMubashir Жыл бұрын
  • 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

    @Sylarleft@Sylarleft5 ай бұрын
  • I think this is the simplest, most understandable and beautiful explanation about WEB APPS Architecture ever. Great video!

    @imAlexisdzn@imAlexisdzn11 ай бұрын
  • 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!

    @alabilight3967@alabilight3967 Жыл бұрын
    • 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.

      @oMikekiMo@oMikekiMoАй бұрын
  • Thanx brother for explaining this to a complete beginner like me trying to learn software development!

    @robberttoorenburg42@robberttoorenburg42 Жыл бұрын
  • 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!

    @L0VEWAR@L0VEWAR Жыл бұрын
    • gesticulate

      @ahmedelamin7515@ahmedelamin751516 күн бұрын
  • Dude I have the worst attention span but this video is great, so much information in so little time. No time wasting. Subscribed

    @jpgenovese@jpgenovese Жыл бұрын
  • 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. 🌹

    @tabliqatchi6696@tabliqatchi6696Ай бұрын
  • Thanks for the time and effort you put into making such educational videos. Much appreciated.

    @faizalimuhammadzoda4731@faizalimuhammadzoda4731 Жыл бұрын
  • Love your content! I wouldn't have started my own Tech KZhead channel if it wasn't for finding yours. Can't wait for your future content!

    @felixc.programs8209@felixc.programs8209 Жыл бұрын
  • That was awesome man!🌟 I loved every minute of it

    @sidahmedsarah4826@sidahmedsarah48264 ай бұрын
  • Man that was a very well-structured, comprehensive explanation. Thank you!

    @marwann1@marwann17 күн бұрын
  • Insightful post! Thanks for breaking down web app architecture essentials. Clear and concise, it's a valuable resource for understanding the fundamentals. Great job!

    @ambikeya_tech@ambikeya_tech10 күн бұрын
  • 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.

    @HeroineOfTwilight@HeroineOfTwilight8 ай бұрын
  • Love your videos man. Keep up the great work!!

    @intuitivemobility@intuitivemobility Жыл бұрын
  • 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!

    @bulelanibotman@bulelanibotman Жыл бұрын
  • So simple and clear. Great place to start. Thank you.

    @alfonsoramirezelorriaga1153@alfonsoramirezelorriaga11534 ай бұрын
  • 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.

    @ConquerJS@ConquerJS Жыл бұрын
    • chronic 😮‍💨

      @chandragie@chandragie Жыл бұрын
    • monolithic won't work for large applications like youtube where scalability becomes considerable factor

      @sandeepakariyawasam5216@sandeepakariyawasam5216 Жыл бұрын
    • 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

      @webpro9083@webpro9083 Жыл бұрын
    • This sounds like a product management issue. For any well-managed product, micro-services management will be well documented and roles clearly assigned.

      @maxmilliah@maxmilliah Жыл бұрын
    • 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).

      @michimarz@michimarz11 ай бұрын
  • Love the video ! Would like to see one about micro front end architecture if possible !

    @RissaysArt@RissaysArt Жыл бұрын
  • Love the way you architected this video.... Came In, Told us everything & said Goodbye, no BS in between. Great Video BTW.

    @jahanzebrr@jahanzebrr Жыл бұрын
    • Are you sure we saw the same video?

      @StijnHommes@StijnHommes Жыл бұрын
  • Great explanation, no gimmicks. Very much appreciated 👍

    @JamesRBentley@JamesRBentley9 ай бұрын
  • That ending though...

    @SegrainesAMV@SegrainesAMV Жыл бұрын
    • GOODBYE

      @thcdenton@thcdenton Жыл бұрын
    • 😂

      @SirajHere@SirajHere Жыл бұрын
    • Right felt like it was in the middle of him explaining.

      @alphaturtle4839@alphaturtle4839 Жыл бұрын
    • Wtf 😂😂😂

      @speckzdiesal4991@speckzdiesal4991 Жыл бұрын
    • 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

      @Thembiola@Thembiola Жыл бұрын
  • Thank you so much for this informative video. You explained so well and I am no longer confused.

    @ShahzainAli-tl8sk@ShahzainAli-tl8sk5 күн бұрын
  • Man! Im new in your channel but hollyy... I love it already! Thanks for all the info 🥳

    @TheLantani@TheLantani Жыл бұрын
  • bravo! thank you for that detailed description./ I feel a little more comfortable at understanding my job now.

    @PizzaPizza_99@PizzaPizza_995 ай бұрын
  • Thanks for sharing ForrestKnight! This is helpful: "Microservice architecture - A collection of services, that each serves a unique responsibility."

    @envitab@envitab8 ай бұрын
  • Very well articulated and to the point. Thank you

    @amikawi@amikawi11 ай бұрын
  • love the effort you put in these videos !

    @johncarrera8654@johncarrera8654 Жыл бұрын
  • This guy explained everything perfectly for me, got my undivided attention, then randomly dipped. Absolute legend.

    @reezuleanu1676@reezuleanu167627 күн бұрын
  • nice explanation! Web app architectures is pure art, I really like dive in the topic!

    @dojas64@dojas6422 күн бұрын
  • Well explained. One of the best I’ve seen.

    @muzahmad2104@muzahmad2104Ай бұрын
  • 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

    @crazydog3307@crazydog3307 Жыл бұрын
  • This is a GREAT explanation for beginners!

    @darrenfinch1935@darrenfinch1935 Жыл бұрын
  • 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?

    @alexm.t.3311@alexm.t.3311 Жыл бұрын
    • I agree…

      @ChanceMinus@ChanceMinus Жыл бұрын
  • Yeeeyy, great timing💛 Thank u🫂

    @sema8962@sema8962 Жыл бұрын
  • This was a great intro, thank you so much

    @MrMortonFizzback@MrMortonFizzback Жыл бұрын
  • 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.

    @efeegbevwie9467@efeegbevwie9467 Жыл бұрын
  • this is so amazing, you've earned my subscription & many more views to come

    @sonsangsom@sonsangsom Жыл бұрын
  • Superb explanation, thank you for the video.

    @RolandoLopezNieto@RolandoLopezNieto9 ай бұрын
  • excellent info bro thanks, please do continue like this

    @chigurupati_s@chigurupati_sАй бұрын
  • Really great explanation!

    @goedekoop501@goedekoop5013 күн бұрын
  • This was brilliant, much appreciated.

    @michaelr.3799@michaelr.3799 Жыл бұрын
  • big thanks to you for most insightful information about web architecture, I am grateful to you,✨

    @hellocat7760@hellocat776016 күн бұрын
  • this video is a piece of art. thank you.

    @AkshatRamanathan@AkshatRamanathan Жыл бұрын
  • 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

    @xyzxyzxyzxyz@xyzxyzxyzxyz8 ай бұрын
    • whats "SPA"

      @howwwwwww.@howwwwwww.7 ай бұрын
    • @@howwwwwww. singe page applications but most often used to describe a vue/angular/react paired with a loosely couples backend api

      @xyzxyzxyzxyz@xyzxyzxyzxyz7 ай бұрын
  • Really nice video bro!

    @letsfly662@letsfly662 Жыл бұрын
  • this is gold thanks mate

    @sandrogtz@sandrogtz7 ай бұрын
  • I didnt understand anything at the introduction, but decided to bear with u a moment and it paid off well!

    @user-up7kv5si4x@user-up7kv5si4x7 ай бұрын
  • 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...)

    @danakaboom1158@danakaboom115811 ай бұрын
  • 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.

    @mariuspet89@mariuspet89 Жыл бұрын
  • absolutely love that, thanks!!

    @ChristoffKott@ChristoffKott2 ай бұрын
  • LOL the goodbye at the end killed me

    @aleksandrama5084@aleksandrama50848 ай бұрын
  • Man! You’re amazing. Thanks for

    @joshua5617@joshua5617Ай бұрын
  • This videos was really helpful. Thanks

    @0xhiro@0xhiro Жыл бұрын
  • Best video I have enjoyed most by you! U have explained all those concepts and I understood them perfectly well. Thank you!!!!

    @thy_minimalist@thy_minimalist Жыл бұрын
  • 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.

    @constantinci@constantinci11 ай бұрын
  • In this 10 min I learnt more than my uni taught in God dam 3 years. Wow thank you for such a great explanation

    @keshavakumar9828@keshavakumar9828 Жыл бұрын
  • Dude, it's videos like this that transform OK coders into great coders! Please keep making awesome videos like this!

    @jammincoder@jammincoder Жыл бұрын
  • Awesome explanation, thanks a lot

    @oscarlemus3327@oscarlemus3327 Жыл бұрын
  • this is the best explanation

    @game_is_onnn@game_is_onnn Жыл бұрын
  • This couldn't have come at a better time

    @Tidbit0123@Tidbit0123 Жыл бұрын
  • Amazing Video... Thanks for this informative video

    @jatilyadav4000@jatilyadav4000 Жыл бұрын
  • Very much needed video!

    @shounaksengupta2154@shounaksengupta2154 Жыл бұрын
  • This is actually very informative. I never really understood microservices and serverless computing before!

    @murtadha96@murtadha96 Жыл бұрын
    • 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.

      @StijnHommes@StijnHommes Жыл бұрын
  • Thank you for sharing!

    @phuctran-dh3le@phuctran-dh3le Жыл бұрын
  • 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

    @ahmedtech9590@ahmedtech9590 Жыл бұрын
  • @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.

    @thedevbek@thedevbek Жыл бұрын
  • hell yeah new sub easy. thanks, loved the video.

    @Ryguy12543@Ryguy125434 ай бұрын
  • That Goodbye was so sudden..... I like it 💯 😂😂😂

    @kevinsengakane9876@kevinsengakane98765 ай бұрын
  • I get the feeling this is the type of dude who can accomplish everything I'm trying to do

    @OjayMatuso@OjayMatuso8 ай бұрын
  • Wonderful job here❤❤

    @holykane@holykane11 ай бұрын
  • thank you so much for this. It made me realise the app i'm working on will require micro-services architecture.

    @lemonyth@lemonyth7 ай бұрын
  • 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!

    @user-vc7wb9uj9z@user-vc7wb9uj9z10 ай бұрын
  • 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

    @alvinxyz7419@alvinxyz7419 Жыл бұрын
  • 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!

    @SaaSSavvy@SaaSSavvy Жыл бұрын
  • Great video

    @nimam5721@nimam57217 ай бұрын
  • Thanks ! ❤❤❤

    @naturelovers3190@naturelovers31908 ай бұрын
  • Awesome thanks bro for explaining

    @rohitlabhe850@rohitlabhe850 Жыл бұрын
  • Really helpful, I remember being really cknfjdes when building my first full stack web app

    @frroossst4267@frroossst4267 Жыл бұрын
  • 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:)

    @bifidoc@bifidoc7 ай бұрын
  • Amazing video, thank you

    @alikassem158@alikassem15810 ай бұрын
  • maaaaadly love it

    @user-pn3zw9zz7z@user-pn3zw9zz7z25 күн бұрын
  • Thanks FK, well explained for non-IT ppl

    @Jordan-tl4yp@Jordan-tl4yp6 ай бұрын
  • Wow! This video is just right!!

    @loveafinni@loveafinni10 күн бұрын
  • Just curious what books have you read related to programming, software development and computer science? can you make a video about it?

    @yulose9@yulose9 Жыл бұрын
  • Heey forest knight i love your videoes ,,make more of them

    @michomapeter7522@michomapeter7522 Жыл бұрын
  • Amazing thank you

    @omarwasfi@omarwasfi3 ай бұрын
  • this is great!

    @danialothman@danialothman Жыл бұрын
  • thank you :)

    @happyhome2523@happyhome25239 ай бұрын
  • Great one! Now do monorepo and micro frontends.

    @user-zr5gk1fg1l@user-zr5gk1fg1l11 ай бұрын
  • woow love this guy

    @salaheddinesalmi683@salaheddinesalmi683 Жыл бұрын
  • Thanks bro

    @benjaminwharton6264@benjaminwharton6264 Жыл бұрын
  • Thank you.

    @sabuein@sabuein11 ай бұрын
  • 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...

    @rusmanhl56@rusmanhl562 ай бұрын
  • in microservices what connects each system or service with each other? or how all these microservices are connected and how they talk to each other if each service is developed in a different language.?

    @aaf2011@aaf201111 ай бұрын
  • 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

    @alexsiuwh@alexsiuwh8 ай бұрын
  • God tier outro

    @NickMothershed@NickMothershed Жыл бұрын
KZhead