Web Development 2018 - The Must-Know Tech

[@nordinemlissa7130]

easiest route for a web dev would be html, css, js with react in the frontend and nodejs in the backend , and mongodb for some data management. I choose Javascript and React because your learn once and you can write anywhere, and even build mobile apps

[@learncodeacademy]

Well said. I completely agree. There's almost nothing you can't do with JS these days.

[@tkdevlop]

+ Destop app with electron js #jsisawesome

[@innocentezeike9668]

@Nordine M'lissa Nodejs is not a backend Lang..it's a runtime environment for JavaScript...the backend is Expressjs... Nodejs jst acts as ajax in connecting MEAN..

[@__Pathfinder__]

@@innocentezeike9668 Node.js itself is ~2/3 Javascript & ~1/3 C++ code. C++ to realize parallelism on hardware. Without us of C++ that wouldn't be possible.

[@SuperGUERO17]

Awesome, I learned Vuejs and strengthen my skills with Reactjs last year. This video just strengthens my mental roadmap for this year, ill definitely keep watching your videos.

[@unigorn]

Each time your roadmap is better than previous. Thanks from Ukraine man, you are doing great job!

[@learncodeacademy]

Thanks a ton!

[@TJ111188]

Being an entrepreneur, it's really important to know tech in the present age. I have decided to become a full-stack engineer on the side after usual work hours in the next 6 months. I absolutely love the way you have laid out the roadmap and it matches a lot with what my CTO has told me. Keep up the amazing work. :)

[@learncodeacademy]

Awesome to hear! Having friends that have just made that transition...it's definitely doable. Go for it!

[@oels9507]

Great video! A great idea would be to have a guide with a full stack of technologies that could be all used at once, integrated, and the cheapest possible (if not free). For example: A React app with Node backend, using aws, github, jenkins, docker, etc... what would be the cheapest combo of solutions and best for the purposes of learning integration.

[@thomashoffmann9349]

Thanks for the awesome video. I've been working professionally in the industry since 2006, but stuck on a legacy stack at work for the past few years. This video is a great overview if you are trying to figure out where the gaps in your knowledge are, and where to focus your attention. Watching it now, towards the end of 2018, it's all still super relevant - well done Will!

[@jamesallen74]

The good: really good video, well thought out. Great job. The bad: the 2019 video will probably have 50% of this stuff replaced with something newer. Ugh. (not an indictment on the author, just the industry)

[@learncodeacademy]

Haha the good news is that not TOO much changed from 2017 to 2018. I don't expect a crazy 2019 really. A lot of things are really stabilizing since the JS framework bonanza of a few years ago and you can just learn one or 2 things a year to stay current now.

[@jamesallen74]

LearnCode.academy one recommendation is as you make new videos maybe, you quickly go back to this graph and show where the topic fits in to the overall big picture. You would do this at the beginning of the video. Or if it's a new series maybe the beginning of the first video of the series. That way when we learn about new technology XYZ we're not left questioning where it fits in the big picture.

[@learncodeacademy]

Great thought James! I'll try to remember that as I do videos.

[@ouss]

purescript will replace javascript

[@benpiriz4386]

@JamesAllen. The only thing constant is change.

[@ashutoshkumarsingh2789]

Awesome stuff man. Videos like these are really hard to come by. Its a little late for me for to some boat but not too late. This video even though from 2018 still holds relevance in 2019. Its a huge help and guide on my journey to revise my stack, which are kind of archaic now

[@75blackviking]

Again, another 5 star video. 100 questions asked, 100 questions well answered.

[@learncodeacademy]

Thanks a ton!

[@Sonicozz]

Outstanding intro to web development by far the best I've seen, thanks so much for putting this out there.

[@thejaredwilcurt9336]

Great as always, I've been recommending this series to my newbies since 2014. A few things I think should be fixed: Sass, not SASS. Less, not LESS. and for CSS organization, ITCSS should be the first thing on the list. Mainly because it forces you to actually learn and understand how CSS works, rather than just a naming convention approach for classes.

[@innocentezeike9668]

