这篇文章很接地气，适合刚刚入门或者准备入门的初露头角的程序员。
前端有一定基础的“老鸟玩家”可以期待未来为大家准备关于VUE的超实用干货。
向你的粉丝鞠躬~
1994年，网景发布了第一版Navigator。
同年，W3C成立，为web时代的到来奠定了基础。
同年，世界上最好的语言PHP诞生了。
这是CSS诞生的同一年。
这一段有几个名词。第一个是网景公司的Navigator，这是世界上第一个真正意义上的网页浏览器。
第二个是W3C。W3C是万维网联盟的缩写，也称为W3C委员会。它的全称是万维网联盟(World Wide Web Consortium)，是一个为网页制定相关标准的组织，比如众所周知的HTMl5标准。
第三个是PHP，这是世界上已知的最好的web后端语言。
第四个是CSS，整个层叠样式表，三大语言之一。
Javascript诞生于1995年。
1999年HTML4.0标准的发布和Ajax的出现标志着web2.0时代的到来。
2006年JQ的出现为前端的大规模出现奠定了基础。
2008年Google V8引擎的出现，让前端做了更多的事情。这时，前端的概念开始出现。自此，前端进入快速发展期。
Angular出现在2009年，被Google收购，node诞生。
React出生于11年。
14年VUE诞生，同年HTML5标准发布，标志着前端年的到来。从那以后，web前端在中国流行起来。
让我们回到HTML，前端三大语言之一。
起初，万维网是作为一种学术交流而出现的，是由CERN的一群科学家为了方便阅读文件和传递论文而创建的，这就是为什么所有的网页都是基于文档的。
文档是用标记语言+超链接编写的文字和图片组成的HTML页面。这个功能已经完全满足了学术交流的需求，所以早期的网页形式和document一样，完全基于HTML页面，所有内容都是静态的。
直到1993年，欧洲核研究组织(CERN)宣布万维网对任何人都是免费的。从此万维网走向世界，网站开始遍地开花。
期刊、大学网站、公司网站……随着网站数量的不断增加，人们需要更多新的HTML元素来满足各种功能。从此HTML逐渐不能满足大家的需求，因为功能单一，完全静态，不利于维护。
压力之下，开始出现诸如、等有标记的元素，突然之间，一些原本只是用来描述结构的语言出现了用来描述外在表现的标签。
但是随着这些功能的增加，HTML变得越来越乱，HTML页面变得越来越臃肿。于是CSS诞生了。
1994年诞生的CSS，只是一个最初的提议。1995年，W3C正式成立了一个工作组来制定CSS标准。1996年12月，第一个CSS标准制定成功。从那以后，HTML结合CSS成为了众所周知的WEB开发语言。这个时期的网站，所有页面都是静态的，也就是说一个电商网站有一千个产品，即使页面布局完全相同，也要写一千个单独的页面。
1995年，网景推出了Javascript，实现了客户端的计算任务。
1996年微软推出iframe标签，实现了异步本地加载。
1999年，W3C发布了第四代HTML标准。同年微软推出了异步数据传输的ActiveX，随后各大浏览器厂商纷纷模仿并实现了XMLHttpRequest。
这标志着Ajax的诞生，但是Ajax这个词是在六年后才出现的，尤其是在Google用Ajax技术创造了Gmail和Google Maps之后，Ajax获得了极大的关注。Ajax是网页走向Web应用的关键技术，标志着Web2.0时代的到来。
至此，前端三种语言逐渐成型。
但是早期的web开发是由后端主导的。
前端能做的就是操作DOM。2006年，John Resig发布了jQuery，主要用于操作DOM。其优雅的语法和直观的事件驱动编程思想使其易于使用，因此迅速风靡全球。大量基于jQuery的插件形成了一个庞大的生态系统，进一步巩固了jQuery作为JS库第一兄弟的地位。
一开始从后到前制约Web开发的因素很简单，就是前端很多事情做不了或者做不好。当时浏览器性能较弱，标准化程度较低。
尤其是占有很大市场份额的IE。
直到2008年，Google V8引擎的出现结束了这种局面，标准组织也在2009年发布了第五代Javascript。前端设备得到了整体提升，前端行业进入了改革开放那样令人眩晕的新时代。
随着前端在国内的普及，可能很多人都听说过这样一个职位。入门容易，工资也不算太高，所以他们准备试试。
但是大多数人不知道前端到底是做什么的，只知道和网站有关。
今天要讨论的话题是前端需要做什么，需要什么样的知识储备才能轻松应对这份工作。
这样说的话，就不得不说说网站的整体开发流程和参与开发的人了。
这是从无到有最简单的网站流程。当然包含了很多细节，但这不是我们今天讨论的范围。今天只讨论中级网站建设。
然后这个环节又细分成很多环节。见下图:
这是最简单的网站开发流程图。从这里可以看出，网站建设过程中涉及的人员和岗位非常多，有些大型项目甚至需要远多于此的人员和岗位。所以在这方面，前端开发主要需要做:
要点一:了解开发需求。
第二点:用代码还原设计好的页面。
第三点:配合后端做好页面上的功能。
这三点是前端开发者最基本的需求。
首先第一点，了解开发需求，这个没什么。会议要开，文件要看，问题要问。
其次，用代码还原设计好的页面。这是作为一个前端最基本的技能，这也是国内大部分前端在12、13年都在做的。
要做到这一点，你将知道以下事情:
类别:图形处理软件:Photoshop
代码编辑软件:Webstorm、Hbuilder、DreamWeaver
类别:HTML
半铸钢ˌ钢性铸铁(Cast Semi-Steel)
java描述语言
软件就不用说了，直接打开浏览器搜索，然后下载安装即可。至于破解什么的，网上也能找到很多破解方法。
当然按照官方的话来说:希望大家能支持正版！
软件做好之后，就是一门语言。在学习计算机语言之前，你可能需要这些知识储备:入门级英语，高中数学等等。
然后，第三点:配合后端做好页面上的功能。
这个范围有点泛，这也是基于第二点的需求，没问题。我们将在后面详细阐述这一点。
以后先说还原设计稿。
每个人可能接触前端的角度不同；
有的人以前从事web相关的行业，比如后端，比如设计。
从事这些行业的人，因为工作需要，或多或少都会对前端有一定的了解。不一定是这个词，但一定是这个位置。
如果你是白人，可能会听到更多类似h5、css3这样的名词。其实无论你从哪个角度接触前端，都不可避免的要知道前端的三大语言，HTML CSS Javascript。
今天我们要讲的是这三种语言之一的HTML，翻译成中文，叫做超文本标记语言。
我们可能记不住这一长串英语单词，但也没必要在这种听起来很高大上的名词上花太多精力。
第一是白阶段没必要，第二是到了更高层次，接触久了自然就记住了。
直接看这个中文名，叫超文本标记语言。
把这个名词拆分成“超文本”、“标记”和“语言”，那么html是语言是毫无疑问的，没什么好说的。
往前看，“标记”其实是html的一个特性，语言里的一切都叫标记；
使用标签来包含一段内容以表明其功能，例如页面上的标题、文章的段落等等。
这里的标签是标签。它有许多名字，但它们的意思都一样。从html语言的角度来说，叫做tag，我们通常称之为tag。
从盒子模型来看，可以称之为盒子；
从标签之间的关系来看，也可以称为元素；
从渲染引擎的角度，也可以称为文档对象模型等...所以新手可能会被各种名词干扰，不过不用担心，这只是可爱的程序员前辈在装逼而已。
然后往前走；
事实上，“超文本”在这里可以从字面上理解。意味着这种语言已经远远超出了文字的范畴。然而，文字实际上是单词和符号。
这叫文字。
但是今天的网页感觉更像图片。
那么图片就是一个超文本。
例如，音乐、电影或其他媒体。这远远超出了文本的范畴，所以是超文本。
在建立之初，使用HTML来描述文档结构。这里是标题，这里是文章段落，需要加粗强调，或者用来描述一个表格，或者用来承载一些功能；
例如，一个链接，如表单提交数据。今天，我们可以把HTML看作是一栋房子的骨架和结构。
1994年万维网联盟成立之初，由于相关标准的缺失和网站的普及，HTML被迫出现了一些描述外观的标签，比如，举例来说，但这并不是HTML的工作，以至于今天我们可以看到很多很多标签，但我们并不经常使用，也不需要全部了解。
正是因为网站的需求越来越大，人们开始关注网站的外观，于是CSS应运而生。
说白了，CSS就是控制给HTML元素添加样式，让页面更美观。
整个CSS的层叠样式表，中文名称:
级联样式表。我觉得这个中文名翻译的非常贴切。从字面上可以看出CSS的特点，就是层叠，或者说堆叠。
使用CSS的选择器，可以在元素上叠加很多样式，甚至可以重复添加，但是后者会覆盖前者。
与HTML相比，CSS支持更丰富的文档外观，其性能远远超出HTML的能力。
CSS可以为任何元素的文本和背景设置颜色；允许在任何元素周围创建边框，同时增加或减少元素外部的空空间；允许您更改文本的大小写、装饰、间距，甚至决定是否显示文本，还允许您完成许多其他效果。
如果HTML是房子的骨架，那么CSS就是房子的外观——外墙是什么颜色？房子是什么颜色的？地板是什么材料做的？房子外面的草坪有多大？
这些都是CSS决定的！
到目前为止，我们有了房子的骨架，有了房子的外观，那么按理说，一个房子不需要其他任何东西就可以完工了。
但是别忘了，如今的房子需求，如果有住的人，那空调整了吗？你想要一台洗衣机吗？
水电煤缺一不可吧？那么这些功能性的任务就得交给Javascript了！
这样一来，JS的作用就很明显了，就是用来做一些功能性的事情。
在2008年以前，前端的概念还不是特别清晰的时候，JS的功能几乎都是用来写一些效果的，比如旋转图片，点击一个按钮，弹出相应的内容。随着2008年V8引擎的出现，2009年JS第五版的出现，JS的能力得到了质的飞跃。
这时候JS开始处理页面上复杂的交互，随之而来的大数据时代也让JS发光发热。
到现在，写特效和交互已经成了JS的副业。JS在处理页面的逻辑、前后端的数据交互、页面的表现等后端语言以前无法想象的事情上做的更多。
同时NodeJs的出现让Js摆脱了浏览器的限制，甚至可以在服务器上运行！前端以后会发展成什么样子，谁也无法预料，我们能做的只有好好学习。
