web前端概述分析
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1.Web是易导航和图形化
Web前端开发技术
移动应用开发优势
2.Web是具有平台无关性 3.Web是支持分布式结构
4.Web是具有动态性
5.Web是具有交互性
第1章 Web前端开发技术综述
清华大学出版社
Page: 21
Web工作原理
Web前端开发技术
清华大学出版社
Page: 10
Web2.0纪元：前端与后端比较
Web前端开发技术
前端与后端人员配比是1:3左右，薪水比是3:4
第1章 Web前端开发技术综述 清华大学出版社
Page: 11
Web2.0纪元：前端的领域（2009）
Web前端开发技术
2007年，WebKit开源项目催生了面向移动设备的现代 Web 应用 程序，苹果的Safari、谷歌的Chrome浏览器都是基于这个框架来 开发。
关于前端技术
作为计算机/软件程专业的一个方向 教学目标：培养专业的前端开发工程师
Web前端开发技术
必修技能：HTML、CSS、JavaScript 扩展技能： • HTTP协议 • 前端性能优化 • 网络安全与攻击防范 • 服务端开发（基于Node.js）
第1章 Web前端开发技术综述 清华大学出版社
清华大学出版社
Page: 3
课程资源
BB平台的课程文档目录。
Web前端开发技术
第1章 Web前端开发技术综述
清华大学出版社
Page: 4
1.1 Web概述
Web的起源可以追溯到1980年Tim Berners-Lee构建的
ENQUIRE项目（ 详细参见教材第2-3页）。
Web前端开发技术
1994年10月非赢利性的万维网联盟W3C （World Wide Web Consortium ）在麻 省理工学院计算机科学实验室成立。
Web前端开发技术
了解Web前端开发工程师职业需求
掌握Web网站相关的基本概念； 理解Web前端开发技术及其在Web网页中的作用； 了解常用的Web前端开发工具、浏览器工具，并学会使用 。
第1章 Web前端开发技术综述
清华大学出版社
Page: 20
1.1
Web概述
Web特点： （ 详细参见教材第3-4页）
暂定闭卷
第1章 Web前端开发技术综述
清华大学出版社
Page: 2
延续教学安排
Web前端开发技术
答疑和课外辅导（即延续教学安排）
面对面答疑17学时：双周的周五3-4节课，工2的4层计
算机系机房 课后答疑17学时：有问题请及时在BB平台论坛区发帖， 因为我每天会浏览多次，肯定及时回帖。
第1章 Web前端开发技术综述
第1章 Web前端开发技术综述 清华大学出版社
Page: 12
HTML5 纪元
关键词： • JavaScript、Ajax、Web标准、HTML5、CSS3、移动Web、
Web前端开发技术
多终端适配 职业名称：
• 前端开发工程师、全栈工程师
主要技术：
全栈工程师，也叫全端工程 师，英文Full Stack developer。是指掌握多种 技能，并能利用多种技能独 立完成产品的人
Page: 9
Web2.0纪元
关键词： • JavaScript、Ajax、Div+Css、Web标准
Web前端开发技术
职业名称： • 网页制作工程师、前端开发工程师 主要技术： • HTML、CSS、JavaScript 市场需求：
• 互联网公司、IT软件公司等
第1章 Web前端开发技术综述
英国计算机科学家 万维网的发明者
负责WWW技术标准化的协议制定
第1章 Web前端开发技术综述
清华大学出版社
Page: 5
Web历史大事记录
Web 1.0 纪元（1994-2001）
Web前端开发技术
Web 2.0 纪元
HTML5 纪元（2009-?）
第1章 Web前端开发技术综述
清华大学出版社
Page: 6
Page: 14
HTML5 纪元：前端的领域（2014）
Web前端开发技术
第1章 Web前端开发技术综述
清华大学出版社
Page: 15
前端行业未来发展
云服务
Web前端开发技术
微信平台 智能硬件 移动HTML5 HTML5游戏
第1章 Web前端开发技术综述
清华大学出版社
Page: 16
• HTML、CSS、JavaScript、服务端脚本
市场需求：
• 互联网公司、IT软件公司、电商、金融、智能硬件……
第1章 Web前端开发技术综述
清华大学出版社
Page: 13
HTML5 纪元：前端与后端比较
Web前端开发技术
前端与后端人员配比是2:3左右，薪水比略大于1:1
第1章 Web前端开发技术综述 清华大学出版社
Page: 17
Web网页设计的“三剑客”
前端技术的参考书
非常经典
Web前端开发技术
第1章 Web前端开发技术综述
清华大学出版社
Page: 18
Web前端开发技术
第1讲 Web前端开发概述
第1章 Web前端开发技术综述
清华大学出版社
Page: 19
本讲学习目标
Web前端开发工程师应掌握以下内容： 了解Web发展史；
清华大学出版社
Page: 7
Web1.0纪元：前端与后端比较
Web前端开发技术
前端与后端人员配比是1:6左右，薪水比是1:2
第1章 Web前ຫໍສະໝຸດ Baidu开发技术综述 清华大学出版社
Page: 8
Web1.0纪元：前端的领域（2003）
Web前端开发技术
FF浏览器：即Firefox
第1章 Web前端开发技术综述 清华大学出版社
Web前端开发技术
第1章 Web前端开发技术综述
清华大学出版社
Page: 1
考核方式
1. 平时30%： 编程训练：每周都有。
Web前端开发技术
综合训练：2次。1次4月份，为校级团体赛作准备。1次期 末前，为下学期MITT团体赛作准备。
考勤：不定期进行。
其它：校级团体赛、课堂练习、提问情况等。 2 . 期末考试70%：
Web1.0纪元
关键词： • 网页制作、三剑客、特效300例
Web前端开发技术
职业名称： • 网页设计师、页面仔、搞前台的、网页编辑 主要技术： • HTML、CSS、Dreamweaver、Fireworks、Flash 市场需求： 网页作图软件
• 门户网站、企业网站、个人网站
第1章 Web前端开发技术综述
Web前端开发技术
移动应用开发优势
2.Web是具有平台无关性 3.Web是支持分布式结构
4.Web是具有动态性
5.Web是具有交互性
第1章 Web前端开发技术综述
清华大学出版社
Page: 21
Web工作原理
Web前端开发技术
清华大学出版社
Page: 10
Web2.0纪元：前端与后端比较
Web前端开发技术
前端与后端人员配比是1:3左右，薪水比是3:4
第1章 Web前端开发技术综述 清华大学出版社
Page: 11
Web2.0纪元：前端的领域（2009）
Web前端开发技术
2007年，WebKit开源项目催生了面向移动设备的现代 Web 应用 程序，苹果的Safari、谷歌的Chrome浏览器都是基于这个框架来 开发。
关于前端技术
作为计算机/软件程专业的一个方向 教学目标：培养专业的前端开发工程师
Web前端开发技术
必修技能：HTML、CSS、JavaScript 扩展技能： • HTTP协议 • 前端性能优化 • 网络安全与攻击防范 • 服务端开发（基于Node.js）
第1章 Web前端开发技术综述 清华大学出版社
清华大学出版社
Page: 3
课程资源
BB平台的课程文档目录。
Web前端开发技术
第1章 Web前端开发技术综述
清华大学出版社
Page: 4
1.1 Web概述
Web的起源可以追溯到1980年Tim Berners-Lee构建的
ENQUIRE项目（ 详细参见教材第2-3页）。
Web前端开发技术
1994年10月非赢利性的万维网联盟W3C （World Wide Web Consortium ）在麻 省理工学院计算机科学实验室成立。
Web前端开发技术
了解Web前端开发工程师职业需求
掌握Web网站相关的基本概念； 理解Web前端开发技术及其在Web网页中的作用； 了解常用的Web前端开发工具、浏览器工具，并学会使用 。
第1章 Web前端开发技术综述
清华大学出版社
Page: 20
1.1
Web概述
Web特点： （ 详细参见教材第3-4页）
暂定闭卷
第1章 Web前端开发技术综述
清华大学出版社
Page: 2
延续教学安排
Web前端开发技术
答疑和课外辅导（即延续教学安排）
面对面答疑17学时：双周的周五3-4节课，工2的4层计
算机系机房 课后答疑17学时：有问题请及时在BB平台论坛区发帖， 因为我每天会浏览多次，肯定及时回帖。
第1章 Web前端开发技术综述
第1章 Web前端开发技术综述 清华大学出版社
Page: 12
HTML5 纪元
关键词： • JavaScript、Ajax、Web标准、HTML5、CSS3、移动Web、
Web前端开发技术
多终端适配 职业名称：
• 前端开发工程师、全栈工程师
主要技术：
全栈工程师，也叫全端工程 师，英文Full Stack developer。是指掌握多种 技能，并能利用多种技能独 立完成产品的人
Page: 9
Web2.0纪元
关键词： • JavaScript、Ajax、Div+Css、Web标准
Web前端开发技术
职业名称： • 网页制作工程师、前端开发工程师 主要技术： • HTML、CSS、JavaScript 市场需求：
• 互联网公司、IT软件公司等
第1章 Web前端开发技术综述
英国计算机科学家 万维网的发明者
负责WWW技术标准化的协议制定
第1章 Web前端开发技术综述
清华大学出版社
Page: 5
Web历史大事记录
Web 1.0 纪元（1994-2001）
Web前端开发技术
Web 2.0 纪元
HTML5 纪元（2009-?）
第1章 Web前端开发技术综述
清华大学出版社
Page: 6
Page: 14
HTML5 纪元：前端的领域（2014）
Web前端开发技术
第1章 Web前端开发技术综述
清华大学出版社
Page: 15
前端行业未来发展
云服务
Web前端开发技术
微信平台 智能硬件 移动HTML5 HTML5游戏
第1章 Web前端开发技术综述
清华大学出版社
Page: 16
• HTML、CSS、JavaScript、服务端脚本
市场需求：
• 互联网公司、IT软件公司、电商、金融、智能硬件……
第1章 Web前端开发技术综述
清华大学出版社
Page: 13
HTML5 纪元：前端与后端比较
Web前端开发技术
前端与后端人员配比是2:3左右，薪水比略大于1:1
第1章 Web前端开发技术综述 清华大学出版社
Page: 17
Web网页设计的“三剑客”
前端技术的参考书
非常经典
Web前端开发技术
第1章 Web前端开发技术综述
清华大学出版社
Page: 18
Web前端开发技术
第1讲 Web前端开发概述
第1章 Web前端开发技术综述
清华大学出版社
Page: 19
本讲学习目标
Web前端开发工程师应掌握以下内容： 了解Web发展史；
清华大学出版社
Page: 7
Web1.0纪元：前端与后端比较
Web前端开发技术
前端与后端人员配比是1:6左右，薪水比是1:2
第1章 Web前ຫໍສະໝຸດ Baidu开发技术综述 清华大学出版社
Page: 8
Web1.0纪元：前端的领域（2003）
Web前端开发技术
FF浏览器：即Firefox
第1章 Web前端开发技术综述 清华大学出版社
Web前端开发技术
第1章 Web前端开发技术综述
清华大学出版社
Page: 1
考核方式
1. 平时30%： 编程训练：每周都有。
Web前端开发技术
综合训练：2次。1次4月份，为校级团体赛作准备。1次期 末前，为下学期MITT团体赛作准备。
考勤：不定期进行。
其它：校级团体赛、课堂练习、提问情况等。 2 . 期末考试70%：
Web1.0纪元
关键词： • 网页制作、三剑客、特效300例
Web前端开发技术
职业名称： • 网页设计师、页面仔、搞前台的、网页编辑 主要技术： • HTML、CSS、Dreamweaver、Fireworks、Flash 市场需求： 网页作图软件
• 门户网站、企业网站、个人网站
第1章 Web前端开发技术综述