The opening

Front-end development is a very special industry, its history is actually not very long, but the complexity of knowledge, technology iteration speed is other technologies can not be compared.

In his relearning Front End course, Winter says:

By now, front-end engineer has become one of the important positions in the R&D system. However, in contrast to this, I found that few or almost no university computer majors are willing to offer front-end courses, let alone systematic teaching programs. Most of what front-end engineers know comes from practice and piecemeal learning on the job.

This is a very real situation. In fact, many front-end developers are self-taught or even switched over. Front-end is easy to get started, and it is easy to start working on projects after learning a few apis, but it often becomes a bottleneck that limits their development.

It is not enough just to stay in the use stage, we need to continue to explore and in-depth. There is no lack of tutorials and technical articles on the market. If you blindly study, you will find that the retention rate of knowledge after reading will be very low, and you will find that more and more knowledge is not learned, which will cause anxiety.

In fact, in addition to a strong drive to keep learning, you need a very simple way to learn. That is: build your own knowledge system. It will help you learn more systematically, and you will always know where you are falling short.

I will put all the knowledge I have come into contact with in my work and study into my knowledge system, including not only what I have learned, but also many things I have not learned yet.

It’s not just my body of knowledge, it’s a checklist I keep to myself.

Below I will share my self-checking list to you, you can according to the list of what our shortcomings and promote knowledge detection, I also recommend to build their own knowledge system, so to work or study even interview, you can quickly locate to the knowledge points in the list, if you have what I don’t have the induction to the point, welcome to tell me in the comments section.

First, JavaScript foundation

The front end engineer eats the guy, the depth, the breadth should not be inferior.

Variables and Types

  • JavaScript specifies several language types

  • 2. What is the underlying data structure of JavaScript objects

  • 3.Symbol type in the actual development of the application, can be manually implemented a simple Symbol

  • 4. How variables in JavaScript are stored in memory

  • 5. Built-in objects for basic types, and the boxing and unboxing between them

  • 6. Understand value types and reference types

  • The difference between null and undefined

  • 8. Describe at least three ways to determine the JavaScript data type, and their advantages and disadvantages, how to accurately determine the array type

  • 9. Scenarios where implicit type conversions may occur and the conversion principles, how should they be avoided or skillfully applied

  • 10. The reason for the loss of decimal precision, the maximum number that JavaScript can store, the maximum security number, the method of JavaScript processing large numbers, and the method of avoiding the loss of precision

Prototypes and prototype chains

  • 1. Understand prototyping patterns and prototyping rules in JavaScript

  • 2. The underlying implementation principle of Instanceof, manually implement an Instanceof

  • 4. Several ways to implement inheritance and their advantages and disadvantages

  • 5. Name at least one example where prototype inheritance is used in an open source project such as Node

  • 6. Can describe the detailed process of new an object, manually implement a new operator

  • 7. Understand the underlying principles of ES6 class construction and inheritance

Scope and closure

  • 1. Understand lexical scope and dynamic scope

  • 2. Understand scope and scope chains of JavaScript

  • 3. Understand the execution context stack of JavaScript. You can use the stack information to quickly locate problems

  • 4. The principle of this and the value of this in different scenarios

  • 5. Closure implementation principle and function, can list several development closure practical application

  • 6. Understand how stack overflows and memory leaks work and how to prevent them

  • 7. How to handle asynchronous operations on loops

  • 8. Understand the practical problems that modularity solves by listing several modularity solutions and understanding the principles behind them

Enforcement mechanism

  • 1. Why do you put a return inside a try and finally execute it

  • 2. How can JavaScript implement asynchronous programming and describe EventLoop mechanism in detail

  • 3. What are macro tasks and microtasks

  • 4. Can quickly analyze a complex asynchronous nested logic and master the analysis method

  • 5. Use Promise for serialization

  • 6. The difference between Node and Browser EventLoop

  • 7. How do you handle massive amounts of data while keeping your pages running smoothly

Grammar and API

  • 1. Understand the relationship between ECMAScript and JavaScript

  • 2. Proficient in using grammatical norms provided by ES5 and ES6;

  • 3. Familiar with global objects (such as Date, Math), global functions (such as decodeURI, isNaN), global attributes (such as Infinity, undefined) provided by JavaScript

  • 4. Proficient in solving problems with map, Reduce, filter and other higher-order functions

  • 5. SetInterval need to pay attention to the point, use setTimeout to implement setInterval

  • 6. The regular expression API provided by JavaScript allows you to use regular expressions (such as mailbox verification, URL parsing, and deduplications) to solve common problems

  • 7.JavaScript exception handling mode, unified exception handling scheme

