Recently, I received some private letters asking me , I want to learn the front end , How to learn ？ How far can we learn to work ？ I've been in this business for 11 years , I've interviewed a lot of people , I have also brought many new and fresh students in the enterprise . So in this article, I want to share with you how beginners should learn web, Personal experience of how to get started .
Mentality and personal learning methods
Let's talk about mentality first , I often see a lot on the Internet that the front end is easy , So I want to learn . Actually , Now with the front and rear ends separated , The front end also tends to be engineering , It's not nested in the back-end project to write htmlcss It's OK , There are more and more things to learn . So I hope you can keep learning attitude and interest in the front end , The most important thing at the beginning stage is to work hard , Even the simplest code needs more practice .
Learning methods , I want to share with you the Feynman learning method , I hope we can improve our learning efficiency , Now I'm learning new knowledge , We're using the same method . In short , Feynman learning method is 4 A step .
Concept ： After defining the theme of your study , To understand its basic concepts , Try to read and recite , An official concept of knowledge , It can be said to be the most concise and rigorous summary of it .
Teach others ： Speak out or write down this concept with your own logic and discourse
review ： Review your logic , If it doesn't go smoothly, try to find out what's wrong , Rearrange your logic , Until the whole logic is clear
simplify ： At the fourth step, I can say that my logic of this knowledge is very clear , What to do at this time is , Put your logic in the simplest words , Remove all proper nouns , Even if 8 The degree to which a 12-year-old child can understand .
I've been in the front end for years , This paper summarizes a set of intensive video and learning route for front-end learning , If there are partners interested in front-end development , Whether you want to change careers , Or college students , And those who want to improve their abilities at work web Front end party , Welcome to join my front-end development exchange group ：603985993 I hope you can communicate sincerely ！, Synchronization with enterprise requirements . Friends are learning to communicate in it , Every day, Daniel will regularly explain the front-end technology ! You can also follow my WeChat public account ：【 Front end international students 】 Update the latest technical articles every day .
Front end learning route
The first part HTML
The main thing at this stage is to practice . Use the fastest time to get all the HTML The labels are all over the place , There's no need to force memory , But be sure to knock it one or two times .
This section recommends two websites ：
2、 Novice tutorial
The second part CSS
CSS For cascading style sheets ( English full name ：Cascading Style Sheets), Mainly used to modify static web pages , Such as text size , Color, etc. .
This learning method , It's suggested to follow the code in the tutorial first .
In the words of books , You can do a little bit of flipping 《CSS Authoritative guide 》, This book can help you understand CSS There is a deeper understanding of , After working in the back , You can come back and read it .
Study js Before , Be sure to master HTML and CSS.
It's also the easiest place to give up , I suggest that we can put js Learning also makes a simple split .
Here, I'll follow the online tutorial , If you don't understand, you can remember to knock several times first .
The practice part is to find a few js Small projects , Do it again , When you do a small project, you will get a sense of accomplishment , I want to show my learning achievements to my friends , When you get a sense of accomplishment from the code , It can be said that this is a successful entry .
Here we can start to take actual combat or improve the quality of our own code as the goal .
I recommend some js The relevant books
At the same time, it can also be in GitHub Or other channels to find some projects to practice .
The fourth part Frame learning
With js After foundation , You can learn some JS The relevant framework has been established .
Here we suggest that you can start from Vue Starting with , Recently, several front-end and back-end separation projects are Vue, And recently Vue It is used more and more frequently in China , Now in the front end market github star It's number one .
The best information is the official document , Guide ahead -Vue Official website ：cn.vuejs.org/
At the end
For those who are ready to get started, they may not know what materials to read , I organized some front-end learning related , It is mainly suitable for students who want to get started or improve themselves , No matter you are 0 The foundation is just beginning , You can get to know , It contains 0 Basic learning routes , Interview guide, etc .
My personal suggestion focuses on several aspects ：
1、 The basic skills of the front end 、 Market talent situation
2、Echarts frame 、 The front-end special effects commonly used by big factories
3、 For standard “ATM（ Ali 、 tencent 、 byte ）” The necessary skills of front-end Engineers
4、 The development path from Xiaobai to high paid front-end workers
5、 Job interview skills
6、 The project must be done ！- utilize Gitee Pages Create your own website 、“ The front end is dazzling ” Project source code package
Last , I hope this article can help you , I also hope that everyone can get the results they want through personal efforts .