Fullstack Web Developer Roadmap 2024 : How I'd start again:

  Рет қаралды 4,208

Kodaps Academy

Kodaps Academy

Күн бұрын

Whether you're a beginner or looking to update your skills, this video is your roadmap. We start with the basics of Git, HTML, and CSS, and progress through JavaScript, TypeScript, and advanced frameworks like React and NextJS.
🔗 Useful Links & Resources:
Learn Git Branching: learngitbranching.js.org/
CodeCademy: www.codecademy.com/
FreeCodeCamp: www.freecodecamp.org/
Exercism: exercism.org/
CodeCrafters: app.codecrafters.io/join?via=...
React “Tic Tac Toe” tutorial: react.dev/learn/tutorial-tic-...
Vercel's NextJS tutorial: nextjs.org/learn
My comparison video on React vs Angular
📚 What you'll learn:
Git for tracking and collaborating
HTML & CSS fundamentals
JavaScript & TypeScript for dynamic web development
Frontend development with React
Backend development with NextJS
🎯 Who this is for:
Beginners starting their web development journey
Experienced developers updating their skills for 2024
👉 Subscribe for more tutorials, tips, and insights in web development.
#WebDevelopment #FullstackJavaScript #Git #HTML #CSS #JavaScript #TypeScript #React #NextJS #LearnCoding
----
Want to go into further depth? Head to kodaps.dev/

