Description

Full stack development is on the rise because it eliminates the need of hiring and managing teams that involve a front end developer, a backend developer, and operations. It is especially popular among small scale companies that want to prototype and test a product without committing a lot of resources to it. Fullstack developers are also sought after in lead roles where knowledge of how the whole product fits together and operates is crucial.

It is no doubt a role that involves a lot of responsibilities. The required skills and expertise can only be amassed over time. However, we believe that this roadmap will help you get started on your journey and motivate you to explore new areas.

What you'll learn

• HTML and CSS
• Modern JavaScript
• Webpack and React
• Server side development with Node.js (Express) MongoDB
• Version control using Git Deploying on AWS

Syllabus

HTML and CSS

HTML and CSS are the basic building blocks of any web application. If you already have some experience with web development, you may skip this section.

Modern JavaScript

Within the Hackr community, we discuss dozens of JavaScript tutorials. Community feedback tends to favor courses that focus on real-world projects and applications. So, that's what we recommend for those getting started.

• Introduction to JavaScript | FreeCodeCamp (learn.freecodecamp.org)
• The Complete JavaScript Course 2023: Build Real Projects (udemy.com)

Webpack and React

Webpack is a module bundler that will manage your JS and CSS files for you. It is not a requirement, so you can jump into React straightaway. However, our experience shows there's a benefit to using a bundler in production applications.

• Webpack Official Documentation (webpack.js.org)
• React Crash Course 2018 - React Tutorial with Examples (youtube.com)
• Webpack 2: The Complete Developer's Guide (udemy.com)
• Resource: Useful React Links

Node.js and Express

Express.js is a framework makes development with Node.js simpler. Some students in our community prefer to learn Node.js first before focusing on Express.js.

• Express/Node Introduction (developer.mozilla.org)
• The Complete Node.js Developer Course (udemy.com)

MongoDB

MongoDB is a NoSQL database that integrates really well with Node.js. The community chose a few popular resources for those who want to get started.

• MongoDB - The Complete Developer's Guide (udemy.com)
• The Little MongoDB Book (openmymind.net)

Version Control

Learning Git at this point is optional, but we highly recommend using it in production as well as development so you can maintain history your code and restore anytime. Here are a few tutorials and resources to help you get started. Our experience shows these are popular with novices.

• Git Guru Guide by Atlassian (atlassian.com)

AWS

Deploying on AWS is also optional. However, we recommend getting familiar with at least one cloud provider if you want to get into the operations part. Alternatively, you can use PaaS providers such as Heroku. Our community research shows Udacity and Coursera as popular resources. You can also check out the official documentation.

• AWS Fundamentals: Going Cloud-Native (coursera.pxf.io)
• Amazon EC2 - AWS Documentation (docs.aws.amazon.com)

How to follow this roadmap?

• Following parts are optional for beginners: Git, AWS, and Webpack.
• If you have some web development experience, you can skip the HTML, CSS, and vanilla JavaScript courses as they do not cover any advanced topics. You should still take the ES6 course.
• You can use Vue.js or Angular in place of React if you are already comfortable with them. In some cases, you can skip a front end JS framework/library entirely (depending on your project needs).
• Completing this roadmap can take anywhere between two to six months depending on what you already know and how many hours you put in everyday.