How I would learn & master it if I were to start over again

🖥️ Become a web developer with our bestselling courses:
academind.com/courses/
💬 Grow together with our Academind Community
academind.com/community
Read the article: academind.com/tutorials/web-d...
👋 Follow us on Social Media
/ maxedapps
/ academind_real
/ academind_real
/ academindchannel
/ maximilian-schwarzmueller
/ manuel-lorenz-808b5185
/ academind-gmbh
/ academind-pro
/ academind_real
Timecodes:
00:00:00 Becoming a web developer is (still) a great choice!
00:00:11 Neither AI nor layoffs change that
00:00:50 How would you become a web developer?
00:00:54 You could use internet roadmaps
00:01:50 You must understand the basics & how the web works
00:02:48 How website content is created
00:02:57 HTML
00:03:08 CSS
00:03:14 JavaScript
00:03:52 You need a text editor
00:04:44 You’ll soon face a problem with HTML, CSS, JavaScript!
00:05:30 You need a backend!
00:06:15 You can use JavaScript on the backend
00:06:37 Node.js
00:06:55 Just Node.js might not be enough
00:07:16 Express.js
00:07:26 You have many programming language options on the backend
00:08:32 You need a database!
00:08:51 SQL
00:09:38 NoSQL & MongoDB
00:10:59 Building fullstack website & web applications
00:12:12 Building SPAs with React, Angular, Vue
00:12:46 CSS frameworks
00:14:50 Building APIs
00:16:16 Deep dive into Web Essentials
00:17:23 Metaframeworks
00:18:36 CMS
00:19:51 Backend services
00:21:01 Hosting & deployment
00:23:14 Additional tools - Git & GitHub
00:24:49 GitHub Actions
00:25:21 Docker
00:26:45 TypeScript
00:27:09 Testing

[@academind]

What are your plans for the year? :)

[@sushantkunkekar2155]

Tailwind,Nextjs for sure

[@hamidreza2480]

react and docker. thanks for aaaaaaalllllllllll the content!!!

[@amirsaid]

Django and docker

[@romaincapelle]

Diving back to Ruby on Rails - SQL

[@vahesevachyan9399]

Tailwind & Vue

[@alleycaaat]

As someone who is working through Max's Native and Next courses, highly, HIGHLY recommend them! I've watched so many different instructional videos on web dev, Max is one of the best at explaining things. He breaks stuff down into small, manageable pieces and explains them so well. He talks at a nice pace, too, he doesn't talk a mile a minute, so in 60 seconds I'm overwhelmed by the amount of information that's just been thrown at me.

[@naveen12]

Damn this guy explained all the technologies so easily, what felt like jargons are now intersting topics to explore!

[@chillbro2275]

Yeah, his udemy courses are really good.

[@phucnguyen0110]

Thank you, Max! Great video + idea for me to see what I can learn and should learn :D

[@cilafr]

I have been a professional software engineer since early 90's and I realize how much work it is for a newcomer to get all this knowledge. I had the chance to get it gradually because in 90's software crafting was a way less complex than nowadays. I have started with client-server technology with Java & Javascript :D and now playing around with all you described, cloud technologies & security concerns included. Your roadmap for becoming a dev in 2024 sounds very realistic. I wouldn't have stated it in any other way. You'd just stolen my words :D :D :D BRAVO !!! For newcomers I would also add that being able to read the code of other developers can highly improve your skills. I have been doing a lot of code reviews since many years and this is really an exercice that help me to grasp the code of the others quicker. Very important as well is your communication skills (soft skills in general). Today chances are you will code within a team... the crazy developer coding alone in his/her bedroom is a bit something from the past. Just one last thing to mentioned: your Kubernetes course is fanstastic !

[@dilip_s]

I have completed your 100 days of web development course on udemy, it was such an eye opener for me Not only that course made me a fan of you but entire German people 😂

[@tomu_sange]

Hey max, thanks for this video. It's really refreshing and focused. Thank you so much

[@sagardundle9877]

Max you are genius and a great tutor.

[@santhosamm.5464]

