f2e(技术).pptVIP

JAVASCRIPT 框架 Prototype.js jQuery YUI /yui 孰好孰坏？ 孰好孰坏？ 语言的思想是相通的！ 语言的思想有哪些？ 三、协作 传统开发模式 在传统的工作模式中，前端在哪里？ 有了F2E后的工作模式 前端的工作 需求阶段： 了解需求的业务逻辑，需求各种功能、特性。 原型产生阶段： 深入了解最终的需求呈现方式，交互方式，评估可实现的方案，对实现难度和时间给与建议。 与视觉设计师合作： 将视觉设计师的产物，转化为前端DEMO(html，css，js)。 时间： 工作时间的长短，取决与页面设计的复杂度、交互的复杂程度 与后端合作： 将页面静态文件交付给后端，并在数据交互功能上确定接口及实现方式。 与后端的合作方式 第一种 ?1. 前端交付静态页面DEMO，后端在页面中编写模板数据输出。后端完成后再由前端Check页面的Xhtml及交互部分的功能 可能的问题： 静态页面中的结构被修改 页面显示逻辑不够优化 与后端的合作方式 第二种 后端给出数据集说明文档，前端编写模板输出要求，前端编写页面逻辑 要求： 1.前端人员 配比较高 2.前端对模板语言熟悉 3.预先定义相关接口文档 前端起到了什么作用？ 在目前的工作中，我们的前端工作遇到了哪些困难？ - 与视觉设计师合作方面 - 与后端合作方面 四、如何做 一个前端工程师 前端的职位 前端开发工程师： 与交互/视觉设计师协作将设计图转化为页面 维护及优化网站前端性能 资深前端开发工程师： 编写封装良好的前端交互组件 对前端实现方案提供专业指导/监督 前端技能培训 设计并实施全网前端优化 前端架构师： 带领组员实现全网的前端框架 前端标准规范 为全网信息架构及技术选型提供专业意见 方向： XHTML_CSS JAVASCRIPT ACTIONSCRIPT 前端的分组 日常组 项目组 性能优化组 安全组 测试组 研发组 学习 学习 掌握前端的基本知识：精通 XHTML CSS JAVASCRIPT / ACTIONSCRIPT 学习：往“前”延伸!!! “前”指的是什么？ “前”: - 用户体验的五个要素 - 性能优化 - SEO 学习：往“后”延伸 “后”：指作为一名程序员需要掌握的知识。 数据库 语言 架构思想 。。。 工具 Firefox Web Developer Toolbar /work/web-developer FireBug Yslow /yslow 资源 蓝色论坛 目前讨论XHTML,CSS,JAVASCRIPT最热的社区之一 以用户为中心的设计 / 用户体验的学习 XHTML /xhtml/index.asp 学习XHTML / (现在更新的比较少，web标准的思想入门) 性能优化的34条准则 /performance/rules.html /yslow/archive/2009/04/24/1442722.html（中文） Web开发前端常用资源列表 /mybao/18/1/ Welcome 感谢您的关注！ 欢迎您转前端！ ^_^ * * * * * * Liba P o w e r B a r 中国专业PPT设计交流论坛 Liba Front End Engineer 前端工程师 罗开雾 @ L 2009-08-21 一、F2E发展 客户端技术发展 Web标准的发展 - HTML4 - XHTML 1.0 - XHTML 2 - HTML5 - CSS2 、CSS 3 浏览器的五花八门 - IE - Firefox RIA富客户端应用 ( Rich Internet Applications) - Ajax - Flash 前端业内峰会 第一届：前端技术：未来一两年的发展与实践 ajax，air 第二届：现代前端技术在网站中的应用 前端设计与开发的基本模式 RIA YUI框架应用 第三届：前沿技术和前端协作 前端协作，开发协作，前端的组织结构 Flash 第四届：2009.10 举行 RIA YUI框架应用 前端安全 前端的工作 撰写HTML/CSS/JAVASCRIPT 告诉浏览器该怎么做 在浏览器中“查看源文件”看得到的都是处理的范围 工作范畴主要在Xhtml，Css，Js的编码工作上 主要是静态页面的转化（XHTML,CSS） 页面交互的实现（JAVASCRIPT） 二、知识结构 前端涉及的范围