How to OVER Engineer a Website // What is a Tech Stack?

Sdílet
Vložit
  • čas přidán 28. 04. 2024
  • A "tech stack" includes all the technologies used to build a complete web or mobile application - like frameworks, cloud services, libraries, languages, and APIs. Let’s over-engineer a tech stack for an MVP, then simplify it. Learn how to build fullstack apps in courses fireship.io/courses/
    #tech #code #dev
    🔗 Resources
    Learn about popular tech in the 100 Second Playlist • 100 Seconds of Code
    Petite Vue github.com/vuejs/petite-vue
    Stacks of successful startups stackshare.io/
    LAMP en.wikipedia.org/wiki/LAMP_(s...)
    📚 Chapters
    00:00 Intro
    00:37 What’s in a Tech Stack?
    02:05 Popular Stacks
    03:08 Frontend
    05:34 Backend
    08:23 APIs
    09:23 Petite Fire Stack
    🔥 Get More Content - Upgrade to PRO
    Upgrade to Fireship PRO at fireship.io/pro
    Use code lORhwXd2 for 25% off your first payment.
    🎨 My Editor Settings
    - Atom One Dark
    - vscode-icons
    - Fira Code Font
    🔖 Topics Covered
    - Choosing a Tech Stack for Web Development
    - Comparing JS frameworks
    - React State Management with Redux
    - Containers with Docker and Kubernetes
    - Mobile dev with React Native, Flutter, & Ionic
    - APIs with GraphQL and Apollo
    - How to build a website
    - Cloud Computing Concepts
  • Věda a technologie