Max, you are always awesome! Your presentation adds clarity comprehensively amid plethora of options on roadmap of full stack web developement. Thanks.

[@ernestogarcia5762]

Well done Max, wish ai could have watched a video like this when I started. Thanks 🙏🏼

[@lyessaadoudi8386]

Thank you, Max, you are the best. We are waiting for a complete project from you about Next js + mongodb

This video was super helpful! I started to learn coding a few months ago by my own and I love it, but it felt very overwhelming do it when they are so many ways to follow, tools, languages, etc., especially if your are very new (I have experience as graphic and web designer but this is a whole new world!). So having clear and (very important) actualized explanation it was incredibly helpful and clarifying :)

[@cilafr]

If you feel overhelming, just don't worry. That's normal !!! Your brain needs time to digest all that knowledge. Sometimes you feel you don't get something at all at first but your brain has just started to work on it and it will make it understandable a few days later. I guess this what is call the plasticity of the brain ? When I was young I was very scared when I felt I was not understand something at first... but recently, after 40 years of practice, I realized that's defintely NORMAL !!!

[@abubakarsadiiq6131]

When learning web development at University, I was like preparing for just exam and pass, it was like a teacher coming with his emotions explain something bala bala and at the end of the day, I had no clue how developers work how the code is written from top to bottom making real projects , and Thanks to Maximilian, his courses helped me understand more more and more about web development and professionally making projects.

[@NasgolFren]

I had the same shit at university

[@user-fw3j-Arnold]

Nice resume man, really appreciate this

[@AmoosJohn]

Excellent explanation from scratch to come master in Web Development

[@scaistheking1]

This was excellent!!!

[@jamshediqbal7936]

I were an Angular developer but when I shifted to React, I found it very powerful library as well as it improved my interest in frontend development 😊

[@memaimu]

You’d likely learn this on the way, but you also need the ability to design your app’s architecture with proper specifications. And also learn to work in a team.

[@lancemarchetti8673]

Great info. Very useful. Thanks

[@suyashrahatekar4964]

Bro I watched ur react native course recently , i watched ur course for the first time although i have been ur subscribe for quite a while. I didn't expect that u will be so good at explaining the right things ❤️

[@user-oz3hc6lj2e]

I would recommend learning typescript just after javascript , don't worry you can use all javascript in typescript .

[@mehdi-vl5nn]

this is all before you get into distribution system(back-end) where the beauty is 😍

[@liluterKA]

Great summary. Maybe for a completely fresh person it's too much, but after a year or two of learning the frontend is pretty clear thanks to what you mentioned. I waited until the end hoping you would forget about testing, but NO :)

[@ricardomoraes9850]

Thank you 🙏

[@vahesevachyan9399]

Congrats on 900k! Major milestone, keep up the great work! If you plan on throwing a 1 mil subs celebration party, id love to join 😅. Ill bring the drinks. Cheers 🍻 😊

[@usurpershinra8818]

Im so used to playing your video at 1.25x speed !! sounds natural !!

[@korodhsoaqoon]

Thanks

[@synen]

I am overwhelmed at how many technologies were mentioned. Is there any other programming sector that is more uniform and independent on so many different technologies please?

[@Stevethesearcher]

Excellent presentation. It just goes to show that if you are planning to be a professional web developer you need to learn so many things. I personally wouldnt want to learn so many things unless I was planning to be a full time professional web developer. This would have to be your full time job to justify that amount of technologies to learn.

[@addesignstudio9363]

I love this.

[@VihnagaMPS]

Im currently learning ( Angular + Tailwind) Vite & Spring boot + MySQL + Monogo DB.... Angular Course by you sir Thank you great lectures

[@chillbro2275]

Isn't his Angular course really good? :)

[@sushantkunkekar2155]

❤ from India

[@colindante5164]

The importance of using webpack to bundle your JS, CSS & HTML for production. Not to mention it gives you the flexibility to configure postcss with webpack and is more important than learning bootstrap or tailwind.

[@BobbyBundlez]

Seems like webpack is dying though

[@colindante5164]