MEAN stack dev is really a thing to learn...and fun... Its still trending and long lasting...angular never gonna fadeaway...

[@bndsystems9637]

Awesome. I really like this video and I learned a lot. I’m more a network and system engineer and I started an IT company four years ago and now we are getting in software development. I’m learning how to manage a development team and this video helped a lot for the orientation of the training of the team. I’ll definitely follow you guys and keep learning.

[@DaGreatHandle]

C# with ASP NET Core is Baller => fast, Xplatform, modular, high perf, framework is well built and all of NET Core is open source... I wouldn't sleep on this one.

[@officialtechin5]

No one makes a better version in my honest opinion. Thank you. I'll get started.

[@learncodeacademy]

Thanks so much...means a lot!

[@petrhavlik]

Great overview video! I am a huge fan of your videos and courses, your lectures are very clean and have great information/length ratio (which cannot be said about the most of other stuff available on internet or youtube to my opinion). You are certainly one of the speakers that is a pleasure to listen to. Thanks!

[@robj3393]

Wow, great job! This is really helpful for us newbies; giving us a great 10,000 ft. view to devise a plan of attack & lots of great resources! Haven't found a lot of detailed yet easy to understand big picture overview out there. Great stuff! Thank you!

[@akanenara7240]

Honestly, I couldn't thank you enough. Just wishing you all the best in life and good health

[@iamkoushik920]

This is probably the most intimidating coding Roadmap I've ever seen! DAMN...I'd probably be dead before I get through the first part.

[@learncodeacademy]

Well...think of this as being comparable to a roadmap covering every area of medicine. Nobody is expected to know all of it. You have a shared core skillset and skills in different areas.

[@oscarcrespo3313]

I've been watching these videos since 2016, always very accurate.

[@krishnabharadwaj4715]

YOU ARE BACK!

[@learncodeacademy]

Yes! I had a vocal node, which required several months of vocal rest, then moved homes...just several things that slowed up the videos for a bit

[@mario1ua]

Glad you are ok and back ;)

[@marcoscabrinirianidosreis6655]

I've graduated in economics, then decided that I want to work with web development, so I've started to learn HTML, CSS and JavaScrip, its just amazing that it changes all the time

[@learncodeacademy]

Yep, it definitely does...although it's not unbearable. Always something fun and new to learn, which keeps you young at heart.

[@zahlex]

Most popular video every year, with reason! Time to say thanks for providing this amazing content yet another year! 👍🙂

[@Gray-Wolf-Media]

James like always great information you put out. I have found that most companies ask some weird questions about html that even if you are a seasoned developer you couldn’t find the answer if you tried

[@leslie6217]

A year one, but I think it's still very relevant. Thanks for this. It's made me realise just how much I know. Just need to plug a few gaps before moving on to React. Thanks.

[@justincantley9705]

Great vid! I now have a solid list a new topics to learn and a better understanding of the programming world as a whole. Thanks for making this!

[@Julio.Berina]

Wow you chose Clojure for the backend! I found that interesting because I actually really like Clojure. I guess that means Clojure is gaining popularity each and every day. I choose to go backend and do Python, Clojure, and Java. Currently learning Python and Django, already know a good amount of Java from CS coursework and thought it was complementary to picking Clojure. Awesome video and good job clarifying what we need to learn regardless of what path we choose.

[@learncodeacademy]

Thanks! Yeah, Clojure's a really cool functional language and you also get some experience with things running on the JVM. and you also can venture into fun things like ClojureScript as well.

[@getup40owl]

Does anyone know if there's a similar coggle mind-map for data science in 2018/2019?

[@nikolemaxwell6069]

I always appreciate these. Thank you for the extra effort and insight!

[@xenialxerous2441]

