一、Web前端开发概述
1、“Web前端开发”这一-名词起源于“网页设计”,“Web前端开发” 是对“网页设计”的继承和拓展。
- Web:Web系统
- 前端:网页上位用户呈现的部分
- 开发:编写代码
- 后端:与数据库 进行交互,完成数据存取
2、Web开发种类
- 网站 web sit:互联网上用于展示特定内容的相关网页的集合。
- 管理系统
- 手机APP
3、网页体现
代码实现:
网页效果图:
二、Web前端开发历程
- World Wide Web:万维网,长指网页和网站。从1989年发展至今仅30年。
- Sir Tim Berners-Lee蒂姆:伯纳斯-李爵士:万维网的发明者,是英国计算机科学家,南安普顿大学与麻省理工学院教授。1990年12月25日,罗伯特·卡里奥在CERN和他一起成功通过Internet实现了HTTP代理与服务器的第一次通讯。
- 发展历程如下:
(1)1989年,Tim Berners-Lee提出了World Wide Web的设计方案。
(2)1990年,Tim Berners-Lee完成了web所需的需哦有工具,并于1991年发布。
(3)1991年年欧洲核子研究组织( CERN )对外发布的首页站点。
(4)1993年4月 , CERN宣布任何人都可以使用Web协议和代码免版税.
(5)1994年10月 , Tim Berners-Lee在EMlT5=成立W3C。
(6)1995年5月, Eich花了大约一周时间完成了脚本语言的设计;1995年9月,Netscape2.0测试版发布,命名LiveScript;1995年12月, Netscape2.0 beta3中改名为JavaScript。
(7)1996年,微软发布IE3,支持JScript和VBScript,支持Java,支持CSS,
(8)1998年,IE市场占有率超过Netscape,并在2002年达到96%,第一次浏览器大战结束。
(9)2000年左右,雅虎等公司开始设立前端工程师职位。
(10)2005年,Ajax应用于 Gmail、Goole Maps。
(11)2009年,百度、阿里、腾讯 设立前端工程师职位。
4. (1)Web 1.0, 只读的互联网时代
19世纪中期(1996年),HTML的出现推动了家用计算机的普及以技术创新为主导,注重点击浏览,通过门户整合,用户以流量为主,以网页制作为主,大多是静态页面,也有动态页面。
静态内容的网站:HTML技术,主要是文本和图片(包括gif动态图片)。
特点:简单,只能做信息的展示,无法同用户进行交互。
最早的动态网站:主要采用CGI/Perl脚本技术,能够实现内容动态,具备了交互性,服务器能够访问文件系统或数据库。
缺点:伸缩性差(为每个请求分配一个新的进程)、安全性差(直接使用系统环境变量和文件系统)、脚本组织混乱并且缺少一种结构化的构造动态应用程序的方式。
(2)Web 2.0 交互的互联网时代
大约在2004年左右,诞生了WEB2.0的概念,更注重用户的交互作用,用户既是浏览者,也是内容的制造者,在模式上有单纯的“读”向“写”以及共同建设发展。
(3)Web 3.0 聚合的互联网时代
WEB3.0是一个正在尝试概念,用户拥有自己的数据,并能在不同平台交互共享,强化虚拟货币及网络安全和网络财富的共识,以及语义化的实现。