㈠ 如何学习web前端
学习最重要的是找到正确的方向，否则，付出再多的努力也是与成功背道而驰。
很多时候，成功除了需要勇气、坚持外，更需要正确的方向。也许有了一个正确的方向，成功来得比想象中更快。如果在错误的路上奔跑，再怎么努力也是无济于事。学习Web前端也是如此，首先明确自己的学习路线。以下讲述一下学习web前端的4个阶段怎么做：
1.HTML
首先，学习HTML。HTML(Hyper Text Mark-up Language，超文本标记语言)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。
HTML的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到极致，这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味，想必对各位初学web前端开发的菜鸟们来说是一个很好的方法。
学习了HTML后，只是掌握了各种“原材料”的制作方法，要想盖一幢楼房，还要把这些“原材料”按照我们设计的方案组合布局在一起，并进行一些样式的美化。
2.CSS
接着来学习CSS。CSS（Cascading Style Sheets，层叠样式表），是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。
同时CSS中的盒子模型、相对布局、绝对布局等能够实现对网页中各对象的位置排版进行像素级的精确控制。通过此阶段的学习可以顺利完成“一幢楼房”的建设了。
“楼房”建设完成后，就可以交给用户使用了，但如果想让用户获得更佳的体验，还可以对“楼房”进行更深一步的“装修”，让它看起来更“豪华”一些。
3.Javascript
JavaScript是一种被广泛用于客户端的脚本语言，JavaScript为我们提供了一些内置函数、对象和DOM操作，借助这些内容可以实现一些客户端的特效、验证、交互等，使页面看起来更加活泼。
尽管JavaScript有很多优点，让你惊喜不已，但当项目经理对你说“这个效果在××浏览器下不兼容，重做！”时，你肯定懵了：“不兼容？那可是花了我一个晚上写了几百行代码的啊！”
的确，JavaScript的兼容性和复杂性有时真的很让人头疼，幸好有“大神”帮我们做了封装。
4.jQUery
最后学习jquery。jQuery是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时有很多基于jQuery的插件可供选择，这样，在实现一些丰富的动态效果时更方便快捷，大大节省了开发时间，提高了开发速度，这也充分体现了其“writeless，domore”（写更少的代码，做更多的事情）的核心宗旨。
“豪华大楼”至此拔地而起，但是如此日复一日，年复一年的盖楼，好繁琐！如果可以将大楼里面每一个单独部件模块化，当需要盖楼时就像堆积木一样组合在一起，这样就简便、快捷了。
这种思想也适用于Web前端开发中，于是出现了各种前端框架，下面介绍的是Bootstrap。
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。一经推出后颇受欢迎，一直是GitHub上的热门开源项目。
在项目开发过程中，借助Bootstrap提供的CSS样式、组件、JavaScript插件等，可以快速地完成页面布局和样式设置，然后有针对性地微调样式，这样基于框架进行开发大大缩短了开发周期。
二、关于学习Web前端的建议
最后给大家讲一下在学习Web前端过程中的一些建议。
在CSS布局时，需要注意一个问题：很多同学缺乏对页面布局进行整体分析，不能从宏观上对页面中盒子间的嵌套关系进行把握，就急于动手去做，导致页面中各元素间的关系很混乱，容易出现盒子在浮动时错位等情况。所以在布局时采用“自顶向下，逐步细化”的思想，先用几个盒子将页面从整体上划分，然后逐步在盒子中继续嵌套盒子。
“君子生非异也，善假于物也”，在学习过程中还要多浏览一些优秀的网站，善于分析、借鉴其设计思路和布局方法，见多方能识广，从而融汇贯通，取他人之长、为己所用。
同时还要善于使用Firebug这个利器。Firebug一方面可以帮助我们调试自己的页面，另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码。
随着移动互联网热潮的到来，移动开发越来越受到大家的欢迎，响应式布局、微网站等需求量不断增加，也是Web前端未来的发展方向之一。对web前端开发感兴趣的同学可以多点学习这方面的知识。
㈡ 零基础如何自学web前端有必要参加培训班吗
1、作为一个初学者，你必须明确系统的学习方案。
我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己钻研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。
2、视频为主，书为辅。
很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里给大家提醒，书可以看，但是是在建立于你已经对于某个知识点有了具体操作的执行后，在用书去巩固概念，这样更加利于你对于知识的理解。
3、对于学习技术来讲，掌握一个学习方法是非常重要的。
其实对于学习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数据库)
视频教程可以到B站看看尚学堂官方号发布的，质量挺不错的！
至于是否参加培训，看看你满足自学这几点嘛：
第一点：最好是有一个该行业的师傅，可以指导自己的学习路线，那些前端知识是必须要学的，那些知识现在已经没啥用了，遇到问题能够为你解答，少走弯路。
第二点：自主学习能力和规划能力，根据自己师傅的指导，来确定自己需要所学的知识点，并能够按照自己的真实情况来制定学习计划，并且按照计划进行执行
这就是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前端知识，首先应该搞清楚Web前端都包括哪些技术结构。Web前端开发虽然技术难度并不高，但是技术细节却比较多，内容也比较杂。Web前端的基础包括三大部分，包括Html、CSS和JavaScript，其中JavaScript是学习的重点，也是难点。另外，vue等框架也是需要熟练掌握的。
第二：紧跟技术发展趋势。目前Web前端的技术发展趋势有三个，其一是前端开发数据化;其二是前端开发高效化;其三是前端开发全栈化。前端开发数据化主要是大数据发展的影响，在大数据的推动下，Web前端逐渐涉及到了大量的数据展示任务。前端开发高效化主要体现在Web前端正在进行独立部署，前端与后端的沟通主要通过资源接口的方式来进行。前端开发全栈化也是一个比较明显的趋势，比如Nodejs的应用。
第三：注重动手实践能力的培养。学习前端开发一定要注重动手实践能力的培养，因为前端开发的细节比较多，所以只有多操作才能逐渐熟悉。
前端开发目前被称为“大前端”，整个前端开发也被赋予了更多的含义，包括Web前端开发、移动端开发、大数据呈现端开发以及部分后端开发任务等等。所以，想要在前端行业中走的更远，一定要注重知识结构的丰富性。
与其他编程语言相比，前端是公认的入行门槛较低的一门语言，但依然有很多人在学习之前会问零基础学习web前端难不难，要多久才能学会。学习的难易和时间当然是取决于学习的方式。
前端入门简单，但是深入学习之后，还是有一定学习难度的。如果你是零基础自学web前端的话，那么所花费的时间与精力是不可估计的。 如果系统学习5个月的时间可以帮助你快速成长为合格的web前端工程师。
至于视频教程，我这里有很多前端的全套教程，如果你需要的话，可以加一下我的学习交流裙裙，找我要就行了！
㈤ 怎么制定Web前端学习计划
随着互联网的迅速发展，更多的人投入到web前端的学习中来，那么想要自学前端该怎么规划学习呢？要学习的技能涉及到哪些呢？对于新手学习HTML5的方法，我有几个建议给大家，希望可以帮助到想要学习HTML5的同学。
自学前端，首先的你得搞懂前端是什么，要学习的内容是什么，每天能抽出多少的时间去学习，能不能坚持的问题，很多同学可能就是三分钟的热情去学习，然后过几天就偷懒学不下去了，为了避免这样半途而废，大家选择学习的方式就是很重要的。还有就是重点的学习哪些技术。
以下就给大家分享一下web前端开发中需要掌握的技术：
1、学习HTML，这是很简单，基本的是要掌握div，formtable、Ulli、P、跨度、字体这些标签，这些都是常用的，尤其是DIV和表格，DIV，表也可以用于布局，但不灵活，和用于基本表处理数据。
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前端职位了。
㈥ web前端可以自学吗
可以是可以的，这一点毋庸置疑。任何你想学的东西基本都可以自学。
但是凡事都有一个但是，你学前端的目的是什么。身为一个做了十多年的前端从业者我觉得有必要提醒一下，如果是为了工作，那么培训班无疑是最快，最系统的方式。很多人刚开始都是踌躇满志，觉得自己肯定可以，但大多坚持不了多久就拉胯了。并且自学的一个问题就是没有重点，如果是为了工作的话，那么原生JS其实根本就不那么重要，反而是各种各样的框架，库才是重点，而学习这些框架，库基本上又相当于学了一门语言。培训班首先是有一定强制性，其次是有学习氛围，可以让你更快的入门。
当然，前端也是需要自学精神的，因为在培训班基本就是入门，前端更新迭代快，确实需要你有很强学习能力，不然很容易掉队。
如果只是为了打发时间，那学习前端肯定是个好主意。
㈦ 如何才能自学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前端开发技术包括三个要素：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前端工程师。
㈨ 2020年Web前端自学之路指南
今天小编要跟大家分享的文章是关于2020年Web前端自学之路指南。许多人可能跟着网络上的各种教程就入了前端这行的门，但大多数都只是机械的学习着资料中的内容。俗话说，选择要比努力重要。那么学习开发，首先应该要有一个清晰的学习路线。希望这篇文章，能为大家在选择未来的发展方向时提供一些参考和帮助。下面来和小编一起看一看吧！
1、基础学习
●HTML+CSS基础：
HTML进阶、CSS进阶、div+css布局、排版、html+css整站开发，样式美化和浏览器兼容
●JavaScript基础：
掌握Js基本语法、条件、语句和循环、js内置对象常用方法、ECMAscript、DOM、BOM、定时器和焦点图，并学习增强逻辑的常用算法，实现木马、拖放、放大镜等常见的网络特效。
●JavaScript高级特性：
正则表达式与JSON、正则表达式案例、JavaScript原理与库封装、闭包、函数节流、作用域链、面向对象基础、事件与运动框架封装
●JQuery基础使用：
DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件的基本使用，开发复杂的交互功能和效果，并能熟悉JQuery的插件开发机制。
2、HTML5+CSS3和移动Web开发
●HTML5：
HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、WebSocket
●CSS3：
CSS3新选择器、伪元素、颜色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作
●图像学：
Canvas、Canvas游戏、数据可视化、Heighcharts.js
●Bootstrap：
响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS
●移动Web开发：
跨终端WEB和主流设备简介、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、商城页面、滚屏
3、HTTP服务和AJAX编程
●WEB服务器基础：
服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍
●PHP基础：
PHP基础语法，使用PHP处理简单的GET/POST请求
●AJAX上篇：
Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用
●AJAX下篇：
JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI用法、使用Ajax实现瀑布流案例
4、面向对象进阶
●面向对象终极篇：
从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器
●面向对象三大特征：
继承性、多态性、封装性、接口
●设计模式：
面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程
5、封装一个属于自己的框架
●框架封装基础：
事件流、冒泡、捕获、事件对象、事件框架、选择框架
●框架封装中级：
运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装
●框架封装高级和补充：
JQuery框架雏形、可扩展性、模块化
6、模块化组件开发
●面向组件编程：
面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序
●面向模块编程：
AMD设计规范、CMD设计规范、RequireJS，LoadJS、淘宝的SeaJS、CommonJS、ES6Moles
7、工程化&构建、主流的框架
●Web开发工作流：
GIT/SVN、Yeoman脚手架、NPM/Bower依赖管理工具、Grunt/Gulp/Webpack、打包案例
●MVC/MVVM/MVW框架：
Vue.js、React、Angular.js、Backbone.js、Knockout/Ember、项目驱动
8、Node.js全栈开发
●快速入门：
Node.js发展、生态圈、Io.js、Linux/Windows/OS
X环境配置、REPL环境和控制台程序、异步编程，非阻塞I/O、模块概念，模块管理工具、开发流程，调试，测试;掌握node.js全栈的解决方案和在服务器端JS高效开发
●核心模块和对象：
全局对象global，process，console，util、事件驱动，事件发射器、加密解密，路径操作，序列化和反序列化、文件流操作、HTTP服务端与客户端、Socket.IO
●Web开发基础：
HTTP协议，请求响应处理过程、关系型数据库操作和数据访问、非关系型数据库操作和数据访问、原生的Node.js开发Web应用程序、Web开发工作流、Node.js开发Blog案例。
●快速开发框架：
Express简介+MVC简介、Express常用API、Express路由模块、Jade/Ejs模板引擎、使用Express重构Blog案例、Koa等其他常见MVC框架。
●数据库：
mongoose/mongoDB、MYSQL
●Node.js开发电子商务实战：
需求与设计、账户模块注册登录、会员中心模块、前台展示模块、购物车，订单结算、在线客服即时通讯模块
9、微信系列
●微信公众号
JS-SDK配置、定制菜单、回调、定制分享内容、扫一扫、地理位置、微信音频、图像、语音识别功能、服务器端curl
库、支付、卡券、微店、微信开发模式与公众号分析、统计分析
●微信小程序
小程序项目、uni-app、mpvue
10、移动APP(Web/Native/Hybrid)
●ReactNative简介、ReactNative环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API
●Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新，上拉加载，侧滑导航，选项卡)
11、其他
●职业素养
沟通表达、团队合作、目标管理、时间管理、心态管理
●就业指导
简历&投递技巧、面试&笔试技巧
12、推荐一些编程学习网站
01、哔哩哔哩
这个网站如果让我评价，可谓是上边的视频都是非常高质量的，你可以去搜索看一下。
02、菜鸟教程
这个网站虽然不是视频网站，一听名字就知道适合菜鸟的，但是基础的知识写的非常详细，很清晰易懂，非常适合刚开始学习编程的小伙伴。
03、W3School
之前刚开始学WEB开发时，经常在该网站，就是结合w3school学习前端，开发时，如果遇到记不清的标签，就去w3school搜索，平常有时间，就来慕课看前端视频。
类似这样的学习网站还有很多，该开始入门的话上面的网站足矣。其他的网站推荐还有腾讯课堂、实验楼、果壳MOOC学院等、知乎、掘金......
以上就是小编今天为大家分享的关于2020年Web前端自学之路指南的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助，想要了解更多Web前端知识记得关注北大青鸟Web培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的Web前端工程师。
文章来源：原创前端猿前端猿指北
㈩ Web前端学习要知道的学习方法及路线
今天小编要跟大家分享的文章是关于Web前端学习要知道的学习方法及路线。很多同学对于如何学习Web前端以及未来的学习和成长计划并不是很清楚。下面就来和小编一起看一看吧！
一、学习Web前端的三要素
Web前端开发技术包括三个要素：HTML、CSS和JavaScript，但随着RIA的流行和普及，Flash/Flex、Silverlight、XML和服务器端语言也是前端开发工程师应该掌握的。随着时代的发展，前端开发技术的三要素也演变成为现今的：HTML5、CSS3、Jquery。
Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。这就从知识的广度上对Web前端开发工程师提出了要求。如果要精于前端开发这一行，也许要先精十行。然而，全才总是少有的，所以，对于不太重要的知识，我们只需要“通”即可。但“通”到什么程度才算够用呢?对于很多初级Web前端开发工程师来说，这个问题是非常令人迷惑的。
Web前端开发的入门门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，Web前端开发的学习曲线是先快后慢。所以，对于从事IT工作的人来说，Web前端开发是个不错的切入点。也正因为如此，Web前端开发领域有很多自学成“才”的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。
另一方面，正如前面所说，Web前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段。总有新的灵感和技术不时闪现出来，例如CSS
sprite、负边距布局、栅格布局等;各种JavaScript框架层出不穷，为整个Web前端开发领域注入了巨大的活力;浏览器大战也越来越白热化，跨浏览器兼容方案依然是五花八门。为了满足“高可维护性”的需要，需要更深入、更系统地去掌握Web前端知识，这样才可能创建一个好的Web前端架构，保证代码的质量。
首先分享一下我的经验，想做好一件事，必须要花费一些功夫，然后是多学、多思、多练、多交流、多总结，发现自己的问题，然后一定要克服，在状态不好的情况下，往往要及时调整。新手学习前端的话，一定要想想为什么要学习它，是出于一种什么心态，然后定位好自己，多向大牛请教，多教一些没有自己水平高的人，那样往往能让自己成长的快，切勿急躁。初学可以看一些入门视频教程，之后可以买一些书，做一些小项目，要学会投资，分析自己的现状及能力，实时调整，一定要有自己的想法，懂得创新。在这里一定要对自己做分析，然后找出一种适合的学习方法。
二、Web前端的职业发展目标该如何设置?
希望你们有一个目标，在这个目标之上，需要给自己制定一系列学习和成长计划，制定的方法如下：
1、梳理知识架构
梳理知识架构的目的在于，要了解清楚，哪些技术是前置、哪些技术是后继，哪些技术是深度、哪些技术是广度，按照这两个维度梳理好知识架构之后，才能准确地制定清晰的成长目标、高效的成长计划。
2、分解目标
Web前端培训小编看来目标大抵可分解为三个阶段，包括：起步阶段、提升阶段、成型阶段。这三个阶段分别对应着不同的目标：起步、提升、成型阶段。
三、Web前端学习路线
第一阶段：
HTML+CSS:
HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、
JavaScript基础：
Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
JS基本特效：
常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
JS高级特征：
正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、
JQuery：基础使用
悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
第二阶段：HTML5和移动Web开发
HTML5：
HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、WebSocket、Canvas.
CSS3:
CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。
Bootstrap:
响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
移动Web开发：
跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。
第三阶段：HTTP服务和AJAX编程
WEB服务器基础：
服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。
PHP基础：
PHP基础语法、使用PHP处理简单的GET或者POST请求、
AJAX上篇：
Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。
AJAX下篇：
JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。
第四阶段：面向对象进阶
面向对象终极篇：
从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。
面向对象三大特征：
继承性、多态性、封装性、接口。
设计模式：
面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。
第五阶段：封装一个属于自己的框架
框架封装基础：
事件流、冒泡、捕获、事件对象、事件框架、选择框架。
框架封装中级：
运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。
框架封装高级和补充：
JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。
第六阶段：模块化组件开发
面向组件编程：
面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。
面向模块编程：
AMD设计规范、CMD设计规范、RequireJS，LoadJS、淘宝的SeaJS。
第七阶段：主流的流行框架
Web开发工作流：
GIT/SVN、Yeoman脚手架、NPM/Bower依赖管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架：
Angular.js、Backbone.js、Knockout/Ember。
常用库：
React.js、Vue.js、Zepto.js。
第八阶段：HTML5原生移动应用开发
Cordova：
WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目，配置，编译，调试，部署发布)。
Ionic：
Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新，上拉加载，侧滑导航，选项卡)。
ReactNative：
ReactNative简介、ReactNative环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。
HTML5+：
HTML5+中国产业联盟、HTML5PlusRuntime环境、HBuilder开发工具、MUI框架、H5+开发和部署。
第九阶段：Node.js全栈开发：
快速入门：
Node.js发展、生态圈、Io.js、Linux/Windows/OS
X环境配置、REPL环境和控制台程序、异步编程，非阻塞I/O、模块概念，模块管理工具、开发流程，调试，测试。
核心模块和对象：
全局对象global，process，console，util、事件驱动，事件发射器、加密解密，路径操作，序列化和反序列化、文件流操作、HTTP服务端与客户端、Socket.IO。
Web开发基础：
HTTP协议，请求响应处理过程、关系型数据库操作和数据访问、非关系型数据库操作和数据访问、原生的Node.js开发Web应用程序、Web开发工作流、Node.js开发Blog案例。
快速开发框架：
Express简介+MVC简介、Express常用API、Express路由模块、Jade/Ejs模板引擎、使用Express重构Blog案例、Koa等其他常见MVC框架。
Node.js开发电子商务实战：
需求与设计、账户模块注册登录、会员中心模块、前台展示模块、购物车，订单结算、在线客服即时通讯模块。
以上就是小编今天为大家分享的关于Web前端学习要知道的学习方法及路线的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助，想要了解更多web前端知识记得关注北大青鸟web培训官网。最后祝愿小伙伴们工作顺利！