preface

Before you know it, 2021 is over

This year, happy and sad…

Ready to pack up for 2022

So I sorted out my favorites and shared some front-end learning materials collected by myself in 2021, including 65 articles, 37 videos and 24 books

Remark:

  • The following is in no particular order
  • The information in this article comes from the public information on the Internet for reference only
  • If there is infringement, please inform, will be the first time under the link
  • Repo: quality-front-end-resources repo: quality-front-end-resources

A, articles,

JS

  1. ECMAScript introduction to 6
  2. The most complete handwritten JS interview questions
  3. Read will, handwritten Promise principle, the most accessible version!!
  4. This time, thoroughly understand the JavaScript execution mechanism
  5. From simple to deep, 66 JavaScript interview knowledge points
  6. JavaScript in-depth series 15 officially concluded!
  7. “Intermediate and advanced front-end interview” JavaScript handwritten code unbeatable secrets
  8. Modern JavaScript Tutorial

CSS

  1. Rem layout principle analysis
  2. 8 hardcore tips to quickly improve your CSS skills
  3. You never know how to play skeleton screen

Vue

  1. Vue RFCs
  2. Vue3 Chinese document
  3. How to join open Source projects – How to PR Vue3.0
  4. The most comprehensive Vue front-end code style guide ever
  5. Learn Vue3 from scratch with 101 brain maps (including the latest syntax of Vue3.2)
  6. Achieve the simplest VUE3 model
  7. [Vue official tutorial notes]- Yu Xi handwritten mini-vue
  8. Experience the Vue3 Family Bucket in 10 minutes (Vue3 + VueRouter4 + Vuex4)
  9. 10.23 You Yuxi in Early chat live share summary: Vue3 ecological development status and prospects
  10. 2021 must-know best practices for vite+vue3 projects

React

  1. This is probably the most popular way to open React Fiber
  2. React API introduction and Basic Practice
  3. Public, | React Concurrent Mode & person

TS

  1. Advanced uses of TypeScript
  2. Learn about TypeScript generics and applications
  3. A rare TS Study Guide (1.8W words)

Node

  1. HTTP caching mechanism
  2. Build front-end anomaly monitoring system from 0 to 1
  3. Visual Git
  4. How did Bytedance land on the micro front end
  5. Step into modern Web development
  6. Understand Node.js in depth

Git

  1. Git tutorial by Liao Xuefeng
  2. The illustration Git
  3. Visual Git

Development tips

  1. Tips to make vscode write code more efficiently
  2. Bizarre techniques for front-end debug

The interview

  1. A good front end should read these articles
  2. Proprietary nailing front end interview guide
  3. Middle and senior front-end factory interview secrets, escort for you gold, silver and four, direct to dacheng (1)
  4. Interview sharing: two years of work experience successful interview Ali P6 summary
  5. Tips for your Girlfriend (15K level)
  6. “Intermediate and advanced front-end interview” JavaScript handwritten code unbeatable secrets
  7. The way of making | front-end advanced
  8. Making | front 3 + 1 interview question bank

Industry gossip

  1. JavaScript Milestones in 2021
  2. Talk about what I’ve learned about front-end frameworks over the years
  3. Is jQuery obsolete?

engineering

  1. Vite engineering practice, suggested collection
  2. Step into modern Web development
  3. Front-end engineering practice – enterprise level CLI development
  4. Take you hand in hand into front-end engineering

Performance optimization

  1. Browser rendering writes 9 strategies and 6 metrics for mid-to-advanced front-end performance optimization
  2. Talk about front-end performance optimization

The browser

  1. Browsers render indirectly
  2. How browsers work
  3. Modern Browsers work (Part 1)
  4. How Modern Browsers Work (Part 2)
  5. How Modern Browsers work (Part 3)
  6. How Modern Browsers work (Part 4)
  7. Life of a Pixel

Small program

  1. Nearly 20,000 words mini-program walkthrough was released

Algorithmic data structure

  1. Visualization algorithm
  2. Language finches | design patterns

Second, the video

JS

  1. Web front-end development JavaScript authoritative class
  2. Learn about JavaScript Event Loop in 2 minutes
  3. ES6 Classic from beginner to advanced
  4. 8 minutes to learn how JS works
  5. Make wheels every day. – Tremble and throttle

jQuery

  1. JQuery +Ajax goes from giving up to knowing

Vue

  1. Vue. Js earnestly
  2. Vue3 Quick Start Guide -CompositionAPI
  3. You learn to write vUE advanced VUE tutorial source analysis
  4. Teach you Vue3 hand by hand
  5. Composition API + In-depth interpretation
  6. React and Vue frameworks have different design ideas
  7. Ruan Yifeng recommended the best learning vuE3 source tool – mini-vue
  8. 8 old front-end exclusive share read Vue3 source tips
  9. Vue3.0 Speed Overhand “Under continuous update”
  10. Vite2 + Vue3 Project Best Practices “Under continuous update”
  11. Vue3+Typescript goes from integration to project action
  12. Vue DevUI Open Source guide

React

  1. React and Vue frameworks have different design ideas
  2. Remember that remember remember Hooks
  3. Learn how to React
  4. Developing visual drag-and-drop H5 editor from 0 to 1

Node

  1. Web front end of the lounge | 9 video before personal recommendations to see
  2. Advanced front-end phase (completed)
  3. Node.js classic tutorial
  4. Handwritten webpack
  5. Ranshu makes wheels every day. -Vite

JS engine

  1. How does V8 engine run JS in 8 minutes

Learn the line

  1. Front end learning route sharing

The interview

  1. Programmer resume comment second phase: can endure hardship and can eat
  2. The scene comments on 9 programmer resume — has gush has kua
  3. Want to enter big factory? That’s what your resume says

Web site set up

  1. Hand in hand with you from 0 to build a personal website, small white can understand the nanny level tutorial
  2. Taught you how to start from 0 to build their own personal blog | | no pit version video tutorial hexo

The browser

  1. The Life of a Pixel
  2. How does a browser work?

Small program

  1. UniCloud development actual combat: Photo identification garbage classification application cross-terminal cloud development UniApp

Three, books,

CSS

  1. Proficient in CSS
  2. Definitive GUIDE to CSS
  3. Parsing CSS in depth
  4. The CSS revelation

JS

  1. Javascript Programming Art
  2. JavaScript Advanced Programming (version 4)
  3. Javascript Rhino Book 7th edition
  4. You don’t know it on javascript
  5. You don’t know javascript
  6. Javasript twenty years
  7. The Essence of JavaScript and Programming Practices (3rd edition)
  8. Advanced core knowledge of front-end development

Vue

  1. Vue. Js
  2. Testing Vue.js Applications

TS

  1. TypeScript tutorial
  2. Understand TypeScript in depth

Node

  1. Node source code parsing
  2. Node.js(Advanced)
  3. Design data-intensive applications

The browser

  1. Inside WebKit technology

algorithm

  1. Algorithms (4th edition)
  2. Algorithm diagram
  3. Aha! algorithm
  4. Introduction to algorithms

The last

Make a wish 🙏 🏻 🙏 🏻 🙏 🏻