一，前端开发的概念
Web前端开发是从网页制作演变而来（以前称为网页制作），名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。
1.1 web1.0时代的网页制作web1.0时代是一个群雄并起，逐鹿网络的时代，虽然各个网站采用的手段和方法不同，但第一代互联网有诸多共同的特征，表现在技术创新主导模式、基于点击流量的盈利共通点、门户合流、明晰的主营兼营产业结构、动态网站。在WEB1.0上做出巨大贡献的公司有Netscape，Yahoo和Google。 Netscape研发出第一个大规模商用的浏览器，Yahoo的杨致远提出了互联网黄页， 而Google后来居上，推出了大受欢迎的搜索服务。
网页制作是web1.0时代的产物，那个时候的网页主要是静态网页，所谓的静态网页就是没有与用户进行交互而仅仅供读者浏览的网页，我们当时称为“牛皮癣”网页。例如一篇QQ日志、一篇博文等展示性文章。在web1.0时代，用户能做的唯一事情就是浏览这个网站的文字图片内容，这时用户也不能像现在在大多数网站都可以评论交流（缺乏交互性）。相信可能大多数人都听过“网页三剑客 Dreamweaver+Fireworks+Flash”吧，这个组合就是web1.0时代额产物
1.2 web2.0时代的网页制作“前端开发”是从“网页制作”演变而来的。
从2005年开始，互联网进入web 2.0时代，由单一的文字和图片组成的静态网页已经不能满足用户的需求，用户需要更好的体验。在web 2.0时代，网页有静态网页和动态网页。所谓动态网页，就是用户不仅仅可以浏览网页，还可以与服务器进行交互。举个例子，你登陆新浪微博，要输入账号密码，这个时候就需要服务器对你的账号和密码进行验证通过才行。web2.0时代的网页不仅包含炫丽的动画、音频和视频，还可以让用户在网页中进行评论交流、上传和下载文件等（交互性）。这个时代的网页，如果是用“网页三剑客Dreamweaver+Fireworks+Flash”制作的，那是远远不能满足需求。现在网站开发无论是开发难度，还是开发方式上，都更接近传统的网站后台开发，所以现在不再叫“网页制作”，而是叫“web前端开发”。
所以，处于web2.0时代的你，如果要学习网站开发技术，就不要再相信所谓的“网页三剑客Dreamweaver+Fireworks+Flash”，因为这个组合已经是上个互联网时代的产物。而且这个组合开发出来的网站问题也非常多，例如代码冗余、网站维护困难（学习到后期，你会知道为什么不用这个组合了
web2.0的历史发展2001年秋天互联网公司（dot-com)泡沫的破灭是互联网的一个转折点。许 多人断定互联网被过分炒作，事实上网络泡沫和相继而来的股市大衰退看起来 像是所有技术革命的共同特征。股市大衰退通常标志着蒸蒸日上的技术已经开 始占领中央舞台。假冒者被驱逐，而真正成功的故事展示了它们的力量，同时 人们开始理解了是什么将一个故事同另外一个区分开来。 “Web 2.0”的概念2004年始于出版社经营者O\'Reilly和MediaLive International 之间的一场头脑风暴论坛。身为互联网先驱和O\'Reilly副总裁，Dale Dougherty 指出，伴随着令人激动的新程序和新网站间惊人的规律性，互联网不仅远没有“崩溃”， 甚至比以往更重要。更进一步说，那些得以活过泡沫破裂的公司之间似乎拥有某种相 同点。难道是互联网泡沫破裂标志着互联网的一个转折点，因而导致了诸如“Web 2.0” 这种运动？我们同意这种说法，“Web 2.0”的概念由此诞生了。Web2.0 则更注重用户 的交互作用，用户既是网站内容的浏览者，也是网站内容的制造者。所谓网站内容的制 造者是说互联网上的每一个用户不再仅仅是互联网的读者，同时也成为互联网的作者； 不再仅仅是在互联网上冲浪，同时也成为波浪制造者；在模式上由单纯的“读”向“写”以 及“共同建设”发展；由被动地接收互联网信息向主动创造互联网信息发展，从而更加人 性化。 在那个会议之后的一年半的时间里，“Web 2.0”一词已经深入人心，从Google 上可以搜索到4.7亿以上的链接。但是，至今关于Web 2.0的含义仍存在极大的分 歧，一些人将Web 2.0贬低为毫无意义的一个行销炒作口号，而其他一些人则将之 理解为一种新的传统理念