Hey there! You know I'm being reminded of #Dave from #Valve he once said that: " the programmers of today are the wizards of the future..!" Truly the moment when I came across your channel & ever since I subscribed, I learnt so much that I feel a bit overwhelmed to talk about it. You genuinely are an awesome personality, kinda an institution in yourself.. I don't wanna prolong the comment but I've so much to tell about, as to how much impact I have learning from you, with you, how much I appreciate your stuff, how much it helped me.. etc etc.. I am an avid viewer of your channel/videos regularly, without fail. Besides the technical expertise that you provide in a lucid way, the in-depth analysis, the most hidden insights of #Webdevelopment & #technologies, the true essence derived out of your own experience makes your stuff incredibly indispensable..!! Thank you so so much #WillStern I have a deep reverence for you, love you death, & I pray for you each time, every time..take care Bye ;)

[@learncodeacademy]

Wow, thanks so much! That really means a lot that you took the time to write all of that out. I started the channel to help some friends learn WebDev and it's always just been about that - hoping that a few videos can help people avoid a lot of pain haha! So awesome to hear it helped you out!

[@alexandrmakedonskiy2956]

I was glad to see this video and find out your opinion. Thank you! Greetings from Ukraine)

[@learncodeacademy]

Hi from the US!

[@chrisbombino]

Great video!! The one thing I've been wondering is in today's day and age, what advantage is their to developing a website from scratch and going through the entire development & deployment cycle when you can do something similar with WordPress that takes much less time and effort?

[@brand180]

Appreciate the time you took to put this together.

[@fortunatoestorgio8411]

Thanks. I was looking forward for the 2018 learning path video.

[@emilmartinov]

OMG ! So excited to watch it. Missing your videos, hope you will have more time from work

[@learncodeacademy]

Yes! look forward to more videos in the future.

[@Nono-shap]

Waited for this one ! Thanks a lot dude. 😉

[@mdkhrafi]

I wish you have had video of everything explaining like that. Great work! Wish another video in the same way for Software development. Thanks

[@piz83]

Someone only has to fart these days and a new framework comes out. I'm not one for breathing in someone else's fart. It's really interesting watching your annual videos listing these technologies, because you can kinda either get really worried you don't have time to keep up, or you can relax and see none of these farts will linger too long. But there are lots of tech companies that hear the latest fart and have to smell it, and it's chaos - projects built around farts that will be hard to maintain in the future because the farts have blown away in the wind before you know it - which might be OK if the projects don't need to be built to last. I hope new devs aren't put off by all the smells in this industry and can just focus on good programming practices and the tech that has stood the test of time to start with. I also hope they take comments about C# and Java having lots of bad code with a pinch of salt - you can write bad code with anything, even more so with a loosely-typed language like javascript. Comes back to learning good practices to start with. I'm fortunate enough to work outside the chaos at the moment, but I don't know how people sleep when they're trying to keep up with the next latest tech - so much money must get spent on refactoring / rebuilding projects when new tech with such a short life span is adopted. I'd be interested to see an example of how much effort is involved in swapping out one framework for another in a small project. Maybe an idea for a new video?

[@Oswee]

Yeeee... already digging thru the Kubernetes, Microservices, gRPC, Go, Web Components, SMACSS, Vitess, RabitMQ. And i really love this stack. GOlang is amazing. And community is one of the best. But really dont like JavaScrip. I feel sick when hear about all those frameworks, dependency nightmare and libraries. Liked this vid because i got proof of my selected stack.

[@chris.dillon]

Agree that Go is fun (although limited on purpose). Will be interesting to see what happens with Go 2.0. Javascript or something that compiles to it is still very much needed for GUIs. Not many people know fat client or native stuff. Most things are on the web and we've forgotten how to make interfaces (for some reason). If you are purely backend, sure. Maybe you outsource your visualization or metrics. Also, I feel like JS changes pretty quick (with the yearly spec updates). I wish native Dart hadn't been cancelled. Until then, JS skills last a long time.

[@Hiroki-Takahashi]

