你真的了解Web前端开发吗？未来前端远比你想的有前途！

近几年来，随着 HTML5、JS 的流行，前端这个职业火热了起来！不少人发出疑惑，前端以后还会更有前途吗？

我只能告诉你：前端不灭

现在都明白了用户体验至上，还要用着舒服

后端提供床，前端提供颜值高的妹，你说重要吗？

我来简单的介绍下web前端开发的3个疑问

｛“ web前端开发 ”是什么？ ｝

｛“ web前端开发 ”有前途吗？｝

｛“ web前端开发 ”到底怎么学？｝

NO 1： web前端开发 ”是什么？

其实web前端这个职位，并没有一个有效的历史记录可以查询，更没有一个明确的定义，她不像java 攻城狮、c++开发这种一开始就有明确定位的工种一样，是有核心技能可以描述的。比如java开发，顾名思义就是利用java程序来开发功能，php开发：利用php做个商城等等。

一、web前端的演变

Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过10年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

2005年以后，互联网进入Web 2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种丰富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。

随着WEB2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。

上边一段标注解释，是某科的一些附录，（这么枯燥的东西，就让别人来总结吧对么？）大概阐述了，以前的web是怎么一种状态和Web2.0的重要性。

其实中国的“web前端开发攻城狮”这个职位好多人并不知道是怎么叫出来的，那么我偷偷 <(￣︶￣)>告诉你：其实是淘宝团队，发明出来的本土化的名称，因为历史原因，淘宝在2005以后迅速崛起，并且爆发式的访问量，让淘宝网的用户体验受到巨大考验和急需前进。

然后淘宝官方第一次有了【 web前端开发 】这个字眼和招聘职位，或许其他网站也想到了这样一种描述，但是毕竟知名度巨高的淘宝，受关注度自然高，口碑相传，就把【前端开发】这个叫法发扬光大了。

在早期点Web前端不叫前端，而是被亲切的叫做“网页设计师”，没错你没看错，就是这个名字，我记得那时候 【网页三剑客】的说法满天飞，你掌握了这3贱客，真的很贱，就可以被人叫做网页设计师了。

网页三剑客：DW\FW\Falsh

由于是同一公司的产品，因而在功能上有着一个非常紧密的结合 。后来Firewoks被Adobe这个变态的巨头收购以后，ps就基本取代Firewoks来做设计网页的工作了，虽然我知道现在还有人用，估计是一种怀念和某些好用的切图功能吧。

而那时候的网页设计师 如果要入此道，必须要掌握的就是Dreamweaver，并不是说只有他能写html 和 css ，而是它在当时的自动提示实在太好用、太强大了，简直不用费脑细胞，你就可以轻轻松松的完成你所想。在当时前端工具和编辑器贫乏的时代，这个绝对是神奇级别了（当然后来 写的多了都熟悉基本不用提示的）。当年还有很多基于Dreamweaver构建网站的教程，那时候真的是个基情满满的年代，这些工具类的历史产物，有兴趣的朋友可以去了解一下就好了，我们不在多舌。

二、web前端开发入门，需要掌握哪些基础

虽说这个问题很大，但是这个话题就很好回答了；因为现在前端如此眼花缭乱，技能多多，都是基于此三板斧：

HTML、CSS、JavaScript

语言基础：HTML、CSS、JavaScript

思想标准：W3C标准

W3C万维网联盟创建于1994年，是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止，W3C已发布了200多项影响深远的Web技术标准及实施指南，如广为业界采用的超文本标记语言（标准通用标记语言下的一个应用）、可扩展标记语言等，有效促进了Web技术的互相兼容，对互联网技术的发展和应用起到了基础性和根本性的支撑作用。

所以 我们现在运用的html 超文本标记语言，css 等所有基于web技术的范畴，基本都是w3c标准，并全世界统一执行的，所以符合w3c 也就是开启前段之门了。

web前端，首先不是孤立存在的，前端相对于web后端编程而言，前端是浏览器自身支持的编程语言，包括html,css,javascript

HTML： 是构成网页展示的基础，是一种很简单可视化的标识语言，说白了就是 一是一，你写二就出二。网上所有的网页网站，不管多么牛鼻最后都会转化成html，被浏览器渲染出来，用作展示。

CSS： 又称作样式表，简单点说就是html的外衣，将html包装的明艳动人。

JavaScript：是一种直译式脚本语言，非常灵活，可以在任何浏览器上开发与调试的一种动态类型、弱类型、基于原型的语言。

NO 2： web前端开发 ”到底有前途吗？

如果你在2012年以前 这么问，或许很多人会思考一下，给你说不知道，应该没后端编程有前途吧，或者直接说，web前端有啥啊？不就写个网页、js吗？工资又低。。。。

hi，你这个是什么效果啊，这么牛，css3 html5做的？【css3 html5 笑而不语】

我擦，这，这 怎么自动就刷新了，吓我一跳啊，我还拉回切换着f5呢【gulp、 webpack等构建工具笑而不语】

哎呦，js真牛逼啊，连后台数据库都能操作了，服务器都能构建了【nodejs笑而不语】

哥，你需要什么形式的json串啊， 我这边好生成一下，哥，你过来看一下这个体验怎么样？【老子 不笑，也不会语。尼玛要累死我？】

随着html5的普罗天下，css3的风靡全球，随着nodejs 的崛起，JavaScript这个最容易被人误解的语言，终于散发了它本该有的光芒（不要以为是我抄的别人的话，本篇文章纯属原创，我就是这么有才！）

Javascript这个牛鼻的历史产物，现在真的可以说是万能的，至少在web层面是这样，交互、效果、数据操作、娱乐游戏、操作文件io等等。

由于现在是web应用时代，各种尺寸的电子设备，增长式的爆发，只要和屏幕有关的 就是颜值，颜值代表了一切，你说前端有前途吗？

html5、网页游戏风靡全球，需要页面展现的东西 都是前端范畴，你说有前途吗？

目前世界上最多的可视化物质是什么？蚂蚁？人？还有人说是TT（泥煤，亏你想的出来），那么我告诉你，是网页，网页 ，网页，据统计现在全世界 有亿级别的网页，请问什么概念，你说有前途吗？

最直观的：前端的工资 从前几年的平均几K 到现在的10 20 k 。

你说有前途没?

NO 3： web前端开发 ”怎么学习，怎么入门？

为了帮助大家让学习变得轻松、高效，给大家免费分享一大批资料，帮助大家在成为全栈工程师，乃至架构师的路上披荆斩棘。在这里给大家推荐一个前端全栈学习交流圈：四八四，七五七，七六零，欢迎大家进群交流讨论，学习交流，共同进步。

当真正开始学习的时候难免不知道从哪入手，导致效率低下影响继续学习的信心。

但最重要的是不知道哪些技术需要重点掌握，学习时频繁踩坑，最终浪费大量时间，所以有有效资源还是很有必要的。

最后祝福所有遇到瓶疾且不知道怎么办的前端程序员们，祝福大家在往后的工作与面试中一切顺利。

是不是措不及防呢？小编相信你会过来的呢！