Escreva na frente

Antes, muitos pequenos parceiros perguntavam por suas necessidades e diziam: Se você quiser trabalhar no desenvolvimento de front-end no futuro, pode resolver uma onda de materiais de auto-estudo de desenvolvimento de front-end + livros, simplesmente acontece de estar vazio , este assunto deve ser resolvido primeiro!

Não muito tempo atrás, também separamos a "rota de aprendizagem e os pontos de conhecimento do desenvolvimento de front-end" em detalhes aqui.

O mapa mental de aprendizagem detalhado desenhado antes, também publique-o aqui:

Neste artigo, vamos comparar este mapa do cérebro do conhecimento e, em seguida, separar os materiais de aprendizagem e livros específicos que podem ser usados durante o estudo . Os amigos parecem estar mais preocupados com isso ~

Observação: este artigo foi incluído no projeto de código aberto Github: github.com/hansonwang99/JavaCollection , que contém rotas de aprendizagem de programação de autoaprendizagem detalhadas, perguntas de entrevistas e entrevistas , materiais de programação e uma série de artigos técnicos, etc. Os recursos são continuamente atualizado
”

Devo dizer que a pilha de tecnologia front-end é atualizada muito rápido e a versão do framework também é lançada. Nesse caso, além de ler alguns conhecimentos clássicos, você também deve cultivar o hábito de ler documentos oficiais, uma habilidade necessária e de sobrevivência.
”

HTML

《Head First HTML 与 CSS》

Você conhece a série de livros Head Fisrt. Eles nasceram para a introdução. O estilo de escrita é espirituoso e bem-humorado e as fotos também são muito ricas. Simples e fáceis de entender.

"Guia definitivo de HTML5"

O livro com uma pontuação Douban de 8,5 não é problema. 800Desnecessário dizer que a abrangência de um livro de várias páginas é uma questão de saber se você pode terminá-lo. Depende de sua determinação e "velocidade de mão".

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

CSS

"Guia definitivo de CSS"

É um "livro antigo" por enquanto, mas muitas coisas básicas estão expostas e você precisa aprender. CSS é um monte de detalhes.Este livro é apenas para esclarecer os pontos de conhecimento de CSS, portanto, este livro pode ser usado como um livro de referência.

"CSS Revelado"

Este livro mostra 47uma técnica de CSS e é um tutorial prático.Embora seja considerado um livro avançado, o conteúdo não é tão difícil.Após a leitura, será inspirador para muitas ideias de implementação.

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

Linguagem JavaScript

"JavaScript que você não conhece"

Este livro está traduzido, dividido em vários volumes, você conhece a capa do óleo de manteiga ~ Deve-se dizer que este livro JavaScriptexplicou muitos conceitos complexos e aprofundados em detalhes, como escopo, fechamento, protótipo, assincronia, etc. As resenhas de livros online ainda são possíveis.

"Arte de programação JavaScript DOM"

Este livro não é muito espesso. Ele está disponível para Xiaobai. Concluí e pratiquei o conteúdo deste livro quando era um iniciante. Não deve ser problema começar, para que você possa encontrar alguns livros clássicos ou mesmo bíblicos para fortalecê-lo e consolidá-lo posteriormente.

"Programação Avançada de JavaScript"

O famoso JSLivro Vermelho é um JavaScriptlivro introdutório autorizado , sim, é um livro introdutório! Não se assuste com a palavra " avançado " no nome ~ O conteúdo é gradual, básico e abrangente, você não pode esperar passar por ele uma vez, adequado para leitura intensiva e gosto residual.

"Guia definitivo de JavaScript"

Acima está o "Livro Vermelho", este é o "Livro Rhino", diz-se que os dois são mais compatíveis juntos.

Este livro foi traduzido pela equipe de front-end do Taobao e pode ser considerado uma das JavaScriptbíblias do desenvolvedor. O conteúdo é muito e completo. Se você puder lê-lo algumas vezes e tiver alguma experiência, estima-se que o caminho para Deus não estará longe ~

Tutorial de rede
- Tutorial para principiantes: https://www.runoob.com/js/js-tutorial.html
- Tutorial de JavaScript moderno: https://zh.javascript.info/
- Documentação MDN: https://developer.mozilla.org/

É

ESE JSa relação deve ser capaz de distingui-lo, para o desenvolvimento front-end, ES6+é necessário aprender, e existem vários materiais clássicos.

"Tutorial introdutório de Ruan Yifeng ECMAScript 6"

https://es6.ruanyifeng.com/

"Conhecimento aprofundado do ES6"

O livro com uma pontuação Douban de 9,4 apresenta sistematicamente os recursos importantes do ES.

