A software engineer named Kamran Ahmed posted a Web Developer Roadmap to Github. It shows a progression of skills to get someone into Front-End or Back-End Development, or into DevOps.
I’m sure some of the content is debatable or may not include all of the available options one would prefer to see for a section, but it’s nice to see a template that someone can really work from — if you see something missing, you will probably see where in the roadmap it fits in.
Click here for the Github page for the Web Developer Roadmap.
Below I wrote out the map for the Front-End Developer along with links to the topics mentioned.
For Front-End Developer, the roadmap works in a few stages:
- Deeper Knowledge of the Basics
- Languages: Learn ES6 and TypeScript
- Module Loader, like Webpack
- Package Manager, like yarn or npm
- Task Runners, like gulp or npm scripts
- Testing Solution such as Jest or Mocha
- Then you can Learn a Framework, like Angular, React, Vue or Ember
- Learn Responsive Web Design for mobile devices
- Preprocessor like Sass or Less
- A Framework such as Bootstrap, Semantic UI or Foundation
- More Advanced Topics
- Design Patterns, testing techniques
- CSS3 Deep Dive into topics like the Flexbox, Grids, Gradients, etc
- Methodologies like SUIT CSS and SMACSS