前端入门--新手如何学习前端

1. 首先了解前端是什么？

简单来讲，前端要做的就是将产品的UI设计稿在用户终端上实现，因此可以说用户看到的所有视觉和交互都是前端的工作领域。 根据这个定义，我们可以把前端的工作内容总结为根据产品的需求，配合开发和UI设计部门完成前端页面的开发，并负责前端应用的维护和优化。

2. 前端学习内容？

这部分就是我们选择学习前端之后的总体学习路线，我将学习路线分为以下几个部分，当然，大家可以根据具体使用需求去学习。

（1）学习内容1 -- HTML；

（2）学习内容2 -- CSS；

（3）学习内容3 -- Javascript；

（4）学习内容4 -- 框架（可以根据个人需求去选择Vue或者React及其他，新手入手比较推荐Vue，容易上手）；

（5）学习内容5 -- 前端工程化（如果是找工作的话，建议学习一下，面试官会问一些相关问题，会的话比较加分）；

（6）学习内容6 -- 性能优化（主要是前端常用的优化方法，在前面的学习中可能会用到一些，比如懒加载、防抖与节流等。）；

（7）学习内容7 -- 计算机网络（HTTP与HTTPS、TCP三次握手与四次挥手等等，属于面试常问）；

（8）学习内容8 -- 浏览器原理（浏览器安全：XSS攻击、CSRF攻击等；浏览器缓存；浏览器垃圾回收机制等等）

（9）学习内容9 -- nodejs，git常用指令

不要怕学习内容多，前4项学习内容好好学，后续的内容主要是多看多汇总。

3. 学习途径

哔哩哔哩上有许多学习教程视频，跟学跟练（这个方法适合大多数人）；如果觉得视频太慢可以看书（这个方法适合专注能力高的人）

4. 成功完成学习的关键

（1）首先明确你为什么学习前端（学习目的：毕设、找工作、提升自己、个人爱好等等），都说选择比努力更重要，先选择好，再坚持下去就够了；

（2）制定学习路线，按照内容2中的一步一步学习汇总，看视频的时候一定要跟练（前期学习内容很简单，会眼高手低，但是练习的过程中才会不断发现问题）；

（3）坚持！！！