Web前端开发需要掌握的技术：

1. 学习html，这个是最简单的，也是最基础的。要熟练掌握div、form table、ul li 、p、span、font这些标签，这些都是最常用的，特别是div和table，div用于布局、table也可以用于布局，但是不灵活，基本table是用来和数据打交道。

   
   

2. 学习css，这里说的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等等，这些都是跟布局有关系的样式,一点要掌握。

   
   

3. 学习js。可能前两个大家觉得还过的去，看到js就蛋疼了，其实吧，js入门很简单的，不需要会很多东西的，只要会根据某个id、或者name拿到网页dom或者样式、或者值，然后会给某个id或者name的元素标签赋值、或者追加数据、追html，这个是跟数据有关系的操作，然后数据逻辑判断，效果方面的，无非就是跳转、弹框、隐藏什么的，把这些全部结合其他就是实际用途了，代码一点都不难，会了这些基础js，其他的直接百度就好了。然后看多了，用多了，就什么都不是问题了。

   
   

4. 学习jquery。jquery是相当于把js封装了一套的一个js插件，目的就是操作起来更方便，代码写的更少，jquery入门也很简单，那些是入门需要学的和js一样，只是换成了jq的代码。其他的一样百度就够了。

   
   

5. 最好会点后台语言，比如java、php,为什么呢？因为我们前台界面的数据都是从后台来的，如果会点后台代码，就知道怎么跟后台交互数据是最好的，这样节约时间，也可以让前端代码更规范。不然可能因为你的写法和后端给来的数据不能结合上，那么前端代码又得重新写，那就更蛋疼了。

   
   

6. 学习css3+html5，为什么这个放最后呢？哈哈，因为我自己也不太会，毕竟术业有专攻嘛，虽然这个很流行，但是我是搞后端的，在工作中用不到它，只有在自己网站需要改样式，或者朋友网站样式出问题的时候，我才会去临时去研究下。但是如果你们是准备专门搞前端，那么最好还是学一下的。

上面6点，基本是一个搞web前端开发工程师需要掌握的技术，然后我也尽量的把自己的一点点经验告诉了大家，但是大家不要以为上面6点就只有我说的那么容易,不,他们之所以被人使用，之所以这么火，就是因为强大！

我说的这么简单仅仅是打消你们觉得很难的原因，万事开头难，我讲的都是入门的方法和技巧以及需要知道的东西。

个人觉得如果是非计算机相关专业学生，建议先熟悉电脑的基本操作吧

主要学习html、js、css、jquery、css3+html5另外开发语言也要学一些

Web前端开发需要掌握的技术：

1. 学习html，这个是最简单的，也是最基础的。要熟练掌握div、form table、ul li 、p、span、font这些标签，这些都是最常用的，特别是div和table，div用于布局、table也可以用于布局，但是不灵活，基本table是用来和数据打交道。

   
   

2. 学习css，这里说的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等等，这些都是跟布局有关系的样式,一点要掌握。

   
   

3. 学习js。可能前两个大家觉得还过的去，看到js就蛋疼了，其实吧，js入门很简单的，不需要会很多东西的，只要会根据某个id、或者name拿到网页dom或者样式、或者值，然后会给某个id或者name的元素标签赋值、或者追加数据、追html，这个是跟数据有关系的操作，然后数据逻辑判断，效果方面的，无非就是跳转、弹框、隐藏什么的，把这些全部结合其他就是实际用途了，代码一点都不难，会了这些基础js，其他的直接百度就好了。然后看多了，用多了，就什么都不是问题了。

   
   

4. 学习jquery。jquery是相当于把js封装了一套的一个js插件，目的就是操作起来更方便，代码写的更少，jquery入门也很简单，那些是入门需要学的和js一样，只是换成了jq的代码。其他的一样百度就够了。

   
   

5. 最好会点后台语言，比如java、php,为什么呢？因为我们前台界面的数据都是从后台来的，如果会点后台代码，就知道怎么跟后台交互数据是最好的，这样节约时间，也可以让前端代码更规范。不然可能因为你的写法和后端给来的数据不能结合上，那么前端代码又得重新写，那就更蛋疼了。

   
   

6. 学习css3+html5，为什么这个放最后呢？哈哈，因为我自己也不太会，毕竟术业有专攻嘛，虽然这个很流行，但是我是搞后端的，在工作中用不到它，只有在自己网站需要改样式，或者朋友网站样式出问题的时候，我才会去临时去研究下。但是如果你们是准备专门搞前端，那么最好还是学一下的。

学习前端需要学习的内容有：

1.HTML5+CSS3

