Front End Learning Route and New fun play (front End Q Live Review)

PS: Follow the front Q official account and reply to the live broadcast, you can get all the live broadcast information and recorded video ~

PS: There are many pictures in this article. If the pictures are not fully loaded, you can see this “Front-end learning Route and New fun play (Front-end Q Live Review)”.

learning

Global understanding

Start with a picture of what the front-end architecture is all about… Of course, the actual knowledge contains more, this graph is a reference direction ~

Novice route advice

HTML Learning, W3School
CSS, CSS+DIV From getting started to mastering /CSS authoritative guide/Mastering ADVANCED Web standards solutions, examples follow through
Self-test, weibo home page/Taobao home page
Learn JavaScript Advanced Programming
Self check, brush JS basic topics + build small wheels, such as native JS image rotation/native Ajax plug-in, etc
ES6/7/8… Ruan Yifeng ES6 tutorial
Self-examination, www.runoob.com/wp-content/…

React/Vue…
Understand simple Node and use commands
GIT Use Learning
Editor/browser use and debugging skills
Engineering skills, Webpack/CI…
The agent tool, Whistle…
Other tools, file upload (Transmit software), etc.

Advanced route suggestions

Provide some reference points, you can compare yourself

My current stage of advanced planning

Learning, not listing the facts, but to learn. You don’t need to list everything, you just need to think about where you are in your studies, and learn slowly and improve. Here I put a study plan at this stage, you can refer to it, which webpack/promise/ browser/performance optimization and many other points of learning I have completed ~ these I have output, there is a need to learn can look at the public number of the article ~

The public account can reply to the article ~

The learning process

New fantasy play

The werewolf killed

A game of werewolf kill usually consists of twelve players who are divided into two opposing camps: the werewolf camp and the good guy camp. Can exercise your logical thinking/reasoning ability/eloquence/acting ability ~

English dubbing

Dubbing for movies/TV shows, it will beautify your voice and make it feel good. It can be learned and fun

Dance pad

Play and exercise in one blanket for the whole family. You can dance/play games etc

The script to kill

Role-playing, real-life reasoning, a reference to the variety show “Star Detective”, brain-burning and fun ~

Video games city

Convenient, almost every shopping mall has a game city, there are many many can play the game equipment. Cheap, play a shooting game only 2 coins, both fun, and exercise ~

trampoline

Both fun and exercise ~

DIY

All kinds of DIY, as long as you want to play ~

Play with movement and stillness

Sports have surfing/diving/skateboarding, etc., quiet can catch shrimp, play ~