HTML and CSS

HTML

  • 1. Understand HTML from a canonical point of view and use tags from a categorization and semantic point of view

  • 2. Default page TAB styles, built-in properties, differences between different browsers, and ways to handle browser compatibility issues

  • 3. Use purpose and configuration method of meta tags (head, title, meta)

  • 4. Principles of HTML5 Offline caching

  • 5. Can use Canvas API, SVG and other high performance animation

CSS

  • 1.CSS box model, differences in different browsers

  • 2. All CSS selectors and their priorities, usage scenarios, which can be inherited, how to apply at rules

  • 3. What are the pseudo-classes and pseudo-elements of CSS, their differences and practical applications

  • 4.HTML document flow layout rules, CSS positioning rules, positioning reference, the impact of the document flow, how to choose the best positioning method, Sprite diagram implementation principle

  • 5. More than 6 horizontal and vertical centering schemes can be realized and their advantages and disadvantages can be compared

  • 6.BFC implementation principles, problems that can be solved, and how to create a BFC

  • 7. Reuse code using CSS functions to achieve special effects

  • 8. Master at least one of the similarities and differences of PostCSS, Sass, and Less, as well as their configuration

  • 9.CSS modular solution, how to configure on demand loading, how to prevent CSS blocking rendering

  • 10. Proficient in using CSS for common animations such as gradient, move, rotate, zoom, etc

  • 11.CSS Browser compatibility to learn about the compatibility of different apis in different browsers

  • 12. Master a complete set of responsive layouts

handwritten

  • 1. Handwritten picture waterfall flow effect

  • 2. Use CSS to draw geometry (circle, triangle, sector, diamond, etc.)

  • 3. Curve motion using pure CSS (Bezier curve)

  • 4. Implement common layouts (three columns, Holy Grail, twin wings, ceiling), but state multiple approaches and understand their pros and cons

3. Basic computer skills

You don’t need to have a deep understanding of how to compile, but you do need to understand the basic principles and concepts, which are very important for learning a programming language

Compilation principle

  • 1. Understand what code really is, and how does a computer convert that code into a running target program

  • 2. Matching principles of regular expressions and performance optimization

  • How to parse JavaScript code into an Abstract Syntax Tree (AST)

  • 4. Encoding principles of base64

  • 5. Several base conversion calculation methods, how to express and transform in JavaScript

Network protocol

  • 1. Understand what protocol is, understand the composition of TCP/IP network protocol family, and the role of each layer protocol in the application program

  • 2. How do you use the three-way handshake and four-way wave

  • 3. What protocols are reliable and what means does TCP have to ensure reliable delivery

  • 4. Functions of DNS, detailed process of DNS resolution, and principle of DNS optimization

  • 5. Function and principle of CDN

  • 6. Understand the composition of HTTP request packets and response packets, the meaning of common request headers, and several request modes. What are the differences

  • 7. The meanings of all HTTP status codes. If you see an exception status code, you can quickly locate the fault

  • 8. Changes in HTTP1.1 and HTTP2.0

  • 9. How do I enable HTTPS? How do I hijack HTTPS requests

  • 10. Understand the underlying principles of the WebSocket protocol and how it differs from HTTP

Design patterns

  • 1. Proficient in writing code with common front-end design patterns, such as singleton pattern, decorator pattern, proxy pattern, etc

  • 2. Similarities and differences between the publish subscribe model and the Observer model and their practical applications

  • 3. Can say several design patterns in the development of the practical application, understand the framework source code for the application of design patterns

Data structure and algorithm

Most of the front ends I know are somewhat lacking or even resistant to this knowledge, but this knowledge is essential if you’re going to reach higher ceilings, and in my experience — it’s very useful!

JavaScript coding ability

  • 1. Implement array deduplicating and flattening in various ways, and compare advantages and disadvantages

  • 2. Implement deep copy in multiple ways and compare advantages and disadvantages

  • 3. Write functions currie chemical function, and understand its application scenarios and advantages

  • 4. Hand-written stabilization and throttling tool functions, and understand their internal principles and application scenarios

  • Implement a sleep function

