首先最基本的你要学会一个响应式的页面布局，其次就是学会js，再到后面就是框架和小程序的学习了

html标签、html5新增标签、css样式、css3样式、媒体查询等

JavaScript、jQuery、ajax、面向对象、http传输协议等

canvas、js高级应用、JS-SDK、H5新增技术

node.js、vue.js

1. 学习HTML5和CSS3基础

2. 学习Java，了解DOM

   Java 是一种能让你的网页更加生动活泼的程序语言。学习 Java 的基本语法，学会用 Java 操作网页中 DOM 元素。

   接着学习使用一些 Java 库，比如 Jquery 是大部分 Web开发人员都喜欢用的，通过 Jquery 可以有效的提高 Java 的开发效率。

3. 学习Web前端核心

   学习 HTML5 高级阶段(HTML5 Canvas 绘图、HTML5 SVG、音频和视频处理、表单处理、表单验证...等)

4. 学习HTTP协议及Server端技术

   服务器端脚本编程(后台开发)也是Web开发人员的基本功之一。要构建动态页面通常会使用到数据库，通常PHP使用Oracle、MySQL数据库。

5. 学习Web前端高级技术

   Bootstrap是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVA 的，它简洁灵活，使得 Web 开发更加快捷，是web前端开发者最喜欢，也是现在企业里最常用的前端框架。

   Angular JS是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC编程、模块化、控制器、路由、事件绑定等等。

6. 从最简单的HTML5基础到Web前端高级技术，内容还是不少滴!要想精通这里的每一样技术，都得下苦功夫才行。四个月的时间，在讲师的指导下，足够你对Web前端开发产生一个有效的认识，并且找到理想的工作。

学习编程思维很重要，而且要学会看API ，以后工作了IT知识更新很快的

不管学什么都是基础最重要

遇到很多新手，都会问，如果要学习web前端开发，需要学习什么？难不难？多久能入门？怎么能快速建一个网站？工资能拿到多少？还有些让我推荐一些培训机构什么的要去学习。我建议是自学，实在是觉得自己没有这个能力，确实是需要一个老师的话，那你还是自己做主找个老师吧！为什么要自学呢，现在的老师水平都可以说是参差不平，运气好，你遇到个好老师，把毕生的经验和技巧都教给了你，运气不好，遇到个照本宣科的老师，那你的知识也会仅仅局限于教材！也许还有更糟糕的是，学到的书本知识两年前就已经开始有了大的变化，你并不知道关于更多的web设计这方面的知识。如果在这样的情况下，都还不如那些闭关自学的学生。

学习最好的老师就是兴趣，没有兴趣而言，这条路我相信你是走不长远的，除非你有其他比如说生活压力，工作压力等让你不得不这样坚持下去。我刚开始接触web网页设计的时候，教材都是以table来布局的，看到插入table生成了很多标签代码后，tr里面一个个td，理不清楚这个里面怎么回事。敷衍的学习了一个学期。还是没学到什么。真正学到的还是停留在怎么新建，怎么保存。

如果你还是在校学生，那你得好好上课，大学的教材普遍来讲都是知识面浅的。虽然很多知识看起来用处不大，学起来也很枯燥，让你觉得浪费时间。但这些书本上最基础的知识你都不能掌握，那你以后怎么追求更精湛的技术呢。所以不要逃课，把基础知识掌握了，别小看这个基础知识，它非常重要，基础扎实是否也会决定你在一个职业能走多远。

我是毕业了后从文员转到编辑再到技术员当然这期间工资就像是阶梯一样，虽然这差距也不是很大，都离不开那些曾经被我遗落角落的专业课本。生活上的压力迫使我这样做，我知道自己要什么，当一个文员没有追求，感觉过着30、40岁人的生活，接电话、发email、整理报表，每个月都有白领的工资...浪费的不仅仅是自己的青春，还有这大学几年昂贵的学费。后来就愈来愈想掌握一门技术，想去培训学校学习一段时间，但是现实是我没有钱，闭关一个星期，重拾课本，再看看那些讨厌的table，虽然out了，但是确实会发现很多基础再基础不过的东西，利用互联网，不明白的就百度，作为一个过来人，我觉得我自己走了不少弯路，所以，有必要提醒你们一下，一定要明确自己的目标，摆正自己的位置，最好掌握一门技术。

