有哪些前端学习方法？

不管做什么，先不要想太多，因为人都是懒惰的，想到的第一件事就是走捷径，害怕付出后没有回报。学习这个东西，从小学老师说的，一定要好好学习，天天向上总结自己真正的努力。最后我们除了抱怨还会抱怨，总期待天上掉馅饼。方法有很多种，真正适合的才是真正有用的，什么样的方法适合你，什么方法你都要去做才是有效的！所以，没有最有效的方法，只有持之以恒才是真正有效的。

作为初学者，你必须明确系统的学习计划。我建议一定要有一个可以自学的导师。放弃的概率很大。当你对web前端毫无概念的时候，你需要一个人领你进门，然后你就要自学了。第一步，确定web前端需要什么内容，需要多长时间完成学习。建议时间6个月。

视频为主，书籍为辅。很多初学者在学习前端的时候喜欢买书，但是最后的结果是什么呢？好像什么都写不出来，所以在这里提醒一下，书是可以看的，但是是建立在你已经对某个知识点实施了具体操作的基础上，然后用书来巩固概念，更有利于你对知识的理解。

对于学习技术来说，掌握一种学习方法非常重要。其实对于学习web前端来说，很多学习方法确实是一样的。一旦学习方法不对，就可能造成“方法不对，努力白费”。其实这里面还有很多东西。我举个简单的例子。有的人一边听课一边跟着码，这是不对的。听课时，他们专心做题。这是经历过的人的经历。一定要听。根据每个人的差异，学习方法可能会有出路，找到合适的学习方法是学习的前提。

不建议自学。就我所了解的这些学编程的人来说，从零开始，最后成功从事这份工作的人其实不多。我觉得大部分原因是因为不知道web前端是什么，不知道自己在学什么，所以盲目买书到处找视频，最后看完就放弃了。所以我建议新手在没有什么具体概念之前先找有经验的人咨询一下，聊完你就知道了。

自学路线:

阶段1:首页重建(4周)

内容包括:(PC端网站布局项目，HTML5+CSS3基础项目，WebApp页面布局项目)。

第二阶段:JavaScript高级编程(5周)

内容包括:(原生JavaScript交互功能开发项目，面向对象高级及ES5/ES6应用项目，JavaScript工具库自主研发项目)。

第三阶段:PC端全栈项目开发(3周)

内容包括:(jQuery经典交互特效开发、HTTP协议、Ajax高级及PHP/JAVA开发项目、前端工程及模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)。

阶段4:移动项目开发(6周)

内容包括:(触控项目，微信场景项目，用Angular+Ionic开发WebApp项目，用Vue.js开发WebApp项目，用React.js开发WebApp项目)。

阶段5:杂交、反应性发育(1周)

内容包括:(微信小程序开发，ReactNative，各种混合应用开发)

阶段NodeJS的全栈开发(1周)

内容包括:(WebApp后端系统开发，一、NodeJS基础及NodeJS核心模块二、Express三、noSQL数据库)。

网上有很多免费的web前端视频教程。可以借鉴一下，推荐一套视频教程:网页链接。