The Best Tech Stack for Web Developers

Подписаться 23 тыс.

Просмотров 70 тыс.

50% 1

When I first started learning web dev, I was completely lost with all the frameworks and tech stacks - I wish someone just told me what to learn. In this video, I do just that - I go over the best tech stack (and frameworks) to learn for web development. We discuss the pros and cons of frontend, backend, and database technologies like Vue, React, GraphQL, Flask, Node, Django, GoLang, MongoDB, and everything in between.
The best full-stack framework to learn is the MERN stack: Mongo, Express, React, and Node.
🐦 Twitter - / suboptimaleng
💻 GitHub - github.com/SuboptimalEng
🌎 Website - suboptimaleng.com
== [ Timestamps ] ==
00:00 Intro
01:14 Overview
02:07 Who should watch this video?
02:59 Metrics for Choosing a Framework
04:16 What is Full Stack Web Dev?
06:31 Popular Frontend Frameworks
08:35 Best Frontend
09:57 Popular Backend Frameworks
10:41 Best Backend
13:14 Popular Databases
14:29 Best Database
16:17 MERN Tech Stack
17:15 Fin
== [ Tags ] ==
#suboptimal #webdev #mern

Наука

Опубликовано:

29 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 124

@tarsierontherun 2 года назад

I love the bravery of actually telling us what you think are the best tools.

@SuboptimalEng 2 года назад

This is still the best tech stack for getting started (in my opinion)!

@testpark5647 3 года назад

Dude, your channel is going to grow 100x. Persist! I like your channel.

@ilyabykov2437 Год назад

Thank you so much for emphasizing simplicity!

@SuboptimalEng Год назад

Thanks Ilya!

@zar9017 3 года назад

Thank you so much, this is super useful :D

@greendust4095 Год назад

OMG. Finally an explanation I can understand easily. Thank g.

@sirtobias 2 года назад

This was such a helpful video thank you

@sul-dev 2 месяца назад

Thank you so much. Really helpful!!

@nishantshrinetra6095 Год назад

you are hero sir! Thank you for the hard work

@hackersaqib786 Год назад

Bro thank you so much , I was really really nervous which on to choose for full-stack but fortunately , i have clicked ur video Thank Thanks A lotttttt brooo

@azncowman 3 года назад

Amazing, thank you!

@Daisika 2 года назад

Thanks. Great video!

@krishshanbhag3225 2 года назад

Great video dude

@lowkeygaming4716 2 года назад

I started as a Python dev so when it comes to speed of development Flask is my first choice. Vue for frontend because React has a steeper learning curve to achieve something you can do with Vuejs . For backend I prefer SQL. The data validation and required structure it offers will make sure that you will less likely get a messy dataset in the long run

@SuboptimalEng 2 года назад

I think you made very reasonable decisions in picking your tech stack. Python + Flask is a really good combo as long as you don't mind learning context switching to JavaScript for the front-end.

@lowkeygaming4716 2 года назад

@@SuboptimalEng Yeah. I personally prefer to be backend dev because I suck in designing so I don't give my full efforts being good in frontend programming. Just to share, I just relearned vuejs few days ago (haven't use it for 2yrs) because I applied for a backend dev position which required me to create a mini web app (front and back) the backend was not a problem for me but got worried with the frontend. Luckily vuejs is so simple that it allows me to relearn all I need in just 1 day that's why I really love Vuejs

@astronemir 2 года назад

@@lowkeygaming4716 What did you use for re-learning VueJS, just the docs?

@lowkeygaming4716 2 года назад

@@astronemir no. I'm more of a visual learner so I watch here in RU-vid. I just searched for vuejs crash course. The one that already includes vuex and vue-router. I watch the latest one from traversy then if there are some difference on the latest version of vue to the tutorial, I look for other tutorials to complement it and check the official docs. I learn faster that way.

@RissaysArt 2 года назад

@@astronemir you can watch the net ninja here on youtube , he provides quality content

