㈠ 学web前端该如何做好自己的职业规划
职业方向定位
首先，只有确定好自己的职业方向，才能做好职业规划。
(1)资深WEB前端工程师
这个方向算是一个WEB前端最基本的选择了，在国外，很多老外都能够把自己的专业做到极致，能一辈子就在一个专业领域不断学习和积累。主要在于内因和外因
两方面，内因是老外通常思想比较简单直接，容易一直专注于一个领域;外因是国外的环境很好，能够良好的支撑这样的职业发展道路。反观国内，从内因来
讲，WEB前端技术人员还是蛮浮躁的，通常会因为WEB前端知识的更新速度太快而觉得学习起来辛苦，最终转向后台或其他道路。从外因来讲，WEB前端人员
没有获得公平的待遇，可能从HTML页面制作就开始并沿袭下来的，从来WEB前端人员都比后端人员低一等，貌似前端就是“浅显”的代名词、后端就是“深
奥”的代名词，这也直接造就了前端人员的收入无法和后端人员媲美，同时直接影响到前端人才市场的活跃程度。另一方面，前端的技术入门较容易，造成另一个极
端情况：人员泛滥、人才稀缺。我想对所有的WEB前端工程师说：面包总会有的，要耐得住寂寞!我个人比较推荐这个职业发展方向，因为，在这个方向下，只要
足够耐心、厚积薄发，成功的概率是非常高的。同时，这是一条最单纯的路，我们更多的是花费精力在技术的钻研上，而不是办公室政治等其它琐事。
(2)资深WEB架构师
说功利点儿，这个方向既兼顾了工作的单纯性、又能够减少实际Coding的工作量能腾出更多时间钻研技术。在国内，WEB前端工程师遇到较多的情
况是总是反复编写着同样的代码，总是面对着同样的技术和产品，容易感觉枯燥。由于我们拥有最为广泛的WEB相关知识沉淀，使得我们更加容易成为一名架构
师。这个职业发展方向不如第一种来得平滑，主要是作为一名架构师不得不学习：后端技术、DBA、Platform等内容，而这种学习通常需要实际操刀做项
目，不是自己在家里写两个Demo就好的，这就势必会遭遇一段时间的阵痛期。虽然不是很平滑，但是，对于一个大局观好、悟性好、知识面广的前端工程师，我
推荐你们努把力，走一条光荣的架构师之路吧。
(3)自己创业
其实，自己创业是最好的道路、也是成功率最低的道路，挑战和机遇并存。这里，作为一个前端技术人员，需要将自己的视野更多放在行业的动态、产业链的动态、
相关产品领域的动态，把关注细节的优势继续保持，同时，增强自己把控一个产品乃至一个公司命运的能力。
(4)转岗管理或其他
由于这条职业道路和WEB前端技术之路关系不大，故而，这里不做过多讨论，但是，无论是否走上这条道路，我觉得对于任何技术之路，更好的大局观、更广泛的
视野是良好发展的必备条件，拥有良好的大局观和更广泛的视野别无他法，只能不断的进行知识的横向拓展和积累，同时，多在横向拓展知识的时候进行实践，把知
识变成技能。
职业发展目标
我们都有一个最终的目标，在这个目标之上，我们需要给自己制定一系列学习和成长计划，制定的方法如下：
第一、梳理知识架构;
梳理知识架构的目的在于，我们要了解清楚，哪些技术是前置、哪些技术是后继，那些技术是深度、哪些技术是广度，按照这两个维度梳理好知识架构之后，我们才能准确地制定清晰的成长目标、高效的成长计划。
第二、分解目标;
我认为，大抵可分解为三个阶段，包括：起步阶段、提升阶段、成型阶段。这三个阶段分别对应着不同的目标：
起步阶段：
1、基本知识的掌握
在我们梳理的知识架构中，按照我们分析的两个维度里最前置的、最浅显的部分，作为打基础的阶段，必须要在这个过程中更多投入到实践中去，我们通常做的多了、熟练了，就认为这部分知识和内容掌握了。
2、常用工具的掌握
对于常用工具的掌握应该掌握一些有大公司或专业团队背景的流行工具，这些工具的熟练掌握能够提升专业度、职业度，同时，能提升我们的工作效率。我们只有在
检验自己对于知识和技能熟练程度的时候，才会自虐式的用Notepad去编写页面、css和脚本等内容。
3、沟通技巧的掌握
通常做技术的人会被定位为“不善沟通”的人，这是为什么呢?究其原因，主要是因为多跟程序和代码打交道，跟人的沟通较少导致。这种时候我们要特别注意增加
和人沟通的机会，着重提升这块儿的能力。另一方面，我们通常被称为“不懂沟通技巧”的人。作为一个技术人员，包括我自己，似乎天生就有一些难以接受挑战的
缺陷。在国内，我们的技术人员通常都是自己制定方案、自己执行方案，在执行过程中又缺乏相关产品、交互设计等人员的沟通，大多是在自己的思路贯彻下进行开
发，久而久之，我们习惯于信任自己的观点、在自己的视角看问题，对于挑战总是百般地“据理”力争。我们需要更多提升的是，如何在对方的视角看问题、如何在
用户的视角看问题。
4、良好的开发习惯
开发习惯是养成的，一旦有不好的习惯，对于将来去修正带来的将是很大的麻烦，我们在培养良好开发习惯一定要从起步时做起，例如：写代码之前先分析、先写文
档、先写注释。定义变量最好能用直接可理解的语义，最好是拼音，别整英文，尤其是生僻单词，将来自己忘了还要开金山词霸。文件最好有有意义的文件夹命名来
管理，文件名最好有意义，需要版本号的最好能和项目版本号一同更新等等。
提升阶段：
1、高级技术的掌握
在提升阶段对于知识和技能掌握，我们需要从梳理好的知识架构中选择更深一层次的技术进行学习，选择之前，我们先通过类比或预估的方法，衡量自身学习的难
点，以学习难点和自己最不感兴趣的部分为主。这样推荐大家的原因是：这个阶段我们兴趣正浓，已经度过了苦涩的起步阶段，到达了兴奋的提升阶段，我们要用兴
趣和兴奋去挑战最困难的部分，在我们信心受挫和兴趣浓厚之中找到平衡。同时，辅以其他的深层次知识一起学习和研究。
2、产品思想的学习
没有正确的产品思想，很难设计出良好的程序，无论从界面、交互，还是接口、逻辑，不能够理解产品、理解用户需求，我们会给自己造成很大的麻烦，例如：我们
千辛万苦用最新技术、最复杂的实现做出的功能，却得不到使用者或领导、同事的认可。为了使我们的工作和学习更加有效率、避免无用功，我们需要不断的学习产
品的思想，只有理解了产品的思路，我们才知道用我们的技术去输出什么。
3、各种框架的学习
框架是我们提高工作效率的优秀手段，对于框架的学习是成长必经之路。我们学习框架的路线通常应该是：使用->分析->个性化定制->模仿编写自己的
框架。只有大量的使用，才能明白设计框架者在设计背后的思路，只有了解到设计的思路，才能做正确全面的分析，只有正确全面的分析才能支撑我们去对其裁剪或
扩展，只有经过实际分析、修改别人的框架，才有可能写出优秀的、自己的框架。学习通常的路线是：学习、理解、模仿、创造。
4、富客户端应用的学习
随着带宽和计算机性能的提升，以及WEB2.0的如火如荼，富客户端应用充斥着互联网，如果你不懂得富客户端应用，你就不能称之为一个合格的前端技术人
员。可以按照：Flash动画->Flash编程->Flex->->Air->Silverlight动画->Silverlight编程
的步骤学习，先学Flash后学Siverlight的原因，一来Silverlight还不太成熟，二来，实际Silverlight借鉴了很多
Flash的思想，最好在学习的时候不要本末倒置。
5、各种网络协议的学习
WEB前端技术就是云上的技术，云的协议有N种，我们应该着重学习：TCP/IP，UDP，HTTP，POP3，SMTP这几种协议，在开发WEB前端应
用过程中，这些协议是我们的技术的载体，有时候决定了我们的应用是否能实现、有时候决定了我们的应用是否高性能，同时，这些协议还是我们和后端技术交互的
重要手段，这些协议就像是密码字典，帮助我们把后端传输过来的密文解释成我们前端技术能够理解的明文。
6、程序设计
这个阶段我们需要学习OO、UML、设计模式、设计方法，我们要让技术开发工作变成有目的性、有计划性，并且，这些目的和计划必须有理论的支持，这
样，我们设计出来的程序才能够更优秀、我们的开发才更有效率，这样，我们的技术才能有所提升。为什么要学习程序设计呢?主要是，就算我们不用Flash的
ActionScript编写程序的前端逻辑，我们至少要把我们自己的Javascript函数、包的定义规划起来，避免将来自己或他人维护代码的时候出
现问题。程序设计能力，在技术人员仍然被看作是程序员的
这个年代，是灰常、灰常重要滴。
成型阶段：
到了这个阶段，我也没什么好说的了，如果能达到这个阶段，就证明后续的成长之路是异彩纷呈的，是成为一个资深WEB前端工程师，还是成为一个资深WEB架
构师，亦或其他，都要具体分析自身的特点和兴趣所在。如果是资深的前端工程师，我觉得更重要的是去作新技术的研究，互联网技术发展速度日新月异，不断学习
新技术，否则就被淘汰。此外，我建议在知识的广度、深度方面最好能挑选一个自己最擅长和最感兴趣的一两个领域深入钻研，不要挑太多，多而不精。如果是资深
的WEB架构师之路，我建议要深入了解后台技术，这种深入了解一定要伴随着实际的项目开发，基本方法是：按照别人设计的架构实现几个Server->自己设计并实现几个Server。
关于一个WEB前端的职业规划，其实是有各种的答案，没有哪种答案是完全正确的，全凭自己的选择，只要是自己选定了，坚持去认真走，就好。当然，任何规划和目标的实现都依赖于知识的积累，而知识的积累来源于学习及学习后大量的实
践。
㈡ 学习前端有好处吗
有的
1.可以找工作
2.可以多懂一些网站知识
3.前端需要有一定的审美能力，所以这项工作能增加你的审美
4.能让你多懂一些计算机知识
㈢ 学习web前端应该注意些什么问题
前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的，学习前端可以按照路线图的顺序，
0基础学习前端是没有问题的，关键是找到靠谱的前端培训机构，你可以深度了解机构的口碑情况，问问周围知道这家机构的人，除了口碑再了解机构的以下几方面：
1. 师资力量雄厚
要想有1+1>2的实际效果，很关键的一点是师资队伍，你接下来无论是找个工作还是工作中出任哪些的人物角色，都越来越爱你本身的技术专业前端技术性，也许的技术专业前端技术性则绝大多数来自你的技术专业前端教师，一个好的前端培训机构必须具备雄厚的师资力量。
2. 就业保障完善
实现1+1>2效果的关键在于能够为你提供良好的发展平台，即能够为你提供良好的就业保障，让学员能够学到实在实在的知识，并向前端学员提供一对一的就业指导，确保学员找到自己的心理工作。
3. 学费性价比高
一个好的前端培训机构肯定能给你带来1+1>2的效果，如果你在一个由专业的前端教师领导并由前端培训机构自己提供的平台上工作，你将获得比以往更多的投资。
希望你早日学有所成。
㈣ Web前端初学者如何入门学习web前端开发知识
今天小编要跟大家分享的文章是关于Web前端初学者如何入门学习web前端开发知识?如今越来越多的人开始学习编程，尤其是年轻人和在校学生，都希望通过学习编程，能够找到一份儿不错的工作，html5一跃成了IT界的新宠，尤其是移动市场大火的今天，很多网站都采用了h5技术，尤其小程序，APP的大热，因此html5人才现在越来越受欢迎，那对于初学者来讲，如何入门学习web前端开发?下面来和小编一起看一看吧！
虽然网页设计是网站的外观，但前端开发是将该设计的页面通过代码的形式在网络上进行展现，并加入一些功能特效
!使之具有一定的交互性!前端Web开发人员通过HTML，CSS和JavaScript等编码语言实现Web设计的人。虽然它不再那么常见，但是前端开发人员有时被称为“客户端开发人员”，以区别于后端开发人员，后端是对数据库等幕后工作进行编程。如果您前往任何站点，您可以在导航，布局中查看前端开发人员的工作，甚至可以看到PC页面与手机页面不同的展现方式。
如何入门学习web前端开发呢
1.不要以看书学习为主，最好的方式就是找视频进行学习，找好的视频进行学习，然后在配上解答，在加上自我的主动学习。现在网上资料有很多，可以多找一找，找到适合自己的学习资料先学习基础入门，如果可以入门且自己很感兴趣学习，在考虑是继续自学还是找机构学习，找到适合自己的方式方法很重要，才能事半功倍，更好的从事这个行业。
2.最好能系统专业的学习，因为如果你是一个小白或者零基础的入门者，自学也有可能会勉强入门，但是肯定会比别人走很多弯路，或者花费更长的时间，所以最好是能系统的学习，这样不仅能快速入门，还能早就业，早从事前端工作，在工作中学习的肯定是更多的
3.多练习，我们学习web前端时，同一个标签或者属性，或者是JavaScript的语法，只有你不断的见到它，并且应用它，让它都认识你了，这样你就扎实的掌握了，所以实际应用非常重要。
4.好的学习方法和掌握好正确的学习路线可以让我们的学习达到事半功倍的效果，学习方法决定了你学web前端的效率以及你可以走多远，学习编程非常依赖一个好的学习方法，有太多人因为学习方法不对最终导致放弃。
以上就是小编今天为大家分享的关于Web前端初学者如何入门学习web前端开发知识的文章，希望本篇文章能够对正在学习web前端知识的小伙伴们有所帮助，想要了解更多web前端知识记得关注北大青鸟web培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的web前端工程师。
㈤ 如何系统地学习前端
目前入门前端的人群分类
1、计算机相关专业出身系统走过计算机的理论基础，比如计算机组成原理、操作系统原理、计算机网络、算法数据结构、设计模式，至少用过两门以上编程语言（强类型+弱类型）。
优点：理论、架构方面扎实，有整体计算机思维，内功不错，外功学起来比较快。
缺点：部分人，前端相关细节技术不扎实，不过花时间能很快搞定。
2、非计算机出身自学（也包括计算机专业没好好学的）理论基础薄弱，后来因个人兴趣或者职业需求，自学前端开发技能。
优点：自学能力比较强，能够根据自己的兴趣规划学习内容。
缺点：部分人对前端没有整体的学习框架 ，属于东一片，西一片，不成体系，部分人计算机没有整体思维，建议系统梳理下前端知识体系结构，该补的还是要补起来。
门前端时的一些困境
1、因一些基础算法、数据结构理论不扎实导致一些编程思维难于理解。比如 原型链，如果清楚 数据结构中链表结构，那么这个东西不难理解，再比如 哈希值，懂得数据结构中哈希表，哈希值也就迎刃而解。
2、计算机体系结构、操作系统理论、网络理论不扎实导致到后期一些东西难于理解。比如有同学从前端学习入手，后来学习node开发 ，在 I/O ,进程、线程、IPC 、线程锁方面有些概念就比较难于理解，而导致不能很好得使用node 的api 。
3、前端整体体系架构没有做过深入思考。
导致用会用，但不知道为什么用，用另外一个有什么区别。
4、学习环境中无高手。
没有高手能够指导自己进入下一个层次。
5、有意识但是没有行动我的网盘收集了一堆资料或者一堆视频，然后就没有然后了 。
如何系统学习前端
网站开发开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。其核心价值在于对用户体验的追求。如果你现在是零基础学员，大致可以按如下思路学习系统学习：
基础部分
1、HTML + CSS 这部分学习，可以模仿一些网站做些页面。在实践中积累了一些经验后，可以系统的读一两本书，推荐《Head First HTML 与 CSS 中文版》，这本书讲的太细了，我没能拿出耐心细读。你可以根据情况斟酌。
2、Java 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，建议马上看《Java语言精粹》，JS是一门很混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕，对于语言精华，应该深入学习。糟粕部分能看懂别人写的代码就行，自己就不用尝试了。
进阶部分
有了以上基础，就可以进行一般的静态网页设计，不过对于复杂的页面还需要进一步学习。
1、CSS。必看《精通CSS》，看完这本书你应该对：盒子模型，流动，Block，inline，层叠，样式优先级，等概念非常了解了。作为练习可以看下《CSS艺门之匠》这本书，它对标题，背景，圆角，导航条，table，表单等主题都有详细的介绍。
2、Java。上面提到内容还不足以让你胜任JS编程。在有了基础之后，进一步学习内容包括：
a） 框架。
推荐jQuery，简单易用，学习方法也很简单，照着产品文档做几个页面就行了，不用面面俱到，以后遇到问题查文档就行了。框架可以帮你屏蔽浏览器的差异性，让你能更专注与Web开发学习的精髓部分。补充：可以使用 Codecademy 学习 Java，jQuery，用户体验真的很好（感谢 TonyOuyang ）。
b） Java 语言范式 。这个名字可能并不恰当，只是我找不到可以描述“面向对象”，“函数式”这个两个概念的概念。Java不完全是一个面向对象的语言，它的很多设计理念都有函数编程语言的影子，甚至说如果你不用面向对象，完全可以把它理解成一门函数式编程语言。
Java的很多语言特性，都是因为他具有函数式语言的特点才存在的。这部分推荐先学习面向对象的基本理论，对封装，继承，多态等概念要理解，维基网络，网络会是你的帮手，另外推荐《Object Oriented Java》，应该有中文版。对与函数式编程我了解的也不系统，不好多说，可以自己网络一下。
c） Java 语言内部机制。必须弄清如下概念：JS 中变量的作用域，变量传递方式，函数的定义环境与执行环境，闭包，函数的四种调用方式（一般函数，对象的方法，apply，call），以及四种调用方式下，‘this’指向的是谁。这部分内容你会在《Java语言精粹》中详细了解。另外，你必须理解 json。
d） dom编程，这个Web前端工程师的核心技能之一。必读《Dom编程艺术》，另外《高性能 Java》这本书中关于dom编程的部分讲的也很好。
e） Ajax编程，这是另一核心技术。Ajax建议在网上查些资料，了解这个概念的来龙去脉，网络，维基网络上的内容就足够了。真正编程是很容易的，如今几乎所有框架都对Ajax有良好的封装，编程并不复杂。
f） 了解浏览器差异性。这部分包括CSS和js两部分，浏览器差异内容很多，建议在实践中多多积累。另外对于浏览器的渲染模式，DOCTYPE等内容应该系统学习。
3、HTML5和CSS3 。HTML5规范已经于2014年10月28日发布了，移动端HTML5和CSS3已经得到了非常广泛的使用，必知必会呀。
升级部分
有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：1）易维护，2）可测试，3）高性能，4）低流量（移动端）。
易维护。对于页面你该理解‘样式’，‘数据’，‘行为’三者分离，对应的当然就是CSS,HTML,js。对于js代码，你最好了解设计模式，重构，MVC等内容。
可测性。
高性能。必读《高性能Java》
低流量。移动端关注比较多。
额外补充部分
前端项目同样面临软件生命周期的各个环节，首先是代码管理，你必须学会使用Svn和Git。其次是代码的构建，如今前端代码构建已经不是简单的压缩一下了，需要进行依赖管理、模块合并、各种编译，比需要学会使用Grunt、Gulp等前端构建工具。
以上内容只是简单说了前端学习的顺序。对于前端开发，基本内容就这些了，可以根据自己的兴趣爱好选择性学习以下内容。
1、交互设计。大公司依然有专业人士搞这些，不过不懂交互的前端一定不是好前端。推荐《简约至上》。
2、后端。
应该说前端工程师必须至少了解一门后端语言，不过如果爱好也可深入学习，入手难度比较低的应该是PHP了。这部分由可分为基于页面，基于框架两种。大型项目都是基于框架开发的，建议至少了解一个MVC框架，比如PHP的Ci、Yii、Yaf 等，好还框架的设计思想都大同小异。如今NodeJs在大公司已经得到普遍的使用，推荐大家使用在Node上使用Express框架做一些后端服务的开发。
3、Android和IOS开发。
时至今日，前端的工作领域已经非常广泛，native的界面开发本质上也是前端开发，个大公司都面临着Native环境和web环境页面同时维护的问题，如果能够在技术上得到统一，将会有巨大的价值。
如何才能快速入门前端
1、学习东西，自学是一种途径，然而在自学的过程中，很多人处于不知道自己不知道的状态。
2、另一种是跟着高手，开阔视野，达到知道自己不知道的境界，从而有方向，在短时期内进入到一个新的境界，节约时间成本。
㈥ 有什么前端学习方法
学习前端最有效的方法是持之以恒的坚持。
无论做什么，先别想那么多先做了再说，因为人都是懒惰，什么事情最先想到的都是走捷径，深怕付出了没有回报。学习这个事情，从小学老师就说，一定要好好学习天天向上，去总结了真的努力了，到头来除了抱怨还抱怨，总期望天上掉馅饼。方法有很多种，真的适合的才是真的有用，什么样的方法才适合自己，无论什么方法你得做了才有效！所以没有最有效的方法，只有持之以恒的坚持才是真正有效的。
作为一个初学者，你必须明确系统的学习方案，我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己钻研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。
视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里给大家提醒，书可以看，但是是在建立于你已经对于某个知识点有了具体操作的执行后，在用书去巩固概念，这样更加利于你对于知识的理解。
对于学习技术来讲，掌握一个学习方法是非常重要的，其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。其实关于这方面还是很多的，我就简单说个例子，有的人边听课边跟着敲代码，这样就不对，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。根据每个人的不同，可能学习方法也会有所出路，找到适合你自己的学习法方法是学习的前提。
不建议自己一个人瞎学，在我了解学习编程的这些人来看，从零基础开始学并且最后成功做这份工作的其实并没有几个，我觉得大部分原因就是因为他们都不了解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数据库)。
网上有很多免费的web前端视频教程，可以跟着学学，给你推荐一套视频教程：网页链接。
㈦ 学习Web前端技术要学习多久Web前端学习要经历哪些阶段
今天小编要跟大家分享的文章是关于学习web前端技术要学习多久?web前端学习要经历哪些阶段?很多想要学习web前端知识的小伙伴们都对此有疑问，下面来和小编一起看一看本篇文章，希望能够对大家有所帮助。
阶段一:前端基础。
学完前端的基础知识，大家基本能够根据PSD文件文件，完成PC端静态网页的开发工作，但是学完此阶段，尚不能够达到企业用人标准。
HTML：浏览器与浏览器内核、HTML基本结构、HTML常用标签。
CSS：CSS介绍和CSS样式表、CSS基本选择器、CSS复合选择器、CSS三大特性。
阶段二:移动Web网页开发
学完移动Web网页开发,大家能够完成移动Web网页、响应式页面以及炫酷页面的开发工作，当然完成此阶段，任然不能够达到企业用人标准。
H5C3进阶：vscode编辑器基本使用、HTML5新增标签。
Flex伸缩布局：移动端基础知识、Flex伸缩布局基础知识。
移动web开发：媒体查询、less介绍和使用、rem适配及原理。
阶段三:JavaScript网页编程
学完JavaScript网页编程，相信大家已经能够完成PC端网页、移动Web网页、响应式页面中的功能和特殊效果的开发工作，具备一定的企业基础用人标准，但尚未达到初级前端开发工程师水平。
JavaScript基础语法：计算机基础和JavaScript介绍、JavaScript变量、JavaScript数据类型、JavaScript操作符、
JavaScript数组和冒泡排序、
JavaScript函数及应用、JavaScript作用域及预解析、JavaScript对象、JavaScript简单类型和复杂类型。
WebAPI编程：API和WebAPI、DOM介绍、
BOM介绍及应用、this指向和js执行机制、location、navigator、history对象、
offset、client、scroll三大家族介绍及案例应用、缓动画的原理和封装。
jQuery快速开发：jQuery介绍及常用API导读、jQuery链式编程及样式操作、jQuery事件绑定和解绑、jQuery插件的使用。
JavaScript高级：面向对形象编程介绍、类和对象、构造函数和原型对象、forEach、some。
Object.defineProperty方法、函数进阶、call、apply、bind的使用、
闭包及应用、递归及应用、正则表达式及应用、ES6中的let和const、ES6解构赋值、ES6箭头函数、剩余参数和拓展运算符、
Array实例方法、ES6模板字符串和set数据结构。
阶段四：Node与Ajax
学完阶段四的内容，大家能够完成前后端数据交互、基于前后端分离模式、传统模式的开发的工作，学完此阶段，具备企业基础用人标准，能够达到初级前端开发工程师水平。
Node+Gulp：node介绍和环境安装、node模块化、gulp使用、服务器和http协议、Promise。
MongoDB+Express：MongoDB数据库和数据库的增删改查、mongoose验证、art-template模板引擎使用、Express框架。
Ajax：Ajax基础知识、Ajax函数封装、CORS、jQuery中Aajx方法的使用。
Git和GitHub：git配置和使用、github及多人协作开发、git补充内容。
阶段五:前端工具和框架
掌握前端工具和框架，大家能够实现基于Vue技术栈项目的开发能力，学完此阶段，具备企业用人标准，能够达到中级前端开发工程师水平。
Vue基础：axios和vue-resource、vue动画、vue组件、vue路由
webpack：webpack介绍与安装、webpack之loader配置与使用、webpack与vue结合使用。
前端的学习差不多就是上面的五个阶段，如果没有什么基础的初学者，学完差不多也需要半年才能找工作。当然有一定基础的同学能够更快掌握前端技术。因此学习前端的小伙伴不用纠结学习时间要多久，更应该注意的是学习质量才对。毕竟只有学到了有用的技能，才能不愁找不到工作。
以上就是小编今天为大家分享的关于学习web前端技术要学习多久?web前端学习要经历哪些阶段的文章，希望本篇文章能够对想要学习web前端知识的小伙伴们有所帮助，想要了解更多web前端知识记得关注北大青鸟web前端培训官网，最后祝愿小伙伴们工作顺利！
㈧ 如何开始学习前端知识，我的基础比较差
一、明确目标
1、明确自己以后要做什么，需要掌握什么技能。很多人在不知情的情况下盲目学习。首先，你知道公司现在需要什么人才，你应该为什么目标而奋斗。
2、系统的规划，每天学习哪些新知识和每天做的作业、练习。很多人都想自学web前端，以为过几天看完教学视频就行了。但事实上，想通过学习web前端找工作，没有4-6个月或者接触项目实战很难做到。因此，规划是必要的，而且需尽早开始规划。
3、注重学习方法，很多人在学习web前端的时候，刚开始学习的时候选择了错误的学习方法，因此最终注定要放弃，回到原来的岗位继续做自己不喜欢的事，学习web前端需要一定的技巧，在开始学习之前要多问问别人，不要盲目的自学，浪费时间。
二、掌握基础技巧
一个优秀的网络前端开发工程师必须具备系统的知识和丰富的工作经验，因此，许多大公司很难招聘到理想的前端工程师，甚至高薪也是如此。那么如何系统地学习实用的企业 web前端技术呢？在此，源妹儿不再进行技术讲解，而是集中进行技术讲解。技术并非黑白分明，只有对错，技术见仁见智。
1、必须掌握基础的Web前端开发技术，包括CSS, HTML, DOM, BOM, Ajax, JavaScript等等，在掌握了这些技术之后，还必须清楚地了解它们对不同浏览器的兼容性，渲染原理以及存在的bug。
2、要想成为一名合格的前端工程师，还必须具备网站性能优化、SEO、服务器等基本知识。
3、要学会利用前端的各种辅助开发工具。
4、除技术层面外，还应具备以下方面的理论知识：代码的可维护性、组件的易用性、层次化语义模板和浏览器分级支持等。
三、了解框架
做前端开发的都知道3大框架：Angular,Vue,React，下面说说他们的特点。
1、React：次组件重复渲染问题需要手动优化；rex可以用于状态管理，函数化，不可变，模式化，时间旅行；JSX，完全的 javascript功能；更加繁荣的社区生态。
2、Vue：可使用JSX，但推荐使用模版语言不是JSX；
3、Angular：包括模板、数据双向绑定、路由、模块化、服务、过滤、依赖项注入等所有功能的完整 MV框架；Typescript；比较 UI与后台数据一致性的不完整数据检查。
4、jQuery ：还推荐使用，它使用简单，学习方法也很简单。只要根据产品文档完成几页的工作，你就不需要做任何事情。然后，查一下这些文件。这个框架可以帮助你屏蔽浏览器的多样性，让你更加关注 Web开发的本质和学习。
5、Boostrap:它无疑是目前使用最广泛的一个框架。它是一套美观，直观，实用的网页设计工具，可以用来开发跨浏览器兼容性好，视觉效果好的网页。这个软件提供了很多流行的简约风格的 UI组件，网格系统，以及一些常用的 JavaScript插件。
四、注意事项
1、有必要理解产品的逻辑和形成过程——希望参与开发产品的相关人员可以参与到产品讨论中，以了解需求。并理解产品隐藏在未来的需求！
2、想要知道交互细节——想要参与产品开发页面的相关人员参与交互讨论，想要了解交互和设计细节！确保网页的结构合理且可扩展！只要有合理的建议！
3、了解资料界面-了解产品相关模组所需资料，与相关技术人员沟通并形成文件。
4、学习行业最新技术，参与行业交流！
前端是网站的门面，是背景实现和视觉表达之间的桥梁，贯穿整个产品开发过程，起着承上启下的作用。一个好的前端工程师可以很好的理解产品经理对用户体验的要求，也可以很好的理解后台工程师对数据逻辑或者程序逻辑分离的要求，并将这些要求转化为前端开发工作。
最后，如果基础特别差，建议可以选择前往培训班学习。重庆源码时代，专注于JAVA、H5前端、Python等IT教育培训，着力于为企业培养编程、设计、产品等方面的“实战型”人才。为互联网市场培育了10W+精英学员，学员毕业平均首薪7500+，专业就业率高达98%，学员口碑推荐入学率高达80%。无论你是零基础还是想转行，来源码时代，带你实现高薪就业~
㈨ 对于自学前端有什么建议
自学方法：
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都绕不过的一本书，可以先大致通读几遍，也可以把其当作工具书，时时翻阅。
望采纳~