（精）模块1 Web前端技术概述.ppt

Web前端技术 模块1、Web前端技术概述 主讲：尚晋 shangjin91@163.com 教学目标： ? 了解前端技术包含的内容 ? 了解前端开发的职位和职责 ? 掌握前端开发的项目流程。 ? 了解前端开发人员的人才需求情况。 教学内容 1.1　什么是Web前端 1.2　Web前端是做什么的 1.3 Web前端开发需要哪些技能 1.4 Web前端都有些什么职位 1.5 Web前端开发的职责是什么 1.6 Web前端开发的一般项目流程 1.7 Web前端开发在企业中的发展 1.1　什么是Web前端 什么是前端？ 我们这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。 什么是Web前端， Web前端，顾名思义是来做Web的前端的。 1.2 Web前端是做什么的 Web前端，主要是用来开发用户通过浏览器可以浏览和使用的Web页面的。 一般而言，所涉及的内容主要包括W3C中的HTML、CSS和JavaScript这三方面的内容。 但是随着前端的发展，前端开发所涉及到的内容肯定不仅限于这三方面。分析这三个层面内容的本质可以看到，这三个层面分别涉及Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。 因而，归根结底，Web前端以及Web前端开发可以说是针对Web的结构、行为和表现来进行相应的开发的，也可以说，前端开发主要是做Web端的结构、行为以及表现。 1.3 Web前端开发需要哪些技能 结构层面：HTML和XHTML 表现层面：CSS 行为层方面：JavaScript和ActionScript JavaScript属于W3C的标准范畴 ActionScript则不在W3C的标准之中。 关于ActionScript ActionScript最初是由Macromedia公司开发来为其Flash这一产品提供动画交互功能的。之后，随着基于Flash的Web应用的开发，ActionScript作为一种行为交互语言开始得到长足的发展。 随着Macromedia被Adobe收购和以Youtube为代表的视频概念的兴起，Flash作为视频的展现载体得到了长足的发展，而ActionScript作为一种基于Flash的前端交互语言也有了长足的发展和进步，如今ActionScript已经发展到了3.0的版本。 Web前端 扩充方面 难道Web前端所要做的只是代码方面的事情吗？肯定不是这样的。 如今，越来越多的公司开始重视Web页面和产品的可用性以及用户体验方面的事情和细节。同时，基于商业目的的要求，在推广自己网站的时候也会涉及到有哪些信誉好的足球投注网站引擎优化（SEO）方面的问题。 因而，Web前端在做好Web的结构、表现和行为三方面的基础之上还要考虑到Web页面的语义性、可用性、易用性方面的细节及实施。 互联网的业界公司招聘技能要求 1、Web前端工程师技能列表，由阿瓦（awflasher）整理发布。 /blog/archives/906 2、Web 前端开发技术专题，来自developerWorks 中国。 /developerworks/cn/web/wa-front/ Web前端工程师技能列表 UserInterface 【必备】 1.PhotoShop/Fireworks Design a – 配合美工将草图形成具体的符合WebPage的设计 b – 有快速制作分层高品质PSD、PNG的能力 c – 能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码 2.Flash Design a – 基本动画效果 b – 复杂的交互体系设计，了解第三方swf辅助设计软件 c – 复杂的交互体系设计以及较强的对各类外埠资源（PNG、JPG、MP3、WAV等）的整合能力。精通部分第三方辅助设计软件（AE、SwishMax、Swift3D等） Web前端工程师技能列表 Browser-side (Web Application) 【必备】 1.XHTML/CSS a – 基本的layout实现 b – 严格跨平台的layout实现以 c – 优雅的HTML code，尽可能符合标准并有SEO的考虑因素。在任何平台、浏览器下基本保持一致。不要求了解各种CSS的hacks，但要求知道遇到问题应该如何查阅资料以在第一时间内解决。能够为JavaScript开发人员提供最好操作的DOM结构，让JS开发人员在开发的时候认为”一切都已经准备就绪了”，而不是”捉襟见肘”。 2.JavaScript/Ajax/DOM a – 基本的DOM操作，了解AJAX，可以实现数据通信 b – 基本的DOM操作，能写高效率的OOP代码，以降低维护成本 c – 基于需求，进行不同的开发，选择合适的框架，做到代码效率