@rolandocruz1695 3 года назад

Great and informative video

@MikeTheCeleb 2 года назад

Hey thank you for this video! This really helped and will likely drive my decision with a coding bootcamp. I miraculously may have met my business partner while watching this video. 💯💯

@SuboptimalEng 2 года назад

That’s awesome to hear!

@zionaea3094 2 года назад

Great video !

@jameljacobs4207 Год назад

This was very helpful

@JoaoZati Год назад

I learn Flask, but fast api is growing in popularity, its is also a micro framework, but simple, flexible asynchronous and fast. So my stack right now is React, flask and mongo. But want to try fast api and django and sometimes use postgres

@kool4053 Год назад

Thanks for the video. Could you please also share which mobile app framework is best? And also which cloud platform is best?

@sirvictorwilfred2401 2 года назад

Nice work Dude

@SuboptimalEng 2 года назад

Thanks Victor 😇

@ValentineMasina 2 года назад

One more subscriber. Nice content

@stvlley Год назад

Standing ovation 👏👏👏

@jerichiyo 10 месяцев назад

As a software engineer in a Japanese company, spring boot and ruby on rails are the best backend. I'm sticking with what the enterprise always chooses. Plus I love anime!

@patite3103 Год назад

Could you make a video on the full stack T3. What are your thoughts? Thank you

@akritworanithiphong 2 года назад

Clearly explained :D

@SuboptimalEng 2 года назад

Thanks Akrit!

@seyedmojtabahayatolgheib9853 Месяц назад

Thanks. I'm a Vue.js and Nuxt.js developer but I have a plan to learn React.js and then Node.js

@vusisindane Год назад

Great video. I'm busy re-inventing myself

@user-um7tw6kx4r6 Год назад

thanks it's a good video

@johnnycincocero 3 месяца назад

Liked and subbed.

@abderahmaneaoufi 2 года назад

Thank same thoughts

@andreviniciusbezerradasilv9335 Год назад

Whats the best js frontend + java backend or js frontend + python backend ?

@cryptodev2615 2 года назад

I can't wrap my head around writing nodejs and mongo, and then using that with the react frontend. Is it as if I'm hitting an API? Having to write backend routes and all that gets me 😬

@Rolanditou 2 года назад

React with Tailwindcss and NodeJS, fucking wisdom right there son!

@axyabdulah4230 Год назад

So he did he told a right thing or what

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

I'm surprised that you didn't mentioned PHP with Laravel which is the largest market share in web development. Also development time and scalability is also better than most of the frameworks with Laravel

@kelvinsajere191 2 года назад

That stack is 🔥. However, I feel you can’t actually go wrong either way you decide. It comes down to what you like. I’ve used Vue, React, Tailwind, Vuetify, Bootstrap, AnTDesign, Postgres, MySQL, SQLite interchangeably in different projects, but I’ve only ever worked with Django for the backend even though I also can use rails and laravel. I for one, don’t get why people say using JavaScript for both backend and frontend is better than knowing more than one programming language. If you’ve understood how any programming language works really, it’s easy to pickup another one. Just find what suites you.

@raianmr2843 2 года назад

People who discourage using other languages are generally exclusively JS programmers, and there are tons on them. I'm an absolute beginner when it comes to webdev who hasn't even had a real job yet, and I'm already intermediate level in C++, Python, and JS. Tying your professional identity to a particular technology is like hardcoding a limit to your potential imo

@kelvinsajere191 2 года назад

@@raianmr2843 Yeah, I think understanding how other tech and languages work is really exciting. After this video, I looked into Node backend development with Express and I’ve got to say, it’s really a cool backend tech too. It was relatively easy for me grasp the concepts because i already am used to building APIs and I enjoy it more than the frontend. The Nosql mongodb is a nice shift from my traditional relational SQL databases. I’m already on my second project with Express and I can see myself using a different backend tech for building apps other than Django just because i enjoy working with it, not because I just want to use JS for the front and back.