Manually realized front end wheels

  • 1. Manually implement call, apply, and bind

  • 2. Manually implement Promise/A+ specification, and manually implement async await

  • 3. Write an EventEmitter to publish and subscribe to events

  • 4. Can say two ways to achieve bidirectional binding, can be implemented manually

  • 5. Write json. stringify, json. parse

  • 6. Write a template engine and explain how it works

  • 7. Handwritten lazy loading, pull-down refresh, pull-up loading, and preloading effects

The data structure

  • 1. Understand the characteristics of common data structures and their strengths and weaknesses for use in different scenarios

  • 2. Understand the storage principles of arrays and strings, and skillfully use them to solve problems

  • 3. Understand the basic structure and characteristics of binary tree, stack, queue and hash table, and can apply it to solve problems

  • 4. Understand the basic structure and usage scenarios of diagrams and heaps

algorithm

  • 1. It can calculate the time and space complexity of an algorithm, and estimate the time and memory consumption of business logic code

  • 2. Understand the implementation principles, application scenarios, advantages and disadvantages of at least five sorting algorithms, and can quickly tell the time and space complexity

  • 3. Understand the advantages and disadvantages of recursion and loop, application scenarios, and can be used proficiently in development

  • 4. It can use backtracking algorithm, greedy algorithm, divide and conquer algorithm and dynamic programming to solve complex problems

  • 5. Algorithm scheme for processing massive data at the front end

5. Operating environment

We need to clarify the relationship between language and environment:

ECMAScript describes the syntax and basic object specifications of the JavaScript language

The browser, as a runtime environment for JavaScript, provides: the Document Object Model (DOM), which describes the methods and interfaces used to process web content, and the Browser Object Model (BOM), which describes the methods and interfaces used to interact with the browser

Node is also a runtime environment for JavaScript, providing apis for operating I/O, networking, and so on

The browser API

  • 1. DOM operation API, browser differences, and compatibility provided by the browser in accordance with the W3C standard

  • All global apis, browser differences, and compatibility provided by the Browser Object Model (BOM)

  • 3. Performance optimization for a large number of DOM operations and massive data (merge operations, Diff, requestAnimationFrame, etc.)

  • 4. The browser stores massive data and optimizes operation performance

  • 5. Specific implementation mechanism of DOM event flow, differences between different browsers, and event proxy

  • 6. Several ways for the front-end to initiate network requests and their underlying implementation, handwritten native Ajax, FETCH, and skilled use of third-party libraries

  • 7. The same origin policy of the browser, how to avoid the same origin policy, the similarities and differences of several methods, and how to select the type

  • 8. Several storage mechanisms provided by browsers, advantages and disadvantages, and the right choice in development

  • 9. Browsers communicate across labels

Browser Principles

  • 1. What are the JavaScript engines used by each browser and their similarities and differences? How to distinguish them in code

  • 2. There were several interactions with the server until the end of the request

  • 3. Describe in detail the process from entering the URL to displaying the page

  • 4. How the browser parses HTML code and how to build a DOM tree

  • 5. How does the browser parse CSS rules and apply them to the DOM tree

  • 6. How does the browser draw the parsed DOM tree with styles

  • 7. How to configure asynchronous and synchronous resource loading for the operating mechanism of the browser

  • 8. The underlying principle of browser backflow and redrawing, the cause, and how to effectively avoid it

  • 9. How to avoid memory leaks in the garbage collection mechanism of browser

  • 10. How to select and control the appropriate caching scheme

Node

  • 1. Understand the role of Node in applications, and can use Node to build front-end operating environment, operate files and databases, etc

  • 2. Master a Node development framework such as Express and the difference between Express and Koa

  • 3. Proficient in using Node apis such as Path, Http, and Child Process, and understand their implementation principles

  • 4. Underlying operating principles of Node and similarities and differences between Node and browser

  • 5. Implementation principle of Node event-driven, non-blocking mechanism

Frameworks and libraries

The wheels are constantly emerging. The right way is to understand them in principle

TypeScript

  • 1. Understand the object-oriented concepts such as generics and interfaces, and TypeScript’s implementation of object-oriented concepts

  • 2. Understand the benefits of using TypeScript and understand the basic TypeScript syntax

  • 3. Principle of TypeScript rule detection

  • 4. You can develop in TypeScript in frameworks like React and Vue

React

  • 1.React and VUE selection, advantages and disadvantages, and differences in core architecture

  • 2. How to effectively manage state in React setState

  • 3.React event underlying implementation mechanism

  • 4. Internal implementation of React’s virtual DOM and Diff algorithm

  • 5. How React Fiber works and what problems have been solved

  • 6.React Router and Vue Router underlying implementation principle, dynamic loading implementation principle

  • 7. Familiar with React API, life cycle, etc., and can use HOC, render props, Hooks and other high-level usage to solve problems

  • 8. Based on React characteristics and principles, a simple React can be implemented manually

