什么是前端
前端:针对浏览器的开发,代码在浏览器运行
后端:针对服务器的开发,代码在服务器运行
前端的前世
在互联网发展早期,前后端开发是一体的:
1. 后端收到浏览器请求
2. 生成静态页面
3. 发送到浏览器
当时网站开发普遍采用MVC模式:
Model(模型层):提供数据
Controller(控制层):数据处理,实现业务逻辑
View(视图层):用户页面,展示数据
前端属于视图层,前端工程师只是负责编写页面模板
Ajax
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
前端从此开始了变革。
在 2005 年,Google 通过其 Google Suggest 使 AJAX 变得流行起来。
Google Suggest 使用 AJAX 创造出动态性极强的 web 界面
当您在谷歌的搜索框输入关键字时,JavaScript 会把这些字符发送到服务器,然后服务器会返回一个搜索建议的列表。
Web 2.0
Ajax 技术促成了Web 2.0 的诞生。
Web 1.0 : 静态网页,单纯展示内容
Web 2.0 : 动态交互,前端可进行数据处理
从此,前端开始变得复杂,对前端工程师的要求也在提高。
前端框架
从Web 2.0 开始,前端可以做到: 读写数据、切换视图、用户交互,前端框架应运而生。
这意味着,网页其实是一个应用程序。前端工程师从开发页面,变为开发前端应用。
随着web 2.0的深入人心和各种相应产品:
视频网站,SNS,网页游戏,博客,微薄等陆续出现,人们对网页的各种需求不断增大,要求也越来越苛刻,javascript被委以重任,以javascript为标志的web前端开发逐渐进入加速发展的轨道。
Node
2009年Ryan Dahl发布了Node
Node是一个基于服务器上的JavaScript运行环境,类似于一个虚拟机
也就是说js在服务端语言中有了一席之地。
如果说ajax是前端的第一次飞跃,那么Node可算作前端的第二次飞跃。它意味着JavaScript走出了浏览器的藩篱,迈出了全端化的第一步。
Web现状
到目前为止,web前端开发正处于发展的高峰期。
由于各互联网公司都注意到站点的可用性问题
为了加强其产品的用户体验,吸引用户
各种以“用户体验”的团队开始如雨后春笋般出现
几乎每个大的互联网公司,都有属于自己的互联网团队
淘宝网的“淘宝UED”
百度旗下的“百度UFO”
腾讯的 “ ISD ”和“CDC”等等
这些团队性质大都相似,以提高用户体验为第一目标。
全栈工程师
由于前端技术日益发展,前端工程师要一个人负责前端和后端,从UI到数据库的各种开发,因而他们正在转变为全栈工程师。
初步了解Web前端之后,是否对我们软件帝国更加向往了呢?时代在召唤,希望每位软件工程师都能找到适合自己的方向。