初学Web前端开发的话，包括Html，CSS等，建议还是以熟悉标签和属性为主，多练习代码，掌握好基本功，待熟悉掌握后，可以学习一些常见的前端框架，像React，Vue，Angular等，下面我简单介绍一下学习过程：

前端资料

这个网上的资料很多，几乎每个编程网站都会有前端编程的资料和教程，像我们熟知的w3cschool，慕课网，网易云课堂等，都介绍的很不错，也很详细，当然，你也可以找一本相关书籍学习，都可以，最主要的就是多练习，多敲代码，掌握好基本功，熟悉相关标签和属性，建议使用记事本这些软件，不需要自动补全，一行一行练习、调试：

前端软件

熟悉相关标签和属性后，就可以利用专业的软件来提高开发效率了，这个软件就很多了，像我们常见的VS Code，Sublime Text，HBulier，DW，WebStorm等都不错，各有特点，支持常见的智能补全、代码高亮、语法提示等功能，插件扩展也很丰富，根据自己实际需求，选择一个适合自己的就行：

前端框架

Web前端框架其实很多，像常见的React，Vue，Angular，JQuery，EasyUI等，后期的项目开发中，为了提高开发效率，经常会用到前端框架，各个框架都有自己的特点和长处，这里可以提前了解、学习一下，积累一下相关使用经验，为后面实际项目开发做好铺垫：

总的来说，入门的话，建议还是多练习，掌握好基本功，熟悉后，可以了解一下相关框架，最后就是在实际项目中应用，积累经验，网上也有相关资料和教程，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。

学习web的话，首先第一个阶段就是建议从HTML5和CSS开始学习的。首先我们要了解常用的浏览器和内核，了解语义的概念。掌握HTML的语法和使用技巧。下面不多说这个，我们看一张学习线路图就可以了解了：

上面我们看到的就是前端的一个学习框架，大家初学者拿到这样的框架可能还会有点懵。下面我们把每个阶段拆开来说：

第一个阶段：

我们需要了解的是HTML5、CSS3、语义化标签，CSS3新属性，盒子模型，定位与浮动、CSS调试技巧、PS切图、网页特效、静态页面开发、PSD还原网页文件；

第二个阶段：

HTML5标签、CSS动画、移动端适配、真机调试、rem、flex布局、媒体查询、Bootstrap、Viewport、移动端调试；

第三个阶段：

JavaScript高级、面向对象、闭包、原型、原型链、ES6、正则表达式、DOM、BOM、动画函数、Jquery、JQuery插件。

第四个阶段：

Node.js、CommonsJS、JavaScript模块化、异步编程、服务端、MySQL、HTTP协议、Express、Koa、Cookie、Session、中间件、分页、注册登陆，模块化、CMS系统开发、RESTful、Ajax;

以上这四个阶段是举例说明一下，下面我们还是看图片了解什么是详细的知识点：

以上就是前端部分，主要需要学习的全部内容。具体如何从html入门，我建议刚开始学习的小伙伴，看视频为主，html之后的css，刚刚接触的时候会觉得有些懵。视频的话老师可以直接把思路和操作给大家讲出来，相对来说更容易接受和理解。当你学会了以后，就会发现，这边入门的知识点获取是很简单的事情。

关注我私信，上面八个阶段学习的配套视频

在H5大前端时代，随着移动网络的不断发展，用户对平台体验度要求的不断提升，企业对前端开发工程师的技术需求也在不断的提高，对具有开发经验的前端开发工程师的需求量在不断的增加。

在这样的市场发展社会背景下，企业的需求量不断增加，对学习前端开发技术的小伙伴来说是一次比较不错的就业机会。在小伙伴学习前端开发技术之前，要考虑一下自身的基础条件，是选择自学还是前端培训来学习开发技术知识。

对于零基础小伙伴来说，选择适合自己的学习方式很重要，但是好的学习方法能够让小伙伴在学习过程中事半功倍。

1.基础知识的积累

小伙伴在前端培训班学习开发技术知识过程中，要根据培训班的课程设置来制定适合自己的学习路线，根据学习路线来进行基础知识的学习与积累。

2.项目实战案例的练习

在前端培训班学习过程中，老师会安排相关基础知识点的项目案例来练习，这样可以很好的深入理解前端开发技术知识，在前期小伙伴会练习到比较单一的简单的小项目，到后期会练习综合性的项目，所以。小伙伴要端正心态去学习练习。

3.确定发展方向，针对性学习

小伙伴在学习前端开发过程，可以先了解一下企业对前端开发技术的需求是什么，从而确定自己的发展方向，根据发展方向所需要的技术知识去针对性学习，以用为学，才能在学习中提高效率。

小伙伴在学习前端开发技术知识的过程中，要端正自己的学习态度，学会善于反思和总结的良好习惯。尚硅谷前端培训班是一家比较靠谱的线下面授教学IT培训机构，培训班以理论实践相结合的教学方式，传授前端开发技术知识和开发经验，培训班还有更多的前端视频供小伙伴下载学习！