@@BobbyBundlez That's just it and is exactly the argument you need to shy away from. They'll always be alternatives you could use but at the end of the day the main goal is to have a web app up and running and more importantly to be able to go back and scale it without it being a nightmare. One could argue JavaScript is dying and so is JQuery and others; try and see how ridiculous your comment is before making it. You're misguiding folks with your garbage.

[@anasouardini]

1) first step: wait for the market to be needing devs again ...

[@DoingCoding]

lol if market recovers it will not take html learners but it will take those who already learned and made projects and ready for job.

[@memaimu]

That ship’s sailed, buddy.

[@pablom8854]

as web dev simplified said, it might be easier if you have a friend inside a company that can recommend you, this was kinda the only option he gave for these times

[@tanya4406]

Thank you for the video! It would be even more precious to know how many hours of practice for each technology required to get enough level of knowledge to move to the next one.

[@monkeydluffy2063]

happiness is knowing you've started out exactly like the legend Max recommends

[@pablom8854]

I completed the roadmap and went further, that's happines too 😂

[@ali123aly]

We need video like that for mobile development

[@pravdomirkostov8839]

Thank you for all your work! One question - when we can expect the updated Angular course with version 17?

[@saeedom100]

second this!

[@user-fs5np2et9g]

great!!!!

[@Rayven_cat]

I got into web dev as a front end dev, and I would pick a different career if I had to start over. FEDS are now expected to know everything, because the market has always been pushing for devs to be full stack ( cus it's cheaper to pay 1 person to do the job of two). Funny how backend devs never are required to be really good at styling though.

[@BulalarTeam]

Yes you are absolutely right, nowadays, frontend devs should also know about the basics of backend

[@igortolstov487]

If you are a software developer, you know the basics of all development by default

[@jjjj5452]

@@igortolstov487 and have 5yrs experience when applying for your first job

[@TheSpikerGaming]

Hey Max, I was curious what is your opinion on Ruby on Rails for backend?

[@tatemo_labs]

It would be helpful if you provide the list of courses in your site as you suggested on this video. Please, can you do that?

[@pythonantole9892]

Will ever make a PHP course? PHP seems to be making a renaissance especially due to Laravel and the ecosystem around it. I work as a freelancer and picked up Laravel last year (migrating from Python/Django/Wagtail) and have seen my income triple.

[@pavelyankouski4913]

And dont forget about optimization, penetration security test and crossplatform appications.

[@AI_ETH0]

djang ? i just love python.. i have started your course.. should i learn that 1st or master JS for fullstack?

[@pinkprogrammer3222]

Hey Max Wie immer ein super Video, danke :D

[@emergenz774]

Hallo, was ist von dem neuen "stylex" zu halten, soll ein tailwind Killer sein.

[@SonnyDarvishzadeh]

I like the fact that you included the missing part of web development, the UX Engineering and the focus on accessibility and writing semantic HTML code. Or the part where you mentioned the UI performance that benefits the user experience, reduces bounce rate and CO2 emissions. It would be more valuable to figure out why developers have some tendancies and address their pain instead of swimming with the same wave. You're leading the way and setting expectations in industry. There is no exclusive video in your channel that talks about web perf, a11y or browser dev tools. As one of the popular web development channels on KZbin, you need to be an advocate about these topics rather accepting with "unfortunately many developers don't like CSS" or putting heart on comments that downplay the importance of HTML. I would expect to see how to develop an accordion with and that's native HTML and how to style them with CSS than demonstrating how to achieve the same thing with unnecessary JavaScript and CSS frameworks. Let's put the attention who we develop these products for, the end user, the potential customer. At the end of the day, we can develop an over-engineered app that's beautiful to us, but users don't want to interact with.

[@4115steve]

I would recommend learning vim along side git inside a linux virtual machine

[@swojnowski453]

and do not forget to learn how to clean bottles using find and gawk ;)

[@gilbertardila]

