如何才能自学Web前端？

系统地学习前端是比较轻松些的，但是否好学还是看个人感受。

其实掌握了方法，前端学起来真的不会特别难。吃力的原因，可能在于学习顺序不太对，比如先去学习了最难的一部分，所以感觉比较吃力。

web全栈工程师5.0课程包括：

①计算机基础以及PS基础

②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）

③移动开发

④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）

⑤小程序开发

⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）

⑦就业拓展（网站SEO与前端安全技术）

互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。

想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。

祝你学有所成，望采纳。

前端自学者存在的学习误区：

1、所学东西可能已过时

奉为经典的东西可能已经过时，或者已经有了更好的替代者，而你获取信息的渠道有限，消息滞后，导致学习的内容也相对滞后。

2、学习方法盲目。

看书看不懂就找视频类教程学习，觉得教程跟自己的口味不符就另寻他法，因为自己缺少对资源的辨识能力，总是在没有清晰规划学习线路的情况就盲目学习，导致无效学习时间过长而收获寥寥。

3、只有理论，缺乏真实项目锻炼。

对技术的理解停留在理论层次，而缺乏真实企业项目的历练，如果没有相关实习或工作经历，对前端岗位具体的责任划分和工作流程了解不充分。

如何自学前端知识：

自学方法：

1、作为一个初学者，你必须明确系统的学习方案，我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己钻研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。

2、视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里给大家提醒，书可以看，但是是在建立于你已经对于某个知识点有了具体操作的执行后，在用书去巩固概念，这样更加利于你对于知识的理解。

3、对于学习技术来讲，掌握一个学习方法是非常重要的，其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。其实关于这方面还是很多的，我就简单说个例子，有的人边听课边跟着敲代码，这样就不对，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。根据每个人的不同，可能学习方法也会有所出路，找到适合你自己的学习法方法是学习的前提。

4、不建议自己一个人瞎学，在我了解学习编程的这些人来看，从零基础开始学并且最后成功做这份工作的其实并没有几个，我觉得大部分原因就是因为他们都不了解web前端是干什么的，学什么的，就盲目的买书看，到处找视频看，最后看着看着就放弃了，所以我建议初学者在没有具体概念之前，还是找有经验的人请教一下，聊过之后你就会知道web前端具体是干什么的，该怎么学，这是我个人的小建议，可以不采纳。

学前端的话，书籍是必不可少的：

1、《JavaScript高级程序设计(第3版) 红皮书 》，适合有一定编程经验的Web应用开发人员阅读，也可作为高校及社会实用技术培训相关专业课程的教材。

2、《JavaScript权威指南(第6版)》 犀牛书，本书不仅适合初学者系统学习，也适合有经验的 JavaScript 开发者随手翻阅。

3、《JavaScript DOM编程艺术 (第2版)》，本书在简洁明快地讲述JavaScript和DOM的基本知识之后，通过几个实例演示了专业水准的网页开发技术，透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践，并全面探讨了HTML5以及jQuery等JavaScript库。

4、《CSS权威指南(第三版)》，不管你是一个有经验的Web开发人员还是一个彻底的初学者，《CSS权威指南(第3版)》都是你的CSS学习源泉。

5、《JavaScript设计模式》，适合JavaScript初学者、前端设计者、JavaScript程序员学习，也可以作为大专院校相关专业师生的学习用书，以及培训学校的教材。

6、《你不知道的JavaScript(上中下卷) 》，本书既适合JavaScript语言初学者了解其精髓，又适合经验丰富的JavaScript开发人员深入学习。

7、《Vue.js权威指南》，该书内容全面，讲解细致，示例丰富，适用于各层次的开发者。

学习路线：

第1阶段：前端页面重构(4周)

内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段：JavaScript高级程序设计(5周)

内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

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

内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段：移动端项目开发(6周)

内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)

第5阶段：混合(Hybrid,ReactNative)开发(1周)

内容包含：(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段：NodeJS全栈开发(1周)

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

视频教程：

网页链接

自学web前端很简单的，也没有学历的要求，只要你想学web前端就行，现在这个时代非常好，有各种各样的渠道都能学习，学习web前端也是有方向的，也一定要从基础开始学习，基础打牢固了，再学习高端的东西才会更轻松，推荐给你web前端的学习方向：

web前端学习方向

你可以按照顺序学习就可以了，希望对你有所帮助。

web前端目前需求量多，容易上手，对于自学能力比较强的，很快就掌握，出去工作找经验，对以后职业发展有很大的帮助。

• 新手自学it是比较困难的，在学前端开发过程中各种问题不懂也是难免的。在学习过程中主动去问学习it的朋友，可以加入一些关于前端开发的qq群之类。基础是在今后中你能不能发展下去的重要因素，很多人都是中途就放弃，基础不好就没有信心去研究学习。

• 新手很多还是不懂前端开发是什么东西，所以在学习之前先了解什么是ti，什么是前端开发或web前端开发。然后就开始学前端需要什么东西。

• 了解上面内容之后，就开始动手学习。新手的话建议用 dreamweaver 简单，中文。去简单学习一下 dreamweaver。像小编自学dreamweaver一天这样，了解制作网站需要的功能。

• 觉得了解网站制作过程比较熟悉了，那接来就是比较神奇的编程代码。前端主要学习：html css javascript  。简单用html和css 编程一个，模仿其他网站。觉得html+css可以的时候就可以学习js动态效果。

• 模仿几个网站之后，你可能比较好的掌握前端开发技术，这时候你就可以开始学习框架技术。bootstrap 框架是前端html+css+javascript结合。比较好用，容易学习上手。jquery 框架是 javascript的简称版，比javascript容易掌握，快速上手。

• 以上都学习差不多了，其实就可以去出去找工作了，但是it技术是不断变化发展的，就比如html5 （简称H5），这是目前it发展必学的语言，只要前面是学习差不多，后面学习新语言都不是很吃力。再者可以去学习后台语言，比如Java php .net C#等等，数据库是储存数据的工具，所以也必学课程。可以开学学习mysql数据库。后面的话，随着学习的深入和发展情况，不断去学习，了解。

看一些关于这些方面的视频，一定要有耐心，更重要的是实践，错了没事，可以改正，一开始不会没关系，慢慢来，这个真的需要耐心！