DEV Community

loading...

The 2021 Web Development (Frontend + Backend) RoadMap

javinpaul on June 04, 2019

Disclosure: This post includes affiliate links; I may receive compensation if you purchase products or services from the different links provided i...
Collapse
pramanadiputra profile image
Ida Bagus Gede Pramana Adi Putra

Here I am in 2019...

Still using Laravel/PHP, MySQL, and jQuery.

Collapse
prahladyeri profile image
Prahlad Yeri • Edited

That's an excellent stack in my humble opinion. I use a similar stack, except flask and django instead of laravel and the database could by anything by virtue of sqlalchemy (which is an ORM similar to php's doctrine).

You shouldn't change your working stack just for the sake of modernization. Modernist frameworks like angular, vue.js & react are meant for solving a single problem which is that of single page applications. If your app doesn't need that, then I don't think there's any benefit of using or even learning it.

And contrary to populist trend, I think jquery is awesome, there's nothing wrong with it! The javascript world is plagued with zillions of npm packages that do the same thing more or less. When one useful library like jquery tends towards a semblance of standardization, I don't get why many devs start hating it in unison. We should appreciate jquery, not abandon it!

Collapse
timkor profile image
Timkor • Edited

I do not agree with this. Although it is possible to create single applications with frameworks like Vue.js, it is also perfectly able to render serverside. You do not have to generate client side code at all. You could even combine it: render serverside, hydrate client side and from that point on it can behave like a SPA. You can also just generate static websites with Vue.

For all above, it is easiest done with Nuxt.js.

In my opinion, developing in a component based framework is much more productive and future proof. Especially in Vue.js I think every part of your application/website is more isolated.

I agree though, that it is also possible with other stacks and that it might be a matter of preference and experience.

Though, I highly recommended trying out Vue.js.

Thread Thread
pawail profile image
Pawail A. Qaisar

Calling anything 'futureproof' in this field is the height of hubris.

Thread Thread
timkor profile image
Timkor • Edited

Agree, I meant: more futureproof, but you might have interpreted it already as that.
Javascript is certainly more future proof than PHP, same goes for Vue for jQuery. Regarding the usage and popularity.

Collapse
javinpaul profile image
javinpaul Author

Well.. what I can say... you are not alone :-)

Collapse
pramanadiputra profile image
Ida Bagus Gede Pramana Adi Putra

I know, I was a game developer, wrote C# codes and worked with Unity Engine. Thanks for your post and that roadmap.

Thread Thread
johncrumpton profile image
John Crumpton

Why did you switch? I'm going the other way!

Thread Thread
loiclaudet profile image
Loïc Laudet

I exactly have the same question! Why did you make the move from game development?

Collapse
maraspin profile image
Steve Maraspin

Nice overview. I also think .NET Core should be more prominent in the back-end section.

Furthermore, among NoSQL databases, I would add InfluxDB and/or Timescale (for time series) and especially Redis (swiss army knife).

Good job nevertheless, keep it up!

Collapse
javinpaul profile image
javinpaul Author

Yes, I agree .NET Core is still an important backend technology and there is a good market for them. thanks for your comments and reminder.

Collapse
saqibramzan profile image
Saqibramzan

Thanks for providing such a useful and informative platform. I am on this site for the first time, and find it very helpful. Keep doing the great work. Shout out from our entire Chillitos Team

Collapse
dmahely profile image
Doaa Mahely

Welcome :)

Collapse
changal123 profile image
Alex Chang

This is my first time here as well! Good luck on your journey!

Collapse
ren profile image
ren

Amazing post, thank you very much!
Just would like to say that th background in the backend image is transparent, so it is kind of uncomfortable to read if you download the image as I did :)

Keep up the good work!

Collapse
javinpaul profile image
javinpaul Author

Thanks @ren

Collapse
chewieez profile image
Greg Lawrence

Thank you for creating this post! I am looking forward to digging in to it.

I did notice there is a typo in your title image at the very top. It currently says "Moder Web Developer" where I think it should be "Modern Web Developer".

Thanks!

Collapse
javinpaul profile image
javinpaul Author

Yes, you are correct, thanks for pointing out.

Collapse
kpennell profile image
Kyle

Everytime these maps get shared on reddit/hackernews, I've seen dozens of experienced laugh and mock at them, saying they are WAYYYY overkill. I'm not sure who to believe.

Javin, is there some proof you have that these skills are indeed necessary vs. just a subset of them?

Collapse
imperialisms profile image
Achilles Imperial