http://www.atguigu.com/html5_video.shtml

转行做Web前端工程师的学习顺序是什么呢？

1、基础

前端的基础，相信大家都有所了解：HTML5、CSS3、JavaScript，但是它们的学习顺序是什么呢？ HTML > CSS > JavaScript，之所以这么排并不是因为JavaScript最不重要，JavaScript是前端一切学习的基础，但是HTML5和CSS3在学习上比较好入手。

HTML5与CSS3可以在一起学习，因为HTML5的标签只有配合CSS3样式才能达成优美的页面效果，没有CSS3的页面只能是很多年前的门户网站的样子。随着HTML5和CSS3的普及，以及浏览器对它们的支持，越来多的产品都选择用HTML5开发，HTML5甚至可以直接作为一个前端开发方向。

2、框架

说到框架学习，如果说JS框架的话，相信很多人一定会脱口而出jQuery，这是很多当初进入前端开发领域一定会学习的内容。但是并不建议大家把很多的时间放在学习jQuery上，因为现在市场上对于jQuery的使用已经变少了。

那么目前市场上新兴的框架，应该如何学习呢？ES6是一定要去学习的，在Vue2.X，AngularJS2，React中都对ES6提供了原生的支持，以后很多新的特性肯定也会使用ES6的语法去编写。

3、算法模块化&组件化

前端开发已经从原来的整体化开发发展到现在的模块化开发，甚至是组件化开发，开发过程愈发精细，讲求的是代码的可复用性。以前一个页面从上到下一次编写的过程，现在已经发展为先将页面进行拆分成模块甚至是组件，不同的人关注不同的模块，组件，提高开发效率。在模块化开发中，不得不提到CommonJS，AMD和CMD规范，并且有不同的实现，比如RequireJS。

4、构建工具

前端开发是离不开构建工具的，自己写的代码如何打包压缩，ES6的代码如何编译成JS，Sass，less代码如何编译成原生CSS，这些都是构建工具去完成的。有了构建工具，可以极大的提高我们的开发速度，这里不得不提到的就是gulp和Webpack。

gulp是一种任务驱动型的构建工具，通过管道处理数据流，提高了数据处理速度，而且其提供的一系列插件也很方便使用。

而Webpack的作用就是把所有浏览器需要发布的静态资源做相应的准备，比如资源的解析、合并和打包，它提供了强大的加载器和插件机制，例如Vue-loader提供了对vue的支持，babel-loader提供了对ES6的支持。其他的构架工具还有工程化构建的Yeoman，Slush，FIS等。

5、全栈

Web前端开发到最后就是要走全栈开发的道路了，全栈开发以NodeJS作为服务端语言，基于NodeJS实现的服务端框架有Express，KOA，目前也发展的越来越成熟。既然讲到全栈开发，肯定会通过服务端语言操纵数据库，因此对于数据库的知识也肯定要掌握的。

我是23岁0基础去培训的前端，学历也不高。培训机构是某鸟，网上传言某鸟比达内好很多，亲身体验过才知道，都是一个德行，真心对你的时候就是你交学费之前，交了学费开课时间不定，老师因为有事随意换非专业的老师来上课，一共4个月的课，拖了7个月，而且前端课程没讲多少，连最起码的ajax都没说，一个项目都没带做过，老师一个框架都不会，js更是垃圾的一笔，老师上课天天就是照着笔记抄，念，和复读机一毛一样，上课就是讲语法，基本的语法，易捷课45分钟，基本语法讲15分钟，剩下时间就让我们练习，就这么打发了，老师天天想着怎么拉学生挣提成，我们老师根本一个功能都写不出来，有bug也不会改，查百度也不会改，老师就是拿着做好的东西给你念，没有思想没有逻辑，这是某鸟中关村校区，刚开始带我们的前端基础老师有事回家，本来后期前端老师是个专业教前端的，但因为排不开课就给我们硬塞了个后端的老师，他教后端教的还是2年的那种小孩班，天天上课就是念读，自己写就照着笔记抄，有问题问他他也不会改，有一次一个bug他看了一节课都没改出来，天天给留任务，任务做不完就扣钱，让交班费，然后聚餐，玩，老师一分钱不出，天天从班费里蹭吃蹭喝，实名举报他们官网也没用，可能有好老师，但是我们班没遇到，因为人少，学校觉得不赚钱，所以给我们分了一个垃圾老师。艹

你这个年纪0基础转行可以，我们班就有个29岁女的0基础学习的。我们毕业后都是面了好多家才进去的，主要是包装简历，负责根本进不去这行，一个班12人，就业了5个，还有的都去搞其他行业，还有的待业，就业就是帮你无限投简历，但技能根本不会再教你，与其这种垃圾培训班缴费学习，不如腾讯课堂或者其他视频学习，质量比培训班好1000倍，好不夸张，培训班老师大多是企业里混不下去的才去当老师，还都是年轻人，能有几个有经验的，他们自己都做不出功能，项目都不一定做过，还有的毕业就在学校当老师的，只会基础的东西。