掌握HTML基本语法; 掌握HTML常用标签及属性; 掌握HTML语义化
掌握CSS语法及使用技巧; 掌握DIV+CSS布局方法; 掌握浏览器常见兼容性解决方案
掌握PS基础知识、切图及插件切图; 掌握浏览器调试工具的使用方法; 掌握网站重构开发基本流程和规范; 掌握语义化、模块化、兼容性的PC端网站重构
掌握HTML5新增的结构化标签; 掌握HTML5浏览器兼容方式
掌握CSS3新增的选择器; 掌握CSS3新增的样式属性; 掌握弹性盒布局方法及技巧; 掌握Animate动画库使用方法
掌握Less的使用方式; 掌握Less的常用语法
掌握移动端屏幕适配的解决方案; 掌握设备系统不同的解决方案; 掌握移动端重构常见的兼容问题解决方案

掌握响应式布局适用场景; 掌握实现响应式布局的解决方案

2. JS交互设计

掌握JavaScript的基本语法； 掌握JavaScript内置对象； 掌握JavaScript常见算法； 掌握JavaScript函数应用
掌握DOM的各种操作； 掌握BOM的各种操作
掌握JavaScript事件的对象； 能够熟练使用正则表达式进行表单验证； 掌握闭包的应用场景及优缺点； 掌握AJAX的实现原理及封装
熟练使用面向对象思想进行编程

掌握项目的开发流程； 掌握音频视频常用API使用； 熟练使用WebAPIs编程

掌握Touch.js在移动端的应用
熟悉jQuery常见操作； 熟悉jQuery DOM操作； 掌握jQuery核心API

掌握Zepto的使用方法

3.Node

掌握ES6新特性； 掌握模板字符串用法； 掌握解构赋值用法； 掌握箭头函数用法； 掌握Promise、async...await用法； 掌握ES6 class用法
掌握Node特性； 掌握Node操作文件和目录； 掌握Node搭建服务器； 掌握前后台交互过程
掌握Express的用法； 掌握Express的路由配置； 掌握Express的内置中间件使用； 掌握Express的常见第三方中间件使用； 掌握Express渲染视图模板
掌握MySQL数据库设计规范； 掌握MySQL之CURD操作指令； 掌握Node操作MySQL； 掌握MVC和MVP概念
掌握Webpack打包项目过程； 熟悉Gulp用法； 掌握ES6和commonjs模块化用法
掌握WebSocket； 熟悉Koa2的用法

掌握接口设计规范； 掌握权限系统设计； 掌握token令牌设计； 掌握登录拦截； 掌握项目部署

4.前端框架

掌握Vue基础语法和指令； 掌握Vue计算属性和监听的使用方法； 掌握Vue组件的定义和基本使用
掌握Vue组件通信的方法； 掌握Vue路由的使用； 掌握Vue路由守卫的使用； 掌握Vue网络请求Axios的使用； 熟悉Vuex状态管理； 熟悉UI库的使用
掌握Vue相关知识的综合使用； 熟悉Vue项目的开发、部署流程； 熟悉Git版本控制软件的使用； 熟悉数据可视化工具的使用" 掌握TypeScript基本类型的使用； 能熟练在Vue-cli3.0中使用TypeScript

掌握React的JSX语法使用； 掌握React事件绑定的方法； 掌握React组件的定义和通信； 掌握React路由及相关路由组件的使用方法； 掌握React网络请求的使用方法； 熟悉React状态管理Flux、Redux的原理和流程； 熟悉React项目优化、部署流程

5.小程序+数据可视化

掌握Vue基础语法和指令； 掌握Vue计算属性和监听的使用方法； 掌握Vue组件的定义和基本使用
掌握Vue组件通信的方法； 掌握Vue路由的使用； 掌握Vue路由守卫的使用； 掌握Vue网络请求Axios的使用； 熟悉Vuex状态管理； 熟悉UI库的使用
掌握Vue相关知识的综合使用； 熟悉Vue项目的开发、部署流程； 熟悉Git版本控制软件的使用； 熟悉数据可视化工具的使用
掌握TypeScript基本类型的使用； 能熟练在Vue-cli3.0中使用TypeScript
掌握React的JSX语法使用； 掌握React事件绑定的方法； 掌握React组件的定义和通信； 掌握React路由及相关路由组件的使用方法； 掌握React网络请求的使用方法； 熟悉React状态管理Flux、Redux的原理和流程； 熟悉React项目优化、部署流程

1.HTML

掌握HTML是网页的核心，web应用的基石这种语言是目前web领域应用最广泛的语言，我们只需要在html文档中插入对应的标签，即可实现web页面的编写与排列。

2.CSS

是程序员的画笔，也是实现网页外观的重要一点，可以将网页外观做得更加美观。可以为html标签自定义样式，通过设置html标签的样式，来改变其外观，达到美化与排版web页面的目的。

3.JavaScript

实现网页实时的、动态的、可交互式的表达能力。作为一种网页脚本语言，它可以在html中运行，设置并修改浏览器中的对象与变量。

4.计算机技术

其中包括计算机的组成原理，操作系统，数据结构，计算机网络等课程。

5.切图技术

一般是用PS,AL来做切图，因为在网页设计制作过程中经常要用到不同尺寸的图片，一般你是没有办法直接找到合适的图片的，所以你也需要自己对图片进行处理再使用。