@Eltopshottah 2 года назад

That’s cool but I’m thinking Angular + Node.js + IDK WTF’n database

@basspalace2920 Год назад

I like Angular, Express JS, and SQLServer.

@usmanAli-hw5xu 11 месяцев назад

I also use mean stack

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

@@usmanAli-hw5xu props brother it’s the best stack

@musubi4563 Год назад

Flask / Node for backend React Front End AWS for server Nginx for load balancing

@vali69 10 месяцев назад

Be a real man, use your own server, get that crapy old pc out of your basement and use it as a server instead.

@dobingify3130 Год назад

New subscriber here. How about AWS DynamoDB? it's 100% free right?? and have more storage than free Atlas Tier.

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

that would be my horror tech stack

@jasonheavner8659 Год назад

I wish I could give you 2 thumbs up! thanks so much!

@SuboptimalEng Год назад

Glad to hear the video helped!

@gabrielbott4659 Год назад

i started out as a javascript dev and now i am both a typescript and python dev. I choose the MERN due to its popularity, now i'm finding out that i love the python web dev ecosystem better and i love writing SQL rather than using an ORM 🤣🤣

@SuboptimalEng Год назад

Raw SQL feels much more natural than using an ORM.

@LearNwithMouLi Год назад

What about the MERN stack does it have the same popularity as why you are continuously changing one to another developer

@gabrielbott4659 Год назад

@@LearNwithMouLi My reason for changing from the MERN is that, there are a lot of backend server frameworks that comes to loaded features, Express is too minimalist same as flask(python web framework). I desire something that doesn’t require me configuring all the time, that’s why i use django and nestjs these days, and i especially love django because of the ability to have multiple apps in one project - Thus limiting the requirement for microservice architecture. Also i decided to train me with the IBM data analyst course, it deepen my knowledge in sql and writing raw queries. So yeah those are my reason for changing, if you’re looking for something that is in demand rn, i’d suggest you learning Go or Rust, these two languages are system languages like c++ and a lot of companies are trying to incorporate them into their backend applications.

@tieso3828 2 года назад

You didn't put php frameworks in the popular backend frameworks. Why ?

@tieso3828 2 года назад

Especially laravel

@SuboptimalEng 2 года назад

@@tieso3828 Unfortunately, I'm not familiar with them. In retrospect, I should've included them.

@aadarshb.k.6883 Год назад

mern is trending on 2023.👍️-Time traveller

@thedigitalceo 2 года назад

React/NextJS/NodeJs/MySQL king

@SuboptimalEng 2 года назад

Don't forget Tailwind CSS

@kostaskoukos3932 2 года назад

What about firebase as a database and/or backend?

@SuboptimalEng 2 года назад

If I remember correctly, Firebase allows you to store data directly from your frontend without the need for a backend. So Firebase can replace Node.js + MongoDB. It can be a good option to start off with Firebase if you are familiar with frontend development, but you should probably (at some point) build a backend with Node.js + MongoDB if you want to see how everything fits together.

@kostaskoukos3932 2 года назад

@@SuboptimalEng thank you, I am quite a beginner in web dev, also an irrelevant question: for an app with Vue that can be also on mobile would you recommend making a PWA, using Ionic or another option

@SuboptimalEng 2 года назад

@@kostaskoukos3932 no problem! Since you are a beginner, I'd suggest taking the path of least resistance - so a mobile friendly web app with Vue.

@UnpluggedPerformance 2 года назад

awesome man! you should make a patreonn account so people can support you

@SuboptimalEng 2 года назад

Will consider this! Maybe after 10k subs or so 👀

@noobzaebot 2 года назад

Your explanation abaout Angular is very inaccurate. Angular has the latest version which is Angular 2+. It has been reinvented and completely is different from angular1. though performance wise is not as good as react, code organization is cleaner and features are all out of the box.