所以，你要去培训班就找质量好的，自学能力强，就去网上自学，也可以达到培训班效果，至于提问，你多架加一些技术群，提问一样可以有人回答，那些老师都没网友知道的多。

关注我，我会经常分享零基础培训班的视频

随着移动互联网的发展，web前端逐渐受到企业的重视，前端开发人员的薪资也水涨船高，越来越多的人看好前端行业的发展，想要转行加入。下面，千锋小编给大家分享一份web前端学习路线图，希望对初学者有所帮助。

Web前端行业的发展，让前端人员能完成比以前更多的职责范围，所以未来前端可以宽口径就业，前景非常好。除此之外，目前web前端工程师日均岗位缺口超50000，平均薪资10820元/月。

对于零基础的人而言，要怎么学习web前端呢？

1、前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。

2、前后端网页交互。主要内容为Java语法全面进阶、ES6 到 ES10 新语法实践、jQuery 应用及插件使用、设计模式及插件编写、封装JS工具库及Web APIS、AJAX+PHP+MySQL前后端交互、前端工程化与模块化应用以及PC 端全栈开发项目等。学习目标是可以掌握前端工程化工具，如 git、gulp、webpack 等，搭建项目及开发项目。

3、Node.js + 前端框架。主要内容为Node.js 全面进阶、Koa2+MongoDB搭建服务、Vue.js 框架、React.js 框架、小程序云开发与小程序框架、原生APP与混合APP、数据可视化与桌面应用等。学习目标是掌握桌面应用及可视化大数据，实现复杂数据展示类项目，能够独立完成前后台相关功能，胜任HTML5全栈开发工程师职位。

很多学习web前端的朋友都希望在学成后能找到一份满意的工作，所以我们在学习过程中一定要注意实战经验的积累，如果你所学的东西对企业没有用，那你所做的一切都是无用功。

你学会开车是听老师讲理论还是自己上路学会的？很显然，学编程也一样，如果这行是靠背知识点，那还需要人编程？完全不需要，直接全部人工智能搞定。所以，真正教编程，扯知识点的都是害人，真正要学的是编程思维。

互联网的高速发展，智能手机的全面普及，微信小程序的出现，让更多人认识了Web前端，近几年随着微信的出现，WEB前端更是火得一塌糊涂。随着WEB前端的火热发展，越来越多的人对WEB前端开发有了新的认识，纷纷投入到WEB前端培训班学习。学习这项技术的话，重庆web前端培训课程能学到哪些知识?

Web前端培训机构林林总总，其中千锋前端培训的口碑是非常不错的，得到了学员和企业的高度认可，毕业学员很多人都是高薪就业。下面，就来说一说千锋Web前端培训能学到哪些知识。

千锋HTML5培训，用心专注企业需求与课程体系研发，配合雄厚的师资力量，以及完备的教学模式，将理论与实践完美结合，为学员的就业保驾护航，为学员提供高薪就业最有利的支持，帮助企业招聘到满足其需求的专业技术型人才。

千锋跟进行业的更新迭代，适时调整学员的学习内容，保障学员的核心竞争优势。2018年千锋HTML5大前端课程升级内容，增加了React Native、GraphQL数据查询语言、大数据可视化等内容的学习。千锋HTML5培训课程学习内容如下：

第一阶段：前端页面重构

内容包含了：(PC端网站布局项目、WEB前端+CSS3基础项目、WebApp页面布局项目)

第二阶段：JavaScript高级程序设计

内容包含：1)原生 JavaScript交互功能开发项目、面向对象进阶与 ES5/ES6应用项目、JavaScript工具库自主研发项目)

第三阶段：PC端全栈项目开发

内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第四阶段：移动端项目开发

内容包含：(Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目)

第五阶段：混合(Hybrid,ReactNative)

内容包含：(微信小程序开发、React Native、各类混合应用开发)

第六阶段：NodeJS全栈开发

内容包括：(WebApp后端系统开发(NodeJS基础与NodeJS核心模块，Express，noSQL数据库)

第七阶段：大数据可视化

内容包含：(大数据可视化化基础与实战、数据可视化入门、D3.js详解、其他JS库)

重庆web前端培训课程能学到哪些知识?千锋让你成为优秀的前端工程师，让你能够高薪就业，当然前提是学员自己能够吃得住辛苦，坚持努力!

可以先学习html，css,js的基本用法，然后找一些简单的例子练习，练习觉得自己能独立写出来后，看看网上那些大型网站的源码，学一下，看看人家是怎么写的，为什么这么些，自己有哪些不足，