一个合格的web前端需要会什么？

一个合格的Web前端工程师需要学哪些技能~

　　Web前端开发所涉及的内容主要包括W3C标准中的结构、行为和表现，那么这三项中我们需要掌握的核心技能是什么呢？
　　1.开发语言
　　HTML发展历史有二十多年，历经多次版本更新，HTML5和CSS3的出现又是一次革新。有些人认为前端开发要掌握的技能简单，不就是制作网页 嘛，其实不然，web前端需要掌握的核心语言xHTML+CSS+JavaScript，JavaScript作为最难的语言之一，许多编程高手也不敢妄 自菲薄自封精通。由于JavaScript与html的差异性，以及静动态分开处理的一些好处。在大公司编写静态效果和动态效果往往是分开由不同的人完成 的。小公司因为需要压缩成本，就要求每个人会的越多越好，如果您想往项目经理发展，能懂一两门后台语言，绝对是锦上添花！
　　2.浏览器兼容性
　　互联网目前主流浏览器有IE6\7\8\9，Firefox，Chrome，Opera，Safari，遨游，包括国内主流的搜狗，腾讯 TT，360，the World等等；从内核上讲主要有IE的，遨游版IE，safari，firefox以及opera的，这些都是大家常见的，如果你身边有老网虫喜欢收藏 浏览器，你翻翻他的硬盘，相信几十款肯定是有的。每种内核对代码的解析是不完全一样的，即使同样内核也可能存在很大差异，如IE和遨游版的IE。不说非主流的浏览器，就主流的浏览器要做到完全兼容，也并非易事，需要长时间的积累和测试，需要前端开发工程师对前端开发的热爱和激情。
　　目前移动互联网的发展趋势也不容小觑，将慢慢占据互联网的主要份额。移动互联网最突出的好处是方便和及时，试想一下，走在某地风景很好，拍下来后自 动分享给各路好友，因此手机上的浏览器兼容也看刻不容缓，现在手机上的浏览器也是纷繁复杂，主流的UCWEB，safari，IE，3G门户的，以及 symbian低端机的“残缺儿童”，包括国外流行手机我们不知道的一些浏览器，更糟糕的是这些浏览器解析因为手机硬件的不同，每个浏览器得到的结果都是 完全不同的。
　　3.hack技术
　　由于不同的浏览器对CSS的解析认识不一样，因此会导致生成的页面效果不一样，这个时候就需要针对不同的浏览器写不同的CSS，这个过程叫CSS hack。虽然我们写代码都要求按照标准，不写hack代码，但实际工作中为了兼容主流浏览器，hack代码是免不了的，所以这也应该是每个前端开发人员 必备的技能。
　　4.业内标准
　　目前Web前端开发中提到最多的就是W3C标准，这是一系列标准的集合，代表了互联网发展的方向，也代表了前端开发的一种信仰。写的代码都要100%通过标准验证，为通过标准验证而感到自豪，会有效推动互联网的快速发展。
　　5.开发工具
　　目前比较流行的是Dreamweaver， 其曾经风靡一时，到现在也没有退出历史舞台，证明DW还是有很大优势的，尤其是针对初学者，其强大的提示功能可以帮助我们很快的熟悉并掌握网页布局，但现 在更提倡的是纯手写代码，既体现技能方面的卓越，也可有效避免使用DW等工具产生的冗余代码。此外再掌握一些photoshop技能，即使没有美工，也能 简单处理一些图像。
　　小结，掌握以上技能，可以说你是一个合格的前端开发人员，能够参与到一个大的项目中，或者自己独立写出一个网页。虽然这看起来和网页制作设计差不多，从效果上来看，都是制作网页的，但实际上，技术上所超出的已经是好几个档次的东西了。

作为一个合格的Web前端工程师，最基础的Web前端开发技术主要三个要素：HTML、CSS和JavaScript！前端开发的入门门槛其实很低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以想成为真正的web前端大牛，就需要系统的学习自我提升，找家全栈HTML5面授的学校学习是个不错的选择。

1. div和table

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

2.html

HTML是指超文本标签语言，是目前web领域应用广泛的语言，我们只需要在html文档中插入对应的标签，即可实现web页面的编写与排列，所以要熟练掌握HTML基本知识，包括每个标签的用法等。

3. CSS