Vue

  • 1. Familiar with Vue API, life cycle and hook functions

  • 2.MVVM framework design concept

  • 3.Vue bidirectional binding principle, internal implementation of Diff algorithm

  • 4. Event mechanism of Vue

  • 5. The implementation mechanism of converting template into real DOM

The development of diverse

  • 1. The principles, advantages and disadvantages of single page application (SPA), to master a rapid development of SPA program

  • 2. Understand the principle and usage of Viewport, EM and REM, the difference and practical application of resolution, PX, PPI, DPI and DP

  • 3. Mobile terminal page adaptation solutions and adaptation solutions for different models

  • 4. Master a JavaScript mobile client development technology, such as React Native: can build React Native development environment, be skilled in development, understand the operation principle of React Native and adapt to different terminals

  • 5. Master a JavaScript PC client development technology, such as Electron: can build the Electron development environment, skilled in development, can understand the operation principle of Electron

  • 6. Master a small program development framework or native small program development

  • 7. Understand the internal implementation of multiple frameworks and the use of at least one of them

Data flow management

  • 1. Master the traditional cross-component communication solutions of React and Vue, and compare the similarities and differences of data flow management frameworks

  • 2. Proficient in using Redux to manage data flow, and understand its implementation principle and middleware implementation principle

  • 3. What are the advantages of using Mobx to manage data flow and understand how it works compared to Redux

  • 4. Proficient in using Vuex to manage data flow and understand its implementation principle

  • 5. Similarities and differences, advantages and disadvantages of the above data flow schemes, and technology selection in no case

Utility library

  • 1. Master at least one UI component framework, such as ANTD Design, and understand its design concept and underlying implementation

  • 2. Master a charting framework such as Echart, understand the design concept, the underlying implementation, and be able to implement your own charting

  • 3. Master a GIS development framework, such as Baidu Map API

  • 4. Master a visual development framework, such as three.js and D3

  • Underscore 5. Utilizable function libraries, such as lodash, underscore, moment, etc., help you understand the implementation principles of utilizable classes or utilizable functions you use

Development and debugging

  • 1. Proficient in using debugging tools provided by various browsers

  • 2. Proficient in using an agent tool to implement request agent and packet capture, such as Charls

  • 3. Can use Android and IOS simulators for debugging, and master a real machine debugging scheme

  • 4. Understand the use of Vue, React and other framework debugging tools

Seven, front-end engineering

Front-end engineering: use engineering methods and tools to improve development and production efficiency and reduce maintenance difficulty

The project build

  • 1. Understand the principles of NPM and YARN dependency package management and the differences between the two

  • 2. You can use NPM to run custom scripts

  • 3. Understand the role Babel, ESLint, WebPack, and other tools play in a project

  • 4. Principles of ESLint rule detection, common ESLint configurations

  • 5. Core principles of Babel, you can write your own Babel plug-in

  • 6. You can configure a front-end code compatibility solution, such as Polyfill

  • 7.Webpack compilation principle, build process, hot update principle, chunk, bundle and Module difference and application

  • 8. Proficient in configuring existing loaders and plugins to solve problems, and able to write loaders and plugins by myself

nginx

  • 1. Features and examples of the forward proxy and reverse proxy

  • 2. You can manually build a simple Nginx server,

  • 3. Proficient in using common nGINx built-in variables and mastering common matching rules

  • 4. Nginx can be used to achieve request filtering, gZIP configuration, load balancing, and can explain its internal principles

Development speed

  • 1. Proficient in interface management and the use of interface mock tools, such as YAPI

  • 2. Master an efficient log burial scheme, which can quickly use the log query tool to locate online problems

  • 3. Understand TDD and BDD patterns and use at least one front-end unit testing framework

Version control

  • 1. Understand the core principles, workflow, and differences between Git and SVN

  • 2. Proficient in using regular Git commands, Git rebase, Git stash and other advanced commands

  • 3. It can quickly solve complex problems such as online branch rollback and incorrect merge

Continuous integration

  • 1. Understand the meaning of CI/CD technology, and master at least one CI/CD tool, such as Jenkins

  • 2. Can independently complete a complete set of development process including architecture design, technology selection, environment construction, whole process development, deployment and launch (including Web application, mobile client application, PC client application, small program, H5, etc.)