Thank you for sharing your insights. 17:38 Apparently you don't recommend learning Java and .NET for beginners, because it would be possible to get bad practices. Also, you said that there are a lot of bad Java and .NET out there. Could you elaborate on this? I've been working as a PHP/JS developer for 2.5 years, and now am thinking about trying a new language/framework (in particular, I'm interested in Java/Spring MVC). I'd like to know what it is like to get bad practices in those languages.

[@31redorange08]

I'd say this was the most bullshit statement of the video. You can find waaaaay more garbage written in PHP and JS. Spring MVC is a solid choice. You may as well like to look into Groovy/Grails for a higher abstraction.

[@learncodeacademy]

If you ask around, you can get some pretty awesome Java/.net horror stories. There's just been so much Java for so long, that what you get can be tricky. Don't get me wrong, there's plenty of bad in every language, but especially lots of bad java stories haha. The BIGGEST reason I recommend Node is it's just incredible at I/O, and most web servers handle I/O - getting data from the DB and returning it to the client. Node is simply amazing at it. Also, if you know JS, node is very easy to learn. If it's another LANGUAGE you're looking to learn, I'd recommend Go.

[@narcojauy]

I'm glad you made this video. I got started on your react series over a year ago and I have been following your videos ever since. (I also bought your node series, but haven't had a chance to dig in yet) I've been doing full stack work, but I'd like to get back into React. Your webpack config file was a great bootstrap for setting up a project, and I am curious if you might share an updated config file in webpack 2 or 3. I haven't been able to follow the community recently, but I would like to start developing a react app again.

[@learncodeacademy]

Wow, so great to hear the series has helped. I've definitely been meaning to do a webpack 4 update, because they changed a decent bit.

[@Crockerfeller]

Looking forward to your update for 2019 ! :)

[@mfi0]

Can't wait for the golden age of LearnCode.academy You have an awesome teaching skills, have a good day, Will!

[@Crockerfeller]

Hi, just wondering if we will soon see the 2019 update to this video?

[@daksmemes7428]

This guy knows everything wtf nice video

[@SamiullahKhan]

Previously all those full stack and dev ops terminologies was big worlds for but this video summarizes and normalizes them very well. One correction though bootstrap 4 uses flexbox for layout.

[@learncodeacademy]

I said that wrong :( The one thing I hate about youtube is I can't go back and change it.

[@SamiullahKhan]

LearnCode.academy I think thats ok. You said so many things correct. Its unfair to point one mistake :p

[@learncodeacademy]

It's surprisingly difficult to talk for 20mins straight and say all of the correct technical terms - especially when bouncing around talking about 100 different technologies haha. Thanks for your understanding!

[@vaibhavdwivedi]

Oh yes, was waiting for something like this!

[@trappedcat3615]

Note to self: Must also know how to not live out in the middle of the desert -- where jobs are none existent.

[@learncodeacademy]

Hah, true. Living in a big city definitely helps a lot...although remote jobs are growing more every year!

[@SGovindkrishna]

Thanks for this great video. Lays out everything so clearly. Only one thing I prefer elm to clojure

[@mustaphachatbi5204]

hey thank you for that video .... what about 2019 version ?! :)

[@IstariThe5]

Which syntax theme for sublime did you use in your video "Javascript Events Tutorial - How Web Developers Respond to User Input".

[@learncodeacademy]

Oh man, it's been a while...but it might have been brogrammer?

[@IstariThe5]

Thanks

[@techjutsu4066]

Great content bro I love these videos a must-see for young budding Developers trying to get their foot in the door and an overall understanding of the market🔥🔥

[@geekyboy7725]

Amazing video for start learner for his graph

[@Sefton419]

There's a lot of bad Java and C#? Compared to Node? Not sure what you mean by that.

[@learncodeacademy]

It's in part to the fact that node is newer...so old-outdated-node projects won't be as outdated as an old-outdated-java project. Ask around if any devs have Java/.net horror stories and you'll get some pretty amazing ones. And not all from 10 years ago either! If you learn Node, the odds of you finding tutorials, practices, and community that are out-of-date are pretty rare. Not to mention, node is just pretty darn amazing at web/IO tasks.

[@MrAndrislusis]

i have seen a lot of bad c# and java stuff over the years. i mean it - very bad.

[@JamieMaguire_]

Legacy doesn’t mean bad, I love your channel but this just seems like marketing. You can have plenty of crappy Node projects using the latest tech

