演示文稿使用开发前端

（优选）使用开发前端ppt现在是1页\一共有60页\编辑于星期二前端开发的困惑现在是2页\一共有60页\编辑于星期二桌面C/S时代：曾经的美好成熟工具链支撑简单快速开发现在是3页\一共有60页\编辑于星期二组件编程，图形化IDEDelphi/C++BuilderVisualStudio现在是4页\一共有60页\编辑于星期二PowerBuilder：图形化，脚本化数据库应用开发神器现在是5页\一共有60页\编辑于星期二效果更低的成本对开发人员要求低不分前后端更高的开发效率现在是6页\一共有60页\编辑于星期二Web前端–B/S时代桌面安装复杂，浏览器打开即用，世界进入B/S时代现在是7页\一共有60页\编辑于星期二B/S模型：ThinClient服务器浏览器输出Html、Css、js等渲染展示发起http请求用户操作输入输出终端现在是8页\一共有60页\编辑于星期二问题：更多语言需要学习HTMLCSSJavascript现在是9页\一共有60页\编辑于星期二减少语言Nodejs：后端也用js来开发曾经的KSS：用类似css的语法写JSPythonJS：浏览器上Python开发翻译为JS玩具性质现在是10页\一共有60页\编辑于星期二问题：事件变成http请求route：url地址和代码的映射安全性无状态：cookie/session现在是11页\一共有60页\编辑于星期二用约定来简化RailsDjango现在是12页\一共有60页\编辑于星期二问题：不成熟的浏览器Html/js/css都在不断在发展Javascript自身的缺陷各种浏览器兼容问题第三方组件兼容性问题现在是13页\一共有60页\编辑于星期二还好有前端框架TwitterBootstrapSemanticUIJQueryUI国内的淘宝BUI百度BlendUI…现在是14页\一共有60页\编辑于星期二Web前端–应用时代移动端和体验要求，系统要求更开放，进入单页面应用时代现在是15页\一共有60页\编辑于星期二单页面应用模型：FatClient服务器SPA（浏览器）输出json数据渲染展示发起http请求API用户操作单页面应用服务接口SPA：SinglePageApplication，单页面web应用现在是16页\一共有60页\编辑于星期二特点大量逻辑前移到浏览器服务端只提供API对搜索引擎支持不好前端特别重现在是17页\一共有60页\编辑于星期二OpenERP：前端有多重？OpenERP6.1版，对web端了SPA重构现在是18页\一共有60页\编辑于星期二OpenERP6.0现在是19页\一共有60页\编辑于星期二OpenERP6.1现在是20页\一共有60页\编辑于星期二前端MVC框架，蜂拥而至BackBoneAngularJSKnockoutReactJS…现在是21页\一共有60页\编辑于星期二前端开发工具链CoffeescriptLess/SassRequireJS/SeaJSBowerYeomanGrunt现在是22页\一共有60页\编辑于星期二前端的迷失前端开发变得异常复杂各种框架轮番上阵各自存在问题互不兼容仍未终结前端程序员很渺小现在是23页\一共有60页\编辑于星期二另外的声音：前端去框架才是趋势去框架：让开发者开发所谓的微框架或者小框架，然后呢让它们之间能够彼此相容，然后你竞争去采用比较好的东西现在是24页\一共有60页\编辑于星期二我们怀念桌面时代的美好现在是25页\一共有60页\编辑于星期二前端欠发展前端太难优秀的web前端很贵….技术一定往简化发展前端可能是碗青春饭现在是26页\一共有60页\编辑于星期二怎么破？修修补补，还是根源解决？如何省时、省人、省力，技术上可持续发展？现在是27页\一共有60页\编辑于星期二微软的尝试：修修补补：如何恢复桌面时代的美好现在是28页\一共有60页\编辑于星期二组件：ASP.NETHelpers在网页中内嵌帮助器，简化控件的创建现在是29页\一共有60页\编辑于星期二WebForm服务器控件：失败内嵌在html中，弱化http协议，转为事件驱动现在是30页\一共有60页\编辑于星期二GooGLE的方案GWT、dartlang、Polymer现在是31页\一共有60页\编辑于星期二GWT用java开发web前端：编译为jsRIA：全端回到桌面时代GoogleAdwards,GoogleWallet问题：搜索引擎不友好位置逐渐被Dart取代现在是32页\一共有60页\编辑于星期二Dart:替代JS语言更干净自带开发工具支持polymer组件化开发一种语言，支持前后端可编译为高效的js，支持各种浏览器快速进入语言排行前20现在是33页\一共有60页\编辑于星期二Polymer:WebComponent实现W3Cweb组件技术规范CustomElementTemplateShadowDOMHTMLimport实现：Polymer代表web未来是终点吗？现在是34页\一共有60页\编辑于星期二号外：PyjamasPython版本的GWT自带UI陈旧用户不多现在是35页\一共有60页\编辑于星期二易度前端的演进一个小(DiaoSi)团队如何不被技术浪潮摧毁现在是36页\一共有60页\编辑于星期二作为一个小公司技术主管不大懂javascript招不起昂贵专业的前端害怕技术选型错上贼船历史负担：自制前端框架技术更新，成本非常高如何平滑支持移动端现在是37页\一共有60页\编辑于星期二作为一个开发平台解放开发者专注业务需求少折腾技术技术延续性目标：力求最简三脚猫功夫，也能开发快速开发屏蔽实现细节现在是38页\一共有60页\编辑于星期二尝试过backbone当年Zope时代的感觉泥潭里挣扎3个月，完成前端框架革命成本太高放弃现在是39页\一共有60页\编辑于星期二只能演进，而非革命尽量少的人最少的技能快速开发实用、少折腾现在是40页\一共有60页\编辑于星期二LIFEISSHORT

