头发长很慢
不管你是自学还是培训，找工作主要看的是技术能力、相关工作经验、综合实力及沟通能力等。只是对于自学的小伙伴来说，不知道企业需要哪些技术，并且不知道需要达到什么样的技术水平才能就业？所以在学习过程中很迷茫，学了很久之后也可能达不到要求，因此找工作很难。蜗牛学院这里根据行业变化和企业需求整理了一份最新的web前端学习路线，都是企业招聘时所需的技术，希望对自学的小伙伴有所帮助。
第一阶段：专业核心基础
阶段目标：
1. 熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。
2. 熟练运用HTML+CSS特性完成页面布局。
4. 熟练应用CSS3技术，动画、弹性盒模型设计。
5. 熟练完成移动端页面的设计。
6. 熟练运用所学知识仿制任意Web网站。
7. 能综合运用所学知识完成网页设计实战。
知识点：
1、Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。
2、CSS3选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端，整理网页开发技巧。
3、预编译css技术：less、sass基础知识、以及插件的运用、BootStrap源码分析。能够熟练使用 less、sass完成项目开发，深入了解BootStrap。
4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战。通过项目掌握第一阶段html、css的内容、完成PC端页面设计和移动端页面设计。
第二阶段：Web后台技术
阶段目标:
1. 了解JavaScript的发展历史、掌握Node环境搭建及npm使用。
2. 熟练掌握JavaScript的基本数据类型和变量的概念。
3. 熟练掌握JavaScript中的运算符使用。
4. 深入理解分之结构语句和循环语句。
5. 熟练使用数组来完成各种练习。
6.熟悉es6的语法、熟练掌握JavaScript面向对象编程。
和BOM实战练习和H5新特性和协议的学习。
知识点：
1、软件开发流程、算法、变量、数据类型、分之语句、循环语句、数组和函数。熟练运用JavaScript的知识完成各种练习。
2、JavaScript面向对象基础、异常处理机制、常见对象api，js的兼容性、ES6新特性。熟练掌握JavaScript面向对象的开发以及掌握es6中的重要内容。
3、BOM操作和DOM操作。熟练使用BOM的各种对象、熟练操作DOM的对象。
4、h5相关api、canvas、ajax、数据模拟、touch事件、mockjs。熟练使用所学知识来完成网站项目开发。
第三阶段：数据库和框架实战
阶段目标：
1. 综合运用Web前端技术进行页面布局与美化。
2. 综合运用Web前端开发框架进行Web系统开发。
3. 熟练掌握Mysql、Mongodb数据库的发开。
4. 熟练掌握、webpack、elementui等前端框技术。
5. 熟练运用开发后台应用程序。
6. 对Restful，Ajax，JSON，开发过程有深入的理解,掌握git的基本技能。
知识点：
1、数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，mongodb数据库。深入理解数据库管理系统通用知识及MySQL数据库的使用与管理，为后台开发打下坚实基础。
2、模块系统，函数，路由，全局对象，文件系统，请求处理，Web模块，Express框架，MySQL数据库处理，RestfulAPI，文件上传等。熟练运用运行环境和后台开发框架完成Web系统的后台开发。
3、vue的组件、生命周期、路由、组件、前端工程化、webpack、elementui框架。框架的基本使用有清晰的理解，能够运用完成基础前端开发、熟练运用框架的高级功能完成Web前端开发和组件开发，对MVVM模式有深刻理解。
4、需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发。于，实现整站项目完整功能并上线发布。
第四阶段：移动端和微信实战
阶段目标：
1.熟练掌握框架，熟练使用完成开发。
2.掌握移动端开发原理，理解原生开发和混合开发。
3.熟练使用react-native和Flutter框架完成移动端开发。
4.掌握微信小程序以及了解支付宝小程序的开发。
5.完成大型电商项目开发。
知识点：
1、React面向组件编程、表单数据、组件通信、监听、声明周期、路由、Redux基本概念。练使用react完成项目开发、掌握Redux中的异步解决方案Saga。
2、react-native、开发工具、视图与渲染、api操作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架，并分别使用react-native和Flutter分别能开发移动端项目。
3、微信小程序基本介绍、开发工具、视图与渲染、api操作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。
4、大型购物网站实战，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制。目期间可以扩展 、TypeScript。
美食侦探01
要成为web前端工程师，需要掌握哪些技能呢？和table这个是最简单的，也是最基础的。要熟练掌握div、formtable、ulli、p、span、font这些标签，这些都是最常用的，特别是div和table，div用于布局、table也可以用于布局，但是不灵活，基本table是用来和数据打交道。这里说的css不包括css3，一般我们看到web前端开发工程师的要求里面，有一个会使用css+html或者css+div来进行界面布局，所以css是用于辅助html来布局和展示的，我们称之为“css样式”，为什么会说css+div呢?因为我上面说了div就是html主要用于布局的东西，所以div就是核心掌握的东西！那么css肯定必须要配合div来使用才好。css要熟练掌握float、position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等，这些都是跟布局有关系的样式，一定要掌握。可能前两个大家觉得还过的去，看到js就蛋疼了，其实吧，js入门很简单的，不需要会很多东西的，只要会根据某个id、或者name拿到网页dom或者样式、或者值，然后会给某个id或者name的元素标签赋值、或者追加数据、追html，这个是跟数据有关系的操作，然后数据逻辑判断，效果方面的，无非就是跳转、弹框、隐藏什么的，把这些全部结合其他就是实际用途了，代码一点都不难，会了这些基础js，其他的直接百度就好了。然后看多了，用多了，就什么都不是问题了。是相当于把js封装了一套的一个js插件，目的就是操作起来更方便，代码写的更少，jquery入门也很简单，那些是入门需要学的和js一样，只是换成了jq的代码。其他的一样百度就够了。5.最好会点后台语言比如java、php，为什么呢?因为我们前台界面的数据都是从后台来的，如果会点后台代码，就知道怎么跟后台交互数据是最好的，这样节约时间，也可以让前端代码更规范。不然可能因为你的写法和后端给来的数据不能结合上，那么前端代码又得重新写，那就更蛋疼了。6.学习css3+html5随着这移动互联网快速发展的时代，尤其是4G时代，HTML5+CSS3已然成为新一代的web前端技术。随着HTML5的发展和普及，了解HTML5也将成为Web开发人员的必修课。涉及到网页外观时，就需要学习CSS了，它可以帮你把网页做得更美观。利用HTML5和CSS3模拟一些你所见过的网站的排版和布局(色彩，图片，文字样式等等。当你掌握了HTML5，CSS3，JavaScript等技术之后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间。当然，以上技能能够帮助你成为一个合格的前端工程师，但要成为一个优秀的前端，必须掌握除技术以外的东西，例如设计，用户等等。真想学可以去千锋试听看看，看你适不适合学web前端，能不能学会。
瞳言無忌
web前端培训费用每个城市费用应该都会不一样。1、目前web前端培训行业的费用大概在2万-2万多，可能每个机构收费都会不一样，一般的学习周期是在5个月左右。如果时间太短，是学不了什么知识的，也学不到什么技术。2、选择一家机构培训，重要一点的就是要去实地了解情况需要多对比几家：可以从教学质量，课程体系，师资方面，口碑，就业情况，上课环境等方面相结合。
530katrina
2~3个月如果是只学点基础就去工作的话,2~3个月完全够了。前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，最新的高级版本HTML5、CSS3，以及SVG等。HTML、CSS、JavaScript这三个是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚、弄明白，这样在开发的过程中才会得心应手。HTML指的是超文本标记语言 (Hyper Text Markup Language)，这个也是我们网页最常用普通的语言了，经历了多个版本的发展，已经发展到版了，得力于W3C建立的标准和规范，已普遍升级到了XHTML，XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）， XHTML 于2000年的1月26日成为 W3C 标准，是更严格更纯净的 HTML 代码，XHTML 的目标是取代 HTML。XHTML 与 HTML 几乎是相同的，XHTML 是作为一种 XML 应用被重新定义的 HTML，是一个 W3C 标准。W3C 将 XHTML 定义为最新的HTML版本。所有新的浏览器都支持 XHTML。CSS级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。JavaScript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。
幽深的猫巷
web前端这个专业前景可以的去培训机构学习，是为了在相对好的学习环境下，获得一次职业的转折点，或者下一份工作的起点，而不是去花钱买份工作。找工作难不难取决于你技术学的好坏可以去专业的电脑学校看看的
游客56742389
能的。
首先要看培训机构的硬实力，对当前行业的招人需求，及行业内技术需求的了解，按需培训，这样学员学完后完全符合当前行业的项目需求，找到工作的可能性非常大。
其次要看学生个人的知识储备和对所掌握知识的快速应用。
个人的综合能力。对知识的接受能力、拓展能力，应变能力，沟通能力等等，这些都会影响到是否能够就业。
相关介绍：
Web前端培训班适合没有编程基础，想要进入IT行业的新手、想追求稳定、获得长久高薪的工作、想提升自己，突破职业瓶颈的学员学习。
课程采用小班面授教学模式，深入学习数据库技术、系统的Web前端技术、企业级框架、云计算与互联网架构技术等知识，学员学完后能成为一名初中级前端开发工程师。
我的猫叫毛毛
千锋教育专业的前端培训机构，教学课程完善，web前端课程分采用进阶式学习，阶段性检测学员掌握学员学习情况。课程体系能够适应市场需求、紧跟时代技术，完全满足市场对前端工程师的要求，大大地提升了学员的市场竞争力。web前端学习内容包括7大学习阶段：阶段一：前端页面重构阶段二：JavaScript高级程序设计阶段三：PC端全栈项目开发阶段四：移动端项目开发阶段五：混合(Hybrid,ReactNative)开发阶段六：NodeJS全栈开发阶段七：大数据可视化 千锋教育前端课程顺应市场的需求，不断编订更新，让学员学到的都是当下企业急需的技术，如果对千锋的课程感兴趣，可以来千锋免费试听课程，为学员免费提供了长达两周的课程试听，让先了解后再决定要不要系统地学习，只有知道是不是适合自己，才能做出正确的决定。想要了解更多有关Web前端的相关信息，推荐咨询千锋教育。千锋教育成立教研学科中心，推出贴近企业需求的线下技能培训课程。课程包含HTML5大前端培训、JavaEE+分布式开发培训、Python人工智能+数据分析培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、网络安全培训、区块链培训、影视剪辑包装培训、游戏原画培训、全媒体运营培训。采用全程面授高品质、高体验培养模式，非常值得选择。
怀念旧莳光
前几天，Web前端求职群里有人发出了一张招聘的截图：
Web前端开发成为竞争最激烈的岗位之一
从“Web前端工程师”近3年的百度指数可见，Web前端热潮仍未衰退，并且还有增长的趋势。
首先Web前端是通过编写代码来实现各种功能需求，需要开发人员具有较强的逻辑思维，这个要求对于想要自学的很多人是达不到的，大家在大学所学的专业不同，从而养成的思维习惯和思考的逻辑都有很大区别，所以想要自学的话首先需要考虑这一点。
不论大家学习什么新技能，自学能力都是决定学习效果的重要因素，更何况IT行业的知识技能每天都发生着日新月异的变化，前端开发同样如此，所以不管是0基础开始自学还是已经从事Web前端开发工作的人具备比较好的自学能力都是不可或缺的，只有不断跟上行业的发展、企业的需求才能在职场中有更强的竞争力。
Web前端岗位需求量大
Web前端需求并未趋于饱和，为何竞争仍然激烈？原因是技术环境的改变，导致企业对Web前端人才素质有了更高要求，所以可能会出现这样一种现象：100个Web前端工程师在争取10个岗位，而企业看中的10个人他们每人手里都有N个offer。
市场中“撑的撑死 饿的饿死”现象
高素质的Web前端永远都会受到大公司欢迎。那是不是基础较差的前端学员就没有就业机会了呢？让我们跟着千锋武汉Web前端培训小编一起来看看在前景美好，但竞争激烈的2018年，公司需要怎样的前端工程师：
基础知识牢固，而不仅仅满足于框架（深度和广度都要有）
具有“解决问题”的工程化思维，而不是机械化堆砌语句（工程师思维很重要）
规范严谨的代码管理习惯，能够快速融入大公司有序的团队协作（进公司前就培养好习惯）
深度了解用户体验，懂得研究性能优化（出的活表现和性能都要好）
有多个紧跟时代的实战经验（而不是用过时的例子来美化简历）要想成为一名优秀的Web前端工程师，好的成长土壤非常重要。很多人入行时选择自学，理论知识可能掌握了，但没有成型的项目经历，实践的时候很容易卡死在某个问题，其实如果有大神带带你，问题很快就能轻松解决。
xuemei1987
您好，web前端培训内容包括以下8个阶段：阶段1.前端核心基础HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和BOM编程、jQuery框架阶段 + CSS3 + 移动端核心HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练阶段3.移动端移动端核心、移动端适配、移动端特效阶段4.服务器端服务器端开发、数据库操作、前后端交互核心、微信公众号开发阶段高级JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、JavaScript函数式编程、JavaScript设计模式阶段6.前端必备性能优化、版本控制工具、模块化、项目构建工具阶段7.高级框架React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析阶段8.小程序原生小程序入门、原生小程序API使用、小程序框架Mpvue
武汉王钦
培训出来的一定能找到工作吗？没有培训的就一定找不到工作吗？不一定，这些问题没有定论。可以确定的是什么，可以确定的只有自己，可以确定的只有自己的努力，可以确定的只有自己的坚持，可以确定的只有自己是不是有一颗专注某一领域而向下钻研的心。我们总是听到一句话叫选择大于努力，但是我不这么认为。选择是成事，努力是谋事，谋事在人成事在天。选对了只能算是运气好，但是如果因此就不付出的话，那这条路也走不远。努力的人可能一次选错，两次选错，但是不可能每次都选错，只要选对了一次那就能青云直上。我对前端最初的感觉就是前端还行，也说不上来怎么行，就是感觉做前端应该还不错。后来就先自学了一段前端，感觉自己对这个感觉不错，就报了个培训班，然后就在培训班学，学完后找了个工作，也说不上来有前端有什么好，跟测试、UI一样也是每天上下班。在我没有做到能推动时代进步的程度，我感觉并没有比其他工作高级，就是一个想要提高能力的码农。能不能找到工作，我不知道。只能说：君不负前端，前端定不负君。第一阶段HTML+CSS核心基础 HTML,CSS核心基础；CSS过渡；HTML5语义化标签；线性渐变，径向渐变；HTML新增标签属性；CSS动画Animation；表单项新增属性；弹性盒模型；CSS选择器；经典布局练习(双飞翼，CSS3伪类 品字布局) + 案例；CSS伪元素；响应式布局第二阶段JavaScriptJavaScript基础；JavaScript操作DOM；JavaScript面向对象(js高级)第三阶段PC端整栈开发：PC项目；jQuery；jQuery项目；less；bootStrap第四阶段ES6+Node+工程化：ES6/7/8；promise；npm常用命令；git基础（常用操作）；git高级；基础；git基础（常用操作）；http协议 & cookie & session；MongoDB；Express框架；ajax(原生，jQuery,axios,fetch)；ajax库基本封装使用 promise封装；模块化；构建工具gulp，基础第五阶段React技术栈：React基础语法；react-router；React Antd使用；Redux；React移动端项目第六阶段Vue技术栈：Vue基础；VueRouter；Vuex；Vue源码(v-model, 双向数据绑定)；VuePC项目-电商；Vue后台管理第七阶段小程序：小程序；UniApp；TypeScript第八阶段就业指导+面试精讲：vue实战(移动端)；小程序实战； 面试精讲；就业指导
优质工程师考试问答知识库