I think it all depends on the demands of prospective employers and clients. The more/deeper you learn, the more marketable you are. You can certainly find jobs knowing solely html and css, but your options open up if you know a lot more.

Collapse
siko279 profile image
Sijmen Koffeman

I think ASP.NET Core (Linux/OSX/Windows) is missing from this recommendation!

Collapse
javinpaul profile image
javinpaul Author

Yes, but you are right, it's worth including.

Collapse
itisdouglas profile image
Douglas Cueva

I'm a big fan of this developer roadmap. I have the backend roadmap printed, and I carry it around with me everywhere I go. I'll be saving this post to go back to it and review the resources you link to. Thanks!

Collapse
denzybob profile image
denzybob • Edited

. Latest Software 2021 crack free download here. Also, there are phpstorm crack download available for free professional webdeveloping Software Crack Download 2021
Filmora Crack Download for perfect video editing for online uploading as well.

Collapse
cescquintero profile image
Francisco Quintero 🇨🇴

Technology fatigue xD

I like and also dislike developer roadmaps.

I like they show how diverse can be working in software development but don't like how they could feel like there's only one path.

Is there a roadmap described in terms of software domain technology stack? I mean like this is the roadmap if you'd like to build/work doing the next Uber-like app.

Collapse
toddcoulson profile image
Todd Coulson

A roadmap, does not mean "the one true path". It means it is a common path. I think any single tech in this stack could take someone a lifetime to perfect, and there are niches all over this roadmap. Roadmaps are NEVER, "this is the only way".

Collapse
cubiclebuddha profile image
Cubicle Buddha

Yes, there are careers available in software for people of all interests and disciplines. There is no one way.

Collapse
molecula451 profile image
Paul

Using no-way as the way. YOU are the way.

Collapse
asghar_mhemod_1a10f9aa461 profile image
Asghar Mhemod

Thank you for creating this post! I am looking forward to digging into it. Keep doing the great work. Shout out from our entire focus. Ableton Crack

Collapse
starstype25 profile image
starstype25

Amazing knowledge and I like to share this kind of information with my friends and hope they like it they why I do
startscrack.com/wondershare-filmor...
rootactivator.com/sparkbooth-crack...
preactivator.com/audacity-crack-key/

Collapse
jeanmachuca profile image
Jean Machuca

British Herald has featured #qcobjects as "the most advanced framework for modern software development". Thanks for sharing!

britishherald.com/qcobjects-the-fi...

Collapse
rajvashi profile image
Raj vashi

Hii if you want some good websites or app development services then plz do visit best mobile application development comapany in India.
India
Thank you..

Collapse
trantien18 profile image
Super Mario Bros Game

nytimes spelling bee is a free online words game, try to play and find the words, to win this game, you can using word scramble tool.
play this game now.

Collapse
nexus profile image
masgha234

As a big Flutter fan I must say it deserves a separate roadmap. It has its own Dart language, has its own pub.dev package ecosystem, own architectures (BLoC, Provider…) and roughly take you 3 months to learn it well. While Cordova, Phonegap, Xamarin, React Native etc. are outdated and not worth learning at all. Crackrepack
Crack6

Collapse
levivm profile image
Levi Velázquez • Edited

Very good roadmap. I used myself for teaching juniors dev. In order to add information to this. I created a dev.to post about How To Select a Backend Framework

Collapse
esrever98 profile image
esrever98 • Edited

I truly impressed about this great article!! Thanks for letting us know about this marvelous roadmap.

One thing just for comment.. i think there are no number 6 title in "Recommended learning for either path" part ^^

Anyway, thanks a lot!!

Collapse
roadmaps profile image
Roadmaps master

The other roadmap for backend dev: infinite.education/expertise/Web_B...

Collapse
gregosphatos profile image
Adrien Petitjean

Hey nice post! Also are you considering adding micro (I would say nano) services with serverless and function as a service (aws λ, google functions etc...) for the backend part ?

Collapse
javinpaul profile image
javinpaul Author

Hello @Adrien, that's a great suggestion, yes, we'll consider that when we update this article. thanks for your suggestion.

Collapse
inshalayaz profile image
Inshal Ayaz • Edited

I made a list of free javascript courses
frogtok.com/best-javascript-course...

Collapse
joalcava profile image
J. Alejandro Cardona

You missed C# (asp.net core) in the backend, much hotter than Java.

Collapse
wiltel492019 profile image
Wiltel492019

It's a start. There's more coming. Pick your Programming.
Wiltel49@gmail.com