Taking about Metaframeworks, I wonder about Next 14 versión, previous versions use to have a API folder but this new versión don't, then I have two question, if we before wanna split backend and frontend code (MVC) why join it again in Next previous versions? And if it was the idea, why remove the API folder fron new versions? And offcourse, can I use the Next new. versions only for frontend purposes? Is ir useful? Thanks Max, by the way do You hava an Udemy Next 12 course?

[@windz643]

Could you make a java tutorial ?

[@btm1]

ok, cool any advice for having a career in an industry who does not do mass layoufs?

[@user-bh3uq1yf8g]

Microservices with Golang course !!! please =D

[@memberwhen22]

my advice is to learn a trade, anything physical that isn't easily automated. AI is on the doorstep and it's going to be transformative much like the industrial revolution and automation after that. Most of what our minds can do, machine learning will do better, or at least for "free" and without breaks, benefits or insurance. There will be a small percentage of human thinkers required to remember how everything works together, but much like people forgot to add because of calculators, and how to read maps because of GPS and then cell phone maps, most people will stop thinking. The opportunities will be in being able to do physical things that others can't do. I.e. trades, handymen, etc. It's going to be a complete reversal of white and blue collar.

[@RegressorTac]

The content presented in this video is good. For those aspiring to be freelance web developers, should they avoid Upwork as most of its online advocates first recommend it and then talk about it being saturated and applications being rejected due to this reason. Then how should freelancers start off online?

[@user-bh3uq1yf8g]

Microservices with Golang Course !! Please =D !

[@alerya100]

What study to use HTMX ? And btw, this is a pretty hypie for today/

[@Alex-bc3xe]

What I noticed if I overuse AI my mind gets a bit in standby mode and I am not 100% focused so you should also be aware of that.

[@walnutsandbeastiality866]

I love you, Max (not in a romantic way hahah) 😁 Your courses rock, and I'm always happy to learn from you here on KZbin as well!

[@samirneupane7563]

🤣

[@academind]

Thank you so much! :)

[@pujanshah3038]

+1

[@jjjj5452]

"don't pay attention to those roadmaps because you'll get overwhelmed" also Max: "you should learn php, node, go, java, rust, asp, sql, mongodb..."

[@eduhayon]

Allons à l'essentiel !!!😂😂

[@astratow]

Recognising PHP is a bit heretic :P sadly you have no PHP course in your curriculum, not fo mention wordpress which aas also mentioned. A little missed platforms like ZOHO, shopify, Presta and others. Great work Max!

[@sanitherayil]

❤

[@tonisun4785]

❤🧡💛💚💙💜🤎🖤🤍 Hi Max!

[@neo4now]

If you are totaly green and want to start with web developmnet, U should realy start with firebase functions/firestore/hosting as it is extremly simple to set up and by creating whole project with those tools it will make you understand all the other concepts that are mentioin in the video soooo much easier. Otherwise all those concepts are so hard to grasp at the begining and so overwhelming it will just make U quit like most people do. That ofc if You self learn and not study at school.

[@chandrasekharrachapudi5758]

Hi, Sir with real-time projects there are no courses jest React unit test cases with in-depth knowledge. So Can you please do one course on udemy sir will learn from u please....

[@michaelharrington5860]

I feel like I'll never be able to learn all of this stuff :(

[@mr_don_key]

hi, it's too much JS based... which is not the case in the real world (especially backend side, JS is mostly NOT used, for various reasons.) so if you want to be full stack, you need more languages (follow the market needs in your area). But dedicated frontend and backend developers are more specialized (what many serious projects need, specializations)

[@Mumumuth]

Just learn Ruby on Rails...

[@haraldvrbka9349]

Why not Astro in your list?

[@TechGenerator]

Make a flutter developer roadmap please...

[@swojnowski453]

do you know what the roadmap is? Think what you need, start building it, and as you do, look at what you still need to finish the project! ;)

[@mehdib1781]

Is python a good langage with django to make web sites ???

[@ryman3399]

It's great for backend but you're going to still need a frontend with HTML, CSS, JS, and any other front end framework you may want to use.

[@troubleelephant6143]

considering that I am a complete beginner, how much time will it take me complete all of this.

[@tony80ization]

10 years

[@rayyanabdulwajid7681]

