JS快速入门.ppt

《JS快速入门.ppt》由会员分享，可在线阅读，更多相关《JS快速入门.ppt（35页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、成都传智播客 成都传智播客成都传智播客-助你成为高薪程序员助你成为高薪程序员1 1、20102010年年7 7月，传智播客在成都设立分中心（传智播客成都分中月，传智播客在成都设立分中心（传智播客成都分中心），心），EasyJFEasyJF开源创始人蔡世友老师任首席讲师，开源创始人蔡世友老师任首席讲师，7 7月月8 8日，成都传日，成都传智播客智播客JavaEE+3GJavaEE+3G就业班第一期正式开课。就业班第一期正式开课。2 2、20102010年年9 9月，成都传智播客推出月，成都传智播客推出先就业后付款先就业后付款，毕业后，毕业后没有从没有从事软件开发、月薪未达指定数额，则退还全部学费

2、事软件开发、月薪未达指定数额，则退还全部学费的优惠政策，广的优惠政策，广受学员好评。受学员好评。3 3、20102010年年1111月，第一期学员毕业，在仅一个月的时间里，全部月，第一期学员毕业，在仅一个月的时间里，全部学员顺利就业学员顺利就业(工作地为工作地为成都成都)，如愿走上软件开发工程师的岗位，如愿走上软件开发工程师的岗位，月薪平均月薪平均30003000以上，有个别学员甚至拿到以上，有个别学员甚至拿到4K4K、K K。4 4、20112011年年2 2月，成都传智携手月，成都传智携手CSDNCSDN推出推出“黑马训练营黑马训练营”课程，并课程，并作如下承诺：作如下承诺：“不用花一分钱

3、即可入学、不就业不还学费、就业不不用花一分钱即可入学、不就业不还学费、就业不做软件开发不还学费做软件开发不还学费”，让学员，让学员“就业后靠自己的能力逐步偿还学就业后靠自己的能力逐步偿还学费费”。成都传智播客 ExtJSExtJS快速入门快速入门讲师：蔡世友讲师：蔡世友Email:成都传智播客 lRIA简介简介1、富因特网应用程序（Rich Internet Applications，RIA），集成桌面应用的交互性和传统 Web应用的部署灵活性；2、SaaS是以后软件发展的一个趋势，而RIA从技术上推进SaaS；3、RIA开发必备三个要素：富客户端技术、服务器技术和开发工具。l几种富客户端技术

4、几种富客户端技术 1、Macromedia FlexAdobe公司的RIA解决方案，在Flash运行时环境中运行(MXML)。2、JavaFxSun的RIA解决方案，在Java虚拟机(1.5)上运行(VRML)。3、WPF/SilverLightMicrosoft的RIA解决方案，在浏览器端的.Net运行时插件中运行(XAML)。4、Ajax使用标准W3C技术，不需要额外的运行环境支持，如Backbase及Ext。RIA应用及富客户端技术成都传智播客 lAjax概念概念Ajax的核心是无刷新变更页面中的部分内容。Ajax不是一项技术。它其实是几项技术，每项技术自身都很繁荣，它们以强有力的全新方

5、式结合起来。Html、xhtml、DOM、CSS、XML、XMLHttpRequest、javascript。l常用常用Ajax框架框架 Prototype.jsYUIJQueryDojoEcho2ExtAjax技术成都传智播客 lExtJS 是什么？是什么？Ext是一个Ajax框架，用于在客户端创建丰富多彩的web应用程序界面，是在Yahoo!UI的基础上发展而来的。官方网址：http:/ 开始使用开始使用ExtJSl如何使用如何使用ExtJS引入ExtJS的样式文件引入ExtJS的脚本库(两个，一个驱动adapter,另外一个ext-all.js)Ext应用代码：使用Ext.onReady