USEPYTHON现在是41页\一共有60页\编辑于星期二易度前端:FitClient易度WebPlayer浏览器版易度MobilePlayer移动版易度应用Python渲染UI组件接受View指令易度Player：不胖不瘦，刚好事件处理事件处理Web适配移动适配完全用Python写应用现在是42页\一共有60页\编辑于星期二分层：前端引擎和应用易度Player（前端引擎）：20%javascript基础整体外观风格栏目导航加载进度出错处理动态组件渲染展示交互事件触发界面行为控制易度应用：80%python输出UI界面交互事件处理控制界面行为现在是43页\一共有60页\编辑于星期二前端引擎和应用前端框架UIVIEW各种业务应用(Python)应用层WebPlayer引擎层招一个NB的前端维护引擎即可前端技术革新，只需升级引擎层现在是44页\一共有60页\编辑于星期二使用UI组件ui.panel()\ .add(ui.button(‘Clickme’)\ .add(ui.text(‘Hello,world’))\+ui.button(‘新增’)\ .icon(‘add’)\ .loading(‘正在提交….’)\ .on(‘click’,‘@zopen.test:test’)现在是45页\一共有60页\编辑于星期二UI组件示例现在是46页\一共有60页\编辑于星期二UI组件库使用Python表单类似Bootstrap的组件系统所有功能组件化现在是47页\一共有60页\编辑于星期二View指令集view.message(‘出错了’,type='error',)view.modal(form,width=600)view.layout.main().set_content(form)view.layout.right().set_content(form)现在是48页\一共有60页\编辑于星期二可视化制作表单form=root.packages.get_form_obj(‘zopen.test:form’)ui.form(title,description,action)\ .fields(form)\.button(‘submit’,‘提交’)\ .on(‘submit’,‘@zopen.test:submit_form’)现在是49页\一共有60页\编辑于星期二组件选择(DOM)和操作#向WebComponent致敬view.closest('tabs')\.active_panel()\.set_content(ui.h1(‘hello,world’))view.find('tree#leftnav')\ .expand()现在是50页\一共有60页\编辑于星期二用户触发事件处理ui.link(‘clickme’)\

.on(‘click’,‘@zopen.test:test’)所有脚本提交到服务端脚本用Python处理现在是51页\一共有60页\编辑于星期二自定义事件：界面联动触发删除事件：

view.trigger(‘dataitem-removed’,\

{'uid':12312,'title':'123123'})多处处理事件：

ui.script().on('dataitem-removed',"@zopen.test:refresh")现在是52页\一共有60页\编辑于星期二示例：珠三角沙龙活动页面现在是53页\一共有60页\编辑于星期二示例：投票应用现在是54页\一共有60页\编辑于星期二Python就是一种DSLPython的表达能力，不比html差Bootstrap版本升级，重写html工程浩大Python写界面，与具体实现隔离现在是55页\一共有60页\编辑于星期二回归桌面开发模式一切皆python学习更简单几乎不用懂web全端开发更容易codereview组件化开发：为web未来同步事件驱动：屏蔽网络部分的图形化开发：可以更多现在是56页\一共有60页\编辑于星期二WebPlayer可定制皮肤现