[@ko-Daegu]

Jamie Maguire Marketing ??? How ?? And why ???

[@samwilgost1143]

Would you be able to do a video about everything you need to know to be a data engineer? if not it's cool, I like your videos!

[@destineegray1374]

I know I am late on this and you are probably going to update this in a few months but would you happen to have a printable of this chart (for lack of a better term)?

[@tamasilles8807]

hei the links from the coggle diagram are linked to your old videos from 2012-13. Just thought i'd let you know since you have a much more up to date version but coggle is not updated accordingly

[@BekTesfa]

How come that node.js comes above the "other notable languages" such as java for back end development?

[@ko-Daegu]

Would love to see same style but for 1- Authentication , Security 2- Mobil dev

[@ionutzyz]

Hi, The bitly link from description doesn't seem to work anymore, can you fix it please? Great video, though.

[@SL5it]

what you used for mindmap software? what you think about theBraincom/PersonalBrain?

[@conitos05122010]

I didn't read all the comments, but what about mobile app development? Thank you very much for such a great video!!!

[@muhammedr3022]

What about the bootstrap tutorial you have? would you say it's up to date?

[@nachomahn]

Thanks for this! I am an old fart looking to modernize my skills and the applications I manage ... that were built when prototype.js was the hot new thing (hah!) and this helps me know where to start.

[@learncodeacademy]

Hah, I hear you! You can't go wrong with React. If it's a bit overwhelming, learn Vue first, as it's a bit easier to pick up on...I have playlists on both!

[@KAReddy90]

I like the way you explain the stuff👌🏻. I follow your videos and recommended to so many people.

[@lunarwilt329]

Thanks for this, it gave me tons of clarity!

[@fuzzl277]

This video is amazing but I think you forgot one thing in basic front end. That thing is OOP. I think knowledge of OOJS is requried before using frameworks and building complex web apps.

[@juliet_burke]

Will there be an update for 2020? Would be great!

[@OMamedes]

Good video. Nice to have some direction on where to go in web development, Thanks.

[@anastasiiapopovych3941]

Thank you for this wonderful guide. I find it really helpful. However, I have a question for you. How can I get real practical experience? Maybe you have some advices.

[@johanmendez6320]

Hey at front end... What about OOCSS? and what about mobile development?

[@nicklasnilsson8217]

Love your videos and love that you promote Vue. My favorite framework by far, just hope we will see more jobs in that area soon.

[@learncodeacademy]

I would hope we start seeing the jobs to backup the tech in the next year or two...but I'd expect for now that a company who sees Vue on a resume would like seeing that - even if they're hiring for react or angular.

[@johnmcdonald6100]

has mustache been replaced by webpack? is there any point in learning it?

[@badrinravi]

In your mindmap diagram, golang and rust are mapped to functional languages, they are compiled.

[@learncodeacademy]

They should be listed under high-performance languages...that's what I'm seeing at least?

[@badrinravi]

They are listed under high-performance languages, my bad. Mobile view got me confused.

[@DavNeto]

What program/tool makes charts like these?

[@blacklotus1606]

do you have any course or video on webpack ?

[@j.r.rodriguez1755]

Will we get a Web Development 2019 video by end of 2018?

[@sirhuebert7201]

Thank you for posting this, it's much appreciated.

[@uulili]

Love your courses very much. Easy to understand, even for a Chinese developer 😄

[@neves69]

Nice video! I learned html, css, js and nodejs, and now I'm learning c# and unity. In regards to web dev I prefer backend. I tried to learn asp.net but it's very boring because in all tutorials I find online, they explain what's in the template from visual studio instead of doing all by hand and explaining along the way (like I learned nodejs)... If anyone knows about a good tutorial on asp.net please put it here :)

[@MrMha191111]

i was waiting for this video for such long time thanks

[@lesliehui]

Hi, great content from your channel. May I asked, if I wanted to build a website with ajax content and when I press on the links to navigate around, the site will update the content without refreshing the page and also update the URL. Is this consider SPA? Do I need to use frameworks like VUE to do it?