TypeScript

Como um engenheiro front-end qualificado, TypeScriptvocê agora deve dominar o conhecimento.O melhor material para aprendê-lo é a documentação.

"Documento Inglês"

https://www.typescriptlang.org/docs

"Documento Chinês"

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

"Conhecimento aprofundado do TypeScript"

É melhor ler a documentação. Quanto ao livro, este "Entendimento aprofundado do TypeScript" é uma tradução do "TypeScript Deep Dive" original. Se você tem energia, pode estar saudável.

Estrutura de dados e algoritmo

"Aprendendo Estruturas de Dados e Algoritmos de JavaScript (3ª Edição)"

A estrutura de dados e o algoritmo em si não têm nada a ver com a linguagem de programação, mas se você tiver que encontrar um JavaScriptlivro de estrutura de dados e algoritmo baseado na descrição da linguagem, então este é um prato de front-end. Além de estruturas de dados comumente usadas, algoritmos e idéias de algoritmo estão envolvidos, o livro também usa um capítulo para escrever ESe TScoisas assim.

Padrões de design

"Padrões de Design JavaScript"

Os padrões de design são originalmente independentes da linguagem. Este é um JavaScriptpadrão de design baseado na descrição da linguagem. Todos os padrões de design comuns foram mencionados. O estilo de escrita não é enfadonho e os cenários e exemplos dados são bastante completos. Claro que este livro se concentra na flexibilidade uso e leitura avançada.

Protocolo de rede

Para o desenvolvimento de front-end, os protocolos de rede são definitivamente obrigatórios, especialmente os protocolos da camada de aplicativo. É melhor saber mais sobre outros protocolos subjacentes.

"TCP / IP gráfico"

"HTTP ilustrado"

Esses dois livros ilustrados de protocolo de rede são fáceis de entender e as fotos também são muito vívidas. Se você não consegue comer a versão preta (cinza) da Bíblia do protocolo de rede, pode dar uma olhada nisso.

"Guia Autoritativo de HTTP"

Este livro não é apenas HTTPsobre o conteúdo do protocolo em si, nem apenas para desenvolvedores de front-end. Ele explica muitas tecnologias periféricas e muitas tecnologias e princípios no processo de webização, e o sistema de conteúdo é enorme. Os programadores relacionados ao desenvolvimento web podem dar uma olhada quando avançam para expandir seus conhecimentos.

Node.js

"Documento chinês Node.js"

http://nodejs.cn/api/

A versão do Node.js é atualizada tão rápido que ler a documentação é o mais confiável.

"Combate real do Node.js"

Se você insiste em procurar um livro-texto, este tutorial prático do Node.js pode ser usado.

"Introdução ao Node.js"

Este livro não foi escrito para iniciantes. É considerado um livro avançado sobre Node.js. O autor chinês é realmente obstinado e analisou alguns princípios-chave do Node.js. vale a pena ler.

Framework de aplicação

O framework é muito rápido para atualizar e iterar. Ou não teve tempo de publicar o livro ou é o tipo de livro fast-food que é lançado rapidamente. Basicamente, ele copia os documentos oficiais do framework. Às vezes, a tradução e a compreensão não são necessariamente precisas, então estou aprendendo Quando se trata de frameworks front-end de todos os tipos, os documentos oficiais ainda são as informações mais confiáveis e abrangentes, incluindo, mas não se limitando a:

Documento oficial chinês Vue.js: https://vuejs.bootcss.com/guide/
Documentação oficial do React.js: https://reactjs.org/docs/getting-started.html
Pequeno livro React.js: https://github.com/huzidaha/react-naive-book
Documento oficial do Webpack em chinês: https://www.webpackjs.com/concepts/
Documentação chinesa Sass: https://sass.bootcss.com/documentation
Menos documentos chineses: http://lesscss.cn/usage/
Documento da caneta chinesa: https://stylus.bootcss.com/
...e assim por diante

Foco no desempenho

"O Guia Definitivo para o Desempenho na Web"

Antes de ler este livro, é melhor ter os fundamentos da família de protocolos TCP / IP. Embora grande parte do livro também seja sobre esta parte do conteúdo, o conhecimento e o conteúdo da prática de otimização correspondente são adicionados e a leitura avançada está disponível. E este livro não é apenas para desenvolvedores front-end, mas também para todos os aplicativos da web e desenvolvedores de sites, incluindo back-end, operação e manutenção, armazenamento, vídeo, engenheiros de desempenho, etc.

pós-escrito

Finalmente, se você tiver algo a acrescentar ou se puder recomendar boas informações, acrescente mais e compartilhe e melhore juntos.