CSS指层叠样式表，可以为HTML标签自定义样式，通过设置HTML标签的样式，来改变其外形，达到美化与排版web页面的目的。

4.Javascript

Javascript是网页脚本语言，它可以在html中运行，设置并修改浏览器中的各种对象与变量。例如用来改进设计、验证表单、检测浏览器、创建 cookies等等，现在各大网站都可以看见 Javascript的踪影，常见的网站首页大眼晴、警告提示框、页面动画效果等等。Javascript更是一种在客户端广泛使用的脚步语言，在 Javascript当中提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等!

5.Jquery

Jquery是相当于把js封装了一套的一个js插件，目的就是操作起来更方便，代码写的更少。 Jquery是一个免费、开源的轻量级的Javascript库，并且兼容各种浏览器，同时现在有很多基于 Jquery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度。

6.框架

从 bootstrap开始，响应式的珊格系统被后来框架一直沿用，建议学一套主流mvc框架，vue，react， angular两选一种。

7.会点后台语言

对于前端工程师来说，并不需要像网站程序员样，编写对象、开发特殊功能、搭建数据库。但是前端工程师要掌握基本的页面GET＆POST传参、程序判断语法、程序输出语法、页面提交、数据库查询与记录插入，以及掌握HTTP与WEB工作原理、掌握Socket长连接实时网络通信技术、掌握 NOSQL中的 MONGODB的应用、了解PHP语法、了解 MYSQL数据库的基本操作。

 

当然，以上技能能够帮助你成为一个合格的前端工程师，但要成为一个优秀的前端，必须掌握除技术以外的东西，例如设计，用户等等，因此还需不断的坚持学习。

html,，css，js三者完全掌握，这个是前端写网页的基础技术，就不多说了。
HTML5是由万维网发布的最新的语言规范，是开放的Web网络平台的奠基石，所以做Web前端，精通HTML5是必须要掌握的一项技能。
CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。CSS3对于Web前端整个页面的设计是必备的技能。
JQuery，顾名思义也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。它是轻量级的JS库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF1.5+, Safari 2.0+,Opera 9.0+），JQuery2.0及后续版本将不再支持IE6/7/8浏览器。JQuery使用户能更方便地处理HTML、EVENTS、实现动画效果，并且方便地为网站提供AJAX交互。熟练掌握JQuery会让你更好的使用JavaScript。
AJAX即“Asynchronous JavaScript AndXML”(异步JavaScript和XML)，是指一种创建交互式网页应用的网页开发技术，可以在不重新加载整个网页的情况下，对网页的某部分进行更新。AJAX开发人员必须理解传统的MVC架构，这限制了应用层次之间的边界。同时，开发人员还需要考虑C/S环境的外部和使用AJAX技术来重定型MVC边界。最重要的是，AJAX开发人员必须禁止以页面集合的方式来考虑Web应用而需要将其认为是单个页面。一旦UI设计与服务架构之间的范围被严格区分开来后，开发人员就需要更新和变化的技术集合了。实现网站交互必须熟练掌握AJAX。
Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等。时刻学习最近的前端框架也是Web前端工程师的必备技能哦！
当然也还有pc端的三大框架：angular、react、vue，以及移动端的weUI、MUI等框架。对于互联网的产品而言，前端用户体验往往决定了一款产品的竞争力和吸引力;而对于前端工程师来说，考虑的问题更为复杂，他们既要为网站上提供的产品和服务实现一流的Web页面、优化代码，保证体验的最佳，更要考虑与市面上各大浏览器的兼容性，还需顾及Web前端表现层和前后端交互的架构，以及模块化、通用类库、框架编写等一系列问题，由此提升前端开发的效率，降低开发成本和周期。

1. html, css, jQuery三者完全掌握，相信每个公司对于前端程序员都会有此要求，这些也是前端写网页的基础技术；

2. 掌握原生HTML5和CSS3技术，能够独立完成移动端页面开发；

3. 了解ES6的所有新特性，如：箭头操作符、类的支持、增强的对象字面量、字符串模板、解构、默认参数值、不定参数、拓展参数、let与const 关键字、for of 值遍历、iterator, generator、模块、Proxies等等；

4. 熟练使用命令行，包括 gulp、 webpack 、vue-cli 、git ；

