一：前端的定义
前段是编写用户能够看的到的界面，处理用户对界面的相关操作。
（操作有 点击、移入、移出、滚动、跳转等这些交互效果。）
二：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设计效果图。
第三步，开发 （web前端）
用代码来进行具体的实现
前端开发师：拿到数据编写在页面上
（发展史：2005年 => web 1.0 网页：展示为主 ；05 web 2.0 慢慢有了交互效果 ； 现在 web 3.0 大数据时代）
后端开发工程师：负责管理数据、处理数据（ 增加 / 删除 / 修改 ），写服务器相关的东西，给前端提供数据。 <通过语言划分为 ： java / python 等>
第四步，测试
测试工程师：测试产品实现的效果
功能测试：
压力测试：性能测试
安全测试：
兼容性测试：
第五步，上线
供用户使用
实施工程师
第六步，维护 （运维）
运维：维护项目、更新版本
开发：运维工程师（保证服务器正常运行）
2.网站的分类
以技术分：
固定分辨率：将这个页面写成固定的 长 宽 高（如：新浪微博、淘宝）
响应式网站：根据窗口大小，自适应页面的布局（特点：网站的内容少且简单）
瀑布流布局：主要针对的是 当时页面上有很多数据 的时候，数据的展示（贴吧评论、花瓣网、淘宝、京东首页）
以网站类型分：
推广展示类：个人，产品推广，游戏，旅游等；
机构企业类：联想，戴尔，政府，银行；
电子商务类：淘宝，京东，拍拍，苏宁易购，聚美优品；
多媒体互动：优酷，微博，人人网等；
综合门户类：新浪，腾讯，搜狐，网易等；
搜索引擎类：百度，谷歌等；
3.开发时针对用户群体要考虑的因素：
用户年龄
选择素材
网站布局
颜色搭配
用户体验及动效
功能便捷