The introduction of front end is much simpler than other programming languages , But as the content goes deeper , The difficulty will also increase .
If you want to engage in this business, you need to have strong willpower , It's easy to study all day , It's hard to study every day for a long time , Many people give up when they learn , Only a few people can stick to it .
Many beginners are in a state of confusion at the beginning , I don't know what to learn , How to learn . Here's a learning route , First of all, we need to learn HTML、CSS、JS, Lay a good foundation , These are the skeletons of the front end . The second is vue、react frame , Real development projects use , If you're looking for a job in China vue It is necessary to learn ,react It's better to learn , It's very important for later promotion or entering a big factory . If you have energy, you can learn a small program and a back-end language node. Do a few projects , Now for job hunting , Basically, you have to have project experience .
1、 In the early stage, we need to learn HTML、CSS、JS, Lay a good foundation .
Video tutorial imooc free :HTML+CSS basic course - For class network
Reference documents ： Rookie College （ Basics 、 Simple ）：HTML course | Novice tutorial
Reference documents ： Rookie College （ Basics 、 Simple ）：CSS course | Novice tutorial
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 .
2、 The front frame
（1）vue A mobile oriented JS frame , Lightweight . Data driven interaction , It's very easy to learn ., It can be independent of Jquery The framework is used independently to help you develop a friendly mobile interface . A necessary skill for front-end development , A popular JS frame .
Video tutorial imooc free ：vue Video tutorial | imooc
Reference documents ： Rookie College ：vue course | rookie
（2）react frame , Comparison vue, It's a little more complicated , A little more heavyweight , But it's also fast and easy to implement large projects . Mastering it has become an entry requirement for many companies , I believe I have learned vue This kind of data-driven framework , It's much easier to learn this .
Video tutorial imooc free ：react course - For class network
Reference documents ： Rookie College ：react course | rookie
3、 Applet , Provide a simple and efficient application development framework and rich components and API, Help developers develop in wechat with native APP Experience Services .
Video tutorial imooc： Introduction to wechat applet development
4、Node It's a back-end language , Many companies require the front end to master at least one back-end technology .
Nodejs course 1(node,grunt,restful,npm…)： Advance Node.js Basics ( One )- For class network
NodeJs course 2(node,grunt,restful,npm…)： Advance Node.js Basics ( Two )- For class network
If you learn all the basics , You can take part in the actual combat projects organized by Xiaoguai in the self-study group . I'll take you through the front-end project . There will be products 、UI、 front end 、 The back-end partners work together , The final product , Really exercise everyone's abilities .