web 开发漫谈 —— 前端篇

42

Click here to load reader

Upload: -

Post on 06-Apr-2017

116 views

Category:

Technology


7 download

TRANSCRIPT

Page 1: Web 开发漫谈 —— 前端篇

WEB 开发漫谈 —— 前端篇2016-04-01 杨尚斌

Page 2: Web 开发漫谈 —— 前端篇

• 杨尚斌• 计算机科学与技术• 大三本科生• GitHub: https://github.com/rccoder• ZhiHu: https://www.zhihu.com/people/rccoder

Who Am I

Page 3: Web 开发漫谈 —— 前端篇
Page 4: Web 开发漫谈 —— 前端篇
Page 5: Web 开发漫谈 —— 前端篇
Page 6: Web 开发漫谈 —— 前端篇

切图 !!!

Page 7: Web 开发漫谈 —— 前端篇

• 静态的页面,表格式的布局• 调试工具匮乏• 三剑客必备

Page 8: Web 开发漫谈 —— 前端篇

让页面 “动” 起来,要注重 “用户体验”

Page 9: Web 开发漫谈 —— 前端篇
Page 10: Web 开发漫谈 —— 前端篇

• 布局缓慢• 页面加载很慢很慢• 页面更新成本太高

Page 11: Web 开发漫谈 —— 前端篇

• UI 框架的出现• 栅栏系统• 组件开发,组件库的积累• 部署脚本化• 性能优化• 安全问题

Page 12: Web 开发漫谈 —— 前端篇

iPhone 出现

Page 13: Web 开发漫谈 —— 前端篇

PC 高级浏览器的出现

Page 14: Web 开发漫谈 —— 前端篇

• 单页面应用的开发• 移动端开发

HTML5 , CSS3 , MVVM , WebApp

Page 15: Web 开发漫谈 —— 前端篇

2012 年之后, Web 前端迅速发展,成为极为热门的 “行业”

Page 16: Web 开发漫谈 —— 前端篇

什么是 Web 前端开发?

Page 17: Web 开发漫谈 —— 前端篇

• HTML• CSS

• JavaScript

Page 18: Web 开发漫谈 —— 前端篇

接触最真实的用户,完成人机的交互

Page 19: Web 开发漫谈 —— 前端篇
Page 20: Web 开发漫谈 —— 前端篇
Page 21: Web 开发漫谈 —— 前端篇
Page 22: Web 开发漫谈 —— 前端篇
Page 23: Web 开发漫谈 —— 前端篇
Page 24: Web 开发漫谈 —— 前端篇
Page 25: Web 开发漫谈 —— 前端篇
Page 26: Web 开发漫谈 —— 前端篇
Page 27: Web 开发漫谈 —— 前端篇
Page 28: Web 开发漫谈 —— 前端篇
Page 29: Web 开发漫谈 —— 前端篇

WebStorm

Page 30: Web 开发漫谈 —— 前端篇
Page 31: Web 开发漫谈 —— 前端篇

眼忘趋势,脚踏实地。 10 年前的 “事实标准” 如今快要消失。 00 后的前端工程师将会幻想 “ ie6 时代” 是怎样一段 “激情燃烧” 的岁月

—— 张克军(现豆瓣前端工程师)

Page 32: Web 开发漫谈 —— 前端篇
Page 33: Web 开发漫谈 —— 前端篇
Page 34: Web 开发漫谈 —— 前端篇
Page 35: Web 开发漫谈 —— 前端篇
Page 36: Web 开发漫谈 —— 前端篇

两个平台,两套程序员( WP 不算

Page 37: Web 开发漫谈 —— 前端篇
Page 38: Web 开发漫谈 —— 前端篇
Page 39: Web 开发漫谈 —— 前端篇

https://www.zhihu.com/question/29875948

Page 40: Web 开发漫谈 —— 前端篇

我们应该如何去做?

Page 41: Web 开发漫谈 —— 前端篇

• 扎实的计算机基础(大厂都这么要求• 多读书,读好书• 多操练,多思考• 多请教,多搜索

—— 可以去参加百度 ife 学习 ( http://ife.baidu.com

Page 42: Web 开发漫谈 —— 前端篇

Thanks