Collapse
bashayr29 profile image
Bashayr Alabdullah

Great article! Here Back-end developer who uses python with django rest. Recently I am thinking to use Golang for most of my code. I have use Java with spring boot also.

Collapse
javinpaul profile image
javinpaul Author

Thanks @Bashayr

Collapse
katleenbrown440 profile image
Kathleen Brown • Edited

Hey Author,
Amazing article i really liked the way that you have illustrated the things in a descriptive way and also you have explained each and every aspect in detail that's commendable.

Collapse
ftilu profile image
Frank

Awesome post indeed

Collapse
javinpaul profile image
javinpaul Author

Thanks @frank

Collapse
leonardoscorza profile image
Leonardo Scorza

Great Job, congratulations :)

Collapse
javinpaul profile image
javinpaul Author

Thanks @Leonardo

Collapse
hmphu profile image
Hoang Manh Phu

Great article. Thanks a lot

Collapse
javinpaul profile image
javinpaul Author

Thanks @Hoang

Collapse
Collapse
smartym profile image
Sergey V. • Edited

A great post, I've recommended it to my friends!

Collapse
propelguru profile image
Propel Guru

Amazing post, thanks for sharing such valuable information. Keep it up!

Collapse
hrhelpboard profile image
HRhelpboard

Its hard to find best web dvelopment roadmap.
hrhelpboard.com/hr-process.htm

Collapse
olgagalikua profile image
Olga Galik

thank you so much for your great insights. Btw, check out our review about frontend framework

Collapse
toddcoulson profile image
Todd Coulson

Hooray for this article, sent it to my whole team.

Collapse
batbayar profile image
Batbayar Sukhbaatar

Interestingly 6th item is always missing in the list

Collapse
javinpaul profile image
javinpaul Author

Thanks @Marynaaa

Collapse
javinpaul profile image
javinpaul Author

yes Vladmir, it's remote, sometime spellcheckers gets too smart :-)

Collapse
gadrawingz profile image
Gad Iradufasha

Helpful post, It is all-in-one! Everything is mentioned!

I'm still full stack developer With JS's Vue.js, React.js,
Ruby, Ruby On rails, Php, Node.js and GoLang!

Collapse
molecula451 profile image
Paul • Edited

WHAT a Such HIGH Valuable content we have here. Claps!!

Collapse
mandarbadve profile image
Mandar Badve

Very very useful information, thanks for sharing.

Collapse
jsf00 profile image
Saf Venture • Edited

The key is that you don't need to know everything but you need to know something well. #economicbenefits :) Nice post!

Collapse
rajvashi profile image
Raj vashi • Edited

Really helpful content. Cleared all my doubts. Also, check my websites:
Sarkari exam, worldfree4u

Collapse
windmason profile image
windmason

You made some good points there. I looked on the internet for the topic and found most persons will go along with with your blog. iCare Data Recovery Pro Crack recovers your files that were deleted from the recycling bin or deleted by mistake. you can easily iCare Data Recovery Torrent

Collapse
amina3432 profile image
Amina3432

lpcrack.com/windows-10-product-key/
Windows 10 of the Windows operating system has introduced a lot of features that make it one of the best-operating systems. These features include Microsoft service, Xbox Live, and Cortana that makes the user experience more up to date and friendly.

Collapse
windmason profile image
windmason

I looked on the internet for the topic and found most persons will go along with with your blog.Happy Ramadan Greetings. May this Ramadan be the best for you and your family. Ramadan Wishes 2021! May you receive many blessings and rewards.

Collapse
amina3432 profile image
Amina3432

cracksmob.com/microsoft-office-201...
Microsoft Office 2019 For Mac also saves the users task in a very efficient style. You can make thousands of paragraphs from one paragraph. Otherwise, you can also prepare several copies of each text and assignment. Mostly, people want to use this tool for several tasks.

Collapse
windmason profile image
windmason

WonderShare Filmora Crack is my selection for a video editing program and comes in versions for both Windows and Mac. getprocrack.com/wondershare-filmor...

Collapse
windmason profile image
windmason

PUBG License Key Crack 2021 Game Full Version Download [Direct Torrent] is a very first-person shooter game with aspects of survival.

Collapse
anubhavdevweb profile image
Anubhav-dev-web

thanks man!!

Collapse
windmason profile image
windmason

Hotspot Shield 2021 Crack is a powerful and widely used VPN that helps you to unblock restricted sites and browse safely. Hotspot Shield Crack