前端程序员怎么自学? 想学前端开发，但不知道怎么学，从哪里入门？
因人而异
自学肯定也是可以的，最主要还是要看个人的学习能力，意志力，和自己的决心，
下面我就说一下，在自学时需要注意的一些误区和如何自学前端知识。
前端自学者存在的学习误区：
1、所学东西可能已过时
奉为经典的东西可能已经过时，或者已经有了更好的替代者，而你获取信息的渠道有限，消息滞后，导致学习的内容也相对滞后。
2、学习方法盲目。
看书看不懂就找视频类教程学习，觉得教程跟自己的口味不符就另寻他法，因为自己缺少对资源的辨识能力，总是在没有清晰规划学习线路的情况就盲目学习，导致无效学习时间过长而收获寥寥。
3、只有理论，缺乏真实项目锻炼。
对技术的理解停留在理论层次，而缺乏真实企业项目的历练，如果没有相关实习或工作经历，对前端岗位具体的责任划分和工作流程了解不充分。
如何自学前端知识：
学前端的话，书籍是必不可少的：
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数据库)
视频教程：
网页链接
1、首先，得学习一下html，主要是学习一下html标签的使用方法。推荐一个学习平台，W3C 菜鸟教程。这个教程简单易用，适用于初学入门者，能比较完善的学习html是怎么使用的。（如果感兴趣，学完后可以接着学一下html5，这个是目前最新版本的html，也比较简单的。）
2、学完了html，接着当然是学习css。html的作用是填充网页内容，css作用就是为内容加上外衣，让它看起来富有色彩，更好看。推荐同样在W3C 菜鸟教程上面去学习css，很简单，大概两三天的学习周期，这些内容需要强记一下，记下了多用就熟了，没有什么难度。（学完css，可以接着学习css3，目前最新版本的css，这个有兴趣就学，一般的话css3用的不是很多，个人觉得）
3、学完了html,css，接下来是重头戏，轮到了我们的javascript，业界简称js。很多程序员说js的难度超过了java， 我想说的是，简单易学的入门，深究可能就要费脑子了，当然大家不要怕，企业应用级别的js也是很简单的，吧W3C 菜鸟教程中的文档看完完熟了，也就了解了js的使用方法了，哈哈。
4、学完了上述的html,css,js后，咱们就可以成为一名合格的web前端程序员了。但是光合格还是不够的，技术要拿得出手，工作中才能轻松胜任，学习咱们搞编程是不能停止学习步伐的，继续出发！学什么呢，学完js后，首先要学的是jQuery框架，说它的大名鼎鼎是一点都不为过，不知道jquery是什么的程序员我就不想说什么了，你现在知道它的重要性了吗，这个一定得好好学习。
5、接下来我想推荐另外两个现在非常热门的比较新的框架，它们未来会成为主流前端框架，一个叫angularjs，目前最新版本的是angular4，另外一个是vue.js，大家感兴趣可以学习学习。
自学方法：
1、作为一个初学者，你必须明确系统的学习方案，我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己钻研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。
2、视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里给大家提醒，书可以看，但是是在建立于你已经对于某个知识点有了具体操作的执行后，在用书去巩固概念，这样更加利于你对于知识的理解。
3、对于学习技术来讲，掌握一个学习方法是非常重要的，其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。其实关于这方面还是很多的，我就简单说个例子，有的人边听课边跟着敲代码，这样就不对，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。根据每个人的不同，可能学习方法也会有所出路，找到适合你自己的学习法方法是学习的前提。
4、不建议自己一个人瞎学，在我了解学习编程的这些人来看，从零基础开始学并且最后成功做这份工作的其实并没有几个，我觉得大部分原因就是因为他们都不了解web前端是干什么的，学什么的，就盲目的买书看，到处找视频看，最后看着看着就放弃了，所以我建议初学者在没有具体概念之前，还是找有经验的人请教一下，聊过之后你就会知道web前端具体是干什么的，该怎么学，这是我个人的小建议，可以不采纳。
自学路线：
第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数据库)
基础书籍：
1、《Head First HTML与CSS(第2版)》，入门真的是经典书籍，手把手教学，丰富的案例让你从 0 开始学前端。
2、《CSS权威指南(第三版)》，这本书作为 CSS 的经典著作，把原理讲得非常的通透，除了 w3c 标准，算最权威的一本了，毕竟权威指南。
3、《CSS揭秘》神书，47 个 css 技巧让你在面对各种 css 问题的时候游刃有余。是 css 书籍中评分最高的了，css 进阶必备。
4、《javascript语言精粹》，这本书可以在入门之前了解一下基本语法，以及在学习之前可以了解下 JS 里面的精粹以及糟粕，虽然这本书很薄很薄，但是值得反复去读的一本书。
5、《JavaScript DOM编程艺术(第2版)》，本书在简洁明快地讲述JavaScript和DOM的基本知识之后，通过几个实例演示了专业水准的网页开发技术，透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践。
6、《JavaScript权威指南》：犀牛书是每个FE都绕不过的一本书，可以先大致通读几遍，也可以把其当作工具书，时时翻阅。
视频教程:
网页链接
自学前端，首先的你得搞懂前端是什么，要学习的内容是什么，每天能抽出多少的时间
去学习，能不能坚持的问题，很多同学可能就是三分钟的热情去学习，然后过几天就偷懒学不下去了，为了避免这样半途而废，大家选择学习的方式就是很重要的。还有就是重点的学习哪些技术。
以下就给大家分享一下web前端开发中需要掌握的技术：
1、学习HTML，这是很简单，基本的是要掌握div，formtable、Ulli、P、跨度、字体这些标签，这些都是常用的，尤其是DIV和表格，DIV，表也可以用于布局，但不灵活，和用于基本表处理数据。
如果你想要学好web前端最好加入一个好的学习环境，可以来这个Q群，首先是132，中间是667，最后是127，这样大家学习的话就比较方便，还能够共同交流和分享资料
2、学习CSS，CSS这里说的不包括CSS3 Web前端开发工程师里面我们看到的，一个可以使用HTML或CSS + CSS+DIV的界面布局，所以CSS是用来协助HTML布局和显示，我们称之为“CSS样式”，为什么说DIV+CSS？因为我说div是HTML主要用于布局的，所以div是这个东西的核心！CSS必须配合部。CSS必须掌握浮、位置、宽度和高度，以及较大值和小值，以100%，溢出，边缘、填充等。这些都是与布局相关的样式。
3、然后就是JS的学习。JS入门很简单，不需要很多东西，只要根据ID或名称DOM或”风格或价值，然后以一个ID或名称元标签，或额外的数据，在HTML，这是对数据的操作有关系，那么数据逻辑的影响，无非是一个跳跃，弹框，隐藏什么，这一切都是结合其他应用，代码一点都不难，将这些基本的JS。百度其他好。然后多看一些，不是什么问题。
4、学习jQuery相当于封装一组JS插件的JS。其目的是操作更方便，编写更少的代码，jQuery条目也非常简单。这些都是切入点，要学会像JS，只是改变了JQ代码。剩下的就跟百度一样。
5、较好是指出背景语言，如java，php，为什么？因为我们是前台接口数据，从后台到点，如果后台代码，你知道如何与后台数据交互是好的，它节省了时间，也可以使前端代码更加规范。否则，可能是因为你回来了，无法忍受的数据，然后前端代码再次重写，这将是可怕的。
6、研究CSS3 + HTML5，为什么放在后面呢？因为现在对于前端人员来说，复合型且不断提升能力的人是企业很看中的，所以，如果你准备从事专业战线，学习一下会更好。
以上6点，基本上是一个web前端开发工程师掌握的技术，对于一个新手小白来说，掌握以上技能基本就能入职web前端职位了。
一、熟练掌握HTML、CSS、JavaScript
用语义化的HTML标签配合CSS百分百还原设计稿，并使用JavaScript完成各种交互逻辑，这是前端的基本功。当然，如果你想掌握扎实的理论知识，除了通过教材、视频等渠道学习外，在学习过程中做大量的实践，通过不断写代码去应用所学知识，获得快速成长。
二、熟练掌握一门Mvvm框架
随着前端的日益复杂，大部分应用场景都已经离不开它们了。因此，你应该清楚的了解框架出现的意义以及框架的职责边界，这样你才能轻松应用框架提供的各种能力辅助开发工作。除了在应用中投入更多的心思外，你还可以去主动去学习一些框架源码，进一步了解框架的实现原理。
以上所介绍的是前端工程师应该掌握的部分技术能力，除了技术能力外，一名优秀的前端工程师还应该具有业务能力。
首先，就是要有责任意识。如果你不甘心只当一颗螺丝钉，你就需要有责任意识，对产品和项目负责。一般来说，从产品的需求、设计、开发、测试到最终的上线都是由工程师在主导，并协调各个角色成员，这对工程师提出了很高的要求。因此，在学习阶段你应该按照严格的工程师标准来要求自己。
其次，要有产品思维。当你接到一个需求的时候，也要思考这个需求解决了什么问题，有什么价值和意义。作为一个工程师，最好能参与到需求早期的讨论中，充分理解业务，这样你对需求的把握和理解会更准确，而不是产品说什么你就做什么，有些时候你会找到一条既能满足需求又能节约开发成本的路。
最后，良好的沟通能力。作为前端工程师不可避免的就是需要和不同岗位的人进行沟通，充分的沟通可以避免走一些弯路，提升工作效率。
自学前端一定要有方向，你可按照前端路线图的顺序学习，基础阶段你可以看看视频，跟着练习，学习方法上就是多练习、多思考、多问，学习就是一个不断重复的过程，希望你早日学有所成。
如果有一定的基础的话可以在网上多查找一些类似的视频资料进行学习，但如果是零基础的话建议还是去一家专业的院校进行学习。
你是否需要了解？
前端程序员需要掌握哪些基本技术
答：web前端主要掌握详情页的交互效果，以及与后端服务器畅通，完成业务逻辑，Web前端工程师是中间桥梁，需要各方面对接，需要掌握的技能比较多。1、Web前端编程语言和开发技术，这些是必须要学会的，其中包括：CSS、HTML、Ajax、JavaScript等。2、优化网站性能、SEO和服务器端的基础知识。3、作为美术开发与后端...
不同基础转行Java,分别该怎么学习?
答：随着社会信息的发展，Java技术已经无处不在，无论是手机软件、手机Java游戏还是电脑软件等，只要你使用到电子产品就会碰到和Java有关的东西，更多的企业正采用Java语言开发网站，而在所有程序员中，Java开发工程师就占据20%的比例，不可否认，Java语言有着广泛的行业发展前景，它在行业中的影响力已是不可...
想学代码,没有任何基础,怎么起步?
答：如果想学习代码，没有任何基础，你可以选择学习Python课程。Python是一种高级编程语言，易于理解，易于使用，适合0基础人员学习。是初学者的首选。Python是人工智能的首选编程语言。学习后，你可以从事多种工作。1、Office中自带小型的程序编辑器VBA，虽说小型，也是五脏俱全的，可以先从VBA入手。EXCEL的宏...
大学自学编程8个网站
答：虽然C SDN经常被喷文章大量抄袭等缺点, 但丝毫不影响它是国内程序员最多的聚集地,也有很多优秀的程序员博主在持续更新,比如算法领域的“英雄哪里出来”这个博主。 传送门:https://www.csdn.net/?spm=1011.2415.3001.4476 Lore Free 一个很良心的电子书下载网站,想要什么编程书籍的电子版,上这里看看没准你就能白嫖...
学习前端,要报班吗?
答：3、技术 自学web前端在技术方面可能比较浅，培训班学习的话可能会学习的更深入一些。如果是自学的话一般也是需要具备一定的前提条件的，比如：自己的自制力要强一些，不然的话很容易导致半途而废，学习时间一定要合理化，每天要抽出3个左右的时间学习比较好，最好学习理解能力要强，解决问题的能力要强，如果...
什么是Web前端?
答：根据每个人的不同，可能学习方法也会有所出路，找到适合自己的学习方法是学习的前提。自学路线：请点击输入图片描述 第1阶段：前端页面重构(4周)内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)第2阶段：JavaScript高级程序设计(5周)内容包含：(原生JavaScript交互功能开发项目、...
零基础学习web前端难不难?
答：【点击测试我适不适合学设计】 Web前端如何提高学习效率？1、耐性。要成为优秀的web前端开发者，要调整好心态。抛开一切的方法和技术知识，最重要的就是你的耐性。2、学会延伸。对于新手来说，新技术就是新技术。对于一个高手来说，新技术不过是旧技术的延伸。Web前端开发技术主要包括三个要素：HTML、...
前端学习简单吗?
答：学习前端开发并不是一件特别困难的事情。作为IT互联网技术培训领域的领导者，千锋教育提供专业、系统化的前端培训课程，并在Java开发和其他领域拥有强大实力。更系统全面的学习资料，点击查看在千锋教育，我们了解学员对于前端学习的疑虑和挑战。因此，我们设计了一系列针对不同水平和背景的前端培训课程，以满足...
IT初学者怎么入门?
答：1.打好基础很重要。学习的过程就像是盖高楼大厦的过程，只有地基打得越牢固，大楼才能盖得越高、越好。程序员更是如此，如果没有扎实的基础做后盾，怎么可能开发出好软件呢?我们可以多看书增强理论性，可以多上机实践，提高操作能力。不要什么都不会还不想学习，不知道自己欠缺什么，就永远不会有进步。2...
如何零基础自学计算机
答：JavaScript+HTML/CSS+计算机网络→前端开发 数据结构与算法＋C/C++→初级算法工程师 编程方向的课程学起来还是有难度的，建议还是找专业的计算机培训机构系统学。其实即使是其它专业方向，自学的方式都是有一定难度的，对于所需学习课程的类别顺序及深度都难以把握。想要系统学习，你可以考察对比一下开设有IT...