Before you begin with the Roadmap
- I am sharing a roadmap for learning web-development starting from the absolute beginner stage
- This is not the only way you can become a web developer. You don't have to follow the exact sequence of learning these technologies.
- You can of course mix and match according to your preference.
- I am sharing the courses or tutorials that I found helpful in learning the various web technologies.
- And most importantly, the course creators or instructors haven't paid me to talk about their courses.
- The courses that I am sharing here are for learning
MERN stack[MongoDB, Express.js, React, Node.js].
Let's Begin
The typical roadmap for learning all the technologies for becoming a decent MERN stack web developer would be something like the following 👇
🖥️ Front-End technologies:
- Html
- CSS
- CSS frameworks like Bootstrap, Tailwind, etc.
- Preprocessor libraries like SASS etc.
- Responsive Web Design
- Javascript
- DOM manipulation
- ES6 features in-depth
- React, Vue or Angular
- Design frameworks line Material UI etc.
- Packages like Redux etc.
🛠️ Back-End technologies:
- Node.js
- Express.js
- REST API with Express.js
- Authentication in Backend
- Git and Github for version control
- MongoDB
- Mongoose.js
📱 Mobile development technologies:
- React Native or Flutter
Courses for learning these awesome technologies
When I started to learn I didn't felt very comfortable reading the documentation for learning something. So I went for online tutorials.
These courses gave me a headstart. And after several months [more like a year and a half] learning these things, I can say that I'm comfortable now to learn a new technology on my own, following written tutorials and documentation.
For knowing about all the technologies in a single course you can go for the following course. 👉
But keep in mind this won't give you in-depth
knowledge of these technologies. After this course,
you'll be comfortable working with these
technologies, and then you have to continue for more
advanced knowledge.
If you want to take more of a modular approach 👉
- For Html, CSS with responsive web design
- For Javascript and ES6
- The Creative Javascript Course by Dev Ed
-
The Complete JavaScript Course 2020: Build Real Projects! by Jonas Schmedtmann |
very much recommended -
20 Web Projects With Vanilla JavaScript by Brad Traversy |
very much recommended
- For a complete package of MERN Stack with Node.js, Express, React, Redux & MongoDB
-
MERN Stack Front To Back: Full Stack React, Redux & Node.js by Brad Traversy |
very much recommended
-
MERN Stack Front To Back: Full Stack React, Redux & Node.js by Brad Traversy |
- For React.js
- For Node.js with Express and MongoDB
- For Mobile development with React Native
-
The Ultimate React Native Series by Mosh Hamedani |
very much recommended
-
The Ultimate React Native Series by Mosh Hamedani |
- For Mobile development with Flutter
Hope you will have a good time learning these 😄.
Again I'm saying, none of the instructors of the mentioned courses sponsored me to write about their courses.
I am sharing these because some of these courses helped me a lot to learn about web development and I'm very grateful to these awesome people for making these tutorials.
Show some love if you like my blogs.
Thanks for reading 😃.
Find me around web 🕸:
- 💻 Visit my Website
- 🌟 Check out my Substack
- 😸 Check my Repos on GitHub
- 🦊 Check my Repos on GitLab
- 📦 Check my Packages on NPM
- 🔗 View my Profile on LinkedIn
- 📝 View my Blogs on Dev.to
- 😜 Follow me on Instagram
- 📚 Check out my Goodreads Profile
- 📪 Contact me Here
Top comments (5)
Back end is much more than Node/Mongo combo...
Just briefly comes to my mind:
I know...In this post I shared only the things that I learned till now...
I will surely add more to this list later
Thanks for your comment
Good luck with your learnings :)
How will I be able to know all these when the government of where I live "Nigeria" is killing techies!
Techies in Nigeria Are Not Safe Again In The Hands of the Government
Hammed Oyedele ・ Oct 20 ・ 1 min read
You can add this course by WesBos Fullstack Advanced React & GraphQL