编写前端代码经验

动手实践

其实动手实践也应该包含在学习方法里，它的意义是如此重要，所以我把动手实践专门划分在一个段落里。上述的主要是理论知识的学习，而我们要认清编程本质上是一门技术，一门手艺（我当然承认编程其实是一门艺术）。一定要能够动手做出实际的东西，写下一行行代码才算你真正掌握。

否则你只能拿着书里学到的那些名词术语装装逼而已。在交流群里胡侃半天，结果别人问你造过什么轮子，开发过什么项目你就傻眼了。现在前端岗位招聘动不动要求两年三年经验，你要上哪里找去？

FreeCodeCamp中文网

百度前端技术学院开发任务

一个全栈增长工程师的练手项目集

一定要有自己的个人项目，一定要写自己的技术笔记，有条件也可以为开源项目做贡献。

只看书没有任何用，光看视频也然并卵。

一定要不停地实践实践实践！

一个只实践不看书的有可能会成为一位大神（在实践中就能学会很多），但一个只看书不实践的只能成为一个喷子。

一定要记住：

学而不练则忘。

Q&A

Q:看完了前端的编程书籍，看的时候感觉理解了，可是写代码的时候还是没有任何长进怎么办？

其实一些比较经典的推荐书籍安排都很好，每个讲解的知识点都有相应的代码实现。请你不要只是看过去，看书的时候打开你的电脑，把每一个示例都敲一遍。读完一个章节之后也试着用代码写写每一章的知识点，相信你会有一个不一样的体验的。

Q:学习前端需要了解算法和数据结构么？

算法和数据结构一般都是面试的时候装逼用的，也可以在程序员之间相互吹逼时使用。但无论如何作为一名合格的前端在面试的时候拿JS写个快速排序还是应该做到的。在实际工作中一般运用不到什么算法和数据结构的高级知识，等到你真正有机会用到的时候，你自然也成长到那一步了。

Q:为什么要熟悉原生JS，我jQuery用得很溜不可以么?

不是所有技术栈都包含jQuery，jQuery虽然适用于很多场景，但并不是万能的。你不能把自己的技术实现全部都建立在一个别人开发出来的库上，那样你只是会用一个工具，而不是懂一门编程语言。

太过于依赖jQuery别人只敢让你去写业务实现，而技术选型一类更高层次的活你根本都没资格接触。

Q:非计算机专业想要学习前端开发从哪里开始？报培训班靠谱么？

现在国内哪所大学有专门教前端的专业？前端从业者大部分都不是科班出身好么，计算机专业的都去搞数据分析和机器学习了，怎么稀得做前端开发这么LOW的工作（此处为自嘲）。所以有千千万万的前端开发从业者和前端入门学习者和你是一样的，不要以为自己是什么特殊群体，保持一颗平常心。

培训班也相当于是一种被动学习，并不是说报培训班没有一点作用，只是大多数情况下你报班只会得不偿失。自制力好的人不需要报班通过自学也能小有所成，而懒惰的人即使培训班毕业了也找不到工作。

培训即使有效果，高昂的学费也是把你钱的坑了。我免费分享给你这么多教程，你连个赞都不点，我从来和你要过钱么？

Q:我正在学习前端开发，想要早一点找到相关工作怎么办？

那么你就先去找工作，看工作的职位描述对你的技术有什么需求，根据你目标岗位的技术需求来学习。我们拿拉勾网的前端开发技术要求来举一个具体的例子：

熟练掌握HTML5、CSS3、JavaScript开发

这一条表示你要有扎实的HTML5/CSS3/JavaScript基础

熟悉W3C标准与ES规范，熟悉Web语义化

你需要了解一些Web相关标准

熟练掌握盒模型、常用布局以及浏览器和移动设备兼容性

能够熟练使用CSS构建页面，能够处理好各类屏幕大小设备的兼容性

熟练使用至少一种JS框架，掌握其原理，能独立开发常用组件

熟悉Angular/React一类的框架，并且用这类框架开发过成型的项目

熟练使用各种调试、抓包工具，能独立分析、解决和归纳问题

熟练掌握Chrome调试工具一类应用软件的使用

具有至少一门服务器端编程的实战经验

你得会Python/PHP/Node.js一类的服务器端语言，并且能够独立搭建起Web应用的运行环境

具有性能优化经验

了解客户端/服务器端缓存，CSS/JS代码优化一类的性能方面知识

熟悉各种常用设计模式和常用MV*框架

了解掌握设计模式和Angular/React等框架

然后再根据每一条要求去学习相关的知识，准备相应的实践项目。准备好就去面试吧，如果面不到就再回来继续好好学，千万不要急功近利。