6、来调用ExtJS组件l第一个第一个Hello World程序程序Ext.onReady(function()var win=new Ext.Window(title:很cool的窗口,width:500,height:400,buttons:text:确定,text:取消);win.show();)l显示一棵树显示一棵树var tree=new Ext.tree.TreePanel(title:小树一棵,width:200,height:200,root:new Ext.tree.AsyncTreeNode(text:树根,children:text:叶子1,leaf:true,text:叶子

7、2,leaf:true);成都传智播客 lExtJS API的使用的使用API文档文档ExampleslExtJS组件的基本概念组件的基本概念xtype配置选项(Config Options)属性(Properties)及方法(Method)事件(Events)；lExtJS组件初始化组件初始化l组件的渲染组件的渲染Ext组件的基本使用成都传智播客 l事件驱动编程概述lDOM事件基础lExt事件扩展lExt组件事件Ext组件事件定义Ext组件事件使用：绑定监听(on)及取消监听(un)告知性事件及可改变流程事件Ext事件驱动编程成都传智播客 lObservablelComponentlBoxC

8、omponentlContainerlPanelExt核心组件使用成都传智播客 面板Ext.PanellExt.Panel概述l面板的五大组成部分l面板的特点l面板中的内容l面板内容动态控制lAPI概述成都传智播客 Viewport及WindowlViewportViewport代表整个浏览器窗口，直接渲染到document.body节点，取代页面中的所有内容。一般作为应用程序主界面。lWindowWindow表示应用程序窗口，其实是一个浮动的层，直接调用show方法显示窗口，窗口有关闭按钮；窗口的关闭直接调用close方法，窗口的隐藏使用hide方法；使用modal属性来配置模式窗口。成都传

9、智播客 对话框l替代古板的对话框lalertconfirmprompt演示l与对话框交互：回调函数使用lwait及progress对话框l使用Msg.show成都传智播客 TabPanel控件lTabPanel简介l如何创建Tabl编程控制TabPnael中的内容成都传智播客 布局Layoutl什么是布局Layoutl布局Layout示例lborder布局lcolumn布局lform布局lfit布局laccordion布局成都传智播客 表单Ext.form.FormPanellFormPanel简介lBasicFormlFieldl表单动作表单提交表单数据加载成都传智播客 表格GridPane

10、llGridPanel控件简介1、表格包括哪些列2、表格显示的数据l数据(格式及内容)-Storel在表格中如何显示(column及renderer)lEditorGridPanellPropertyGrid成都传智播客 树TreePanellTreePanel简介l树节点l同步树l异步树l树加载器成都传智播客 菜单MenulExt.menu.Menul菜单项Ext.menu.Iteml普通菜单l弹出菜单应用l组件中对弹出菜单支持成都传智播客 按钮Button及工具栏lButtonlSplitButtonlButton的menu属性lToolbar成都传智播客 ExtJS学习方法l掌握ExtJ

11、S组件的特点l善于使用API文档l使用Examplesl查看ExtJS源代码l提高Javascript编程语言成都传智播客 实战练习1完成一个用户界面布局成都传智播客 实战练习2完成一个主应用程序框架包括菜单，主区域，点打菜单打开一个界面。菜单功能1功能2功能3主区域Logo，时间，欢迎信息成都传智播客 作业l完成如下的界面布局成都传智播客 结束语结束语热烈欢迎热烈欢迎大家到成都传智播客免费大家到成都传智播客免费领取领取JavaJava学习视频光盘；学习视频光盘；热烈欢迎大家到成都传智播客教学热烈欢迎大家到成都传智播客教学现场免费试听现场免费试听JavaJava及及3G3G课程！课程！热烈欢迎

12、各软件公司到热烈欢迎各软件公司到成都成都传智传智播客预定和招聘软件开发人才！播客预定和招聘软件开发人才！成都传智播客 成都传智播客成都传智播客-助你成为高薪程序员助你成为高薪程序员1 1、20102010年年7 7月，传智播客在成都设立分中心（传智播客成都分中月，传智播客在成都设立分中心（传智播客成都分中心），心），EasyJFEasyJF开源创始人蔡世友老师任首席讲师，开源创始人蔡世友老师任首席讲师，7 7月月8 8日，成都传日，成都传智播客智播客JavaEE+3GJavaEE+3G就业班第一期正式开课。就业班第一期正式开课。2 2、20102010年年9 9月，成都传智播客推出月，成都传智

13、播客推出先就业后付款先就业后付款，毕业后，毕业后没有从没有从事软件开发、月薪未达指定数额，则退还全部学费事软件开发、月薪未达指定数额，则退还全部学费的优惠政策，广的优惠政策，广受学员好评。受学员好评。3 3、20102010年年1111月，第一期学员毕业，在仅一个月的时间里，全部月，第一期学员毕业，在仅一个月的时间里，全部学员顺利就业学员顺利就业(工作地为工作地为成都成都)，如愿走上软件开发工程师的岗位，如愿走上软件开发工程师的岗位，月薪平均月薪平均30003000以上，有个别学员甚至拿到以上，有个别学员甚至拿到4K4K、K K。4 4、20112011年年2 2月，成都传智携手月，成都传智携

14、手CSDNCSDN推出推出“黑马训练营黑马训练营”课程，并课程，并作如下承诺：作如下承诺：“不用花一分钱即可入学、不就业不还学费、就业不不用花一分钱即可入学、不就业不还学费、就业不做软件开发不还学费做软件开发不还学费”，让学员，让学员“就业后靠自己的能力逐步偿还学就业后靠自己的能力逐步偿还学费费”。成都传智播客 20102010年年7 7月月8 8日，传智播客成都隆重开班日，传智播客成都隆重开班!成都传智播客开班现场成都传智播客 20102010年年7 7月月8 8日，传智播客成都隆重开班日，传智播客成都隆重开班!张孝祥老师在成都传智上课成都传智播客 成都传智播客教学现场成都传智播客教学现场!张孝祥老师在成都传智播客上课成都传智播客 成都传智播客教学现场成都传智播客教学现场!传智播客学员正在听课成都传智播客 成都传智播客教学现场成都传智播客教学现场!成都传智主讲教师蔡世友老师在上课成都传智播客 成都传智播客教学现场成都传智播客教学现场!蔡世友老师在andorid课堂上指导学生实战成都传智播客 成都传智播客师资团队成都传智播客师资团队!成都传智播客 成都传智播客师资团队成都传智播客师资团队!成都传智播客 成都传智播客观摩及出师项目展示成都传智播客观摩及出师项目展示!成都传智播客观摩及出师项目展示成都传智播客观摩及出师项目展示!l成都传智播客