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

Slides:



Advertisements
Similar presentations
●公司簡介. ●公司組織 行銷 企劃部 行銷 企劃部 研發 設計部 研發 設計部 視覺 設計部 視覺 設計部 媒體 製作部 媒體 製作部 行動 裝置部 行動 裝置部 執行長 總經理 管理部 本公司組織人力配置除董事長、執行長、總經理外,共 有六大部門,分別為研發部 6 人、管理部 4 人、視覺設計部.
Advertisements

教师成绩录入步骤 1. 登录教务系统 2. 进入教师成绩管理界面 3. 选择相应的教学班,点击 “ 课程成绩录 入 ” 进入成绩录入界面 4. 点击 “ 设置 ” 按钮设置 “ 成绩分项 ” 5. 录入成绩, “ 保存成绩 ” 按钮可以保存成 绩但不提交(提交后不能再修改成绩) 6. “ 提交成绩 ”
7.2 图示化记忆 记忆的概述 图示化记忆 联想记忆法 奇特联想记忆法 用手记忆.
1 自然人憑證 結合人事差假管理系統 指導老師:丁德榮 教授 作者:何岳剛、蘇巨鋒、廖偉吏、鄭致瑋、湯媛喬、李封儒 報告人:廖偉吏 彰化師範大學 資訊工程學系 報告日期: 95/11/2.
Web Maple— 云端计 算 数学学院刘海洋 胡婷婷. 需求 什么是 Web Maple ? Maple : “ 数学家的软件 ” 符号和数值计算 动态编程语言 集成编辑环境与图形输出 Web Maple :网页上的数学家 完整的 Maple 功能 云端计算 网页独特的输入输出格式.
1 网站设计理念 大连理工大学创新实验学院 优秀网站展示 - LAMP 类网站
LOGO 《静态网页设计》课程整体设计 电子信息工程系 计算机专业 李超燕. LOGO 2 课程在专业课程体系中的定位 3 岗位分析 目 录 1 课程的基本信息 6 本课程的特色和效果 4 教学整体设计 5 教学基本条件.
16 邁向網頁的未來-HTML5 Pack 與 Widget Browser 使用 HTML5 來為多重螢幕裝置進行設計 變更檢視區大小
Web app和html5给前端带来的变化 —— 我们的html5游戏平台之旅.
安阳市义务教育阶段学籍管理系统 新版使用简介
APEX数据和知识管理实验室简介 上海交通大学 计算机科学与工程系.
我的学习成果展示 德惠市第三中学 姜成立.
新多益擬真英檢系統 以專區帳密登入 選擇任一項目 注意:限用IE瀏覽器!!.
具有梦天堂特色的 Web前端开发规范 叫我三桂吧 t.qq.com/aNd1coder.
西南科技大学成人、网络教育学院 成人本科学士学位管理信息系统 使用说明 2016年3月 规范是最好的服务.
平阴县科技创新券情况介绍 平阴县科学技术局 2016年7月.
事件驱动的移动数据中心 广州舜飞信息科技有限公司 谭荣棉.
讲好后勤故事 提升后勤形象 淮阴师范学院宣传部副部长 张同刚.
全国残联基层工作服务平台 系统介绍
项目1 网页设计的基础知识.
姓名: 钱琬婷 学号: 0501W238 专业: 计算机科学与技术 指导教师: 陈家琪 教授
行動終端應用軟體創作專題競賽 題目:商品後端管理APP
使用者經驗 - User Experiences 台灣微軟 吳典璋 Dann Wu
第1章 网页、网站制作基础 1.1 网页与网站的概念 1.2 Web标准 1.3 网页制作的常用软件 1.4 构成网页的基本元素
网站如何定制建设???.
5.6 制作具有动态特效的网页 1. 层和时间轴动画 2. Dreamweaver的Behaviors(行为)概述 华东师范大学计算中心.
信 息 与 软 件 工 程 学 院 实验室开放实验介绍.
Web程序设计基础 太原理工大学 计算机科学与技术学院 林福平 求实创新
威海电大开放教育 入学技术培训 2012年4月15日.
郑州市惠济区第六中学 网站推介 姜茂方 2015年1月10日.
14 JavaScript语言基础 JavaScript是一种轻量级、解释型的Web开发语言。所谓轻量级,就是语言的体系结构不是很庞杂,例如,没有C、Java等语言中的类、内存管理、系统管理等高深的知识范畴;所谓解释型,就是语言在浏览器或服务器等环境中直接被解释执行,不需要对源代码进行编译操作。
普通高等教育“十一五”国家级规划教材 信息系统分析与设计 刘腾红 孙细明 主编 科 学 出 版 社.
模块七 信息获取与发布 第8章 计算机网络信息的获取与发布.
数据访问页.
一、公司简介 二、网上办税平台简介 三、发票发放操作指南 四、金税盘操作指南 五、售后服务联系方式.
EOS7产品售前材料 普元:领先的平台软件解决方案商 普元研发 2012年12月.
100學年度第一學期 教師圖書館利用教育 報告人:圖書館主任 黃柏年老師 日 期:100年12月15日至101年1月10日
网页设计(1) 第12讲 网页技术简介 马秀麟 2014年5月 2018/9/17 制作人:马秀麟.
Selenium 一个用于Web应用程序测试的工具 Robin Ren
TQC 雲端技術及網路服務.
Dreamweaver 8网页设计 计算机系.
浏览器扩展开发上(Firefox) 主讲:赵先烈
Ajax编程技术 第一章 Ajax简介.
Arcgis for js开发教程(基础篇)
HTML 5與課程簡介 靜宜大學 資管系 楊子青.
【電子商務學程簡介】 網站技術與經營模式大進化
项目2 创建和管理本地站点.
基于Photoshop插件的图标管理 -- 让工具来解放我们的双手 By 黎嘉尧 商品展示组.
第2章 初识Dreamweaver CS4 Adobe Dreamweaver CS4是建立Web站点和应用程序的 专业工具。它将可视布局工具、应用程序开发功能和 代码编辑支持组合在一起,其功能强大,使得各个层 次的开发人员和设计人员都能够快速创建界面吸引人 的基于标准的网站和应用程序。从对基于CSS的设计.
WEB统一检索本地整合技术 中国农业大学图书馆 康实.
项目10 综合设计.
前端技术开发 高莺.
HTML 5與課程簡介 靜宜大學 資管系 楊子青.
Ajax编程技术 第六章 调试与错误处理.
站群系统管理平台简介 网教中心 2014年10月29日.
网页设计与制作 Jiangxi Engineering Vocational College 信息工程系 徐卫红.
W3C标准网页制作 主讲教师:张 涛.
從一本被卅三家出版社拒絕的書稿    變成有幾十部續集、行銷千萬冊的搶手叢書 《心靈雞湯》的出版就是活脫脫的勵志傳奇.
104年度 藝術與人文教學深耕計畫簡報 南投縣立集集國民中學 健康和諧 充滿活力 樂觀精進 追求卓越 溫馨成長 創作潛能
電機電子 成員:吳昇洋 張哲瑜 高振捷 楊博文 李世麒.
喜雨亭記 國二甲 S 陳姿婷.
吉美超市网上供应链上线业务拓展 学习交流会
网页设计三合一教程 主讲教师 2019/6/2.
W3C标准网页制作 主讲教师:张 涛.
广州市技工院校学生资助管理系统 班主任申报操作指引
Migrate to HTML5.
Web前端开发 第17章:AngularJS 阮晓龙 /
第三章 电子商务网站技术.
JavaScript 教师:魏小迪
Presentation transcript:

对症下药 前端工程师如何学习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