Html css will take one month. Javascript syntax will take 25 days or lesser (Study searching and sorting algorithms from w3schools). After that you have to learn javascript dom and build 15 to 20 basic projects. Out of these projects, crud app , tic tac toe, shopping cart are a must do. All these 15 to 20 mini projects could take a month. After that, i suggest you to solve leetcode problems because chances are that it will be asked in interviews. Study topics like arrays, strings, linked lists, hash maps etc. ( dsa topics differ slightly for front end and back end). Leetcode problems like the one i mentioned could take one to two months depending on time you spend. And then move to react js

[@mr_don_key]

this is all seen from a JS developer perspective.. which is logical, since Academind has mostly JS courses.

[@IvanRandomDude]

Why don't you master it now?

[@vectoralphaAI]

Oof. Not Netlify. Not after that reddit post a couple days ago. Im staying away from Netlify.

[@lostinthenarrativve]

Title says "HOW" yet you give the WHAT in the video, basically skipping the most important parts which are Where/How to learn these pieces of technology and how to bring them together.

[@cloudstrife7083]

anyone reading this GO TO THE ODIN PROJECT

[@bahaabakri982]

Web story from A to Z 😅

[@abdurrahman710]

first

[@mohamedsalah5752]

third

[@ahnmebnsina381]

I like your contents. But please stop moving hands so much if you can!

[@swojnowski453]

Ha ha ha, 30 years riding PHP + MySQL and it not just pays my bills but has bought me a nice portfolio of properties in the UK and Europe over years. But keep pushing this "buy more courses, buy more courses" stuff ... ;)))))

[@johnnaranjo1668]

Im adding PHP to languages im going to learn this year. There seems to loads of money to be made there. I dont care what other people say.

[@Rockodona]

If you don’t drive a Lamborghini your really not a successful PHP developer

[@swojnowski453]

@@Rockodona No plastic. I ride a Harley-Davidson.

[@johndoggett4657]

Say what you want but I took this guys React course and landed a React role. I had zero experience with the framework and within my first year of working at said company not only did my pay increase a lot but my boss made me the lead React dev on my team.

[@anthonyasiimwe24]

What resources would you recommend for a junior?

[@adarshsingh3012]

Second

[@achaemenidempire1424]

Programming is bullshit, don't waste your time guys, because at the end no enough money and just a lots of hard working.

[@frozenn00b]

You *SHOULD* consider alternatives to Node/JS in the backend. JS was never written for the backend, it is a crappy language that doesn't need to be shoved everywhere. Single-threadded, event-driven languages are not sufficient for backend development outside of academia or maybe prototyping.

[@zunnoorainrafi5985]

Nextjs and Remix only support Nodejs if you want to build full stack application while staying inside these frameworks

[@VikasBhagwagar]

computer linguistics scientist spotted 🥴

[@swojnowski453]

@@VikasBhagwagar I spotted him to, he is fully correct! If you still in doubt, keep on chasing the transformer ;))))).

[@swojnowski453]

fully agree with this statement. JavaScript on the backend is a minority's all the rage today. Why? Because it is so shitty that it has to be improved all the time, which also accidentally means it changes all the time. The latter gives those who sell courses a perfect opportunity for selling new stuff all the time. Anyone has seen anything like this for C, C++, Java or even PHP? If you are stupid enough to be dragged from a course to a course, invest your time in JS, otherwise stay away from the shit, even if they pay you $100k. All these apps written in JS, will be crumbling in a year or two. There will be no way to save them, good luck to those who will be asked to do that then. And for proper web dev, move to a stable language that does not change every quarter of the year.

[@frozenn00b]

@@zunnoorainrafi5985 I refuse to use or support JS in the backend where efficiency and sanity matters.

[@fwdflashwebdesign]

Good video, too bad AI is taking over, development is dead guys!!!

[@nested9301]

i'm sick of programming iwant freinds

[@fav987654321]

What about NX and micro front ends? You could’ve mentioned them at the end since it’s an advanced topic

[@FAlexopulos]

Nice resume man, really appreciate this