frontendmasters/learning-roadmap

The Front-End Developer Learning Roadmap by Frontend Masters

The Frontend Learning Roadmap

Authored by Cody Lindley | Published by Frontend Masters - Advancing your skills with in-depth, modern front-end engineering courses

Formally the Front-End Developer Handbook

__

Read Online: https://frontendmasters.com/guides/learning-roadmap/

This is a curated roadmap to becoming a professional Front-end Developer that anyone could use to learn about the practice of front-end development. It broadly outlines and briefly discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2020.

It is specifically written with the intention of being a professional resource for potential and currently practicing front-end developers to equip themselves with learning materials and development tools. Secondarily, it can be used by managers, CTOs, instructors, and head hunters to gain insights into the practice of front-end development.

The content of the handbook favors web technologies (HTML, CSS, DOM, and JavaScript) and those solutions that are directly built on top of these open technologies. The resources and tools referenced and discussed in the guide are either best in class or the most current offering to a problem.

The roadmap should not be considered a comprehensive outline of all resources available to a front-end developer. The value of the roadmap is tied up in a terse, focused, and timely curation of just enough categorical information so as not to overwhelm anyone on any one particular subject matter.

The intention is to release an update to the content yearly.

---

Read Online

---

This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.

learning-roadmap's Issues

The density of information is too high

Hello,

I'm very glad this roadmap has been released. But I find the density of information too high. It's very difficult to see a clear path. It could be very confusing for beginners. I find it way easier to follow this roadmap: https://roadmap.sh/frontend. Everything fits horizontally, and I can scroll to get more information.

Overview should render the title of each node

In this view, we don't actually get that much information:

Potential solutions

1. in this overview mode, render just the block titles
   • and when zooming in, it can show the topics detail
2. the tooltip could be the title instead of 'read now' for all of them.

Translation Work

Great job，what should I do to translate this repo？

Ideas about translation

Very good content, I would love to contribute to the Chinese translation so that more people can be helped. It looks like these are just a bunch of HTML files. I think the easiest way to translate this roadmap is to create a new directory called maybe zh/, and copy all the existing chapters into the zh/ directory. I will translate and replace them one by one. Of course, all HTML files in the zh/ directory will have to updated with the css/js references, just like:

<link rel="stylesheet" href="node_modules/vis/dist/vis.min.css" />
=>
<link rel="stylesheet" href="../node_modules/vis/dist/vis.min.css" />

I forked the repo and tested it locally and it works. What do think of it?

Spelling error - Change JavaScript State "Managment" to JavaScript State "Management" in the heading (h1)

A really small spelling error on JavaScript State Managment page in the heading. Code change

Add translation

Hello, how can I help with translation?
There is any solution other than forking this repo and translating HTML files?