Komentáře • 2,8K

  • @Aditya-uk1bv
    @Aditya-uk1bv Před 2 lety +9221

    Last part is a must watch

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

      9:23

    • @ransfordarthur4418
      @ransfordarthur4418 Před 2 lety +173

      ngl had us all in the first half 😂

    • @eshtiyak
      @eshtiyak Před 2 lety +106

      one moment of silence for those who skipped before that

    • @AlexGower
      @AlexGower Před 2 lety +271

      I was depressed until the last part

    • @gurbux6491
      @gurbux6491 Před 2 lety +89

      "pick your poison"
      So you've chosen vendor lock-in.

  • @Skia_
    @Skia_ Před 2 lety +1973

    Bro you're actually fluent in trash-talk XD
    The passive aggressive sarcasm is absolute fire

    • @xXDarkRevolutionHDXx
      @xXDarkRevolutionHDXx Před 2 lety +98

      It's not only fire, it's Fireship

    • @shubhamkale735
      @shubhamkale735 Před 2 lety +3

      do you know which software editor is he using

    • @nope3616
      @nope3616 Před 2 lety +13

      @@shubhamkale735 vscode

    • @LinkEX
      @LinkEX Před 2 lety +11

      @@nope3616 I think Shubham Kale was asking about the video-editing software, not the IDE.
      (However, if it turns out there is a VS Code extension that can do THAT, please tell me about it, lol.)

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

      @@LinkEX 😂🤣

  • @verified_tinker1818
    @verified_tinker1818 Před 2 lety +5242

    "Let's go with AWS to give us the most complicated user experience."
    I'm glad Fireship thinks so, too. I thought I was just bad at it.

    • @spicemasterii6775
      @spicemasterii6775 Před 2 lety +218

      You can have the pleasure of getting kicked off of AWS if they don't like you.

    • @smhmkkh
      @smhmkkh Před 2 lety +91

      Oh boy you remind me of myself when i first tried to learn AWS. Long story short i deleted my account and ran directly to firebase.

    • @ooogabooga5111
      @ooogabooga5111 Před 2 lety +14

      I like it complicated tho, more flexibility comes with complication.

    • @alvacoach
      @alvacoach Před 2 lety +14

      @@AlOlexy Parler

    • @cesarmurillo6192
      @cesarmurillo6192 Před 2 lety +12

      @@AlOlexy That's true, just ask Parler 😂

  • @made-simple
    @made-simple Před měsícem +46

    2yrs later ... This video still makes sense ... Grateful for this...

  • @chriskevini
    @chriskevini Před 2 lety +209

    This video is written like an award-winning novel. It's got a compelling storyline complete with the suffocating dread as we get bombarded with a seemingly endless amount of unfamiliar names and colorful logos which then climaxes when we throw it all out and start from scratch ultimately ending with a satisfying conclusion. A perfect 5/7

  • @Dylan_thebrand_slayer_Mulveiny

    Boss: "We want to build a todo app."
    Dev: "Okay, I'll just need these 18 frameworks."

    • @Lucas_Simoni
      @Lucas_Simoni Před 2 lety +438

      The budget is around US$ 10^50 and the product will be released to the public before the century XXVII A.D.

    • @MiguelAngel-fw4sk
      @MiguelAngel-fw4sk Před 2 lety +194

      @@Lucas_Simoni That's too soon, we gotta delay the release.

    • @aebisdecunter
      @aebisdecunter Před 2 lety +253

      @@Lucas_Simoni AD as in "After Development"?

    • @trevidia
      @trevidia Před 2 lety +54

      @@aebisdecunter after death of christ

    • @abdullahraghib4008
      @abdullahraghib4008 Před 2 lety +69

      @@trevidia after death of the world

  • @alishahrose2076
    @alishahrose2076 Před 2 lety +8772

    And that ladies and gentlemen, are the requirements for a junior developer.

    • @devinosborne3396
      @devinosborne3396 Před 2 lety +138

      LOLOL FACX

    • @DEVDerr
      @DEVDerr Před 2 lety +841

      entry-level developer*
      After 3 years of working in company, then you would maybe become junior developer

    • @sandrinjoy
      @sandrinjoy Před 2 lety +20

      @Solve Everything lmao true that

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

      🤣

    • @hkcode1811
      @hkcode1811 Před 2 lety +96

      @Solve Everything are you guys all being serious i cant tell. Maybe its different in other countries but i got work as a Junior Developer in the uk right after graduating without much difficulty. I dont have an exceptional cv or anything either. Maybe its harder on other countries

  • @matthiaslangbart9841
    @matthiaslangbart9841 Před rokem +538

    Perhaps I'm still too old school, but back in the days of BDD (behavior-driven development) we had the rule: "Vision first, features second, specs third, tools fourth!" Which means: Only when we all agree on our vision of our project, we can pin down the features we want to implement. Only when we all agree on the features of the project, we can specify *how* we want to implement them. Only when we all agree on the specifications (specs) we can look for the best technologies to get the job done. I still believe in this approach. Can't help it.

    • @knarkzel2006
      @knarkzel2006 Před 11 měsíci +35

      Sounds like waterfall design

    • @jordaosimplicio
      @jordaosimplicio Před 11 měsíci +44

      Well, if you watch closelly, you'll see that he's already stablished vision and specs (myspace knockoff). Which makes sense, since the point of this video was to discuss the collection of tecnologies that could/should be used to implement it.
      Sorry for bad english.

    • @56independent42
      @56independent42 Před 10 měsíci +16

      ​@@jordaosimplicio your English is far better then any other non-english language i know. If you applied for UK citizenship, they'd have no idea you weren't born there.

    • @busterbunny005
      @busterbunny005 Před 10 měsíci +10

      ​@@56independent42 time to go to the UK then I guess

    • @gabrielbotchway7121
      @gabrielbotchway7121 Před měsícem +1

      I'm not a developer but I agree 1,000 percent

  • @wlockuz4467
    @wlockuz4467 Před rokem +321

    "If you don't build a good experience at first, you'll never get to the point where you'll need something like Kubernetes"
    I love this quote

  • @DavidCSaint
    @DavidCSaint Před 2 lety +1323

    This is fucking brilliant. “Let’s go with AWS because we want an overly complicated interface” lmao

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

      Tbh, I thought the same before starting to use aws. But it gives a lot of control over our infrastructure. For example, security groups are godsent. Imagine configuring iptables or ufw on all the servers, and only allowing ssh from a particular machine which don't even have static ip. Idk why people find aws complicated.

    • @Oliver_Saer
      @Oliver_Saer Před 2 lety +51

      @@freshprince633 It's a complicated experience if your development team consists of developers who just want to write code and deploy it somewhere that works. If you're a network engineer, devops manager or something similar, you're like a kid in a sweet shop.

    • @Suraj-vn5tm
      @Suraj-vn5tm Před 2 lety +1

      aws has very simple user interface.

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

      @@Oliver_Saer I am a developer and is handling deployments because there wasn't anyone else in the team to do it. I started off with digital ocean and it was simple enough, but as traffic increased, it was really hard to manage. Aws on the other hand is built specifically for these scenarios. Deployment and load balancing is much easier to do on aws.
      For smaller websites, it's easier to go with a vps or even netlify. But for a medium size project (which it is most of the time), aws is a blessing. And it's not that complicated to learn the basics.

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

      @akashic seer nope. For basic security on digital ocean droplets, we have to set iptable rules manually (ufw if you want a simpler approach), but on aws, it's much easier to do it using security groups 😂😂

  • @abnoco
    @abnoco Před rokem +37

    Six years ago I had an idea and I started to build it. I quickly fell into the stack rabbit hole described perfectly in this video. Then I took a regular job and put that project on hold, until now. I’m really focused on keeping things simple this time and I loved this video!!

  • @Slimtony-ho6bo
    @Slimtony-ho6bo Před 7 měsíci +10

    Bro, please never stop doing these videos. They have literally gotten me through college, and most of my work experience come from videos just like yours.
    I never comment on videos, but you sir deserve some recognition, not only have I learned with you, but I also just straight up love binging your videos!

  • @thetrends5670
    @thetrends5670 Před 2 lety +1545

    Stacks was made to lessen the code, now configuring a stack is more complicated than writing the code

    • @frankhuurman3955
      @frankhuurman3955 Před 2 lety +331

      we need a new stack to solve the current problem of stacks. oh wait..

    • @ussiz
      @ussiz Před 2 lety +82

      @@frankhuurman3955 JaStackScript ?! 🤔

    • @Saurus990
      @Saurus990 Před 2 lety +108

      @@frankhuurman3955 Stack-a-Script 9000, chose your preffered stack, write what you want in plain english, and Stack-a-Script 9000 will package that shit for you!*
      *The license is only 10 million per month, or 100 million per year!

    • @frankhuurman3955
      @frankhuurman3955 Před 2 lety +27

      @@Saurus990 so for 10 million per month I still have to choose my own tech stack? sign me up! xD what a bargain

    • @balduran
      @balduran Před 2 lety +21

      @@Saurus990 Actually, a programming language that uses natural language does exist. The funny part is: programming with that is actually harder, more complicated and takes much more space. Where you normally would write "let var ++; " You now need to write "Take the variable var and increment by one". If i remember correctly, it was a language from the 90s, but I forgot the name. And, big surprise, every developer that tested that language, hated it.
      But maybe that was not exactly what you had in mind.

  • @danvilela
    @danvilela Před 2 lety +1736

    “More code lead to a better quality app” the humor never stops 😂 also i liked the bigger video. 100s is too little

    • @korzinko
      @korzinko Před 2 lety +44

      Bigger video lead to a better quality

    • @theclockworkcadaver7025
      @theclockworkcadaver7025 Před 2 lety +13

      @@korzinko but why say many word when few word do trick

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

      ​@@theclockworkcadaver7025 Because as "More code lead to a better quality app", longer video leads to a better quality.
      😁

    • @friction5001
      @friction5001 Před 2 lety

      Same

    • @code913.
      @code913. Před 2 lety +12

      lol he doesn't even need 10s. dude converted a 5 page machine learning description into one sentence: "Machine learning. Teach a computer to do something without explicitly programming it to"

  • @13NHKari
    @13NHKari Před rokem +4

    Omg, dude, you're a genius. Every video you make just proves how well you understand those stuff...No one can explain those topics better than you.

  • @javeriaz9534
    @javeriaz9534 Před rokem +22

    Before this video, I was watching all the videos for every front and back-end tech stack, and it was making me sleepy. Thank you, fireship for this video and for rejuvenating me.

  • @j.r.rodriguez1755
    @j.r.rodriguez1755 Před 2 lety +4231

    As a developer, this video has me laughing and crying at the same time until the last section where everything got simplified and half the team lost their jobs, haha.

    • @gantzerek
      @gantzerek Před 2 lety +202

      It depends.
      If your team is more than 1 person, and the company is comprised of more than 1 team, and you're working on more than a single application in an ecosystem that will be used by more than 1000 people, dealing with heavily audited, secure, scalable system which will host and process critical information (banking/national security/personal/ health information/logistics), you will all benefit from T H I C C, battle proven stack in the long run.

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

      hhh same here

    • @johndawson6057
      @johndawson6057 Před 2 lety +7

      @@gantzerek THICC being?

    • @gantzerek
      @gantzerek Před 2 lety +81

      @@johndawson6057 thicc as in thick, fat

    • @Yash-jp6xh
      @Yash-jp6xh Před 2 lety +3

      Stop commenting the same comment on every single video.

  • @Ali2307013
    @Ali2307013 Před 2 lety +1003

    “You’ll never get to the point where you actually need Kubernetes” 😂😂😂 brilliant as usual

    • @Ali2307013
      @Ali2307013 Před 2 lety +11

      @@mountakhabi seriously speaking, knowing that I don’t know much about Kubernetes, I think AWS ECS is enough for that.

    • @uziboozy4540
      @uziboozy4540 Před 2 lety +7

      @@mountakhabi yeah, you're completely wrong rofl

    • @gantzerek
      @gantzerek Před 2 lety +7

      @@mountakhabi docekr compose will not take care of for example load balancing

    • @TheEbbemonster
      @TheEbbemonster Před 2 lety

      Just get a managed Kubernetes and you are up and running in a few hours.

    • @mbbxx
      @mbbxx Před 2 lety +62

      If you're a devops engineer... Kubernetes is a must have! As that will come in handy when they ask you to justify your employment

  • @agnostimous2859
    @agnostimous2859 Před rokem +3

    Amazing break down of what I've been looking for for months as a newbie. Thanks for simplifyng things in a condensed way 😉

  • @unthinkme1313
    @unthinkme1313 Před 2 lety +3

    Your videos are so awesome! I had literally come to the conclusion of the vue-fire stack TODAY, in my quest for elegant simplicity. Was unaware of petite, but will probably stick with the more complicated vue.

  • @FlorianEagox
    @FlorianEagox Před 2 lety +1033

    "It's impossible to make CSS look good on its own, so we're going to bring in Tailwind"
    i'm crying

    • @Nightflash28
      @Nightflash28 Před 2 lety +52

      I actually really love tailwind...

    • @tarangpatil6952
      @tarangpatil6952 Před 2 lety +13

      Don't cry! 🫂

    • @adamolsey6683
      @adamolsey6683 Před 2 lety +35

      @@tarangpatil6952 but that html tho....

    • @msgesus4518
      @msgesus4518 Před 2 lety +39

      Tailwind seems like a good option for developers who don't write CSS. For me it seems like a bad pattern unless used for smaller projects.

    • @FlorianEagox
      @FlorianEagox Před 2 lety +36

      @@msgesus4518 that's literally the exact same line we've been using with bootstrap for a decade, but people act like this is different

  • @captainlennyjapan27
    @captainlennyjapan27 Před 2 lety +527

    "AWS for the most complicated user experience' LOL

    • @SeraphicRav
      @SeraphicRav Před 2 lety +10

      So true lol

    • @DEVDerr
      @DEVDerr Před 2 lety +12

      jesus, that was the most true sentence I've heard in a while

    • @Trellyy809
      @Trellyy809 Před 2 lety +3

      You can make a whole damn course for just navigating AWS

  • @dk14929
    @dk14929 Před 10 měsíci +27

    I usually don't like to watch much web dev stuff on CZcams because i find its often filled with way too much hype and over engineering, basically everything you demonstrated in this video
    Your videos are a breath of fresh air!

  • @Goteks97
    @Goteks97 Před 2 lety +19

    I have to say, one of the most useful videos I've ever watched 🔥. As a newbie I feel a lot less overwhelmed 😀

  • @farlight6044
    @farlight6044 Před 2 lety +490

    Man, the "pick your poison" slide killed me 😂
    You really never disappoint on quality
    Phenomenal content as usual!

  • @lucasilverentand
    @lucasilverentand Před 2 lety +362

    Even though I do this type of stuff all day everyday for like 10 years now. This video made me realize how stupidly insane all these tools and technologies have gotten.

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

    I found this very informative! In my personal experience, if there's more than one person involved with the coding, adding Github + GH Actions for the convenience wouldn't be too much of an extra stretch but you're right if it's just you doing your own thing and don't mind manually handling it.

  • @davidm2.johnston684
    @davidm2.johnston684 Před rokem +1

    This is a great video! Thank you for that :)
    I'm just beginning to learn from my colleagues and from podcasts about all these technologies, and this video brings it all together, in a way that makes sense to me. Thanks again!

  • @iLikeMyOwnPosts
    @iLikeMyOwnPosts Před 2 lety +173

    And for all you young punks out there, the OG stack LAMP is STILL runnin' the block!

  • @eoussama
    @eoussama Před 2 lety +380

    I've lived my professional life from the beginning to now dumping unfinished side projects left and right, but it hasn't clicked for me until I read the title of this video why do I tend to do that, it's over engineering and overall planning. A todo app build on a 10 layer stack will not change the world, I should plan just the right amount and save more energy for actually realizing the project and completing it.

    • @SansidarUploads
      @SansidarUploads Před 2 lety +27

      I think the modern tech industry really has a problem with overengineering in general. It's like if you really ask them why they chose to use a certain uneccesary framework, most of them would say "Because that other company uses it" or "I have to to be a good developer" if they're honest. Like do you really need a complicated state management framework just to hide and show certain components? No, you absolutely do not.

    • @dealloc
      @dealloc Před 2 lety +12

      @@SansidarUploads > do you really need a complicated state management framework just to hide and show certain components
      If hiding the component is based on some non-trivial user interactions and state coordination, then yes.
      Hiding a component could be as simple as a toggle-which wouldn't require a full-fledged state management library-to a complex decision-tree based on authentication, authorization, feature flags and other metrics.
      Trying to model that with internal state will make it a lot more complicated and harder to maintain, than using a well-defined finite state machine, for example. And that's not to mention handling any side-effects such as I/O and networking with graceful error handling, fallbacks and other edge-cases, so your app doesn't break underneath the user's feet.
      When you build a side-project or proof-of-concept, these things don't matter as much and you can get away with not caring about these edge cases. But for full-fledged products with multiple paying users this is not something you can just hand-wave away without creating a terrible experience for the user.

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

      That's what bootstrapping is. Start ups need a proof of concept before you invest too much time into it. Shortcuts like css frameworks to firebase/cloud functions are great for that. Honestly you just need to match the stack with the complexity of the project, i love typescript, but for a super small app im probably just wasting time using it. I think overengineering is a problem, but so is under engineering too. Also these services will add up, especially when the app starts to scale. It's probably cheaper to have your own infrastructure once you get to a certain point.

    • @101Crock
      @101Crock Před 2 lety +8

      This is why I tent to go through the whole software development lifecycle for my side projects.
      First define the problem statement.
      Then write a short requirements document for the project.
      Then architect the major parts of the code.
      Once that’s done, coding should largely come easily, just stick with a blueprint you have, you can always add more it after this first draft is done.

  • @rdean150
    @rdean150 Před 2 lety +69

    Manual deployment may work for small applications built by just a handful of engineers. But as soon as you have multiple teams building upon code that was written by other people, and all of it must play nicely together, and you have an active user base that you dont want to risk disrupting with outages, the packaging and deployment processes get more complex and more critical. And frankly, they become a lot more of a pain in the ass, and can require more developer time being spent going through the motions. And that time is expensive.

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

    The end of "Just throw all that out, it doesn't matter" was the best.

  • @MobiusCoin
    @MobiusCoin Před 2 lety +113

    "now it's time to switch gears to the hard part, the back end" ouch, my poor fragile front end heart

  • @wforbes87
    @wforbes87 Před 2 lety +295

    mevn can be rearranged to venm and all of a sudden it's the coolest stack acronym. throw in something that starts with an O and you have the full effect. VENOM

    • @karmanyaahm
      @karmanyaahm Před 2 lety +10

      Not a tool necessarily but object oriented?

    • @B00Mnation
      @B00Mnation Před 2 lety +27

      Or Venmo lol

    • @JamesLuterek
      @JamesLuterek Před 2 lety +23

      It's also a more logical order. Front-end to back-end (Vue, Express, Node, Mongo). Putting Vue between Express and Node makes no sense, MEAN only did that so it would sound cool.

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

      @@JamesLuterek exactly!

    • @3dninja54
      @3dninja54 Před 2 lety +25

      How about we use Postgres, React, and Node instead?

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

    thank u!!! im graduating with a cs degree and i cant believe nobody has ever explained what each of these stack does. this is the first video ive seen that actually differentiates them!!!

  • @ECBSJ
    @ECBSJ Před rokem

    This was amazingly educational for any new web dev to see the whole picture. Thank you!

  • @aogposton
    @aogposton Před 2 lety +140

    Me for 9 mins: "Damn, I must be trash."
    Also me: "THEEEEERRRREEEEE you go"

  • @sajjanrajvaidya
    @sajjanrajvaidya Před 2 lety +1946

    The stack might be petite fire but this video is mega fire! 🔥

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

      So you are tech guy?

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

      @@sujittamang4734 lol Do you have any idea what did you saw in this video and what are you saying? amateurs

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

      @@sujittamang4734 No, this absolutely IS engineering. Ask me how many convolutional neural networks I had to write since I joined the workforce. You need to learn to separate software engineering and computer science as concepts.

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

      Yo kun line ma aaipugnu vo bro? 😂

    • @jagdishkumar6382
      @jagdishkumar6382 Před 2 lety

      @@CodingLabs g

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

    First introduce popular tech landscape, then simplify it down to what should be focused by the beginners. Great content! 👍

  • @bsha100
    @bsha100 Před 2 lety +18

    Lol, this is awesome. You literally listed every 'hey let's add every bit of bullshit into this, to make it impossible to debug' new technology that I've ever hated to have to deploy on a site. Literally wish you were in every meeting I've had to sit through with devs who can't figure out the shiny new tech that they wanted to add in so they don't have to write the 12 lines of code that would have saved the 3 hours it took just to get the environment setup, so that they could be confused by the syntax.

  • @roulzhq
    @roulzhq Před 2 lety +1992

    Over-engineering a website? Write the frontend in WASM without using the DOM, the backend in C because performance, duh, and create your own shitty database because you don't like any.

    • @necaton
      @necaton Před 2 lety +491

      or dont use any database at all and save everything in a textfile

    • @_Yaroslav
      @_Yaroslav Před 2 lety +239

      And encrypt everything with your own cypher)

    • @nhat4359
      @nhat4359 Před 2 lety +211

      Tired of big bad company ripping you off? Build a shitty datacenter and host your own servers instead

    • @willinton06
      @willinton06 Před 2 lety +109

      @@necaton I just send random guids to the user instead of the data they requested and hope they figure it out

    • @brianevans4
      @brianevans4 Před 2 lety +114

      The C compiler writes worse assembly than the best humans, so rather just code your server in pure assembly.
      Also, same goes for wasm compiler, so just write wasm bytecode by hand. (If you want good perf)

  • @hiwayshoes
    @hiwayshoes Před 2 lety +689

    Jeff, in under 12 minutes, you’ve eliminated 200 thousand Million BILLION tech careers…. good going, dear 😂👍 … all the best to you, Cheers!

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

    As someone with non IT background and into business analyst, it gives a very good bird's-eye view and context to the whole orchestral

  • @ExpensivePizza
    @ExpensivePizza Před 2 lety +10

    As a coder for 20+ years this hits hard 😅I hurts to know how many of these frameworks I've used and still use in the tech stacks I work with daily.

  • @ehsanmohammadi5371
    @ehsanmohammadi5371 Před 2 lety +1085

    You are a genuine out-of-the-box thinker. Your videos are short yet densely packed with information, both technically and philosophically. Fireship is like a breath of fresh air. Awesome!

    • @KBS_ar
      @KBS_ar Před rokem

      No code is the future.

    • @KBS_ar
      @KBS_ar Před rokem +2

      @光宗耀祖啊
      No code is where you drag and drop to create an app or a website.
      Today, coders copy-paste 99% of their codes.

    • @maksimkonovalov5662
      @maksimkonovalov5662 Před rokem +11

      @@KBS_ar so, optimisation is nothing to you?

    • @seanb6636
      @seanb6636 Před rokem +2

      @@maksimkonovalov5662 nor is it to most "programmers" touting react in their "tech stack" (cope stack). Tbh no code could be more efficient than most of the bullshit your average web dev writes for the vast majority of cases.

    • @jimmybean2509
      @jimmybean2509 Před rokem +5

      @@seanb6636 no code? how would that even work? having some block ui drag and drop shit that compiles straight into binary? because otherwise, theres gonna be some code in the middle of that

  • @tharunrajoptimus5229
    @tharunrajoptimus5229 Před 2 lety +108

    9:00 AWS deep learning dk detection capabilities. Awesome
    Nice one Jeff

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

    I love that his humor is so subtle. Like he says the thing and it takes you a second to realize he was trolling, and yet, it' also always true

  • @backslash057
    @backslash057 Před 16 dny

    This guy is a genius.
    i thought about leaving the video several times because it was becoming too complicated just to memorize the concepts.
    The last part is perfect.

  • @TheDogn
    @TheDogn Před 2 lety +162

    This is a great video. I reached a point where i was starting to feel out of my depth with with inane amount of information i was swimming in, but it was great because it felt like you were illustrating what its like to be an overwhelmed developer, not just reminding me about how little i know.

  • @reyco1
    @reyco1 Před 2 lety +536

    This is by far one of the best videos I have ever seen stating exactly what NOT to do lol. Overengineering is a wormhole I fell into many times in my early days as a developer. Luckily, I just use K.I.S.S. now... Not necessarily a webstack rather than a frame of mind. "Keep It Simple, Supid" :-)

  • @MrBlaDiBla68
    @MrBlaDiBla68 Před 9 dny

    Excellent vid. The tech stack described in the first part is almost identical to some projects in my company. The last part is food for thought...

  • @ariyoayodejiifeoluwa65

    You made it so easy and straight forward. Thanks for this

  • @zachgoll
    @zachgoll Před 2 lety +217

    This video is the perfect mix of good information and top notch trolling at the same time. Love it.

    • @BojanTheGamer
      @BojanTheGamer Před rokem

      Loved your frontend course on freeCodeCamp man!

    • @Turnpost2552
      @Turnpost2552 Před 11 měsíci +1

      He should really stop the trolling because I cant tell when he is being serious.
      Why do develooers on youtubers always do this sarcastic humour with most vital pieces of information.
      I think it comes from a sens needing that vanity and applause that I am smarter than you vibe.

    • @fhilliso8538
      @fhilliso8538 Před 10 měsíci +1

      @@Turnpost2552 lol

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

      @@Turnpost2552 That kind of sounds like a "you" problem, bud. His trolling is pretty evident.

  • @nathansodja
    @nathansodja Před 2 lety +142

    Imagine being required to know all this to start an entry level position

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

      Exactly!

    • @liorberman7240
      @liorberman7240 Před 2 lety +46

      Well, that's actually really not far from reality.

    • @OzzyTheGiant
      @OzzyTheGiant Před 2 lety +10

      That's not an entry level position, that's an entire IT/Software Dev department

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

      you dont need to imagine... this is sad

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

      @@OzzyTheGiant no it's JUNIOR requirements in some companies. I think if somebody knows everything mentioned there he must be invaluable

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

    You wouldn't believe the catharsis I felt when the music started playing and he started showing how to do this more simply. I felt so relieved knowing that I wasn't stupid for not knowing every single thing in the over-engineered stack.

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

    Thanks a lot for making this. It's really cool to finally understand what all these technologies do since I've heard about Tailwind forever and never knew what it did.

  • @rumplstiltztinkerstein
    @rumplstiltztinkerstein Před 2 lety +393

    nothing like learning in 10 minutes more content than an entire university semester

    • @bryangomez5951
      @bryangomez5951 Před 2 lety +10

      If you are going to go to bad universities, maybe don't do it in the first place.

    • @rumplstiltztinkerstein
      @rumplstiltztinkerstein Před 2 lety +21

      @@bryangomez5951 I'm just doing for the degree so I can start a masters' in another country

    • @belindakaut6212
      @belindakaut6212 Před 2 lety +16

      @@bryangomez5951 it's a joke bruv don't take things too literally

    • @vitor.torino
      @vitor.torino Před 2 lety +31

      @@bryangomez5951 you guys been learning tech things in university ?

    • @JonathanAdami
      @JonathanAdami Před 2 lety +23

      nothing like thinking that the absolute first layer of the surface of anything is "learning"

  • @ageneralstateofchaos
    @ageneralstateofchaos Před 2 lety +317

    I've been studying this stuff for two years, and this video and your JS framework comparison video are so succinct, they represent months worth of learning compiled into 10 minutes. Amazing. Thank you for this content.

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

    This video is my motivation. Everytime I feel overwhelmed by tech I just watch it to feel better.

  • @sozno4222
    @sozno4222 Před 4 měsíci +4

    No video has ever discouraged me more about writing an application 😂

  • @BeccaYetiammo
    @BeccaYetiammo Před 2 lety +135

    I just moved to a new company since a month ago, and most of these are the ones I’m about to delve into. To give you credit also, I found myself answering the questions during my technical interview quite well all thanks to your videos. So thank you very much!

  • @RobertLeeuwerink
    @RobertLeeuwerink Před 2 lety +78

    Nice one jeff, sometimes we do forget how much overhead we add with all these stacks! When all we need are some html pages with info... cheers

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

      All that tech bubble money needs to go anywhere

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

    The last part of the video was pure joy, with just Firebase and React I was able to deliver a web and mobile app for a client in no time, for the record before that the tech stack looked pretty similar to the start of the video it was freaking overwhelming, the lesson here is tech stack should be chosen after business needs are well understood

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

    I love how complicated this is. Thank you 👍

  • @cucucucucumber
    @cucucucucumber Před 2 lety +86

    "Why he doesn't use firebase, why?!"
    5 minute later...
    "Oh, that's why"

  • @srivatsajoshi4028
    @srivatsajoshi4028 Před 2 lety +60

    I actually laughed out loud at amazon's machine learning dic pic detection. You're awesome

  • @shivamchaudhary7486
    @shivamchaudhary7486 Před rokem

    this video blew my mind away, I am amazed by the creator's originality, concept, and dialogues. How can a person like that exist? I would pay to have a conversation with you for 10 minutes.

  • @kartoffeltroels
    @kartoffeltroels Před rokem +1

    Thank you for your high quality material! ❤

  • @roko567
    @roko567 Před 2 lety +77

    The thing is, every hobby project I do is mostly to learn something and display it on my portfolio so I can sell myself for a better price. A lot of companies specifically require certain skills, and that's for a reason.

  • @usufdev
    @usufdev Před 2 lety +118

    I work at one of the big tech companies, so the thing explained, over Engineering a website, is basically the same as what we do in big companies! I love your content and it is amazing.

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

      waterhead as usual, big institutes, government, companies, religions ... there is a too much and it happens even faster since there are CEOs and not entrepreneurs leading companies

    • @coscorrodrift
      @coscorrodrift Před 2 lety +28

      i mean once you're in big tech, it's no longer overengineering, it's just engineering lol

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

      @@coscorrodrift Yeah you are right...

  • @aleksd286
    @aleksd286 Před rokem +15

    I usually go for:
    NextJs for Frontend (with ts, tailwindcss etc)
    FeathersJs (NodeJs framework) - REST, sockets out of the box, building endpoints within seconds
    MongoDb

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

      Another new and shinny thing with so much hype! 🤦

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

      Next + TS is solid

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

      I’m almost the same but I use express

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

    I'm a beginner at coding, and this REALLY opened my eyes. Thank you!

  • @akam9919
    @akam9919 Před 2 lety +60

    "Imagine we're building the next myspace."-Fireship, 2021

  • @augusto256
    @augusto256 Před 2 lety +41

    This is the most concise explanation of tech stack ever.

  • @Nadia-18
    @Nadia-18 Před 2 lety +15

    please put english auto generated subtitles, I need that as a deaf software engineer ❤️ thank you so much for all the great videos you’ve made since !

    • @Locus616
      @Locus616 Před 9 dny

      may Allah bless you♥

  • @galenhughes
    @galenhughes Před 2 lety

    Man I love these videos - can't believe it took me so long to find them

  • @Nikhilsharma-dp9tw
    @Nikhilsharma-dp9tw Před 2 lety +36

    9:20 I've seen this stack before, it's on skills required section of Full stack role 😂

  • @Akshay-dn7ni
    @Akshay-dn7ni Před 2 lety +49

    these types of videos are needed bcz in college we learn just to code , data structures/algos etc but when we enter tech world we cannot figure out whats going on .

  • @FranciscoPerezCambur
    @FranciscoPerezCambur Před 2 lety

    I like all your videos a lot. You have a gift. I watch videos all day and this is something else. Next level. Kind of feel bad for the other channels.

  • @ioanamentor
    @ioanamentor Před rokem

    Wow i had a headache until you came out with the best solution ever! Thank you for what you created.

  • @juniper_b0nsai245
    @juniper_b0nsai245 Před 2 lety +28

    This is such an incredibly useful and well-produced video. I can say that about all of your content, but while watching this I am reminded of how terribly grateful I am that this channel exists. Thanks a million!

  • @darkwoodmovies
    @darkwoodmovies Před 2 lety +822

    First of all, this is an amazing overview. It's the most confusing thing, even for someone who works in the space.
    Secondly, this is the most over-complicated tech stack I've ever seen lol. Web development has become Frankenstein's monster.

    • @latestcoder
      @latestcoder Před 2 lety +44

      Is kind of normal for many ppl

    • @cristiangomes6101
      @cristiangomes6101 Před 2 lety +19

      @@latestcoder this. it's kind of standard

    • @nathanwang3657
      @nathanwang3657 Před 2 lety +13

      What a lot of unnecessary complexity.

    • @LucyPLM
      @LucyPLM Před 2 lety +45

      @@nathanwang3657 its not... unfortunatelly its not... When things scale fast or you get a big project that has been working for 10+ years, all of those becomes a total necesity

    • @Mr_Yeah
      @Mr_Yeah Před 2 lety +3

      @@LucyPLM Yeah, but you can add a lot of stuff at a later time when the project demands them.

  • @user-ek7lj2hz8k
    @user-ek7lj2hz8k Před 8 měsíci

    Last part is a must watch. Last part is a must watch.

  • @AmrithNayak
    @AmrithNayak Před rokem

    You're killing it, @Fireship! Great videos

  • @RahulsYTC
    @RahulsYTC Před 2 lety +11

    The most humble representation of tech-stack on the internet! Kudos mate. 👏🏽
    Companies these days will go out on a limb to adopt some of those unnecessary "latest and greatest" technologies just because the biggies prefer them and then end up with a caricature of a product! 🤦🏽‍♂️

  • @ToddDunning
    @ToddDunning Před 2 lety +31

    Having done my first website in 1996, it is amazing how history repeats itself. Somebody comes up with an idea for simplification, then it is “contributed” to and eventually dies from obesity. We are doing websites ( sorry, “apps” lol ) the exact same way we were a quarter century ago, just with multiple layer upon layer of sludge on top to wade through. Well, we all have to make a buck.

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

      Isn't it possible to close outside contributions on an open source project ?
      Just make the changes you think you need & let others worry about their features.

  • @royoru3173
    @royoru3173 Před 2 lety

    A must watch especially the api part very important . And the last part is just cherry on top

  • @projekt95
    @projekt95 Před 3 měsíci +2

    A wise man once said that if your API is slow due to slow database queries, you don't need a Redis cache, you need someone to fix your crappy queries.

  • @ninjaasmoke
    @ninjaasmoke Před 2 lety +118

    "Let's go with AWS to give us the most complicated user experience"
    I can't 😭🤣🤣🤣
    Seriously tho, this is the best teaching strategy. Sass + humour + knowledge

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

    i have been looking for a breakdown like this for sooo long! As a junior dev I'm so perplexed at how do decide on tech, knowing what a project actually requires etc. this is SO helpful! thanks

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

    this channel is slowly becoming my fav tech channel out here.🤣🤣

  • @bryan.canelas
    @bryan.canelas Před 2 lety

    🔥I love this video! it shows how thing has been completing over the last 10 years. Besides, a bunch of new roles has been creating for each step of the nuddle. Somehow, Things are easier now!!

  • @fahimfarque
    @fahimfarque Před 2 lety +177

    Lmao, builds the titanic then sinks it. As a dev, it is easy to over-engineer a site and forget that the user experience is number one. We should always optimize for user experience.

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

      Optimizing for user experience is why we over-engineer

    • @SweatySockGaming
      @SweatySockGaming Před 2 lety

      @@StevenAkinyemi exactly the website is gonna be slow or go down or hard to maintain or deliver at scale if we dont overengineer. But there’s a time to overengineer and thats when you have a million users

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

      @@SweatySockGaming I have been wondering this for a while but don't the majority of devs work on internal business apps for small / medium businesses? If you aren't working at Google why do they worry so much about scale? They *might* have 1000's of users. Maybe

  • @joelcool1027
    @joelcool1027 Před 2 lety +10

    LOVE this video! I think some programmers and companies forget the end goal is just to solve a problem. No need for the over engineering

  • @theamazingsolt
    @theamazingsolt Před rokem

    Bro WHY DOES THE BEAT DROP in the end??? Epic vid 🤠

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

    It kept me on the edge of my seat, loved the thrilling conclusion.

  • @verdurakh
    @verdurakh Před 2 lety +17

    Thank you for the ending, so many developers I've talked with have this amazing idea of their full tech stack even before they have a single line of html and they will never ship anything since it takes too much time and effort to get all requirements working before you even have a html site up and running -_-

  • @FaisalAfroz
    @FaisalAfroz Před 2 lety +65

    Even if a person knows all these stacks interviewer won't ask these instead they would ask design patterns/principle or data structures .

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

      leetcode ftw

    • @michaelnurse9089
      @michaelnurse9089 Před 2 lety +12

      If you know dp/ds they switch to asking hypothetical math questions. Once employed your job is making coffee - they really should just check if you make good coffee.

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

      @@michaelnurse9089 Making coffee 😅

    • @AntoineJacques
      @AntoineJacques Před 2 lety

      @@michaelnurse9089 I've heard this a lot as a beginner and I'm worried i have yo use a lot of time leetcoding

  • @Benjamin-ns8ct
    @Benjamin-ns8ct Před 10 měsíci

    Great video! I loved the big double-cross at the end!

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

    this really helped conceptualize things and make what seemed very daunting, only kinda daunting. thanks for your vids