Viii. Projects and Business

The back-end skills

  • 1. Understand how the backend is developed, its role in the application, and use at least one backend language

  • 2. Master how data is finally stored in the database, understand the structure design of tables and the association between tables, and be able to use at least one database

Performance optimization

  • 1. Understand front-end performance indicators, performance monitoring points, and a front-end performance monitoring scheme

  • 2. Learn about common Web and App performance optimization solutions

  • 3.SEO ranking rules, SEO optimization scheme, before and after the separation of SEO

  • 4.SSR implementation scheme, advantages and disadvantages, and performance optimization

  • 5.Webpack performance optimization

  • 6. Optimize Canvas performance

  • 7.React, Vue and other frameworks use performance optimization scheme

The front security

  • 1. The principle, classification and specific cases of XSS attacks, and how to defend the front end

  • 2. What are the principles and specific cases of CSRF attacks? What are the front-end defenses

  • 3. Principles and defense measures of HTTP hijacking and page hijacking

Business related

  • 1. Able to understand the overall business form, business objectives and business architecture of the developed project, and able to quickly locate online business problems

  • 2. Able to understand the overall technical architecture of the developed project, quickly read the development planning according to new requirements, and quickly locate and solve online technical problems according to business alarms and online logs

  • 3. I can put my own ideas or new technologies into practice in the business, and try to have a certain irreplaceability in the team

9. Learn to improve

VCZH great God in zhihu problem [how to reach the level of wen Zhao round three great god?] The following answers:

In the past ten years, I have done three things:

  • 1. Choose to study without making money;
  • Measure your learning by whether you can build a wheel.
  • 3. Write your own code every day, at least 6 hours a day for the first 10 years, excluding study and work time.

The above points may be a bit difficult and I couldn’t do the first one, but the following points are relatively easy to do.

The thing about blogging is that the knowledge you can tell others is much deeper than the knowledge you learned yourself

  • 1. Have your own tech blog, or have your own column on some blogging platform

  • 2. Regularly summarize knowledge and constantly improve my own knowledge system

  • 3. Try to translate your knowledge into real output, not just on the level of written understanding, but more importantly, practical application

  • 4. Stick to your own code output, don’t blindly jump into the company

10. Beyond technology

This is probably more important than all nine of them put together!

  • 1. Understand the terms of Internet personnel: CEO, CTO, COO, CFO, PM, QA, UI, FE, DEV, DBA, OPS, etc

  • 2. Understand Internet industry terms: B2B, B2C, C2C, O2O, etc

  • 3. Have a good command of communication, q&A and learning in the Internet industry

  • 4. Have powerpoint skills

  • 5. Have some financial awareness, at least understand savings, money funds, insurance, index funds, stocks and other basic financial knowledge

  • 6. Master the ways to keep healthy under the condition of heavy work and long-term computer radiation, and establish a correct knowledge system of health preservation

11. Resource recommendation

With a body of knowledge, it’s easy to categorize a technical article when reading it, which is what I’ve always done.

It turns out that when reading an article or book, it’s better to read purposeful and categorically than to just “browse”.

Every time I read a good article or book, I would collect it and classify it into my knowledge system.

Here are some articles, blogs, books and tutorials that I think are good to share with you. They are not many resources, but they are all excellent.

To learn a knowledge, it is best to read the official documents first, to skim through all the APIS, and then continue to see the advanced knowledge summarized by the big guys, what is carried over, what is dry goods, at a glance.

Language foundation

  • [📚] JavaScript high-level programming (must-see) : book.douban.com/subject/105…

  • [📚] high-performance JavaScript:book.douban.com/subject/536…

  • Modern JavaScript tutorial: zh.javascript.info/

  • Ruan Yifeng ECMAScript 6 tutorial: ES6.ruanyifeng.com/

  • ECMAScript 6 standard: www.ecma-international.org/ecma-262/6….

  • Use HTML meta tags summary and attribute is introduced: segmentfault.com/a/119000000…

  • CSS coding instructions: github.com/chadluo/CSS…

Computer Fundamentals

  • Big front end developers need to understand the compilation principle and the basis of language knowledge: fullstack. Blog / 2017/06/24 /…

  • The illustration HTTP:book.douban.com/subject/258…

  • [📚] JavaScript design patterns and development practices: book.douban.com/subject/263…

  • Regular Expressions: link.juejin. Im /? Target = HTTP…

