一：前端的定义

前段是编写用户能够看的到的界面，处理用户对界面的相关操作。

（操作有 点击、移入、移出、滚动、跳转等这些交互效果。）

二：web前端的架构/架构的分类

两层架构：

1. b/s 架构

b: browser 浏览器

s: server 服务器

浏览器：去访问服务器；

服务器：是一台专门去提供服务，比普通电脑性能和功能都要强很多的电脑。

2.c/s 架构

c: client 客户端

s: server 服务器

客户端：安装在电脑/手机 应用或者app；

服务器：通过客户端去访问 服务器。

区别：

b/s 架构：便捷，不用安装，只需浏览器即可使用；无需更新，打开即是最新版；可跨平台使用。（例如：在线文档/在线翻译/在线ps）

c/s 架构：需下载至本地使用；需手动更新。（例如：网易云音乐等）

三：网站/软件 的开发流程

PS:开发项目有两种情况：

1.自研公司，研发自己公司内部的产品

2.外包公司，接项目

1.流程

第一步，需求分析

目的是 要明白你要完成的项目是什么？

（一般由产品经理提供需求文档）

第二步，设计

目的是 要做成什么样子？

ui 设计师：

设计一张一张的图片（一般使用 摩客、蓝湖、墨刀 等工具进行）

产品经理：

做 原型图（草图、粗糙的图）

===> 最终出ui设计效果图。

第三步，开发

用代码来进行具体的实现

前端开发师：拿到数据编写在页面上

（发展史：2005年 => web 1.0 网页：展示为主 ；05 web 2.0 慢慢有了交互效果 ； 现在 web 3.0 大数据时代）

后端开发工程师：负责管理数据、处理数据（ 增加 / 删除 / 修改 ），写服务器相关的东西，给前端提供数据。 <通过语言划分为 ： java / python 等>

第四步，测试

测试工程师：测试产品实现的效果

功能测试：

压力测试：性能测试

安全测试：

兼容性测试：

第五步，上线

供用户使用

实施工程师

第六步，维护

运维：维护项目、更新版本

开发：运维工程师（保证服务器正常运行）

2.网站的分类

以技术分：

固定分辨率：将这个页面写成固定的 长 宽 高（如：新浪微博、淘宝）

响应式网站：根据窗口大小，自适应页面的布局（特点：网站的内容少且简单）

瀑布流布局：主要针对的是 当时页面上有很多数据 的时候，数据的展示（贴吧评论、花瓣网、淘宝、京东首页）

以网站类型分：

推广展示类：个人，产品推广，游戏，旅游等；

机构企业类：联想，戴尔，政府，银行；

电子商务类：淘宝，京东，拍拍，苏宁易购，聚美优品；

多媒体互动：优酷，微博，人人网等；

综合门户类：新浪，腾讯，搜狐，网易等；

搜索引擎类：百度，谷歌等；

3.开发时针对用户群体要考虑的因素：

用户年龄

选择素材

网站布局

颜色搭配

用户体验及动效

功能便捷