@jboss1073 10 месяцев назад

" It has been reinvented and completely is different from angular1. " Then it's not "Angular" anymore and they're just coasting on the name.

@transforgoku Год назад

I'll stick with my good ol' LAMP stack.

@ernest1428 Год назад

The hype stack 😂

@lovetocode9266 2 года назад

One more subscriber added

@user-dz6il2bx5p70 Год назад

When i first started with web development i was lost with all the technologies, now years later it's even worse.

@SuboptimalEng Год назад

How can you find the perfect tech stack, if you were never lost? - Sun Tzu, Art of Code (probably)

@tommaso8517 4 месяца назад

What about Laravel for backend?

@SuboptimalEng 4 месяца назад

I never used Laravel so I’m not sure.

@tommaso8517 4 месяца назад

@@SuboptimalEng I know it's used with PHP but yea maybe it's not the easiest thing to learn

@pratiksoni5092 2 года назад

What about php / laraval and mysql

@SuboptimalEng 2 года назад

I am not familiar with php or laraval.

@yourib352 2 года назад

@@SuboptimalEng how can you create a video on what is the best tech stack to leatn if you're not familiar with one of the biggest frameworks that exist?

@funnynews341 Год назад

this is not 2022 tech stack for web, this is 2012 tech stack for web. if you want to go backwards, listen to him. If you want web stack from 2022 and beyond, learn this tech stack: BE: actix ; FE: Svelte ; DB: Postgresql

@wickedcode6338 Год назад

That's more like 2032

@mr_don_key 2 года назад

welcome to the JS sponsored video :)

@SuboptimalEng 2 года назад

😂

@nujmositech4432 2 года назад

Angular is old? You're referring to angularJS hopefully, secondly ReactJS is not a framework, its a library

@testecleyt7147 2 года назад

This man gave me a clear answer and gave his opinions, and justifications that make sense, what about you? who are you to judge others?

@nujmositech4432 2 года назад

@@testecleyt7147 how is this judging? I was just correcting a statement he made about a popular technology. If I'm wrong then prove me wrong.

@Isaac-eh6uu 2 года назад

He also called Next JS a library isn't it a framework?

@pcaso 2 года назад

Angular is for enterprise. React and Vue will struggle for that level . Good for startimg though

@imerence6290 2 года назад

React holds fine in large scale application if that's what you mean. Dont know about vue.

@anshXR 2 года назад

Most large companies use react as frontend framework. You can check the tech stack. Idk what u r taking about

@badakh301 2 года назад

wheres springboot java

@jboss1073 10 месяцев назад

You're a victim of marketing.

@Balu-abcdef 2 года назад

Java ?

@SuboptimalEng 2 года назад

What about it?

@consensualcode9750 2 года назад

@@SuboptimalEng shots fired lol

@nicolaichristensen6531 Год назад

MongoDb is in no way the best db, by far the worst on the list and fixes the least amount of problems that you might face.

@danilsyah4108 2 года назад

what about php / laravel ?

@SuboptimalEng 2 года назад

Never worked with them 🤷🏾‍♂️

@chrisgaber1929 2 года назад

comment

@SuboptimalEng 2 года назад

@aniary8 2 года назад

What about firebase or aws amplify for backend?!

@SuboptimalEng 2 года назад

Those tools automate your backend so using them wouldn’t give you the skills to be a full stack developer. It’s perfectly fine to use them if you are interested in frontend development!

@EzequielRegaldo Год назад

Discord switched from go to rust :P

@cheezeworm Год назад

i can see you are very underinformed about tech stacks

@shadowzyxi758 Год назад

10:17 no Spring-boot? bullshit

@cockapockets 2 года назад

that’s not a good reason to learn react ! Just because it’s popular doesn’t mean it’s good ! that’s just sheep flocking ! pick the best tool for job not because it’s popular! Personally I wouldn’t use anything built by Facebook!

@jboss1073 10 месяцев назад

Exactly.