The front end is probably one of the fastest changing directions. It seems to change every year. Technology is updated every six months.

Some time ago, I was lucky to hear a lecture about the changes in the front end of 20 years. Looking back at the history of the front end, what seems to be a rapidly changing technology is essentially the same. While development models have changed, the basics have not. JavaScript syntax from 20 years ago is still outdated today.

The most important reason for the illusion of fast front-end change is that the technology stack is getting richer. Before learn HTML + CSS + JavaScript go all over the world are not afraid, now these three swordsmen just start, but also to learn a lot of framework, a lot of tools, a lot of development process, the front end has been renamed big front end, not only to master the front-end technology, but also involved in the back-end, database and so on, so to learn a very wide range of knowledge.

On the other hand, there are a lot of nouns in the front end, some of which are just rephrased to make it sound cool.

Whether it’s HTML, CSS, or JavaScript, progress is slow, and Web standards are a mess, almost by trial and error. As a result, a lot of technology solutions emerge from the community, and they compete with each other, the strong survive and the weak die out, and we see too much technology being ruthlessly thrown away, and it’s the people (developers) who suffer.

I’ve been involved in Web development for over a decade, and I remember first learning HTML in 2007, but not in a serious, systematic way, and never working on a decent project. In the past, I used Vue, React and other frameworks to do Web development. I seldom used basic knowledge to develop Web from a high level. If you use A UI library like Ant, you don’t even need to write CSS, which also led to my poor foundation. I also read articles about the front end. Although I can grasp the overall development trend of the Web, my knowledge is fragmented and many things are half-understood.

I was like a front-end layman, and Web development was like a mountain blocking the path to computer programming freedom. Whenever you want to do something fun, always can’t hide the front end development, so I decided to cross this mountain.

Based on my knowledge reserve and online articles, and referring to the front-end knowledge atlas of several big names, I drew a front-end knowledge map and sorted out the front-end knowledge that needs to be learned. The map is not a complete version, which will be constantly changed with the deepening of learning, but the core will not change. The knowledge map starts at twelve o ‘clock and goes clockwise.

The big front end can be said to be the knowledge of astronomy and geography, from the front end to the back end, from the operating system to the computer network, from development to deployment, need to master, but do not be intimidated, slowly learn, remember not to be greedy, three months quick is not exist.

HTML/CSS/JavaScript is the foundation of everything, the framework just wraps a layer on top of them and hides the underlying knowledge, but to be a qualified developer, you have to have a solid foundation. Only with basic knowledge can we advance our study.

Aoli give!!

reference

The following three references are attached, if not clear, you can click the link to view.

Geekbang Programmer skills atlas github.com/TeamStuQ/sk…

Front end knowledge map – zhihu zhuanlan.zhihu.com/p/132597932

Developer – roadmap github.com/kamranahmed…