了解web前端

Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代产物，那时网站的主要内容是静态的，用户使用网站的行为也以浏览为主。2005年以后，互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。说得直白点就是美工photoshop，交互设计，flash，js，html+css。就小规模公司而言，一个技术员都得会这几样技能，这样很锻炼人的，慢慢的你就会成为公司的主力。大规模的公司把这些分得很细，所以，你可以精通一门，熟悉其他的，进军大公司。

网页开发工具

学习web前端开发，网页开发工具有FrontPage，会用 Word 的人很容易学会FrontPage。还有一个常用的是Dreamweaver。这两种都是使用最多的HTML网页制作工具，我使用的是Dreamweaver cs6,因为这套软件提供了一套直观的可视界面，融合了html5一些新的内容。包括网格布局什么的。

学习内容

HTML、CSS和JavaScript。html是内容，css是表现，javascript是行为。前端开发的门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事IT工作的人来说，前端开发是个不错的初入点。也正因为如此，前端开发的领域有很多自学成“才”的同行。html是最基础的，现在流行的是html5设计，先学会网页布局。css是用来美化html页面的为页面提供布局和格式。最后再学javascript。如果你把每天看电影、看电视剧的时间用来学习，我想一个星期入门是没有问题的。

基础知识：

1. html + css。这部分建议，边学边练。之后可以模仿一些网站做些页面。理解css每个元素的属性，样式的实现不一定只有一种写法，多想一想还有没有什么需要改进的地方。

2、JavaScript。不是所有的网页都必须有js，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在 w3school上学习。之后建议马上看《javascript语言精粹》

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前端设计师前景

遇到很多想换行的朋友，第一句就问，这行赚钱吗？我相信一句话，没有付出，是没有回报的！前面已经说过了，咱们这行门槛是很低的，所以薪资阶段也不一样。2000初入这行的现在还普遍，工作经验2年以上，有很多代表性作品的时候，工资在4000左右；高手级别的估计在6000左右，大师级别这个阶段的薪资参考：10000以上(上海北京深圳为例)网页设计师课程一般包括：Photoshop、Fireworks、用户界面设计实操，xhtml、css、dreamweaver、网站架构与网站策划、flash动画制作，域名与空间、ftp、dhtml、javascript、动态交互网站(asp、php、aja)

兴趣: web前端目前细分了很多领域,每个领域我们都能有所作为,比如前几年很火的小程序和小游戏开发,如果大家能非常掌握和热爱,完全可以有很好的发展,笔者之前的公司是一家游戏公司,曾经也开发出3亿多用户的<贪吃蛇大作战>,目前对小程序工程师也有非常多的招聘需求.其次还有WebRTC技术, NODEJS开发,企业SAAS系统开发,都是企业目前应用很广泛的技术产物,所以认清自己的兴趣所在,是非常重要的.

学习路线: 其次就是技术栈和学习路线,这是每个学前端的朋友都很关注的问题,笔者之前也总结过一份导图,可以参考一下:

掌握好基础是上层建设的第一步,所以第一个阶段对我们来说非常关键.有了基础的铺垫,我们可以做一些工程化的实践,比如用webpack,gulp等搭建项目工作流, 使用node开发团队前端效率工具和工具链,做后台服务中转站以及路由分发等.他如果这些研究的都比较熟练,那么可以往架构方向发展,比如微前端架构,团队项目架构研发等.

自身培养和技术开发的思维方式: 我们还要有持续学习的习惯,定期更新自己的技术栈,定期复盘等,比如每个月写3篇项目或者学习总结,笔者的<趣谈前端>专栏就是一个很好的例子,笔者会持续坚持下去,相信你也可以坚持下去. 其次就是好书,毕竟一本好书出版的门槛还是非常高的,一般都是作者和编辑的无数次修订的结果,比如前端的经典书籍javascript高级程序设计, js蓝宝书, css揭秘等,都是不错的学习提升资料.

至于思维模式.笔者有一个很好的习惯,也分享给大家: 就是在设计业务组件或者实现业务功能之前,一定要先思考,将功能拆解,罗列出实现的步骤,然后再去coding.

比如我们要实现一个Modal组件,我们可能需要考虑各种场景各种功能,这个时候如果没有一个清单或者实现步骤,那么光凭记忆去实现它将是非常混乱和痛苦的.所以我们最好如下图所示,有个思维拆分:

以javascript语言为核心可以说是网页设计的升级版，目前没有听过有什么证书也不需要计算机专业文凭。只要技术过关工作很好找现在到处都在找前端至于具体介绍建议参考百度