对症下药 前端工程师如何学习Javascript.

Presentation on theme: "对症下药 前端工程师如何学习Javascript."— Presentation transcript:

1 对症下药 前端工程师如何学习Javascript

2 Learning English Start Good morning Yes / No / Come / Go / Hello Study
Words & Expressions Grammer & Syntax Advanced Best practise / Slang Speak / Listen

3 自我介绍 赵锦江(勾三股四) Tags: maxthon/f2e/music/football QQ: 110698041
E/M: Blog: bulaoge.net/?g3g4

4 我想带给大家的内容 分享我的个人学习轨迹 前端工程师拿javascript做什么 有针对性的学习 学以致用 对未来javascript的展望

5 html+frontpage / 软件工程 / mdc / maxthon
我的个人学习轨迹

6 表单验证? Ajax请求? 数据统计? Gmail? 界面交互 + 数据处理 前端工程师拿javascript做什么?

7 前端工程师从哪儿来 Web设计 需求 界面 交互 切图 前端开发 数据 逻辑 后端开发 流程 部署 设计专业 ? 软件 专业

8 前端工程师从哪儿来 由界面交互入门 由数据处理入门 Web设计师 网页制作 切图 从简单的交互效果开始 直观而又感性 软件开发 后端开发
前端逻辑控制 数据处理 抽象且理性

9 JS在前端的两部分 界面交互 数据处理 html/css xml/dom browser photoshop/fireworks flash
java/c oop server data structure & algorithm design pattern

10 还有盲区吗? 正则表达式(Regular Expression) 原型继承(Prototype) 闭包(Closure)
Web标准(W3C) 浏览器兼容性(Firefox) 理论和实践的积累 编码风格与习惯(Codex)

11 循序渐进：入门 =========> 精通 => 大杀器
啃骨头 + 吃零食 对症下药, 有针对性的学习

12 循序渐进 入门 从几个简单的例子着手 学习基本的语法和数据类型 (手册+例子) js不是辅助html/css而已，而是一门语言 精通
熟悉常见的任务、工具、最佳实践 深入了解语言特性和W3C标准 培养程序员思维 大杀器 拥有自己的一技之长 开辟新的应用领域或技术领域 培养技术架构能力，独立完成一个项目

13 Flash / Flex / Silverlight
啃骨头 JS语言特性 闭包、原型 数据结构与算法 CSS 盒模型 DOM / XML 后台技术 LAMP Flash / Flex / Silverlight 面向对象UML JS库、框架

14 吃零食 实践出真知 善用搜索 订阅技术类Blog 论坛、QQ群 技术交流会 关注开源项目

15 值得注意的方法 制定长期的学习计划并坚持下来 要有打破沙锅问到底的精神 注意积累专业术语和词汇 同时培养自己的程序员思维和设计思维
要有读写文档和注释的意识 熟悉浏览器的“脾气” 找几个适合自己的实用工具 (*) 为自己准备一些技术“手册” (*)

16 分享一些学习资料 权威指南们 javascript语言精髓与编程实践 iCarnegie ssd课程
mdc Javascript/w3school/w3.org blueidea/51js w3ctech/webrebuild css-tricks.com/tutsplus.com xianguo/gmail

17 浏览器、编辑器、调试器 学以致用

18 Expression Web 3 Expression Web 3 SuperPreview IE / Firefox 3.5 / png

19 Maxthon 3 Web Inspector Mx2 主站下载量计数器 / web数据库版的便笺

20 html 5 + css 3 + js api = web os
对未来javascript的展望

21 JS还能做什么? ECMAScript Javascript 1.5+ Web Socket & Web Worker
网络编程与分布式计算 Web Database/Indexed DB 数据库系统 Canvas/SVG/WebGL 图形学编程 Mobile Devices Flash/Flex/Silverlight

22 迎接挑战吧! Thanks & Q-n-A