㈠ web前端零基础该怎么去学习
web前端作为互联网相关的重要岗位，许多互联网大厂（如阿里腾讯等）在招聘时会作出要求。学好web前端对于将来掌握前端后端开发、成为全栈架构师的学习很有帮助。
想学习web前端需要掌握的内容也是不少的，对于自学的同学来说会有一些难度，不推荐自学能力差的人。我们在学习的时候需要分阶段进行，做到有计划的学习与训练，具体的学习顺序如下：
web前端学习顺序：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
想要系统学习，你可以考察对比一下开设有IT专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，建议实地考察对比一下。
祝你学有所成，望采纳。
㈡ 本人小白：自学web前端，都要掌握，哪些内容
（1） html + css。
（2）JavaScript。不是所有的网页都必须有js，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。如果没有其他编程语言的基础的话，学起来可能要费些力。
（3）Photoshop、flash。熟悉会一点儿就行了，没必要全部都学得精通，当然如果你在学习的过程中，发现你ps或者flash比较感兴趣的话，也可以尝试做美工这一行。
（4）html5和css3。可以先了解一下，然后再入手。毕竟IE的浏览器大多还不支持。
（5）浏览器兼容。懂web标准，熟练手写 xhtml css3 并符合 符合w3c标准。代码能兼容主流浏览器Firfox，Chrome、Safari、IE、Opera。虽然IE6很多都不兼容，但现在还使用的人还是有的。
（6）熟悉一门后台编程语言 asp、php、jsp等
㈢ 如何才能自学Web前端
前端自学者存在的学习误区：
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前端开发?
如今是一个信息大爆炸的时代，也是一个互联网+的平台，现在各行各业基本上都会牵扯一点web前端的知识，不管是什么样的企业都离不开前端，都需要一个自己的官方网站。我们时下正处在互联网高速发展的时代，互联网方向的IT人才稀缺量也是比较大的，正是在这样的市场契机之下越来越多的人开始涌入web前端的行列中去。在这些人中有转行的、也有受身边朋友熏陶的、也有自己感兴趣或者说自己想提升的，随着学习web前端的人员越来越多，问题也逐渐的显现出来，其中最为明显的两个问题分别是：
问题一：web前端学习路线是什么?
小编在这里首先要告诉大家web前端其实很适合零基础的学员学习的，整体来说他比安卓、Java要简单很多，其学习路线主要有以下几个阶段：
阶段一：web页面制作基础，电脑培训http://www.kmbdqn.cn/建议掌握传统PC端网页布局和制作;
阶段二：UI网站设计，掌握页面设计和原型图设计
阶段三：编程基础技术，利用js完成一些常见网页的特效开发
阶段四：后端开发技术，了解web服务器的工作原理，并可以简单搭建自己的应用程序服务器端;
阶段五：移动互联网应用，掌握现在主流的页面制作技术，可以完成微网站的制作，并可以做到多设备兼容;
阶段六：特效开发高级实战，通过实际项目开发，精通前端常用框架的实际应用及问题解决，以及常见特效开发、前后台交互开发等;
阶段七：企业级应用开发，能够独立使用HTML5完成APP开发制作。
问题二：该如何学习web前端开发?
学习web前端无非就两种方式一种是自学还有一种就是参加培训，但是无论是自学还是参加培训都离不开以下几种学习方法：
方法一：学习态度一定要端正，不能三天打鱼两天晒网，学习一定要脚踏实地，遇到不会的不懂的问题一定要及时解决;
方法二：根据web前端学习路线制订一份详细的学习计划，切忌这份学习计划不是一成不变的，一定要根据自己的实际学习情况，适时的做出调整;
方法三：学习过程中一定要多动手、多动脑，因为web前端的学习会涉及很多的代码，所以课下一定要勤加练习，不要觉得上课看着老师做了，自己就懂了。代码的学习，勤加练习才是王道。
经过以上的分析大家对于web前端的学习路线想必已经十分清楚了，而web前端的学习方法无非就是以下三点：学习态度、学习计划以及多动脑等。
㈤ 零基础怎么学web前端
零基础学习web前端，主要有自学和报班学习两种方式。
web前端作为互联网相关的重要岗位，许多互联网大厂（如阿里腾讯等）在招聘时会作出要求。学好web前端对于将来掌握前端后端开发、成为全栈架构师的学习很有帮助。
想学习web前端需要掌握的内容也是不少的，对于自学的同学来说会有一些难度，不推荐自学能力差的人。我们在学习的时候需要分阶段进行，做到有计划的学习与训练，具体的学习顺序如下：
web前端学习顺序：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
想要系统学习，你可以考察对比一下开设有IT专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，建议实地考察对比一下。
祝你学有所成，望采纳。
㈥ 如何自学web前端开发呢我想自己学
其实web前端是一个新词汇，刚开始的时候只有美工和程序，后来随着web的发展，对用户交互的需求越来越高，就衍生出了ui（用户交互页面）这除了视觉效果还要有交互体验，就需要js去实现，毕竟一个人的精力是有限的，这么多的工作不可能由一个人去实现，于是出图就成了前端美工，切图出html css就成了前端切图，js就成了前端交互。一般情况下出图和html页面是一个人完成，而js效果由程序员去写，因为毕竟都是程序脚本，程序员学起来相对容易一些。。慕课网课程由浅入深，将零散的知识点进行串联，并且进行详细的讲解
㈦ Web前端学习的入门方法有哪些
今天小编要跟大家分享的文章是关于web前端学习的入门方法有哪些?web前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。
互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程师的需求量都很大，要求也越来越高，优秀的前端工程师更是稀缺。个人感觉前端入门相对容易，但是也需要系统地认真学习，在打好基础后坚持学习，成为优秀前端工程师也只是时间问题。
学习任何知识最重要的都是兴趣，如果经过一段时间的学习感觉不喜欢，那可能强迫自己学习是很痛苦的，效果也不会好，毕竟这很可能就是以后很多年生存的技能。不过随着互联网行业的发展，前端必然是Web开发人员需要学习的知识，有时候是没有专业前端工程师一起合作的，所以即使不做专门的前端工程师，掌握基本的前端技能为工作带来方便。下面来和小编一起看一看吧!
一、必备基础技能
以下是个人觉得入门阶段应该熟练掌握的基础技能：
§HTML4，HTML5语法、标签、语义。
§CSS2.1，CSS3规范，与HTML结合实现各种布局、效果。
§Ecma-262定义的javascript的语言核心，原生客户端javascript，DOM操作，HTML5新增功能。
§一个成熟的客户端javascript库，推荐jquery。
§
一门服务器端语言：如果有服务器端开发经验，使用已经会的语言即可，如果没有服务器端开发经验，熟悉Java可以选择Servlet，不熟悉的可以选PHP，能实现简单登陆注册功能就足够支持前端开发了，后续可能需要继续学习，最基本要求是实现简单的功能模拟。
在掌握以上基础技能之后，工作中遇到需要的技术也能快速学习。
二、基本开发工具
恰当的工具能有效提高学习效率，将重点放在知识本身，在出现问题时能快速定位并解决问题，以下是个人觉得必备的前端开发工具：
§文本编辑器：推荐SublimeText，支持各种插件、主题、设置，使用方便
§浏览器：推荐GoogleChrome，更新快，对前端各种标准提供了非常好的支持
§调试工具：推荐Chrome自带的Chromedevelop
tools，可以轻松查看DOM结构、样式，通过控制台输出调试信息，调试javascript，查看网络等
§辅助工具：PhotoShop编辑图片、取色，fireworks量尺寸，AlloyDesigner对比尺寸，以及前面的到的Chrome
developtools，
§FQ工具：lantern,壁虎漫步
三、学习方法和学习目标
方法：
§入门阶段反复阅读经典书籍的中文版，书籍中的每一个例子都动手实现并在浏览器中查看效果。
§在具备一定基础之后可以上网搜各种教程、demo，了解各种功能的实际用法和常见功能的实现方法。
§阅读HTML，CSS，Javascript标准全面完善知识点。
§阅读前端牛人的博客、文章提升对知识的理解。
§善用搜索引擎。
目标：
§熟记前面知识点部分的重要概念，结合学习经历得到自己的理解。
§熟悉常见功能的实现方法，如常见CSS布局，Tab控件等。。
四、入门之路
在整个学习过程中HTMLCSSJavaScript会有很多地方需要互相结合，实际工作中也是这样，一个简单的功能模块都需要三者结合才能实现。
动手是学习的重要组成部分，书籍重点讲解知识点，例子可能不是很充足，这就需要利用搜索引擎寻找一些简单教程，照着教程实现功能。以下是一些比较好的教程网址
可以搜索各大公司前端校招笔试面试题作为练习题或者他人总结的前端面试题还有个人总结的面试题(带参考答案)。
原生javascript是需要重点掌握的技能，在掌握原生javascript的基础上推荐熟练掌握jQuery，在实际工作中用处很大，这方面的书籍有《Learning
jQuery》或者去jQuery官网。
建一个https://github.com/账号，保存平时学习中的各种代码和项目。
有了一定基础之后可以搭建一个个人博客，记录学习过程中遇到的问题和解决方法，方便自己查阅也为其他人提供了帮助。
经常实用Google搜索英文资料应该经常找到来自#/的高质量答案，与到问题可以直接在这里搜索，如果有精力，注册一个账号为别人解答问题也能极大提高个人能力。
经典书籍熟读之后，可以打开前面必备基础技能部分的链接。认真读对应标准，全面掌握知识。
五、继续提高
有了前面的基础之后，前端基本算是入门了，这时候可能每个人心中都有了一些学习方向，如果还是没有。可以参考前面必备技能部分提到的那两个项目，从里面选一些进行发展学习。以下是一些不错的方面：
§Grunt：前端自动化工具，提高工作效率
§lesscss：优秀的CSS预处理器
§bootstrap：优秀的CSS框架，对没有设计师的团队很不错，与less结合使用效果完美
§requirejs：AMD规范的模块加载器，前端模块化趋势的必备工具
§Node.js：JavaScript也可以做后台，前端工程师地位更上一步
§AngularJS：做SinglePageApplication的好工具
§移动端web开发：智能手机的普及让移动端的流量正在逐步赶超PC端
§Javascript内存管理：SPA长期运行需要注意内存泄露的问题
§HighPerformanceJavaScript()
§：重要技能
六、语言基础
1、JavaScript：
作用域链、闭包、运行时上下文、this
原型链、继承
NodeJS基础和常用API
2、CSS：
选择器
浏览器兼容性及常见的hack处理
CSS布局的方式和原理(盒子模型、BFC、IFC等等)
CSS3，如animation、gradient、等等
3、HTML：
语义化标签
其他
有些东西不是考敲码就能弄好的，我参与实习的时候感受到了很多，这些是我遇到的也是我感觉自己做的不好的地方
对于业务的思考：我个人这方面非常欠缺，所以放在最前面，在敲码前要多思考业务
交流和沟通能力：这个非常重要，前端同时需要与项目经理、产品、交互、后台打交道，沟通不善会导致很多无用功，延缓项目。
知识管理、时间管理：input和output的平衡，output是最好的input。如何做好分享，参与社区，做好交流，作好记录。
对新技术的渴望，以及敢于尝试。
七、入门书
入门可以通过啃书，但书本上的东西很多都已经过时了，在啃书的同时，也要持续关注技术的新动态。这里推几本我觉着不错的书：
《JavaScript高级编程》：可以作为入门书籍，但同时也是高级书籍，可以快速吸收基础，等到提升再回来重新看
《JavaScript权威指南》：不太适合入门，但是必备，不理解的地方就去查阅一下，很有帮助
《编写可维护的JavaScript》和：
《Node.js开发指南》：不错的Nodejs入门书籍
《深入浅出Node.js》：Nodejs进阶书籍，必备
《JavaScript异步编程》：理解JS异步的编程理念
《JavaScript模式》和《JavaScript设计模式》：JavaScript的代码模式和设计模式，将开发思维转变到JavaScript，非常好的书
《JavaScript框架设计》：在用轮子同时，应当知道轮子是怎么转起来的，讲解很详细，从源码级别讲解框架的各个部分的实现，配合一个现有框架阅读，可以学到很多东西
《Dontmakemethink》：网页设计的理念，了解用户行为，非常不错
《CSS禅意花园》：经久不衰的一部着作，同样传递了网页设计中的理念以及设计中需要注意的问题
《高性能JavaScript》和《高性能HTML5》：强调性能的书，其中不只是性能优化，还有很多原理层面的东西值得学习
《HTML5Canvas核心技术》：我正在读的一本书，对于canvas的使用，动画的实现，以及动画框架的开发都非常有帮助
《HTTP权威指南》：HTTP协议相关必备，前端开发调试的时候也会经常涉及到其中的知识
《响应式Web设计》：技术本身不难，重要的是响应式网页的设计理念，以及移动先行的思想
《JavaScript语言精粹》：老道的书，也是普及JavaScript的开发思维的一本好书，非常适合入门
八、一些不错的网站
github：没啥好说的，多阅读别人的源码，多上传自己的源码，向世界各地的大牛学习
codepen：感受前端之美的必选之地，里面有很多酷炫的效果和优秀的插件
echojs：快速了解js新资讯的网站
stackoverflow和segmentfault：基本上各种问题都能在上面获得解答
googlewebfundamentals：每篇文章都适合仔细阅读
staticfiles：开放的CDN，很好用
iconfont：阿里的矢量图标库，非常不错，支持CDN而且支持项目
html5rocks:一个不错的网站，很多浏览器的新特性以及前沿的技术，都能在这上面找到文章
csstricks：如何活用CSS，以及了解CSS新特性，这里可以满足你
JavaScript秘密花园JavaScript初学必看，非常不错
w3cplus：一个前端学习的网站，里面的文章质量都挺不错的
nodeschool：一个不错的node学习网站
learngitbranch：一个git学习网站，交互很棒
前端乱炖：一个前端文章分享的社区，有很多优秀文章
正则表达式：一个正则表达式入门教程，非常值得一看
各路大牛的博客：这个太多了，就不贴了，知乎上有很全的
各种规范的官方网站，不懂得时候读规范
九、前端的定位
前端的定位关乎到你需要吸收什么样的知识和技能，决定在技术世界里你对什么需要格外敏感。如果你认为前端仅仅停留在切页面，实现交互和视觉的要求，那你对前端的认识还停留在初级阶段。阿里终面的时候我问了考官这么个问题：前端技术日新月异，范围越扩越宽，标准越来越丰富，似乎任何一个触角都能伸出很远。怎么给前端一个合适的定位?考官给我分析了半天，然后总结成一句话，就是用户和网站的联结者，用户体验的创造者(原话不是这样，但大体是这个意思)。也就是说前端的终极目标其实就是创造用户体验，提升用户体验，以用户体验为中心。不管你是从交互设计上下手，还是从性能优化出发，或者改进工作流提升工作流效率，最终都是为了创造和提升用户体验，最终都要体现到用户体验这一点上来。我认为这个总结非常有道理(当然“用户体验”这个词太宽泛了，并且不仅仅是前端工程师的范畴，比如开发后台的时候对一个数据处理过程进行优化，提升了整体性能，这也是对用户体验的一个提升)。
现在的前端工程师做到一定阶段不可避免会接触到很多比切页面、实现视觉要求、实现交互等更深入的问题，比如前端自动化、图像编程、性能优化等等，再往后推一点就是PHP/JSP/ASP/nodeJs，过去后端模板一般属于后端的范畴，现在随着前端架构的演进，可能会让你去写后端模板的代码，需要用到后端语言(PHP/Java/C#等)，这就是所谓大前端(然而这与前端的定位并不是相背离的，大前端处理的依然是与用户接触的部分，仍然是对用户体验的优化)。可能最常见或者被谈论最多的就是node，其实这几种技术选型都可以，bat三家据说网络用PHP比较多，阿里用node比较多。
以上就是小编今天为大家分享的关于web前端学习的入门方法有哪些的文章，希望本篇文章能够对正准备学习web前端知识的小伙伴们有所帮助，想要了解更多web前端知识记得关注北大青鸟web培训官网最后祝愿小伙伴们工作顺利，学习成功。
转载自：https://github.com/qiu-deqing/FE-learning，部分内容有删减。
㈧ Web前端小白该如何学习Web前端开发
今天小编要跟大家分享的文章是关于Web前端小白该如何学习Web前端开发。Web前端开发技术包括三个要素：HTML、CSS和JavaScript。
学习Web前端开发应该从基础的Html开始学起，学习Html还是比较简单的，主要是理解并记住一些常见标签的使用，在学习的初期应该多动手敲一下代码，这样会加深理解。在学习完Html语法之后，需要学习CSS，CSS的内容也并不复杂，CSS主要解决Html中样式设计的问题和复用的问题。接着应该系统的学习一下JavaScript，JavaScript语言自身还是具有一定难度的，而且JavaScript涵盖的内容比较多，需要一个较为系统的学习过程才能逐渐掌握。
JavaScript不仅在Web前端有广泛的应用，随着Nodejs的普及，JavaScript正在从传统的前端开发逐渐走向后端开发，从这个角度来说，未来JavaScript的应用空间还是非常大的。目前开源领域基于JavaScript的产品也非常多，因此不仅前端程序员需要学习JavaScript，后端程序员目前也应该学习一下JavaScript。
随着移动互联网的发展，前端开发不仅仅包括Web前端开发，目前Android开发、iOS开发也逐渐并入到前端开发团队，这是一个比较显着的变化，所以对于前端开发人员来说，如果想提升自身的岗位竞争力，应该进一步丰富自身的知识结构。
对于还未接触过这个行业的人来说，在学习之前，心中多少会有一些疑问，比方说，零基础学Web前端开发要学多久?下面就来和小编一起看一看吧！
1、Web前端要学什么?
零基础入门学Web前端的话，首先要把所有的基础课程全部了解消化吃透，前端的开发框架，PC端的企业网站布局、PC端的电商类网站布局、移动端常见页面布局等等。
2、零基础学Web前端难不难?
Web前端要学的内容看起来很复杂，其实不然，这是一门注重实际动手操作的技能，不会要求你背诵很多的理论知识，更不会要求你有很高的学历水平。零基础学Web前端的话，要学会是不难的，只要每天坚持多动手练习，勤动脑思考，学成很简单的。现在的Web前端工程师，薪资水平破万，不是难事。
3、零基础学Web前端要学多久?
这个要分两个方面来回答大家，如果你是零基础自学Web前端的话，那么所花费的时间与精力会是不可估计的，学不学得成，还得两说。如果你是找一家专业的培训机构学习的话，那就轻松很多了，4到6个月就可以从基础到精通
Web前端学习路线
第一阶段：
1.1、HTML+CSS(HTML进阶、css进阶、div+css布局、html+css整站开发)
1.2、javascript基础(js基础教程、js内置对象常用方法、常见的dom树操作大全、ECMAscript、DOM、BOM、定时器和焦点图)
1.3、js基本特效(tab、导航、整页滚动、轮播图、js制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差试图等)这些都是基本的js特效，我做过的也就只有轮播图和弹出层
1.4、js高级特征(正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础等)
1.5、jquery的基础使用(悬着器、DOM操作、特效和动画、方法链、拖拽、变形、jqueryUI组件基本使用)
第二阶段：HTML5和移动Web开发
2.1、HTML5:(HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、WebSocket、Canvas)
2.2、CSS3:(CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、Velocity.js框架、元素进场、出厂策略、炫酷css3网页制作)
2.3、Bootstrap:(响应式概念、媒体查询、响应式网站制作、栅格系统、栅格系统原理、Bootstrap常用模板、LESS和SASS)
2.4、移动Web开发：(跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端Javascript事件、手机中常见js效果制作、2.5、Zepto.js、手机聚划算界面、手机滚屏)
建议其他后端编程语言也要学习一下，目前市场对前端基本都要求会一门后端语言，PHP/JAVA/Nodejs/Python等。
学习编程重要的还是实践，多敲代码，多去尝试。独立解决问题的能力、探究钻研的精神是必不可少的。
以上就是小编今天为大家分享的关于Web前端小白该如何学习Web前端开发的文章，希望本篇文章能够对准备学习Web前端知识的小伙伴们有所帮助，想要了解更多Web前端知识的小伙伴们记得关注北大青鸟Web培训官网。最后祝愿小伙伴们学习成功，成为一名优秀的Web前端工程师。
㈨ web前端可以自学吗
可以是可以的，这一点毋庸置疑。任何你想学的东西基本都可以自学。
但是凡事都有一个但是，你学前端的目的是什么。身为一个做了十多年的前端从业者我觉得有必要提醒一下，如果是为了工作，那么培训班无疑是最快，最系统的方式。很多人刚开始都是踌躇满志，觉得自己肯定可以，但大多坚持不了多久就拉胯了。并且自学的一个问题就是没有重点，如果是为了工作的话，那么原生JS其实根本就不那么重要，反而是各种各样的框架，库才是重点，而学习这些框架，库基本上又相当于学了一门语言。培训班首先是有一定强制性，其次是有学习氛围，可以让你更快的入门。
当然，前端也是需要自学精神的，因为在培训班基本就是入门，前端更新迭代快，确实需要你有很强学习能力，不然很容易掉队。
如果只是为了打发时间，那学习前端肯定是个好主意。
㈩ Web 前端怎样入门
方法：
第一：理清Web前端的知识结构。要想高效学习Web前端知识，首先应该搞清楚Web前端都包括哪些技术结构。Web前端开发虽然技术难度并不高，但是技术细节却比较多，内容也比较杂。Web前端的基础包括三大部分，包括Html、CSS和JavaScript，其中JavaScript是学习的重点，也是难点。另外，vue等框架也是需要熟练掌握的。
第二：紧跟技术发展趋势。目前Web前端的技术发展趋势有三个，其一是前端开发数据化;其二是前端开发高效化;其三是前端开发全栈化。前端开发数据化主要是大数据发展的影响，在大数据的推动下，Web前端逐渐涉及到了大量的数据展示任务。前端开发高效化主要体现在Web前端正在进行独立部署，前端与后端的沟通主要通过资源接口的方式来进行。前端开发全栈化也是一个比较明显的趋势，比如Nodejs的应用。
第三：注重动手实践能力的培养。学习前端开发一定要注重动手实践能力的培养，因为前端开发的细节比较多，所以只有多操作才能逐渐熟悉。
前端开发目前被称为“大前端”，整个前端开发也被赋予了更多的含义，包括Web前端开发、移动端开发、大数据呈现端开发以及部分后端开发任务等等。所以，想要在前端行业中走的更远，一定要注重知识结构的丰富性。
与其他编程语言相比，前端是公认的入行门槛较低的一门语言，但依然有很多人在学习之前会问零基础学习web前端难不难，要多久才能学会。学习的难易和时间当然是取决于学习的方式。
前端入门简单，但是深入学习之后，还是有一定学习难度的。如果你是零基础自学web前端的话，那么所花费的时间与精力是不可估计的。 如果系统学习5个月的时间可以帮助你快速成长为合格的web前端工程师。
至于视频教程，我这里有很多前端的全套教程，如果你需要的话，可以加一下我的学习交流裙裙，找我要就行了！