Data structures and algorithms

  • The beauty of the data structure and algorithm: time.geekbang.org/column/intr…

  • Use animation to present the idea of solving LeetCode title: github.com/MisterBooo/…

  • JavaScript data structures and algorithms: github.com/ConardLi/aw…

  • 30-seconds of code (there are a lot of clever JS code, I’m translating it into Chinese) : github.com/ConardLi/30…

Runtime environment

  • Browser principle passages in the front end of heavy science: time.geekbang.org/column/arti…

  • The basic principle of graphical browsers: zhuanlan.zhihu.com/p/47407398

  • Seven days to learn NodeJS: github.com/nqdeng/7-da…

  • Node. Js module loading and operation principle: efe.baidu.com/blog/nodejs…

Frameworks and libraries

  • The TypeScript faced: zhongsp. Gitbooks. IO/TypeScript -…

  • The React. Js books: huziketang. Mangojuice. Top/books/React…

  • React Deep Series: Juejin. Im/Post /684490…

  • Fakefish.github. IO/React-webpa…

  • Vue.js technology reveals: github.com/ustbhuangyi…

  • Vuex- Manages state in Vue: sabe. IO /tutorials/g…

  • Do you need a Mobx or a Redux? : juejin. Im/post / 684490…

  • The Underscore the source code analysis: yoyoyohamapi. Gitbooks. IO/undersercor…

  • Wechat small program development resources summary: github.com/justjavac/a…

  • Tencent Mobile Web Front-end Knowledge base: github.com/AlloyTeam/M…

The front-end engineering

  • A (long) know babel:zhuanlan.zhihu.com/p/43249121 gas

  • Webpack fool guide: zhuanlan.zhihu.com/p/20367175

  • Webpack principle: segmentfault.com/a/119000001…

  • Liao Xuefeng git tutorial: www.liaoxuefeng.com/wiki/001373…

  • Graphic Git: marklodato. Making. IO/visual – Git -…

  • Juejin. Im /post/684490…

  • Continuous integration using Jenkins: www.liaoxuefeng.com/article/001…

Projects and Operations

  • Six common Web security attacks and defenses: github.com/ljianshu/Bl…

  • Juejin. Im /post/1#head…

  • [📚] high-performance website construction guidelines: book.douban.com/subject/313…

  • How to quickly integrate into the technical strength of the front end team: Juejin. Im /post/684490…

Learning promotion

  • Imprinting Chinese (various Chinese development documents) : www.docschina.org/

  • Front end learning method: github.com/helloqingfe…

  • How to get continuous technical growth in and out of work: Juejin. Im /post/684490…

  • Excellent front-end blog summary: github.com/foru17/fron…

Here are some personal blogs I’ve been following:

  • Hu Yu’s blog: github.com/mqyqingfeng…

  • Zhang Xinxu blog: www.zhangxinxu.com/wordpress/

  • Left ear Mouse: coolshell.cn/

Besides the technology

  • Terms of the Internet: www.jianshu.com/p/9a7ca206c…

  • The Internet communication, q&a, learning the art of: zhuanlan.zhihu.com/p/41431775

  • Often work overtime into the night, how to keep healthy: www.zhihu.com/question/21…

In fact, in this era of information development, there is no lack of resources. How to obtain the real essence from numerous resources is very important. It is strongly suggested that the breadth of resources should be guaranteed while the depth is guaranteed.

summary

Hopefully, after reading this article, you have achieved the following points:

  • From the knowledge list to find their own knowledge blind spots and deficiencies

  • With the idea of knowledge systematization, begin to establish their own knowledge system

  • As you read the article, put your knowledge into the knowledge system, and keep improving your knowledge system

  • Useful resources have been obtained from the article

Feel free to correct any mistakes in the comments section, and if this post has helped you, feel free to like or follow.

If you have any good knowledge or resource recommendations, please leave them in the comments section.

To read more great articles and download the mind map source files in these articles, follow my Github blog. I will follow my knowledge list in future articles. Your star✨, likes and followings are my motivation to keep creating!

We are the r&d team of Bytedance Interactive Entertainment, including Douyin short video, Douyin Volcano version, TikTok, Faceu, Xiaoyan, cut and so on. As of January 2020, Douyin daily active users (DAUs) have exceeded 400 million, and continue to maintain high growth. You will support product development and related architecture, and each line of code will affect millions of users.

Class of 2021: DRZUM5Z

Website delivery: job.toutiao.com/s/JR8SthH