web前端开发需要掌握哪些技术

 1、HTML

 掌握HTML是网页的核心，是制作万维网页面的标准语言，也是万维网浏览器使用的语言，它消除了不同计算机之间信息交换的障碍。因此，是Internet上使用最广泛的语言，也是构成Web文档的主要语言。学习HTML是成为Web开发者的基本条件。

 在Html部分，需要了解常用浏览器和浏览器内核，理解语义概念，掌握Html5语法和使用技巧，掌握Html5常用标签。掌握Html5新布局标签、多媒体标签等。

 2、CSS

 CSS部分的主要知识包括掌握CSS语法和使用技巧，掌握DIV+CSS布局方法，掌握常用网页布局模式，掌握Photoshop图片裁剪和插件图片裁剪，熟练使用开发者工具调试页面，并能够使用开发人员工具来调试页面。PSD文件独立完成静态页面开发，掌握CSS32D、3D变换、动画效果，能够使用CSS3新属性美化和装饰网页，了解手机屏幕、手机浏览器、操作系统的区别，掌握常用移动调试方法。掌握常用移动端适配方法，掌握少用CSS预处理器的使用，掌握常用移动端框架的使用，掌握常用移动端页面开发，掌握响应式布局开发，掌握响应式页面的Bootstrap开发，掌握适应不同终端Web开发技术选择等。

 3、JavaScript

 JavaScript是一种需要用来赋予页面交互效果的技术。在这一部分，你需要能够掌握JavaScript的基本语法，掌握常用的JavaScript算法，掌握DOM的各种操作，熟练使用面向对象的思想进行DOM编程，掌握高级JavaScript。语法，掌握常用的JavaScript兼容方案，熟练使用jQuery操作DOM，熟练使用和编写jQuery案例等。

 4、浏览器兼容。

 了解web标准，精通xhtmlcss3手写，符合W3c标准。代码兼容主流浏览器Firefox、Chrome、Safari、IE、Opera。虽然很多IE6不兼容，但还是有人在用。

 5、SEO优化。

 你还需要学习一些seo优化技术，因为前端经常和网站接触。

 6、学习一门开发语言。

 在掌握前端开发技术的同时，适当学习一些后台开发语言(java、php、asp等)也是不错的选择。

 7、一些框架应用。

 例如angular.js、node.js、bootstap、vue.js等框架应用。

 8、精通JavaScript、jQuery、ajax

 工作过程中不一定会用到，但一定会。

 9、精通Vue、React、angularjs等框架。

 web前端工程师的职责

 1、随着互联网的快速发展和普及，一种新型的行业和新兴岗位正在上升到技术层面：web前端开发工程师。
 2、Web前端开发工程师，除了主要职责外，还要为网站上提供的产品和服务实现的Web界面，优化代码，保持良好的兼容性。
 3、Web前端表示层与前后端交互的架构设计与开发。
 4、与后端开发者合作，实现产品界面和功能。
 5、使用各种网络技术来模拟和开发产品原型。
 6、网络新技术研究与信息整理。
 7、精通HTML/XHTML、CSS，熟悉页面架构和布局，对Web标准和标签语义有深刻理解。
 8、熟悉Ajax、JavaScript(或ActionScript)、DOM等前端技术，掌握面向对象编程的思想。