5. 理解前端常用设计模式（装逼词汇），如闭包、面向对象、MVC、MVVM、单项数据流、路由、单元测试、SSR、意大利面条、模块化、组件化、函数式、纯函数、高阶函数、不可变数据；

6. 能熟练使用至少三大前端框架中的一个，如 vue、Angular和 react，也许今年有某一个框架会胜出，所以有时间的话，三大框架都学学吧；

7. 熟悉 HTTP，了解请求、响应、缓存、代理、反向代理 https 等；

8. 在 GitHub 至少有一个 star 超过 42 的开源代码作品（markdown 不算），

9. 总而言之，能给产品经理写出网页的，就都是好的前端程序员。

我本身是一个前端工程师，主要负责公司的PC端和小程序，说一些个人的一些想法吧。

1. 首先，对于入门来说，前端是很友好的，当然我这里说的是基础的前端，源生的html+css+js，不涉及一些复杂的框架。甚至不需要学习任何编程语言，只需要html+css就能写出一个网页来，而且前端的学习带来的反馈十分的明显，不像其他语言，写了一堆代码，只能在黑黢黢的控制台上看到一行hello world（对于大学计算机毕业的人来说，应该很有印象，不管是c还是c++还是Java。。），前端通过几行html和css就能把网页写的很绚丽，这样就导致很多人认为前端的技术十分简单。

2. 对于前端三件套（html+css+js）来说，html和css只是最简单最基本的，js才是最重要的，如果用人来比喻的话，html就是人体的骨骼，css就是你的外表，而js是你的大脑。如果作为一个前端都不会js的话，那就不要做了。。。我们公司的ui都会写html+css。众所周知js是一门弱类型的语言，不像java或者是c++有严格意义上的类和对象的概念，即便现在的js已经有了class和extends等关键字，但是也只是一个包装而已。所以js的学习现对于其他的面向对象语言来说，会简单很多，而且也不需要区分数据类型，不管你要干嘛，一个var都搞定了，这也大大缩短了前端的入门周期。

3. 从上面两条可以看出来，前端的入门却是很简单，但是前端难点就在于深入的学习，前端的知识错综复杂，而且没有一个明确的线路可寻，很多时候都是用到什么就学什么，或者是根据自己的业务需求去补充知识，就拿框架来说，最基本的三个Vue，Angular，React，要说最容易学习的应该就是Vue了，React可以说是一个异类，当你看习惯了html和css之后，再去看React代码，你就会感叹这特么是啥东西（反正我是）。。。对于前段工程师来说，最重要的就是有一个自己的学习路线，由浅至深。

4. 前端的另外一个难点就是跨端开发，特别是在现在这种小程序满天飞的时代。。。一套代码到处运行已经成为了大家的共同目标，而且已经实现了，基于三大框架，各种跨端框架铺天盖地，Taro、uniapp、mepy等等。但是我们要的跨端，不光是跨不同的小程序，还要横跨PC、移动端。写一套代码就要能运行到H5、Android、IOS、小程序。最大的好处就是公司节约成本。。

5. 总结：写了这么多都是看到这个问题之后临时想到的，因为自己就是做前端的，之前做技术选型的时候，在跨端方面纠结了好久，最后选择了uni-app，但是不准备用它来做App，App目前正在研究flutter。。回想自己的前端学习历程，只能说一如前端深似海。。。曾经我也以为前端很简答， 自己学了一两个月，就可以随便的写网页了，但是工作时间久了就发现自己太单纯了。。。 朗 沃 教 育 Web前端课程就包含了最新内容。

学习web前端主要分为3个阶段，分别是Web网页基础、Web编程基础、Web编程高级及全栈开发。各阶段需掌握的技术如下：
Web网页基础：
HTML5+css3
Photoshop

JavaWeb基础：
JavaScript基础
BOM+DOM基础
jQuery+交互及动画+jQuery优质插件
JQueryEasyUI

JavaWeb高级：
JavaScript高级编程
jQuery插件开发
模块化主件开发
AJAX+Expres（Node.js）+MongoDB
版本控制工具SVN&GIT
ElementUI+Koa2（Node.js）+Mysql

---

綦江县15587985148： 作为一个合格的Web前端工程师,需要具备哪些技能 - ？
查钓易福： 作为一个合格的Web前端工程师,最基础的Web前端开发技术主要三个要素:HTML、CSS和JavaScript!前端开发的入门门槛其实很低,与服务器端语言先慢后快的学习曲线相比,前端开发的学习曲线是先快后慢.所以想成为真正的web前端大牛,就需要系统的学习自我提升,找家全栈HTML5面授的学校学习是个不错的选择.

