Write in front

Before, many small partners asked for their needs and said: If you want to work on front-end development in the future, can you sort out a wave of front-end development self-study materials + books, it just happens to be empty, this matter should be arranged first!

Not long ago, we also sorted out the "learning route and knowledge points of front-end development" in detail here.

The detailed learning mind map drawn before, also post it here:

In this article, we will compare this knowledge brain map, and then sort out the specific learning materials and books that can be used when studying . The friends seem to be more concerned about this~

Note: This article has been included in the Github open source project: github.com/hansonwang99/JavaCollection , which contains detailed self-learning programming learning routes, interview questions and interviews , programming materials and series of technical articles, etc. The resources are continuously updated
”

I have to say that the front-end technology stack is updated too fast, and the framework version is also released. In this case, in addition to reading some classic knowledge, you should also cultivate the habit of reading official documents. This is both a necessary and a survival skill.
”

HTML

《Head First HTML与CSS》

You know the Head Fisrt series of books. They were born for introduction. The writing style is witty and humorous, and the pictures are also very rich. Simple and easy to understand.

"HTML5 Definitive Guide"

The book with a Douban score of 8.5 is no problem. 800Needless to say, the comprehensiveness of a multi-page book is a question of whether you can finish it. It depends on your determination and "hand speed".

Network tutorial
- https://www.w3school.com.cn/h.asp
- https://www.runoob.com/html/html-tutorial.html
- https://developer.mozilla.org/

CSS

"CSS Definitive Guide"

It's an "old book" for now, but many basic things are laid out there and you have to learn. CSS is a lot of details. This book is just to sort out the knowledge points of CSS, so this book can be used as a reference book.

"CSS Revealed"

This book shows 47a CSS technique and is a practical tutorial. Although it is considered an advanced book, the content is not that difficult. After reading it, it will be inspiring for many implementation ideas.

Network tutorial
- https://www.runoob.com/css/css-tutorial.html
- https://www.w3school.com.cn/css/index.asp
- https://developer.mozilla.org/

JavaScript language

"JavaScript You Don't Know"

This book is translated, divided into several volumes, you know the cover of butter oil~ It should be said that this book JavaScripthas explained many complex and in-depth concepts in detail, such as scope, closure, prototype, asynchrony, etc. , Online book reviews are still possible.

"JavaScript DOM Programming Art"

This book is not too thick. It is available for Xiaobai. I have completed and practiced the content in this book when I was a beginner. It should be no problem to get started, so that you can find some classic or even Bible books to strengthen and consolidate it later.

"JavaScript Advanced Programming"

The famous JSRed Book is an authoritative JavaScriptintroductory book, yes it is an introductory book! Don't be scared away by the word " advanced " in the name ~ The content is gradual, basic and comprehensive, you can't expect to go through it once, suitable for intensive reading and aftertaste.

"JavaScript Definitive Guide"

Above is the "Red Book", this is the "Rhino Book", it is said that the two are more compatible together.

This book is translated by the Taobao front-end team, and it can be regarded as one of the JavaScriptdeveloper’s bibles. The content is too much and complete. If you can read through it a few times and have some experience, it is estimated that the road to God will not be far away~

Network tutorial
- Novice tutorial: https://www.runoob.com/js/js-tutorial.html
- Modern JavaScript tutorial: https://zh.javascript.info/
- MDN documentation: https://developer.mozilla.org/

IS

ESAnd JSthe relationship should be able to distinguish it, for front-end development, it ES6+is necessary to learn about, and there are several classic material.

"Ruan Yifeng ECMAScript 6 Introductory Tutorial"

https://es6.ruanyifeng.com/

"In-depth understanding of ES6"

The book with a Douban score of 9.4 systematically introduces the important features of ES.

TypeScript

As a qualified front-end engineer, TypeScriptyou must master the knowledge now, and the best material to learn it is the documentation.

"English Document"

https://www.typescriptlang.org/docs

"Chinese Document"

https://www.tslang.cn/docs/home.html

"In-depth understanding of TypeScript"

It is best to read the documentation. As for the book, this "In-depth Understanding of TypeScript" is a translation of the original "TypeScript Deep Dive". If you have energy, you can be healthy.

Data structure and algorithm

"Learning JavaScript Data Structures and Algorithms (3rd Edition)"

The data structure and algorithm itself has nothing to do with the programming language, but if you have to find a JavaScriptdata structure and algorithm book based on language description, then this is a front-end dish. In addition to commonly used data structures, algorithms, and algorithm ideas are involved, the book also uses a chapter to write ESand TSthings.

Design Patterns

"JavaScript Design Patterns"

Design patterns are originally language-independent. This is a JavaScriptdesign pattern based on language description. All common design patterns have been mentioned. The writing style is not boring, and the scenarios and examples given are quite complete. Of course This book focuses on flexible use and advanced reading.

Network protocol

For front-end development, network protocols are definitely a must-see, especially application layer protocols. It is better to know more about other underlying protocols.

"Graphic TCP/IP"

"Illustrated HTTP"

These two network protocol illustrated books are easy to understand, and the pictures are also very vivid. If you can't eat the black (gray) version of the network protocol bible, you can take a look at this.

"HTTP Authoritative Guide"

This book is not only HTTPabout the content of the protocol itself, nor is it just for front-end developers. It explains many peripheral technologies and many technologies and principles in the process of Webization, and the content system is huge. Programmers related to web development can take a look when they advance to expand their knowledge.

Node.js

"Node.js Chinese Document"

http://nodejs.cn/api/

The Node.js version is updated so fast, reading the documentation is the most reliable.

"Node.js Actual Combat"

If you insist on looking for a textbook, this Node.js practical tutorial can be used.

"Introduction to Node.js"

This book is not written for beginners. It is considered as an advanced book on Node.js. The Chinese author is really long-faced and has analyzed some key principles of Node.js. If you want to learn more about Node, this book is worth reading. .

Application framework

The framework is too fast to update and iterate. Either it has not had time to publish the book, or it is the kind of fast-food book that is released quickly. It is basically copying the official documents of the framework. Sometimes the translation and understanding are not necessarily accurate, so I am learning When it comes to front-end frameworks of all kinds, official documents are still the most reliable and comprehensive information, including but not limited to:

Vue.js Chinese official document: https://vuejs.bootcss.com/guide/
Official React.js documentation: https://reactjs.org/docs/getting-started.html
React.js small book: https://github.com/huzidaha/react-naive-book
Webpack Chinese official document: https://www.webpackjs.com/concepts/
Sass Chinese documentation: https://sass.bootcss.com/documentation
Less Chinese documents: http://lesscss.cn/usage/
Stylus Chinese document: https://stylus.bootcss.com/
...and so on

Focus on performance

"The Definitive Guide to Web Performance"

Before reading this book, it is best to have the basics of the TCP/IP protocol family. Although a lot of the book is also about this part, the knowledge and content of the corresponding optimization practice are added, and advanced reading is available. And this book is not only for front-end developers, but also for all web application and site developers, including back-end, operation and maintenance, storage, video, performance engineers, etc.

postscript

Finally, if you have anything to add, or if you can recommend good information, please add more and share and improve together.