[@learncodeacademy]

Yes, you're 100% right! that's an SPA and you would use Vue or React to do it. Vue-router or react-router is what will update the url for you. If you look at my playlists on Vue or React tutorials, they'll show you how to do that with either.

[@lesliehui]

LearnCode.academy thanks so much!!

[@bonrind]

Can you do one on Mobile Development?

[@learncodeacademy]

PWA's are very cool...I probably should have added that to the list! (always at least one thing I miss)

[@rubenfarias2]

LearnCode.academy yes please! PWA seems to be on its way up but seems some special skills are still required and has not take off ...

[@monishthapa9490]

i cant see the mind map in the site!!!! why??

[@pashute12]

do you have a 2019 update?

[@madmarketing6074]

I am trying to get into digital marketing I don't want to become a web developer but what is the stuff I need to know to become a professional digital marketer without depending on my web development team

[@PsyanticY]

when 2019 video is coming out ?

[@gauravnagar3712]

I am currently learning JavaScript then I am going to learn node.js then mongoDB then express then react or angular .I knew core java too.

[@learncodeacademy]

Sounds like you're going in a great direction!

[@gauravnagar3712]

thanks. my exams is coming in a month but still i spend 3-4 hours in JavaScript after exam done i am gone spend almost day in it . i love it

[@joli-rouge]

Thanks! this helps a lot, I totally needed one :) (I love this kind of things that help you focuss and planning your learning path, yours is gorgeous! -thank you very much-)

[@j2fed]

Can't wait for the next one!

[@phoenixwingsonfire]

This video is so informative, Thank you so much!

[@kotopult]

Happy to hear you again!

[@learncodeacademy]

Thanks! I had a vocal node and had to get surgery and be on voice rest for a while...my voice is all silky and smooth now!

[@kotopult]

Oh I even didn't notice :D Thank you for great "Real World Docker" :)

[@theofani]

Thanks for the video. In your advice, how long should it takes to learn these until we feel comfortable and confident to do real world web development?

[@merlingrim2843]

Thank you for putting this together. Very informative. Question for you ... what are your thoughts on things like NativeScript typescript, DART, Firebase (serverless cloud suite), Flutter, and AngularDART?

[@learncodeacademy]

If you're wanting to develop apps, then React Native, Ionic, Swift are good ways to go. Firebase/Parse can help you with simple backends for those apps if you don't want to build out a backend yourself. (the classic build vs buy question, which often, only you can answer).

[@The_Dangles]

You're a MASTER, thank you sir!

[@Julio.Berina]

You said in the video that you should default to MobX and use Redux once you start doing more complicated stuff with data. If I’m looking to get a job as a React Front-End Developer, should I still be defaulting to MobX ? I see a lot more React jobs asking for Redux instead of MobX as an add-on and was curious about that

[@learncodeacademy]

I would learn Redux first either way - as it will change the way you think quite a bit...it's also more widely used at the moment. Once you know Redux, learn MobX and use it with a lot of the Redux mindset (MobX isn't as opinionated as Redux, so you can use it good, bad, or anything in-between)

[@Julio.Berina]

LearnCode.academy thank you! That helps

[@oltipolti]

Thank you for putting all this super information together!

[@cairink2110]

I have been looking for this. no one has ever put all together and me see the complete picture.

[@horoman]

Thank you for awesome resources!

[@Eesen]

Hey learncode! What do you think is the approximate number of hours needed to. Become proficient at Basic Front End? I'm hoping to attempt learning by putting a few hours in, everyday, after my internship during summer break.

[@learncodeacademy]

I do get asked that question a lot and it's a little difficult to answer - kind of like answering "how many hours does it take to learn guitar". It depends on how comfortable you are with tech, how fast you learn, how much time you have, etc...I CAN say that I have several friends who, in their late twenties, got their first job in about a year. That was: - learning a little every day (they worked full-time and learned webdev on the side) - perhaps taking an online course or two I hope that helps!

[@Eesen]

That's really helpful; Thanks so much!