These notes are part of the recommendations of Andrei Neagoie in the Real Web Developer Roadmap 2020. I invite you to review The complete web developer in 2020 course or if you have some experience The complete junior to senior web developer in 2020 course and get your own insights. So, this an awesome feedback about what should we focus on in this 2020 as Web Developers. This first part covers the FrontEnd point of view in the roadmap, the BackEnd part is coming π .
Important note: The links and notes marked with the π are highly recommend
General recommendations
- Master your IDE
- Improve your basic fundamentals
- Git / Github
- Terminal skills
- Learn to upload your files to your hosting and create your own domain
- Learn more about JSON / gRPC
Front End
Web APIS provided by the browser π
HTML5 π
CSS3 π
- Animations
- CSS Variables
- Rem vs EM vs PX
- Media Queries
- Preprocessors
- CSS Layout π
- CSS in JS
- Organizing CSS
- Frameworks and libraries
JavaScript
- Fundamentals π
- Compilers / Transpilers
- Frameworks / Libraries
State Managment
SSR π
Helpers π
Build Tools
- NPM Scripts π
- Bundlers
Web Components
Package Management
Popular libraries
JAM Stack π
- Static Sites
- CMS
Unit Test
- Jest π
- Ava
- Mocha / Chai / Sinon
- Jasmine
- React Testing Library π
End to End Test
Continuous Integration / Continuous Delivery
Back End
Static Hosting
- Zeit / Vercel
- Surge
- Gitlab Pages
- Github Pages π
- Netlify π
Managed Hosting
Cloud
Web Servers
- Nginx π and [Nginx Load Balancing](http://nginx.org/en/docs/(http/load_balancing.html)
- Caddy 2 π
- Apache
- CDN Cloudfare π
Serverless
Node.js
π¦ Deno
Python π
API Consumption
Authentication
- Managed: Firebase π
- Third Party: Oauth2 π
- Cookie Based Authentication
- Token Based Authentication π
Containers
Relational Databases π
NoSQL Databases π
Managed Databases
- AirTable π
- Firebase π
- Prisma
- AWS / GCP / Azure
Mobile
- React Native π
- Flutter π
- PWA π
- Ionic
- NativeScript
Desktop
Machine Learning
- Prebuild Models π like cloudML / Firebase ML / Clarify / IBM ML / AWS ML
- Brain.js
- Tensorflow.js π
Web Assembly π
PS: If you are starting your Web Development career, I suggest you can start with this Complete Web Developer 2020 Course by ZTM and get a 10% discount using that link.
PS2: To review more post like this, I invite you to my blog π€.
Cheers and keep learning! π»
Top comments (11)
Oh my. Here we go again.
MIND-OVERLOAD!
People doing this kind of roadmaps should specify the degree of mastery you have to have to accomplish it. Also their limitless-style drug dealer phone number to start learning.
Well, after reviewed the experience and trajectory of Andrei Neagoie, I can say he has that kind of mastery of the things they talk about. And regarding list and roadmap, only are opinions based on what is demanding the industry, some statistics based on surveys.
Regarding list and roadmap, only are opinions based on what is demanding the industry, some statistics based on surveys and finally, I think you don't need to learn 100% everything, time is limited to learn everything in the world, you only need to know that exists some technologies and they are demanded by the industry is enough to choose what you should be focused. But in the end, it is not a one size fits all.
Yeah, I donβt judge the author! I mean that thereβs this trend that implies that, to be a web developer (or frontend, backend, etc.) you need to know a tree of technologies with infinite branches.
The reality for lots of us is that we are going to stick to a tech stack, easily, for 2-3 years.
And I wonβt talk about consulting or big companies, where you usually work developing and mantaining legacy solutions.
My two cents: Itβs ok to now what comes out, updates, whatever. But itβs a lot more valuable to develop truly deep expertise in a specific stack that jump over any new framework or library.
You are going to be a lot more valuable if you are an ace in i.e. MEAN or MERN stack, than knowing how to do a slightly complex hello world in 8 trendy new tools.
Sure!! To be honest, after almost 7 years as Developer in (Back, Front and Mobile) the most important thing I've learned is:
We need to focus in the fundaments and get knowledge for the long term.
It does not make sense, learn every framework, library, trend, and fall in the "fatigue". Because one more time, time is limited, and we should use it wisely.
Nice comment @roberto ! πͺπΌ
Totally agree!
Thank you, Edwin!
From my experience, Hugo is faaast but has cons, for me it's good only for static+cloud cms and simple stuff, need more plugins. Deployment on heroku is a breeze (1-2min max). Elm is a dead end to me and I think deno will not be good for production this year. Cheers and thanks for good list.
In my personal experience and opinion, I've used Gatsby and Jekyll, however recently I've moved 100% to Gatsby, by its simplicity and amount of plugins.
Maybe DENO is still in his first step, however as said, we don't need to use DENO because he says, is a good point to have it in this roadmap. :) . We'll wait for the next year.
Thanks for your comment and your opinions @Maciej! :D
I'm curious about deno and yet my feelings are totally ambivalent, I'll wait some time and see where it going. Cheers :)
Nice. However, can you including the following to make the list logical?
Serverless => Azure Functions
Mobile => Xamarin Forms.
thanks ...
You're welcome! :)