綦江县15587985148： 成为一名专业的前端开发人员,需要学习什么? - ？
查钓易福： 想成为一名专业的前端开发人员,必须掌握基本的Web前端开发技术,其中包括:CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等,在掌握这些技术的同时,还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug.在...

綦江县15587985148： 做WEB前端开发都应该会些什么 - ？
查钓易福： 1、要会用ps、ai等绘图软件 2、要精通、html、html5、css、css3、JavaScript、jquery、node.js、ajax、bootstrap等语言 3、要了解php、java等

綦江县15587985148： web前端开发需要具备哪些技能 - ？
查钓易福： 除了会编程意外,还要会以下技能 技能1:书面沟通 在开始每天的工作之前,你可能需要先回复邮件.电子邮件迅速成为了生产力的死亡陷阱.与此同时,电子邮件也是展示你对别人有多大价值的门户.书面技能依然是事实业务沟通...

綦江县15587985148： 想要成为一名合格的web前端工程师要掌握那些基本的开发技术?天津web前端培训 - ？
查钓易福： 想要成为合格的web前端工程师我们要掌握基本的web前端开发技术,这包括了:CSS、HTML、DOM、BOM等等,我们要在掌握这些技术的同时,我们还要清楚地知道这些框架在不同浏览器上与浏览器的兼容情况、渲染原理和bug的修复等.在一名合格的web前端工程师的知识库里面,关于网站的性能优化,SEO和服务器端的基础知识也要掌握,还得学会运用各种工具进行辅助开发.二、我们除了要掌握技术层面的的知识之外还要掌握理论方面的知识,这包括了代码的维护性、组件的易用性、分层语义模板和浏览器分级支持等等.

綦江县15587985148： web前端开发需要学什么技术(web前端开发需要学什么) ？
查钓易福： 1、前端知识是一种很火的技术,一直在编程语言中名列前茅,而且随着浏览器技术不断发展,还有会很多扩展的可能性,比如3D可视化,谷歌发布一个全新的图形工具...

綦江县15587985148： 要成为web前端工程师都需要学习什么? - ？
查钓易福： 厦门经纬盈创总结要成为web前端工程师都需要学习什么? 第一,必须掌握基本的Web前端开发技术,其中包括:CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等,在掌握这些技术的同时,还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug. 第二,在一名合格的前端工程师的知识结构中,网站性能优化、SEO和服务器端的基础知识也是必须掌握的. 第三,必须学会运用各种工具进行辅助开发. 第四,除了要掌握技术层面的知识,还要掌握理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持,等等.

綦江县15587985148： 做web前端 需要具备什么素质? - ？
查钓易福： 1、 js,它不是框架,是语言,即javascript,据最新世界编程语言排行榜来看,已经上升到了第7位,发展迅猛2、ECMAScript,现在基本上是基于ECMAScript5.jQuery是用js写的框架,其在DOM操作上有很明显的优势,也是时下很常用的一个js框架.

綦江县15587985148： web前端需要掌握的哪些知识 - ？
查钓易福： WEB前端要掌握的专业技能包括: 最基础的:结构样式(HTML、CSS)移动端相关及HTML5新增的:HTML5和CSS3 与网页行为、特效相关,也是WEB前端最核心的:JavaScript技术(包含原生JavaScript、jQuery以及AJAX) 如上是最核心的一些知识,除此之外还有PhotoShop(知道如何切图)、浏览器的调试、SVN或Git(版本管理器)、SEO(涉猎与网页制作相关即可).

綦江县15587985148： 怎样才能成为一名优秀的WEB前端工程师?需要掌握哪些专业技能?虚心求教! - ？
查钓易福： 成为一名优秀的web前端工程师,易龙天网认为需要具备如下四点专业技能:第一、必须熟练掌握基本的web前端技术,比如:css、js、html、jquery 等等.第二、必须掌握网站的性能优化、SEO、UE、服务器端、兼容性、存在的bug等.第三、学会用工具辅助开发.第四、有良好的代码规范编写习惯web前端的前景广阔,兴趣是最好的老师.加油!