课程简介
一、软件的架构
1.1 C/S,客户端/服务器
- 一般我们使用的软件都是C/S架构
- 比如系统的中的软件QQ、360、office、XMind
- C表示客户端,用户通过客户端来使用软件
- S表示服务器,服务器负责处理软件的业务逻辑
- 特点
- 软件使用前必须得安装
- 软件更新时,服务器和客户端得同时更新
- C/S架构的软件不能跨平台使用
- C/S架构的软件客户端和服务器通信采用的是自有协议(自己定义的协议),相对来说比较安全
1.2 B/S,浏览器/服务器
- B/S本质上也是C/S,只不过B/S结构的软件,使用浏览器作为软件的客户端
- B/S架构软件通过使用浏览器访问网页的形式,来使用
- 比如:京东 淘宝 12306 知乎 新浪微博
- 特点
- 软件不需要安装,直接使用浏览器访问制定的网址即可
- 软件更新时,客户端不需要更新
- 软件可以跨平台,只要是系统中有浏览器,就可以使用
- B/S架构的软件,客户端和服务器之间通信采用的是通用的HTTP协议,相对来说不安全。(HTTPS是安全的,被二次加密过的)
二、软件开发流程
2.1 流程
网页设计师根据需求设计网页图片->前端工程师将设计做成静态网页->后台工程师将静态网页修改为动态网页
2.2 主要学习的内容
-
根据W3C标准,一个网页主要由三部分组成:结构、表现还有行为
-
W3C标准:结构—HTML、表现—CSS、行为—JavaScript
-
结构:HTML用于描述页面的结构
表现:CSS用于控制页面中元素的样式
行为:JavaScript用于响应用户操作
-
主要内容有:HTML、CSS、网页布局
2.3 前端工程师需要用到的工具
- 学习HTML和CSS开发我们不需要太复杂的工具尤其是前一阶段,我们主要使用的工具有:
- 浏览器:
- 火狐、IE、Chrome
- 编辑器:
- 记事本、NotePad++、HBuilder
- 调试工具:
- FireBug
- 图片工具:
- Photoshop
- 浏览器:
2.4 需要认识的组织
- 万维网联盟(W3C)
- 万维网联盟 World Wid Web Consortium。
- W3C专门为了定义网页相关的标准而成立。
- W3C定义了网页中的HTML、CSS、DOM、HTTP、XML等标准。
- WHATWG
- 网页超文本应用技术工作小组(WHATWG)
- 是一个以推动网络HTML 5 标准为目的而成立的组织。在2004年,有Opera、Mozilla基金会和苹果这些浏览器厂商组成。