Full Stack Developer Roadmap
HTML-код
- Опубликовано: 30 июл 2024
- This full stack developer roadmap 2020 will cover the full set of topics, frameworks, libraries and languages you might find yourself learning to become both a front end developer, back end developer and dev ops!
Going through this fullstack developer roadmap can be scary, as there are so many things to learn. Full stack backend and full stack front end overlap in many areas but work differently, and web dev roadmap can also be applied for apps too. Web dev 2020 changes quickly, so this is just the most recent version for a full stack developer path, but if you want to learn HTML, CSS, JS, I would highly recommend checking out freeCodeCamp which teach software development from scratch, and how to become a web developer.
00:00 - Introduction
00:29 - Becoming a Full-stack Developer
01:33 - Frontend
02:00 - Frontend - How the Internet Works
03:10 - Frontend - HTML, CSS, JS
05:31 - Frontend - Version Control Git
07:15 - Frontend - Web Security
09:05 - Frontend - Package Managers
10:00 - Frontend - CSS PreProcessors - SASS, LESS
11:15 - Frontend - Build Tools
12:35 - Frontend - Frameworks & Libraries
13:48 - Frontend - Modern CSS - Styled Components
14:48 - Frontend - Web Components
15:19 - Frontend - CSS Frameworks - Bootstrap, Tailwinds
16:00 - Frontend - Testing Libraries - Jest, Enzyme
17:00 - Frontend - Type Checkers - Typescript
17:44 - Frontend - Progressive Web Apps
18:22 - Frontend - Frontend Tools - DevTools, Lighthouse
19:05 - Frontend - Server Side Rendering (SSR)
19:37 - Frontend - GraphQL - Apollo, Relay
20:14 - Frontend - Static Site Generators - Gatsby NextJS
20:45 - Frontend - Mobile Applications - React Native, Flutter
21:45 - Frontend - Desktop Applications - Electron
22:45 - Backend - Operating System - Terminal, IO
24:07 - Backend - Language - JavaScript, Rust, Go
24:36 - Backend - Version Control - Github
25:10 - Backend - Databases - MySql, MongoDB
26:30 - Backend - Adv Database - Replication, ORMs
27:00 - Backend - REST - JSON APIs, Authentication
27:39 - Backend - Caching - CDN, Server Side, Redis
28:22 - Backend - Web Security - HTTPS, CORS
29:25 - Backend - Testing - Integration, Unit, Functional
29:54 - Backend - CI / CD
30:43 - Backend - Design and Development Principles
31:32 - Backend - Search Engines - Elasticsearch
32:02 - Backend - Message Brokers
32:33 - Backend - Containers Virtualization - Docker
33:03 - Backend - GraphQL - Apollo, Relay
33:26 - Backend - Websockets & Web Servers - Apache
34:00 - Backend - Building for Scale
34:50 - DevOps
35:15 - DevOps - Languages - Go, Rust, Ruby, Node, Python
35:33 - DevOps - OS Concepts - IO, Sockets
35:57 - DevOps - Managing Servers - Unix, Linux, Windows
36:25 - DevOps - Networking, Security, Protocols
36:48 - DevOps - HTTP, FTP, SSL, Proxy, etc
37:53 - DevOps - Infrastructure - Web Servers - IIS, Apache
38:22 - DevOps - CI/CD - GitHub Actions
38:55 - DevOps - Monitoring - Logging, Events
39:30 - DevOps - Cloud Providers - Linode, AWS, Azure
40:34 - EnhanceUI Design for Developers
40:55 - Conclusion
#developer #roadmap #fullstack
Learn Design for Developers!
A book I've created to help you improve the look of your apps and websites.
📘 Enhance UI: www.enhanceui.com/
Feel free to follow me on:
🐦 Twitter: intent/follow?scr...
💬 Discord: / discord
💸 Patreon: / adriantwarog
Software & Discounts:
🚾 Webflow: webflow.grsm.io/adrian
🌿 Envato: 1.envato.market/yRZjz2
🌿 Envato Elements: 1.envato.market/LP0OJZ
🔴 Elementor: elementor.com/adrian/?ref=23140
✖ Editor X: www.editorx.com/adrian-twarog
Computer Gear:
⬛ Monitor: amzn.to/3f9DOQI
⌨ Keyboard: amzn.to/3eA5UFD
🐁 Mouse: amzn.to/3xVJO8l
🎤 Mic: amzn.to/3hgCfms
📱 Tablet: amzn.to/3ewt7sa
💡 Lighting: amzn.to/3vOZeZY
💡 Key Lighting: amzn.to/3f6qP2f
Camera Equipment:
📷 Camera: amzn.to/3uCv4J9
📸 Primary Lens: amzn.to/3vT6wMm
📸 Secondary Lens: amzn.to/3tyqWIX
🎥 Secondary Camera: amzn.to/3o2zCGi
🎙 Camera Mic: amzn.to/33tCz9l
🎞 USB to HDMI: amzn.to/33yW9RE 
Наука
I am trying to grow my channel, so if you find this video useful, #like and hit #subscribe :) Thanks for watching and hope you liked and learnt something new!
HichTML sounds interesting than HTML
Great channel with a lot of fun stuff beside coding knowledge!
@@jusamuel4246 thanks, I try to do a mix :)
Thank you so much man for this video..... Very helpful
Does we need to know same thing for both web development and software development
20+ years working as a full-stack dev and I still learn new stuff day after day. It's a never ending influx of informations. Years ago it was very easy, as there were a lot less "things" to learn.
You board on a shipping liner to exploring the planet and feel getting tired 😩
Perfect video to scare the shit out of beginners. 😂😂😂😂
I got scared too haha
Must be a life long learner for sure.
True 🙉😱😱😱😱😱😱😱😱
I like your comment :)
Are you scared??
beginner learn html : I'm Something of a Web Developer Myself”
Adrian: I'm About to End This Man's Whole Career
Whahaha
Trying to be a full-stack is like being on an unforgiving journey to Mordor. You put in the work and just HOPE you'd make it alive at the end.. 🤣
EniGmA so true!
🤣🤣🤣🤣🤣🤣🤣
Thanks a lot Adrian. Up until now my path was clearly very blurred but you have given me enough direction and motivation to continue down this path. I'll try my hardest to make you proud ! ❤
thats great to hear :)
Wow. I am 4 minutes in and blown with how detailed this content is.
Brilliant. Thanks for this Adrian. Got this map placed up on my wall so it's good to have your thorough explanation of it all! I'll keep coming back to this video. I'm aussie too and cool (unique) accent btw!
Haha yeah I want to print one out too!
This is so cool. Thank you Adrian! 7 minutes in and so helpful
Hey @Adrian !! This one is awesome
Because having a clear path ,towards what we love to learn, is necessary!!!
Thanku for this.
Yeah it’s one I’ve been meaning to make for a whole, happy it helps :)
Excellent roadmap for becoming fullstack developer and excellent video, as well. It's a good start to have a idea of the journey and the process to reach your goal. The rest of the task and how you approach journey is up to you.
Much appreciated!
Thank you for this video, I've been looking up what to learn for full stack development and got vague answers , this is rich with info
Nice video for beginners. Well explained! You deserve more likes for this video!!!
The World needed this!
Francesco Ciulla haha it’s almost a bit scary how many things there are!
I SWEAR!
Instead of scaring me thanks this video
I feel relieved to have a learning path.
Amazing content as always and great tips and road map!
Thanks a ton!
Thank you so much, I really enjoyed your road maps on reactjs and this one
GREAT JOB!! THANKS! A extended version going into the purple topics more would be great!
I only have so much time, but I’ll be doing more videos on the topics as I can :)
Oh wow!!!... U had done a deep analysis, and explained to us in a very easy understanding way... Thank u Sir💐💐💐💐and keep doing this great work.
Arjun Hansdah thanks a heap :)
Just now I read this article, you made a video, I feel your reading my mind 😂, thank you for making us more focused 👍🏼🙏 ,I know it our dev life cycle
For sure :)
Good information for a beginner. Its not about learning a language/framework that makes a developer, there are many other things important to learn. Your video gives a better picture of it.
Glad it was helpful!
Really appreciate you doing this! Thank you
Great work as always Adrian , eagerly waiting for your EnhanceUI book since you released it's video.
That’s awesome :)
Really such a great video. I guess it's time to start the 1000 miles journey 💪
Well explained, thanks, man. Worth sharing
This is AMAZING! I having every step laid out like this, gonna print it out. Thank you!
Can you please share the file🙏
I found that on website. 👍
Thank you for the big picture, much appreciated.
So happy rn knowing this was posted a month ago
Well back to learning mate. Thanks
Thanks!
Perfect explanation ! Thank you
That’s great!
U just end my web career before it starts 😅
Whoops
Lol
Me too
Seriously! You're either giving up or diving in....
what a joke if i'm not wrong you want to be a fullstack dev in few months and that's impossible and one more thing if you don't love CS just give up
Great Video!
for ones starting out take it a day at a time you'll get there!
So true!
Thank you very much for this video, As a starting web developer it is very helpful to me
You are welcome!
Awesome! Very informative. Thanks.
You’re welcome!
Thanks. Great info
Thank you for the video... now I know what's next
Nice To See You Again Bro.
Same to you!
One life is not enough for this :(
Agreed
overwhelmed......I think that's an understatement.
hahaha
This is the best video for those who donno how to start their journey.
Thanks for the roadmap.
You’re welcome
great channel! You deserve more subscribers :)
Thanks!
Thank you so much for this
This roadmap should be approached the same way you would while building a fullstack app, don't look at the whole, divide and conquer. Every little tile is a small problem.
You can employee material learning half of this, one day you will find out you can start making money with all the things you know, and the more you know the more complex thins you will be able to perform.
Good points!
@@AdrianTwarog Thanks ! To prove my points I got my first job last month as a fullstack developer, with only 6 months into this roadmap.
They even hired me without knowing PHP-Laravel which tells you the language is not that important (I had to learn to use Laravel in a month on the run).
you don't need to know everything (you wouldn't be a junior if you did), you learn on the run which is fun ! This is a serious tool to learn.
IMPORTANT ! I can't stress enough the importance of learning how to use Git, without a doubt the most tricky part for me right now !
@@FranciscoGonzalez-zx8uc happy to see this
Would you recommend any tutorials to follow or how did you learn or what were your strategies
Looking for this video, Thankyou So Much🙏
Great to hear
Awesome video!!
Thanks!
Thank you very much.
It's not about full stack, but very useful trends roadmap! Thanks!
Hi Twarog,
I'm a new sub from Bangladesh. Thanks for Explaining Everything Nicely.❤️
My pleasure 😊
Commendable work.. Thanks from heart
Thanks!
I'm a jnr full stack dev. I work with mern and pern stack atm. So much more to learn
There always is
You R Legend. love from sydney :)
Posted this on LinkedIn. Thank you for making it! Added you too.
Cool thanks!
Super, Thanks for sharing. I really want to get your UI course for my "newer" designers.
Yep working on that daily so hope to finish it soon.
This should be required viewing in all Freshman college CS programs.
really sir its an awesome way to learn web development , sir you explained about the web development in very simple way,its clear all the doubts about it .
sir just one request could i have pdf file of web development road map.we all will be very much greatful to you.
thanks sir
Nice road map!
It was!
useful info. thank you
For sure
this is what we call it the bible of a junior full stack developer. it's a great video my greetings.
.... and i'll definitely be able to build a website after doing all that? 😂😂😂
Now realise the light at the end of the tunnel was just a train coming the other way.
Awesome vid though 🙂👍
Just about to start on Javascript now.
Haha you don’t need to know all of it, just the foundations!
People told me JavaScript was simple..... little did they know I came to JavaScript from Python
I need that as a big wallpaper for my laptop.
Great job
Cheers
Good explanation 👍
Great!
I need that as a huge wallpaper!
Hahhaa
Searching google roadmap for front-end developer and back end
Very useful thank you so much 🙂😊😊☺️
Most welcome 😊
This feels like one of those iceberg meme explanation videos
Holy hell. Overwhelming alright LOL
thank you!
Just learned HTML, now learning CSS. Looks like I got further than I thought to go 😬
What are some great courses and resources from where we can cover this whole roadmap? @Adrian
freeCodeCamp, check em out!
Thanks alot bro
a ogunnaike no worries!
Amazing
If all information on all of this is gathered with tutorials and tests as well, it should be learnable. It's the scattered and hard to access information that makes it impossible
true
Probably i missed it but i didn't saw build systems which is one of the core things to know for the all stacks. Also schema migrations. Interservice security, like SPIFFE. Gerrit code reviews.
For those who are interested in something like this... it takes at least 2 years just to barely touch and use most of those. Almost full-time 12/7. And once you get into DevOps as example, you start to forget some frontend stuff like a11y. Once you switch back to frontend context, you start to forget about Helm. And so on so on. I think, to get +/-comfortable in all that will take at least 4 years. And i am still not talking about expert/senior level. I think it's the hardest road to take. But if you want your own real SaaS it's the only way. If you want just a salary... focus only on one thing only. In large companies they do not favor full-stack devs. They need a "do one thing and do it well and fast" kinda code monkeys.
Thanks for sharing :)
First of all: Good job!
This roadmap really helps me alot. I had no clue where to start to be honest. Most online courses make you dive into frameworks like Anguar or React right away and barely introduce you to springboot and maven, but you never understand the whole picture behind that.
Is it realistic to learn the frontend part within one year?
It's not, but its worth learning a bit of everything in stages, using a project you enjoy, its more knowing the process of making something, rather than the tools themselves
beautiful! i love you
Adrian your videos are the best on coding subject. Do you have polish roots, cause your last name means cottage cheese in polish - Twaróg ;). Thank you for your work.
Yes I do! cottage cheese indeed
@@AdrianTwarogHaha, Thank you, I finally understood wordpress theme creation.
Can I get that background chart download, and how? Thanks
Hey Adrian, your most videos are the ones to be followed by every coding/software aspirant, especially beginners and I'm glad that it bumped into my recommendatio (sooner than later)...However, would you be willing to make a Part - 2 of your Video Full Stack Developer Roadmap. Suggestions could be, recommending a certian channel/course or a 'person' who has covered the said topic from the list. I know this could be a very long video, but I think it will be way longer for someone who wants to learn all of them, or even some of them while choosing their pick. Someone who has the Will, Patience and relentless focus.
Edit: Thanks for the like
Good idea, really good idea, I’ll try do something like this
@@AdrianTwarog Thank you for atleast considering it. It is the little responses like such, to these feedback that allows us to come back for more. Hope you grow professionally and more aspirants notice you...Thanks again for considering it, waiting for the video. Cheers
I've done all on Front end, everything on backend, and most on DevOps. Used Webhooks to fix som CI/CD functionality with AWS, but will be switching over to Github actions instead.
Maybe it is time to look for a job now lol, thought I still had some left to do. Need to sharpen up my c++ skills for webassembly though.
Dude that’s amazing!
Bro your skillset is amazing!!! Most jobs only require frontend or backend skills
Hi there. How can I reach you? I need someone to train me for a fee
Well you could put that into all professionens out there if you want to become a master at something there is no easy road to that point only hard work and determination
Agreed
This is way too brief, do you have a more detailed chart? lol ..... that was a great summary, it is always good to learn the name of all the current technologies. Thank you very much for sharing.
Amazing, Adrian. WoW!!!
Please share the link to download this roadmap picture. I see you used figma. I want to print as poster and hang it on my wall.
Scared to see as a beginner. Just to finish HTML and a bit of CSS, but it really depends. Personally I just study for fun and want to build a website by myself but not as a career.
Great video Adrian!, just an invalid question, what should be the timeline for this?
I have 2 years of experience as a full stack dev, but this list looks overwhelming. So, how much time do you think one will need to complete this?
Years, it’s an on going thing that keeps changing, that’s why specialising in a few parts of this usually is just as good as full stack
It will be interesting to see how this video ages...
Agreed
Thanks.
You're welcome
thank's for about this amazing video! .. i have a simple question about how can i make a mind plan like this or what is the name of software that can i make a plan like this in it?
Full stack such as spitnaz , Kali , mix martial art , Shaolin , judkundo adaptivity in seconds a to z
Dude, for react devs is it ok to learn Context API and useReducer pattern instead on Redux ?
Ideally learn a bit of all of it so you can be flexible
Love from India 🇮🇳🇮🇳
Thanks!
Many of those things can be learned in a day.
Yeah right 😏
I'm going to make it !!!
Yeah!
From this roadmap what skills do you think it is good to have it for being junior full stack developer? Thanks
just html, css and js fundamentally
I read the roadmap. the first step is "start learning" and the last step is "keep learning" lol 😆
we need a course full stack from u my best sir
I’ll get there!
No one: How many great contents do you want to upload?
He: Yes
Hahaha :)
please may you provide a link to download the "map" image :)
I started this roadmap.. soon to be a developer 😁😁😁😁
Yay!
@@AdrianTwarog patience is the while i started this roadmap..
thanks
Welcome