对症下药 前端工程师如何学习Javascript
Learning English Start Good morning Yes / No / Come / Go / Hello Study Words & Expressions Grammer & Syntax Advanced Best practise / Slang Speak / Listen
自我介绍 赵锦江(勾三股四) Tags: maxthon/f2e/music/football QQ: 110698041 E/M: zhaojinjiang@yahoo.com.cn Blog: bulaoge.net/?g3g4
我想带给大家的内容 分享我的个人学习轨迹 前端工程师拿javascript做什么 有针对性的学习 学以致用 对未来javascript的展望
html+frontpage / 软件工程 / mdc / maxthon 我的个人学习轨迹
表单验证? Ajax请求? 数据统计? Gmail? 界面交互 + 数据处理 前端工程师拿javascript做什么?
前端工程师从哪儿来 Web设计 需求 界面 交互 切图 前端开发 数据 逻辑 后端开发 流程 部署 设计专业 ? 软件 专业
前端工程师从哪儿来 由界面交互入门 由数据处理入门 Web设计师 网页制作 切图 从简单的交互效果开始 直观而又感性 软件开发 后端开发 前端逻辑控制 数据处理 抽象且理性
JS在前端的两部分 界面交互 数据处理 html/css xml/dom browser photoshop/fireworks flash java/c oop server data structure & algorithm design pattern
还有盲区吗? 正则表达式(Regular Expression) 原型继承(Prototype) 闭包(Closure) Web标准(W3C) 浏览器兼容性(Firefox) 理论和实践的积累 编码风格与习惯(Codex)
循序渐进:入门 =========> 精通 => 大杀器 啃骨头 + 吃零食 对症下药, 有针对性的学习
循序渐进 入门 从几个简单的例子着手 学习基本的语法和数据类型 (手册+例子) js不是辅助html/css而已,而是一门语言 精通 熟悉常见的任务、工具、最佳实践 深入了解语言特性和W3C标准 培养程序员思维 大杀器 拥有自己的一技之长 开辟新的应用领域或技术领域 培养技术架构能力,独立完成一个项目
Flash / Flex / Silverlight 啃骨头 JS语言特性 闭包、原型 数据结构与算法 CSS 盒模型 DOM / XML 后台技术 LAMP Flash / Flex / Silverlight 面向对象UML JS库、框架
吃零食 实践出真知 善用搜索 订阅技术类Blog 论坛、QQ群 技术交流会 关注开源项目
值得注意的方法 制定长期的学习计划并坚持下来 要有打破沙锅问到底的精神 注意积累专业术语和词汇 同时培养自己的程序员思维和设计思维 要有读写文档和注释的意识 熟悉浏览器的“脾气” 找几个适合自己的实用工具 (*) 为自己准备一些技术“手册” (*)
分享一些学习资料 权威指南们 javascript语言精髓与编程实践 iCarnegie ssd课程 mdc Javascript/w3school/w3.org blueidea/51js w3ctech/webrebuild css-tricks.com/tutsplus.com xianguo/gmail
浏览器、编辑器、调试器 学以致用
Expression Web 3 Expression Web 3 SuperPreview IE / Firefox 3.5 / png
Maxthon 3 Web Inspector Mx2 主站下载量计数器 / web数据库版的便笺
html 5 + css 3 + js api = web os 对未来javascript的展望
JS还能做什么? ECMAScript Javascript 1.5+ Web Socket & Web Worker 网络编程与分布式计算 Web Database/Indexed DB 数据库系统 Canvas/SVG/WebGL 图形学编程 Mobile Devices Flash/Flex/Silverlight
迎接挑战吧! Thanks & Q-n-A