Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). My Professional React & Next.js course is OUT NOW! Find it here: bytegrad.com/courses/professional-react-nextjs -- this is the #1 resource to master the latest React & Next.js + ecosystem, my absolute best work.
Very comprehensive landscape of the Linux model of web development, but really, it just highlights the problem with that model. Namely, unmanaged runaway development. This only appeals to idiots who think it guarantees job security. Think again. Making a career out of this model is impossible not because everything is forever changing (it is) but because it follows the market, not the science. Once the science is robust the market needs to change it. Everyone is simply competing for sales of their latest idea. The one thing that does never change (and should) is the attitude that the Linux hosted Frankenstein web development platform model nightmare is a good thing. It isn't. Its very very bad. So in spite of all the shortcomings of the perpetually half baked Microsoft Windows hosted web development platform model, it is a fully integrated model. That makes it considerably cheaper in the long term for enterprise scale development not just because it's easier for both experienced and inexperienced developers to acquire the latest (Microsoft) skill set, but because there are also way more of them. And BTW, they are a lot happier people too.
I have 10 years experience with front-end, mainly Angular. I have been unemployed for 9 months. In this time I have learnt React, Next, Nest and a slew of other stuff. In all, I have taken a look at 85% of this and worked heavily with 65% of it. And yet, I remain unemployed. I don't think it matters what you learn, unless it's on the job.
Sydney market. 100+ applicants for many jobs. Very few angular jobs advertised. I have started getting React interviews but muscle memory isn't great for tech tests. When it comes to years of React experience, I answer less than 1 year commercially, despite my broad web frontend / SPA / Agile / typescript etc experience. I'd have to lie about commercial React. I'm 54 years old with a solid CV. I wonder how much is about me, the market, and on-paper experience. I'm a pretty good dev, playing with lots of ideas and tech, busting with motivation, but probs have to sell up and change career, at least for a while. Was selective for a while but no longer nor is salary an issue. Thanks for asking
here's a tip: focus on React and don't give a f*ck about Next, Typescript, or whatever the future tech it shows you (unless you're a prodigy) Then only cares about it after (1.5-2 years of exp)
Pick something and learn it well. Pick something you'll dedicate yourself to because it interests you and stick with it. Build many different things-- clone software you like, build scripts and tools to automate tasks, look at stack overflow and github issues--constantly read, interact with the community and try your hand at hackathons/open source. If you master the foundations and principles, then you'll be able to master whatever flavor of the month comes up and pivot to match the market if you want/need to. This video is good for someone that's new looking for a decent roadmap or for someone that's experienced and wants to pivot. If you've been learning something and watch this, it's not worth it to change just because someone says it's popular.... Learn and master a language or a basic stack (and you'll come to find out you need to know a little bit about a bunch of related things, too) and let that experience transfer with you as you expand onto new things.
I love the way you're explaining difficult concepts in an easy and understandable ways, explaining the core of them not forgetting about advantages and disadvantages. That's why I've bought your React+Next.js course, I'm not a newbee in React, but some concepts are still needed to be improved, so that's why I chose you! :) Good luck with your chanel, I'm a big fan of it! ❤
FOR JUNIOR DEVS: Do not learn new stuff all tthe time. Focus on something. React + Node backed? Good. Next? Good. Prisma? Good. SQL? Good. Just pick, focus and stop being biased by videos like this. Don't believe in miniatures like this video has - this is not true. New stuff will arrive each month ut this does not mean that you need to drop everything and run for a new.
totally false. we are gen z. we are young and we push for innovations. We will become managers. So we must stay up to date. Only boomerz like you want to defend the status quo but you can't stop us. we are the future of development and our salary is a fraction of yours so we are more competitive
I'm already comfortable with React JS and Node JS combination for front and back end, plus bootstrap for responsive UI, do I really need to learn Next JS? For mobile apps, I will default to Flutter. For Database, I work with Postgres or Firebase.
It weirdly seems the Roadmap tailor made exactly for me at exactly the time I needed it....thanks man....and thanks universe for conspiring for my success
To all juniors, learn how to solve problems with JS, CSS and html. Build cool stuff no matter which stack you choose. All framework it's just a plus, will learn them really fast once you get a job. They will not even ask you if you can do, they will believe in you. Plus you don't use so much of your knowledge at work, sometimes hard project will come and you will learn a lot but that's a rare case. Make a fun portfolio and host your own project. Next js is pain in the ass to host it or really expensive, you can use a vps but that's more money that you can always afford. but it's a overall good video. Finish it and straight rush into building something and that's it
As someone who's been struggling with imposter syndrome during my learning it felt good to say to myself " hey I actually already know most of that" (or at least the basics).
backend developer for the last 7 years (Spring) with some front end experience from college that's quite rusty. looking to up my skills. your video here was well worth the 25 min watch. will be checking out your course possibly.
Thanks for this. I used to do LAMP based web dev with Perl. I even used Zope for a time. More recently I’ve used research stacks like R Shiny but have been looking for more general tools. While it’s been a while, your vid brought me up to speed that I’m ready to make some key decisions about how to approach an upcoming project. It also helps me better understand some of the decisions my Web dev team has recently made - not all of them are good!
@@HolidayInGuantanamo yea I know, right? I actually liked it and it worked well for my department web site. The ZODB / backend database could flake out now and then but overall, Zope solved a problem with convenient accommodation for dynamic content.
Web deving will hit a huge high in allowing people to characterize their own artistic talent and styling intricacies, giving a new era of lifeless AI a bit of hope for us mere mortals competing with machines.
Well then you can expect " Next JS ❌" "Ups JXS ✅" The naked truth is that, every second new and newer framework and libraries pop somewhere around our mighty Earth !
Nice list. The only thing not mentioned was testing that would be worthwhile to know (Cypress, Playwright, React Test Library, Jest, etc), but other than that I feel like your were spot on.
just came to say, that tell me when JavaScript developers learn to keep the things simple, and stop changing the framework, or the way you write your JavaScript, at backend we have been using the same frameworks over years
lol i'm a backend guy looking to up my skills in front end and it's true. seems like front-end is always shifting with "what's most popular" being what's "important" but javascript, html, css always come back as the core that they just keep morphing around. that said i am happy to see some (react, angular) starting to settle and grow more tenure.
Front-end hasn't changed. If you want to do things the way people did in the 2000s you can, using vanilla HTML, CSS and JavaScript. However, if you want the new, more performant, more capable technology you will have to learn and adapt to it. Though I understand a backend language such as Python makes things easier as new technology is built on top of it as packages/modules and not an entire framework, however, the Python of today is very different from the Python of the 2000s as well.
Thank you for that. I never understood when to use next.js and when to setup a separate backend with express. Became pretty clear now. If you want any kind of feedback: don’t tell people they might earn 10k a month. It all depends on overall economy. And times are getting tougher. Your courses are great. Thank you for that. But learning software development is only one step on the way to become financially successful. Stay authentic. That‘s what makes your courses great stuff. ❤
The booking api, every flight is a json with around 500 lines of information, probably more, so typescript is mandatory so you can use all the type definitions.. imagine moving so much data without autocomplete... . I say booking but not exactly them, I have worked with another similar api.
Hello Wesley Great content I just started coding 2 weeks now I am studying to become a Front end developer first, get a job, then study to become full stack. I am happy to come across your channel
I’m team Kotlin with Ktor for backend, and actually use it for apps and frontend too. Kotlin is the new JavaScript, you can use it everywhere since it’s Multiplatform (even compiles to JavaScript)
I guess the question is, why should anybody make the development so much painful when by choosing a LIBRARY that doesn't even have the most simplest expected things for developing an application, and then after you find out your application is now a garbage, you then want to switch to something else that is called Next.js. So, why not just choosing a fully featured FRAMEWORK such as Angular!!! This is why it's very important for any company to have experienced senior developers to make important decisions that can save hundreds of thousands of dollar that were gave for salaries.
I actually spent 5 years to learn and effectively use all the stuff you've mentioned in daily basis. I have 4 prod projects that are in various field of expertises and also actively employeed all this time from start.. I earn less than 1.5k USD a month. So what you earn(you've mentioned 10k) depends on where you work and where you live. 😅
great roadmap, but Isn't this relying too much in Vercel and nextjs?, I know that putting more things could be overwhelming, but what about other options for deploying, like using AWS S3 for deploying static websites, or AWS RDS for databases, or google cloud, asure options. And how to test everything, test a nextjs app for exemple. Idk if this goes out of scope of an web developer and more in a devops direction, but I feel that there's things lacking.
I think at the moment Vercel is the only one offering revalidation as part of the service, so I’m not surprised nothing else was mentioned. We’ve just moved away from Vercel, added our own revalidation solution, and now pay 10% of what we were paying Vercel, which was an eye-watering amount.
Fantastic tutorial, Extremely helpful, I was more or less thinking of the same thing and this is what i have done. I am building my own framework with Spring Boot backend and a React front-end. I am contemplating Vite VS Next, But for Form validation, I can easily do that in React,
saying that ORM abstracts NOSQL and SQL differences is a big overstatement, you might abstract differences between similar DB implementations, but you need to understand differences betwen relational DBs and various NOSQLs as it quickly can become massively impacting for your performance soon and migration is not exactly easy.
I’m still seeing on majority of job descriptions React is more common than Next. Typescript definitely should be learned. The triad html, css, JavaScript for sure. Node for sure and an ORM definitely. But, I’m not seeing any other serious movement towards those other technologies on job listings it’s far less common.
Really helpful video, thank you for making such a concise overview of the roadmap. I have a request - could you make a tutorial on implementing NextAuth and best practices with authentication in NextJS. Thanks.
Hi there, I'm working in fintech and looking to enhance my technical skills. I'm particularly interested in understanding tools like Copilot and cursors. I've been following your channel and really appreciate the content. Do you have any recommendations for learning paths or resources that would be suitable for someone with limited coding experience, like myself? I'm also curious about how to balance learning with my current product-oriented responsibilities. Any advice would be greatly appreciated! Thanks!
As a dotnet dev I kind of feel for people that will take these types of videos as gospel and learn all this JS framework spaghetti without proper fundamentals. And then they get the 'MongoDB same as Postgres' (18:18) advice as cherry on top.
what about saas? for my case, the router/page frame structure of nextjs is confilicted against my requirement(the frame structure of login page and dashboard), so I used react-router and basically wrote everything manually - not using any framework.
Speaking of shadcn, as a jr self taugh dev and who absolutely love your teaching methodolgy and overall aesthetic, I mostly only am hip to shadcn due to the modals. Though i tried the other day wraping the dialog overlay into a motion function to get some animation but gosh i couldn't figure it out. I then took a stab at trying to build my own modals and even using a global state manangement library (zustand), couldnt get the classNames to set fixed positioning and margin on the body and root divs in next14 app router. I know it's possible but i am still tinkering with learning how to be creative with server and interactive components. But gosh i am loving NextUI and whole bunch. I am surprised that i don't see as much hype on youtube as i do with aceternity and shadcn. Aceternity to me is a very raunchy situation though. and shadcn is so crisp! NextUI is a fine hybrid Thanks again for the superb Content, Wesly :)
Feeling good to see how much i have been progressed. Im been learning web development from q4 2022 and full time from may 2023. I have learnt more than 90% of the things mentioned in the video. I love react/nextjs ecosystem with typescript and tailwind.
Can u help me? I wanna know how i can do it? I had done pre medical but did not get into med clg. I had a lot of pressure and i had to something so i wanna know.
Great video thanks. I’ve been a salesforce developer for 12 years, basically Java but with many parts of the stack taken care of (database, hosting, styling etc..). I want to build web apps now. Do you think a react + next.js stack is a good place to start or would svelte and svelte kit be better? Looking to build great web apps without getting too lost in tech details. Thanks again 🙏
@@ByteGrad awesome thanks. Maybe I’ll try both and see. React has so much support and info around it. I’ll def be watching more of your videos. Great content
I’ve been studying frontend about 3 years whilst working 60-70hr weeks. I’ve only just started picking up backend after spending the last few months doing react/next. I went with C# instead of PHP, did I make a mistake? 😅 I only started C# this week, and I was going to try PHP and also Python, to see which one I’d continue with.. does it matter which one I pick?
I'm coming to the web development world with a Data Scientist background and I'd argue Python is one of the best languages for backend because there are lots of packages that handle pretty much everything you can imagine, so you don't have to build them yourself. For example, Streamlit is perfect for quickly prototyping data React applications. The only downside is that Python is not a language built with distributed computing and performance as the core concern. When people prioritize these things I've heard they use Rust or Elixir, for example.
First question you should ask yourself is what do you want to do? Build websites, build mobile apps, build games etc? Then choose your toolset accordingly.
What would you do as a 40+ year old, or suggest to a 40+ years old without prior professional experience in coding/programming/dev: 1. webdev: HTML, CSS, JS, REACT, NEXTJS, FIGMA? 2. (big)data: PYTHON, SQL, PowerBI? 3. Web3/Blockchain dev: PYTHON, SOLIDITY 4. none of above, and stick to current job, no matter whatever it is, becaue ${reasons (age, ...)}!
How to stay a junior forever by chasing framework churn instead of learning the modern web platform. You'd be surprised by how simple and small all of the big scary monsters that react has been saving you from are.
Hey man, I really like your tutorials, but i was wondering maybe you could showcase some basic crud operations with the syncfusion scheduler, because their documentation is kinda lacking in that area
- Copilot statistics are mounting and it doesn't look good. 5-10 increase of local value delivery speed but in some cases the defect rates double and it also fails on other quality metrics. - Typescript is very much mandatory at this point. - Tailwind substitutes the property complexity with class assignment complexity. In shot, just another css gimmick which'll burn for a few more years. - Next.js, yeah .. i see what it tries to do. But it's still solves problems which already had many solutions. SSR.. why the fuck would I render something on the server when the client machine has a perfectly usable CPU? I can imagine there are cases where it is not viable to offload processing to the user but I can only imagine. - State management libraries are dead, as it should be. They are 99% of the time a substitute for 150 lines of your own specific state manager. It is just not worth the effort of reading the documentation for anyone who vaguely understands state management. - Vite fails hard after you need any form of more than surface level configuration. - routing is another 50 line problem. - server side validation is not a best practice, it never was.
Its really easy i have build an website in 4 weeks with user roles, thats ran an specific webscrapping task with file upload and Download. But i have never see so Bad documentation as on NextJS
![The Complete Web Development Roadmap [2024]](http://i.ytimg.com/vi/GxmfcnU3feo/mqdefault.jpg)
Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). My Professional React & Next.js course is OUT NOW! Find it here: bytegrad.com/courses/professional-react-nextjs -- this is the #1 resource to master the latest React & Next.js + ecosystem, my absolute best work.
Very comprehensive landscape of the Linux model of web development, but really, it just highlights the problem with that model. Namely, unmanaged runaway development. This only appeals to idiots who think it guarantees job security. Think again. Making a career out of this model is impossible not because everything is forever changing (it is) but because it follows the market, not the science. Once the science is robust the market needs to change it. Everyone is simply competing for sales of their latest idea. The one thing that does never change (and should) is the attitude that the Linux hosted Frankenstein web development platform model nightmare is a good thing. It isn't. Its very very bad. So in spite of all the shortcomings of the perpetually half baked Microsoft Windows hosted web development platform model, it is a fully integrated model. That makes it considerably cheaper in the long term for enterprise scale development not just because it's easier for both experienced and inexperienced developers to acquire the latest (Microsoft) skill set, but because there are also way more of them. And BTW, they are a lot happier people too.
2024 Dev Pipeline
Courses => Bootcamp => PT Starbucks Barista
lmao this is too real bro
what do you propose ?
what do you mean by this?
@@omeroner1192no jobs post bootcamp
😂 100
I have 10 years experience with front-end, mainly Angular. I have been unemployed for 9 months. In this time I have learnt React, Next, Nest and a slew of other stuff. In all, I have taken a look at 85% of this and worked heavily with 65% of it. And yet, I remain unemployed. I don't think it matters what you learn, unless it's on the job.
is the market that bad or are u just selective with the job? just curious about the struggles because i feel like mid-senior level jobs are plenty
This is a you problem I think. Are you not even getting any interviews?
Sydney market. 100+ applicants for many jobs. Very few angular jobs advertised. I have started getting React interviews but muscle memory isn't great for tech tests. When it comes to years of React experience, I answer less than 1 year commercially, despite my broad web frontend / SPA / Agile / typescript etc experience. I'd have to lie about commercial React. I'm 54 years old with a solid CV. I wonder how much is about me, the market, and on-paper experience. I'm a pretty good dev, playing with lots of ideas and tech, busting with motivation, but probs have to sell up and change career, at least for a while. Was selective for a while but no longer nor is salary an issue. Thanks for asking
Learn backend
@@randomfellow1483 my thoughts exactly. something you can hang your hat on.
Roadmap - Logic / Choose a Language / Choose your FrameWork / Go Work as UberDriver. Good Luck Son.
No. What you have to do is find a creative/innovative person with an idea and offer to team up to develop their idea with you as the CTO
As a newcomer to React/Next, this is the most helpful video I've seen to help ppl catch up with the technological frontier.
here's a tip: focus on React and don't give a f*ck about Next, Typescript, or whatever the future tech it shows you (unless you're a prodigy) Then only cares about it after (1.5-2 years of exp)
Pick something and learn it well. Pick something you'll dedicate yourself to because it interests you and stick with it. Build many different things-- clone software you like, build scripts and tools to automate tasks, look at stack overflow and github issues--constantly read, interact with the community and try your hand at hackathons/open source. If you master the foundations and principles, then you'll be able to master whatever flavor of the month comes up and pivot to match the market if you want/need to. This video is good for someone that's new looking for a decent roadmap or for someone that's experienced and wants to pivot. If you've been learning something and watch this, it's not worth it to change just because someone says it's popular.... Learn and master a language or a basic stack (and you'll come to find out you need to know a little bit about a bunch of related things, too) and let that experience transfer with you as you expand onto new things.
I love the way you're explaining difficult concepts in an easy and understandable ways, explaining the core of them not forgetting about advantages and disadvantages. That's why I've bought your React+Next.js course, I'm not a newbee in React, but some concepts are still needed to be improved, so that's why I chose you! :) Good luck with your chanel, I'm a big fan of it! ❤
Awesome, enjoy! :)
FOR JUNIOR DEVS:
Do not learn new stuff all tthe time. Focus on something. React + Node backed? Good. Next? Good. Prisma? Good. SQL? Good.
Just pick, focus and stop being biased by videos like this. Don't believe in miniatures like this video has - this is not true.
New stuff will arrive each month ut this does not mean that you need to drop everything and run for a new.
@@Yashhh02 The video mentions React as part of its path.
exacltly
totally false.
we are gen z.
we are young and we push for innovations. We will become managers.
So we must stay up to date.
Only boomerz like you want to defend the status quo but you can't stop us.
we are the future of development and our salary is a fraction of yours so we are more competitive
I'm already comfortable with React JS and Node JS combination for front and back end, plus bootstrap for responsive UI, do I really need to learn Next JS? For mobile apps, I will default to Flutter. For Database, I work with Postgres or Firebase.
@@yugiohfanatic1964 Oh dear,
Your simplicity of explaining give me a big idea of how function work
It weirdly seems the Roadmap tailor made exactly for me at exactly the time I needed it....thanks man....and thanks universe for conspiring for my success
TH-cam's algo imho
GOD
started my journey in may last year. glad to know that i am on the exact path as shown in video.
same
I love your speaking pace and style, I found your videos very easy to understand and I understood difficult concepts very easily.
More power to you, ❤
Same!
To all juniors, learn how to solve problems with JS, CSS and html. Build cool stuff no matter which stack you choose. All framework it's just a plus, will learn them really fast once you get a job. They will not even ask you if you can do, they will believe in you. Plus you don't use so much of your knowledge at work, sometimes hard project will come and you will learn a lot but that's a rare case.
Make a fun portfolio and host your own project. Next js is pain in the ass to host it or really expensive, you can use a vps but that's more money that you can always afford.
but it's a overall good video. Finish it and straight rush into building something and that's it
As someone who's been struggling with imposter syndrome during my learning it felt good to say to myself " hey I actually already know most of that" (or at least the basics).
Hello, one aspect worth noting is that the ongoing updates to frameworks such as React signify its enduring strength and relevance in the field.
Wanna get a job? Learn html, css, js and start building your portfolio, while you continue with new stuff. Overall a good roadmap. 😊
backend developer for the last 7 years (Spring) with some front end experience from college that's quite rusty. looking to up my skills. your video here was well worth the 25 min watch. will be checking out your course possibly.
I think no have made a video this clearly. Excellent roadmap and I am currently learning nextjs and building a ecommerce app. so excited.
I actually did focus exactly on these plus graqhQL, trpc and react-native. Glad I did! keep up the good content.
This is exactly what I needed at this point in my web dev journey. Thank you!
Thanks for this. I used to do LAMP based web dev with Perl. I even used Zope for a time. More recently I’ve used research stacks like R Shiny but have been looking for more general tools. While it’s been a while, your vid brought me up to speed that I’m ready to make some key decisions about how to approach an upcoming project. It also helps me better understand some
of the decisions my Web dev team has recently made - not all of them are good!
ZOPE. Now that's a name I've not heard in a long time. A long time.
@@HolidayInGuantanamo yea I know, right? I actually liked it and it worked well for my department web site. The ZODB / backend database could flake out now and then but overall, Zope solved a problem with convenient accommodation for dynamic content.
Whoever become a software developer and complains about learning they are doomed to failure, the best part about SD is learning
What an awesome video, I've been in tech and web dev for 30 for years and this was a brilliant state of the union snapshot. Thanks for the video!!
Thanks for the overview!
Web deving will hit a huge high in allowing people to characterize their own artistic talent and styling intricacies, giving a new era of lifeless AI a bit of hope for us mere mortals competing with machines.
I'm starting to religiously follow this roadmap for couple of months and I'll get back once I do complete all the steps.
Well then you can expect
" Next JS ❌"
"Ups JXS ✅"
The naked truth is that, every second new and newer framework and libraries pop somewhere around our mighty Earth !
@@humanbeing4319 its been 6 months now what is your feedback?
Learn C#. Do basically anything. Get paid well.
Great roadmap Wesley.
My only criticism is that was that there was no mention of .NET anywhere.
I am currently learning ReactJS, will start NextJS once my React foundations are little strong. Also experimenting a with Tailwind CSS on the side
Just stop and go try other stuff my friend. Dont waste your time
@@vitorac412 why?
@@vitorac412wdym?
@@vitorac412what does that mean? Go do something else outside web dev?
My name is Wesley and I’m learning WebDev too 🙂 thanks for the helpful video!
Nice list. The only thing not mentioned was testing that would be worthwhile to know (Cypress, Playwright, React Test Library, Jest, etc), but other than that I feel like your were spot on.
Good point
It's interesting because, just by observing what is what, some puzzles in my head have started to come together.
just came to say, that tell me when JavaScript developers learn to keep the things simple, and stop changing the framework, or the way you write your JavaScript, at backend we have been using the same frameworks over years
True!
Thats a long wait then
lol i'm a backend guy looking to up my skills in front end and it's true. seems like front-end is always shifting with "what's most popular" being what's "important" but javascript, html, css always come back as the core that they just keep morphing around. that said i am happy to see some (react, angular) starting to settle and grow more tenure.
Front-end hasn't changed. If you want to do things the way people did in the 2000s you can, using vanilla HTML, CSS and JavaScript. However, if you want the new, more performant, more capable technology you will have to learn and adapt to it.
Though I understand a backend language such as Python makes things easier as new technology is built on top of it as packages/modules and not an entire framework, however, the Python of today is very different from the Python of the 2000s as well.
Hey, thank you very much for this video, it helps so much for me re-Learning after 10 year pause.
Thank you for that. I never understood when to use next.js and when to setup a separate backend with express. Became pretty clear now. If you want any kind of feedback: don’t tell people they might earn 10k a month. It all depends on overall economy. And times are getting tougher. Your courses are great. Thank you for that. But learning software development is only one step on the way to become financially successful. Stay authentic. That‘s what makes your courses great stuff. ❤
The booking api, every flight is a json with around 500 lines of information, probably more, so typescript is mandatory so you can use all the type definitions.. imagine moving so much data without autocomplete... . I say booking but not exactly them, I have worked with another similar api.
Excellent overview. Thank you!
Hello Wesley Great content I just started coding 2 weeks now I am studying to become a Front end developer first, get a job, then study to become full stack. I am happy to come across your channel
How's the going so far?
Thanks big Bro! Started on this journey last week.
There's about 300 nextjs jobs in all of the US as of right now. React 8000+
Think sticking to React is enough...
I'm still using Javascript and PHP
Awesome vid, Wesley. Looking forward for the next vid!
Stay tuned! :)
I’m team Kotlin with Ktor for backend, and actually use it for apps and frontend too. Kotlin is the new JavaScript, you can use it everywhere since it’s Multiplatform (even compiles to JavaScript)
I guess the question is, why should anybody make the development so much painful when by choosing a LIBRARY that doesn't even have the most simplest expected things for developing an application, and then after you find out your application is now a garbage, you then want to switch to something else that is called Next.js. So, why not just choosing a fully featured FRAMEWORK such as Angular!!!
This is why it's very important for any company to have experienced senior developers to make important decisions that can save hundreds of thousands of dollar that were gave for salaries.
HTML,CSS,JavaScript, jQuery, Python, Django, Flask, Bootstrap, SymenticUI ----- It works for me
Nice video, thanks!
dropping next js in 2024
I actually spent 5 years to learn and effectively use all the stuff you've mentioned in daily basis. I have 4 prod projects that are in various field of expertises and also actively employeed all this time from start.. I earn less than 1.5k USD a month. So what you earn(you've mentioned 10k) depends on where you work and where you live. 😅
But I hope that 1.5k is comfortable in the place you live.
great roadmap, but Isn't this relying too much in Vercel and nextjs?, I know that putting more things could be overwhelming, but what about other options for deploying, like using AWS S3 for deploying static websites, or AWS RDS for databases, or google cloud, asure options.
And how to test everything, test a nextjs app for exemple. Idk if this goes out of scope of an web developer and more in a devops direction, but I feel that there's things lacking.
I think at the moment Vercel is the only one offering revalidation as part of the service, so I’m not surprised nothing else was mentioned. We’ve just moved away from Vercel, added our own revalidation solution, and now pay 10% of what we were paying Vercel, which was an eye-watering amount.
Man i know all of these. Now how to earn xD
Start doing things rather than commenting here😅
@@stranger_life_ak4720that's the only hard thing, how do we find clients? How do we get internship, that's something I struggle the most
@@santra528 bro played uno reverse here 😂
skill issue
@softrn
Świetne rady, dzięki!
Very useful, thank you Wesley!
after watching the first video, I am watching this and subscribed. you are awesome.
Fantastic tutorial, Extremely helpful, I was more or less thinking of the same thing and this is what i have done.
I am building my own framework with Spring Boot backend and a React front-end.
I am contemplating Vite VS Next,
But for Form validation, I can easily do that in React,
I think JS in backend is just wrong. So does Nextjs. I recommend Vite against Next.
saying that ORM abstracts NOSQL and SQL differences is a big overstatement, you might abstract differences between similar DB implementations, but you need to understand differences betwen relational DBs and various NOSQLs as it quickly can become massively impacting for your performance soon and migration is not exactly easy.
I’m still seeing on majority of job descriptions React is more common than Next. Typescript definitely should be learned. The triad html, css, JavaScript for sure. Node for sure and an ORM definitely. But, I’m not seeing any other serious movement towards those other technologies on job listings it’s far less common.
Really helpful video, thank you for making such a concise overview of the roadmap. I have a request - could you make a tutorial on implementing NextAuth and best practices with authentication in NextJS. Thanks.
Hi there,
I'm working in fintech and looking to enhance my technical skills. I'm particularly interested in understanding tools like Copilot and cursors. I've been following your channel and really appreciate the content. Do you have any recommendations for learning paths or resources that would be suitable for someone with limited coding experience, like myself? I'm also curious about how to balance learning with my current product-oriented responsibilities. Any advice would be greatly appreciated! Thanks!
"Everything is changing" is exactly what every webdev wants to hear just as they learn what they need to and get grounded, right? Right?!
I am already close
In one year i have covered almost 70% of the things
But only getting close to 1k
Literally the video I was looking for.
For React, subtle shoutouts need to go to Remix. Definitely a solid Next competitor especially if they add support for Server Components
Any good intro or course that you could please point me to?
Unfortunately, there are very few Remix-oriented jobs
.NET C# not even mentioned as Backend framework!
Sorry about that, .NET is alive and well. Will upvote this comment for visibility
(all us .net devs getting paid be like "sure kids, go learn all that alphabet soup stuff lol")
As a dotnet dev I kind of feel for people that will take these types of videos as gospel and learn all this JS framework spaghetti without proper fundamentals. And then they get the 'MongoDB same as Postgres' (18:18) advice as cherry on top.
I khnew backend is deep but why we learn all of this ? Just learn django,php or java.
what about saas? for my case, the router/page frame structure of nextjs is confilicted against my requirement(the frame structure of login page and dashboard), so I used react-router and basically wrote everything manually - not using any framework.
I thought my skills were out of the market but I actually know all of this lol
Speaking of shadcn, as a jr self taugh dev and who absolutely love your teaching methodolgy and overall aesthetic, I mostly only am hip to shadcn due to the modals. Though i tried the other day wraping the dialog overlay into a motion function to get some animation but gosh i couldn't figure it out. I then took a stab at trying to build my own modals and even using a global state manangement library (zustand), couldnt get the classNames to set fixed positioning and margin on the body and root divs in next14 app router. I know it's possible but i am still tinkering with learning how to be creative with server and interactive components. But gosh i am loving NextUI and whole bunch. I am surprised that i don't see as much hype on youtube as i do with aceternity and shadcn. Aceternity to me is a very raunchy situation though. and shadcn is so crisp! NextUI is a fine hybrid
Thanks again for the superb Content, Wesly :)
How to earn ? Could u just elaborate on these more like getting job ?or getting client from where?
same lol
Yes, will make a dedicated video on this
@@ByteGrad thank you so much, really looking forward to it!!! That's the biggest bug in our life at the moment 😅
@ByteGrad waiting for the video.
Usually by announcing your existence.
I am a product owner who found my developers in Linkedin and fb.
You would be much more happier doing farming than sitting in front of a screen 16 hours a day.
Feeling good to see how much i have been progressed. Im been learning web development from q4 2022 and full time from may 2023.
I have learnt more than 90% of the things mentioned in the video.
I love react/nextjs ecosystem with typescript and tailwind.
Can u help me? I wanna know how i can do it? I had done pre medical but did not get into med clg. I had a lot of pressure and i had to something so i wanna know.
@@Usama-y1j yeah definitely.
can you explain what you are looking to do in web development, and how much you know about programming.
Thank you for the update.
Nice video. Consider looking into Ionic/Capacitor a bit more, their ecosystem exploded exponentially over the last couple of years.
Will take a look, thanks! :)
Great video thanks. I’ve been a salesforce developer for 12 years, basically Java but with many parts of the stack taken care of (database, hosting, styling etc..). I want to build web apps now. Do you think a react + next.js stack is a good place to start or would svelte and svelte kit be better? Looking to build great web apps without getting too lost in tech details. Thanks again 🙏
Interesting. I'm biased and would prefer React & Next.js (that's what's my channel about) but there are people that love Svelte.
@@ByteGrad awesome thanks. Maybe I’ll try both and see. React has so much support and info around it. I’ll def be watching more of your videos. Great content
Trying to board the same boat here. 🙌🏼Good luck! 👍🏾
sooo many thing to learn 🤯
the timing of this video can not be understated
great topic , thanks 👍
He show us the way of JS-based web dev roadmap. At the same time he show us the Tool which replacing us Now 👍
What about dotnet and C# as backend. Is that any good in getting a job right now (in a few months)?
Yep alot have change but im still maintaining component base react…
You make great videos man.
Also: trpc for typesafe apis, Convex for database service, Clerk for auth 👌
Unit Testing and End to End Testing with Cypress needed to be mentioned, no company works without testing.
Hi!
I visited your website and i have a question.
In your react.js/next.js course do we build a fullstack app and deploy it on vercel?
Hi, yes 👍
@@ByteGrad thank you, i like your course 💪🏻
Great Video Thanks😇
Very nice video, very well explained and very good road map , loved it all what you said and you make amazing content thank you !!
Thanks! Enjoy
I’ve been studying frontend about 3 years whilst working 60-70hr weeks. I’ve only just started picking up backend after spending the last few months doing react/next. I went with C# instead of PHP, did I make a mistake? 😅 I only started C# this week, and I was going to try PHP and also Python, to see which one I’d continue with.. does it matter which one I pick?
I'm coming to the web development world with a Data Scientist background and I'd argue Python is one of the best languages for backend because there are lots of packages that handle pretty much everything you can imagine, so you don't have to build them yourself. For example, Streamlit is perfect for quickly prototyping data React applications.
The only downside is that Python is not a language built with distributed computing and performance as the core concern. When people prioritize these things I've heard they use Rust or Elixir, for example.
@@gppsoftware thanks! 😅
First question you should ask yourself is what do you want to do? Build websites, build mobile apps, build games etc? Then choose your toolset accordingly.
@@carolin9876 appreciate that, definitely websites/webapps. Never been bothered by game dev or mobile dev.
Using strapi or CMS as a backend , isn’t better idea?
i think docker would be an addition to this list at this point
(all of us MS stack devs to the competition: "yeah.. go learn all of that stuff! Lol")
What would you do as a 40+ year old, or suggest to a 40+ years old without prior professional experience in coding/programming/dev:
1. webdev: HTML, CSS, JS, REACT, NEXTJS, FIGMA?
2. (big)data: PYTHON, SQL, PowerBI?
3. Web3/Blockchain dev: PYTHON, SOLIDITY
4. none of above, and stick to current job, no matter whatever it is, becaue ${reasons (age, ...)}!
How to stay a junior forever by chasing framework churn instead of learning the modern web platform. You'd be surprised by how simple and small all of the big scary monsters that react has been saving you from are.
Thank you!
Hey man, I really like your tutorials, but i was wondering maybe you could showcase some basic crud operations with the syncfusion scheduler, because their documentation is kinda lacking in that area
- Copilot statistics are mounting and it doesn't look good. 5-10 increase of local value delivery speed but in some cases the defect rates double and it also fails on other quality metrics.
- Typescript is very much mandatory at this point.
- Tailwind substitutes the property complexity with class assignment complexity. In shot, just another css gimmick which'll burn for a few more years.
- Next.js, yeah .. i see what it tries to do. But it's still solves problems which already had many solutions. SSR.. why the fuck would I render something on the server when the client machine has a perfectly usable CPU? I can imagine there are cases where it is not viable to offload processing to the user but I can only imagine.
- State management libraries are dead, as it should be. They are 99% of the time a substitute for 150 lines of your own specific state manager. It is just not worth the effort of reading the documentation for anyone who vaguely understands state management.
- Vite fails hard after you need any form of more than surface level configuration.
- routing is another 50 line problem.
- server side validation is not a best practice, it never was.
I find myself using Solid and leptos the most now. If I need fine tuned global websocket updates ill use Yew.
Super helpful. Thank you
Thank you very much for this!
I'd like to know your opinion on GraphQL.
Isn't it relevant to include in the roadmap?
Pretty useful video and important informations, thanks
Its really easy i have build an website in 4 weeks with user roles, thats ran an specific webscrapping task with file upload and Download.
But i have never see so Bad documentation as on NextJS
Love your JS course. Would you mind making a video on SolidJS?
Great idea