Пікірлер: 25
@incarnateTheGreat
@incarnateTheGreat Ай бұрын
All of these are great. Next.js is really good and allows for SSR. I'd also consider developers to use Node and Express so they can connect up a backend service.
@enriquesneffels3053
@enriquesneffels3053 4 ай бұрын
I'm going to learn GO for backend. I really didn't expect much from this video but I marked it to watch later and you've surprised me with everything you said. I'm currently learning JS, and I need to practice my Git skills a little bit so I'm going to use all those pages. Thanks for everything, you certainly deserve a million views on this video alone... I mentioned GO at the beginning bc I found your channel while searching for videos about GO.
@DevMeSteve
@DevMeSteve 2 ай бұрын
It's good that you explained just the outer layer of full-stack. But it's OK. Good job 👏
@ajgames2363
@ajgames2363 3 ай бұрын
Incredible video, thank you for all of the resources. I never knew of their existence and they are of great help.
@younesbg640
@younesbg640 4 ай бұрын
Merci David 😉👍🏽
@mlsandreas
@mlsandreas 4 ай бұрын
Your videos are always priceless!!
@KodapsAcademy
@KodapsAcademy 4 ай бұрын
Thanks, glad you liked it :)
@lostinthenarrativve
@lostinthenarrativve 3 ай бұрын
hey man. why no mention of node/express, databases etc?
@aldenvidal
@aldenvidal 4 ай бұрын
why not Vue vs react?
@theCoder010
@theCoder010 2 ай бұрын
Git Html Css Tailwind Javascript React Nextjs
@seeker3794
@seeker3794 4 ай бұрын
So with Next js I can build full-stack web application right? Without need to learn Node js?
@KodapsAcademy
@KodapsAcademy 4 ай бұрын
Well you will be coding server side logic in JS & Prisma, but yeah you can do without NodeJS for a lot of use cases.
@dimitmoto1716
@dimitmoto1716 4 ай бұрын
Thanks, very interesting video! For JavaScript you suggest exercism, but excercism does not have any js dom practice. Do you mean that there is no need to learn js dom manipulation but only core Js and then proceed to react. ( Btw exercism typescript chapter does not have any theory, only exercises) Also if I choose the react path,is it ok not to learn any backend framework ( for example express) and to learn for the first time backend through next.js?
@KodapsAcademy
@KodapsAcademy 4 ай бұрын
A lot of DOM manipulation could be replaced by React (and doesn’t make any sense in a NextJs context ), but if need be I think CodeCademy (and maybe FreeCodeCamp) have DOM focused JS courses. I wouldn’t focus on it. So yes I think core JS and then React is fine for most cases. Regarding TypeScript, as it is a superset of JS there isn’t necessarily a need for a specific theory ). And yeah I tend to use NextJS as my backend for now, even though I have quite a bit of Express experience :)
@dimitmoto1716
@dimitmoto1716 4 ай бұрын
@@KodapsAcademy Thank you for the reply! Awesome! So your next.js path is a shortcut for a beginner to quickly learn as much as it needs to create functional or even production level full stack apps!
@KodapsAcademy
@KodapsAcademy 4 ай бұрын
That is right - obviously for some use cases it might not be enough, but it can cover a lot, and the business logic will port over to Express and the like nicely if you need to move if you outgrow Next at a later date :)
@ucaaphatice8604
@ucaaphatice8604 2 ай бұрын
Database??
@Not26416
@Not26416 4 ай бұрын
Why Tailwind over Bootstrap?
@KodapsAcademy
@KodapsAcademy 4 ай бұрын
It boils down to « I find it more fun », basically. It might not make sense for others depending on their situation and what they want to build, though.
@l0gic23
@l0gic23 4 ай бұрын
​@@KodapsAcademy could you expound on that?
@archdetective
@archdetective 4 ай бұрын
A bit of reality check here: With the surplus of human resources right now, an aspiring dev should also prioritize is building networks, aka friends. Why do you think there's a surge of webdev videos currently? Everyone and their mother are making videos because no one's hiring them.
@KodapsAcademy
@KodapsAcademy 4 ай бұрын
Actually your mileage may vary, but where I live/work more attention is paid to experience gained than networking, and barring getting hired, the best way to gain experience is to build - generally your own projects. (And I’m speaking as someone with 15 years of hiring experience :) )
@user-ir3yw8bs4i
@user-ir3yw8bs4i 4 ай бұрын
Very valid point. People just overrate side projects and forget to network , without networking , those side projects will just sit on your hard disk
@2coding
@2coding 4 ай бұрын
😂git, why? I wouldn't start with git!
How I'd Learn Full-Stack Web Development (If I Could Start Over)
10:28
5 Signs of an Inexperienced Self-Taught Developer (and how to fix)
8:40
Super sport🤯
00:15
Lexa_Merin
Рет қаралды 20 МЛН
🍟Best French Fries Homemade #cooking #shorts
00:42
BANKII
Рет қаралды 39 МЛН
Indian sharing by Secret Vlog #shorts
00:13
Secret Vlog
Рет қаралды 58 МЛН
New Gadgets! Bycycle 4.0 🚲 #shorts
00:14
BongBee Family
Рет қаралды 12 МЛН
Web Developer's Roadmap 2024 - Step by Step
15:58
Stefan Mischook
Рет қаралды 32 М.
Web Developer Roadmap (2024) - Everything is Changing
25:02
ByteGrad
Рет қаралды 264 М.
Go vs Rust: Which To Learn In 2024?
6:27
Kodaps Academy
Рет қаралды 133 М.
How I would learn & master it if I were to start over again
29:47
Web Developer Roadmap 2024 | Step-By-Step Guide
28:37
Chris Sean
Рет қаралды 64 М.
How to OVER Engineer a Website // What is a Tech Stack?
11:20
Fireship
Рет қаралды 2,3 МЛН
The Brutal Truth About The Web Development Job Market in 2024
8:59
Coder Foundry
Рет қаралды 15 М.
React vs Angular in 2024
9:00
Kodaps Academy
Рет қаралды 20 М.
Learn useMemo In 10 Minutes
10:42
Web Dev Simplified
Рет қаралды 462 М.
wireless switch without wires part 6
0:49
DailyTech
Рет қаралды 845 М.
как спасти усилитель?
0:35
KS Customs
Рет қаралды 524 М.
Apple watch hidden camera
0:34
_vector_
Рет қаралды 54 МЛН
Apple, как вас уделал Тюменский бренд CaseGuru? Конец удивил #caseguru #кейсгуру #наушники
0:54
CaseGuru / Наушники / Пылесосы / Смарт-часы /
Рет қаралды 4,6 МЛН
ЭТОТ ЗАБЫТЫЙ ФЛАГМАН СИЛЬНО ПОДЕШЕВЕЛ! Стоит купить...
12:54
Thebox - о технике и гаджетах
Рет қаралды 141 М.