一.基础学习

主要就是html、css、JavaScript。建议直接从html5、css3、ES5入手进行来学习。由于该部分是web前端开发中的基础部分，因此建议大家基础一定要打牢固。

二.与美工相关、后端开发、设计相关的学习

优秀的web前端开发工程师，将熟知自己工作界面的各种布局。因此，这也将是你工作中的重点。根据公司的不同，大家可扩大知识面，加深对自身产品的理解。

与美工相碧衡氏关，主要是精通ps、切图类工具的应用。Photoshop是必然需要掌握的，这里我们不强调作图的精美，但是至少需要掌握它的应用。一技之长，无论何时何地总会大有应用。

后端开发，一般情况下，前端开发和后端开发是分开的，不过也存在特殊情况。因此，需要我们做出选择后端的主要学习阵地，很多人都在比较PHP、Python、Node.js哪种好，其实三者差别不大，从市场上的热悔散度来看，Node.js视拦雀乎更受欢迎一点，当然Node.js对js熟悉的前端来说也更容易上手。

三.各种框架类库的学习

jquery，bootstrap等，现在的框架比较多，但是jquery和bootstrap这样级别的必须得熟练掌握，要不很多公司都没法干活。一般类库和框架都有垂直的网站可以学习，如bootstrap中文网之类的都很不错。

1.学习html。

这是最简单最基本的。掌握div、formtable、ulli、p、span、font等标告棚液签是最常用的，尤其是div和table，div用于布局，table也可以用于布局，但不灵活，基本table用于处理数据。

2.学习css。

这里的css不包括css3。一般我们可以看到，在web前端开发工程师的要求中，有一个会使用css+html或css+div进行界面布局，所以css是用来辅助html进行布局和显示的。css要熟练掌握float、position、width、height、最大最小，会使用100%、overflow、margin、pading等。

3.学习js。

其实js入门很简单，不需要知道很多事情。只要你会根据某个id或者name获得网页dom或者样式或者值，你就会给某个id或者name的元素标签赋值，或者添加数据，追html。

4.学习jquery。

jquery相当于将js封装成一套js插件，目的是操作起来更方便，代码写得更少，jquery入门也很简单，那些入门需要学习的和js一样，只是用jq代码代码代替。和虚

5. 最好点击后台语言，如java和php。

为什么？因为我们前台界面的数据来自后台，如果我们能点击后台代码，我们就知道如何与后台交互数据是最好的，这样可以节省时间，使前端代码袜物更加标准化。

6.学习css3+html5。

Web前端开发负责pc和手机的web前端开发、界面布局、美学设计、web应用程序设计开发、html/css代码质量控制、java数据处理，熟练掌握Java、辩液css、html等web标准化页面设计。学习Web前端开发推荐千锋教育！

Web前端被分为前端美术设计、前端开发两大类岗位。美术设计指的是UI设计、交互设计、用户体验设计，web前端开发则是指通过HTML5、CSS3、JavaScript等开发语言来创建用户可以看到并与之交互的web页面。在团队中，web前端开发工程师扮演的是连接美术设计与后端程序开发这两大内容的桥梁角色，保证用户在页面上的交互操作能够获得准确的服务器响应与数据调用。除了HTML5、CSS3、JavaScript这三种开发语言外，还需要学习XML、Flash/Flex、Silverlight和服务器端语言等技能。除了这些硬件技能外，还需要懂得如何利用代码来实现网站的架构、优化、兼容、维护，以及其他相应的行业激灶乱专业知识。

想要了解更多有关于web前端开发的相关信息，推荐咨询千锋教育。千锋教育目前已与国内20000余家IT相关企业建立人才输送合作关系，每年培养泛IT人才近2万人，十年间累计培养超明档10余万泛IT人才，累计向互联网输出免费教学视频950余套，累积播放量超9800万余次。每年有数百万名学员接受千锋组织的技术研讨会、技术培训课、网络公开课及学科视频等服务，得到广大学员一致认可。

主要讲一下Web前端开发所需要的知识技能及学习路径 1. HTML5 + CSS3 + JavaScript Web开发基础中的基础，HTML是负责网页结构，CSS负责网页样式，JS则负责逻辑交互。前两者更像是标记语言，没有什么逻辑，JS才是前端的重中之重。 HTML5 新增的技术大部分需要结合JS学习。 每个人学习进度可能衫缺不同，这个阶段主要是多仿站，熟悉基础，试试用CSS写响应式页面，了解JS深入性的知识，比如原型链、闭包、 设计模式 等需要更多的积累，逐渐理解并实践掌握。 2. JQuery + BootStrap + Ajax + Json jQuery是燃轮JS的一个应用库，能够提升原生JS开发效率。Bootstrap则是响应式框架，更简单的实现手机/平板/PC多个设备的页面支持。Ajax技术用于异步交互，不刷新页面就能更新数据，比如 地图 应用等。Json是一种数据格式，被广泛应用在各大编程语言中。 jQuery 和 bootstrap 会简化很多编写的代码量，用着不亦乐乎，但对于基础还不是很扎实的人建议还是少用。 Ajax 和 json 通常用于和后端交互，在实际业务中也经常用到。 3. Git/SVN 版本管理工具，主要用于团队开发时避免文件冲突，也可回档。前端推荐学习Git。 4. Nodejs + Mysql /MongoDB(可选) 运行在服务器端的JavaScript。Express是其拓展MVC框架。其中nodejs最常用到的就是npm包管理器，不用到各个网站去下载资源包。 数据库 的学习可以选择MongoDB或者MySQL，前者与Nodejs的契合度更好，不过现在大多数网站都是 PHP +Mysql的组合，如果有学PHP的打算的话，可以先学习 Mysql 。 5. ECMAScript 6 JavaScript 的语言标准。ES6中加入了很多新的概念，也弥补了之前版本中JS的很多缺陷，越来越多的项目开始运用ES6进行开发。学之前最好把ES5先搞懂了，目前实际项目中考虑到兼容性，ES6是需要通过Babel将其编译为ES5来部署的。 6. Angular/React/Vue 前端三大框架，各自也有着各自的生态系统，根据需求自行选择学习。目前企业需求量最大的仍然是Angular，但近期趋势来看react和vue则更受欢迎。因为现在前端技术发展太过于突飞猛进，工具和框架的更新比翻书还快，建议学习还是看文档比较好。学习过程中也会遇到很多用到各种构建工具的时候。 7. 其他常用工具 这个一样是根据需求自行选择学习。比较常用的现在有 Web pack，可以将多个不同编程风格的文件打包，比如ES6/AMD/CMD之类的模块化都能识别并编译成 浏览器 能运行的文件。Sass/Less，CSS预编译框架，可以用带有逻辑性的方式编写CSS代码。Gulp/Grunt构建工具，可以自动化对代码进行压缩合并等工作。 8. 其他后端编程语言 目前市场对前端基本都要求会一门后端语言， PHP / JAVA / Nodejs / Python 等。 学习编程重要的还是实践，多敲代码，多去尝试。独立解决问题或段辩的能力、探究钻研的精神是必不可少的。

你好，前端开发一般指制作网页，而一个网页一般由html+css+javaScript(jquery)+ajax 4部分组成构成

因此歼好，想要做web前端开发工程师，最氏埋铅基本就液空要掌握html、css、javaScript(jquery)和ajax等知识