什么是3G Frontend Engineer?
3G Frontend Engineer, 即3G前端开发工程师。学习Frontend Engineering的目标为:
1、运用3G前端编码技术,手写代码,实现标准、规范的客户端。
2、熟练编写跨平台应用软件。
3、熟悉HCI,能够独立设计人机交互方式及页面流,能够独立进行整体操作规划及规范编写。
4、掌握大型公司常用的框架技术,一进公司即可上手编程。
5、独立设计并开发大型企业级应用、跨平台应用及界面功能复杂的Web应用。
6、熟练编写Ajax,掌握异步通讯、离线存储、脱机应用等高级3G前端编码技术。
适应人群
对计算机编程有兴趣,有志于挑战高薪的青年学子;大专、本科及同等学历者。入学需通过公司测试(计算机基础、逻辑思维、英语)。
班级规模:
为确保培训效果,本课程每班仅招收15-20名学员
专业讲师
李宗亮:高级前端工程师、历任联想、IBM、大唐电信等公司UID部门高级工程师。在国内前端开发领域享有盛誉。对HCI有很多年的研究和造诣。精通搜索引擎优化(seo),精通搜索引擎营销(sem)。熟练3G手机的应用开发。国内HTML5技术的第一批倡导者和推广者。
培养目标
运用W3C标准前端编码技术,手写代码,胜任规范、高端、跨平台的前端研发工作。
熟悉HCI(人机交互),对用户体验有很好的把握。能够独立设计人机交互方式及页面流,能够独立进行整体操作规划及规范编写。
独立设计并开发大型企业级应用、跨平台应用及界面功能复杂的Web应用。
熟悉PHP+mysql,熟练进行前后端配合。
熟悉项目策划,项目架构,项目流程管理与进度控制。
熟练编写JS、Ajax,掌握异步通讯、离线存储、脱机应用等高级前端编码技术,熟练各种常用的类库、框架比如jQuery、Prototype、Ext、Dojo等等。能迅速融入各种不同类型项目的开发。
熟练进行SEO(搜索引擎优化)、SEM(搜索引擎营销)。掌握SEO必备的技术,以及SEM的策略和执行方案。
精通前端的优化技术、精通BSU加速技术。立足高端,始终处于技术前沿,引领前端行业的前进。
熟练进行iPhone、iPad等高新移动终端设备的前端开发,熟练运用不同平台浏览器所支持的WebKit。
熟悉3G手机终端的交互模式,熟练使用Ajax进行移动设备的前端开发。
熟悉不同3G操作平台的移动终端特性,熟练进行前端的跨平台移植。
通过多个真实的3G移动项目,让学员具备实际动手开发能力,能尽快适应不同的开发环境。
可胜任的岗位
前端开发工程师
Web开发工程师
JS/AJAX工程师
人机交互设计师
人机交互工程师
3G手机界面开发工程师
iPhone Web 开发工程师
3G手机前端开发工程师
3G手机UI工程师
手机网络游戏工程师
3G手机应用开发工程师
课程设置
第一部分:
编程基础:基础课
学习软件程序设计所必需的基础知识,如:网络配置和指令、Windows操作技巧、常用工作软件的使用等。
Web编程基础:基础课
学习Web编程所必需的基础知识,如:跨平台编程特性、各种浏览器的编程特性、W3C标准、常用Web编程语言等。
图片处理(图片合并、切图、修改、不同格式的图片特性及使用技巧):专业课
图片的处理技巧:ps的使用,图片的合并技术及使用环境,精确到1px截图技巧,分层图使用,图片修改等。
3G前端开发基础:专业课
深入学习前端编程基础语言:手写代码与用DW生成代码的区别分析,手写代码的技巧。HTML标签及属性,基本CSS属性的使用,CSS1.0/ CSS2.0/ CSS3.0/XSL,掌握语法、编码结构等,详细讲解CSS3.0的特殊用法,学习手写代码的编码规则及代码优化,深入学习不同平台下的编码结构页面的布局思想。XHTML1.0/ HTML4.0/HTML5.0/XML,掌握语法、布局规范,前端的发展趋势,前端开发与传统网页制作的技术差异及前端开发的技术亮点等。
BSU网站加速技术:独有技术课
BSU网站加速技术:服务器与客户端的交互原理,影响交互速度的因素及处理,影响浏览器解析速度因素及处理技巧,图片合并的使用场景及要点,通用类的设置技巧,代码精简压缩的常用技术,代码引入方式差异分析及使用,最少代码实现可扩展的技术,预留接口(简化维护工作量)技巧等。
浏览器兼容技术及CSS与JS配合预留接口:专业提高课
浏览器解析差异及特色,常见浏览器兼容问题及解决方案,hacker的使用方法,常引起浏览器兼容问题的代码书写方式分析,查找及解决兼容问题的常用技巧。CSS与JS结合使用的最简代码格式及预留接口方法,动态效果的实现思想基础及必备的CSS设置技巧。
版本控制工具的使用及其他常用工具的使用等:专业课
了解PHP等程序员开发工具的特点及配合技巧,学习8种主要浏览器、3种主要操作平台下手写前端代码常用工具及编码辅助工具的使用及配置,如:EditPlus、Zend、Eclips、UtrlEdit、FireBug、HttpWatch、SVN、CVS、Visio、Axure等。
SEO与SEM:专业课
搜索引擎工作原理,爬虫特性,搜索引擎重视的标签及样式设置,关键词的选择技巧,SEM中技术人员与市场、文案的配合,百度及Google的搜索引擎排名差异,百度优化技术,Google优化技术。如何快速提高网站PR值等。
HCI详解:专业课
学习人机界面的设计规则及布局规范,深入学习人机交互方式的经验数据及科学实验结论,掌握常用设计辅助工具,详细讲解麻省理工学院及卡耐基梅隆大学的内部课程讲义。
3G手机不同平台的特点及相应的WebKit使用:专业课
学习 iPhone、Android、Blackberry、Palm等不同3G平台的不同浏览器特点,使用相应的WebKit技巧。
3G手机不同平台的项目移植:专业课
在熟悉每种手机平台的不同特点的基础上,实现从WWW平台向移动平台的移植,并且能熟练不同平台间的项目移植。
HTML5+CSS3.0开拓:专业课
HTML5作为最新的W3C推广的技术,在一出现就得到CSS之父,苹果总裁等人的全力追捧,Flash的地位也因为HTML5新增一个一个canvas标签受到威胁,大量的新强大功能无不预示着前端开发的明天将会更加强大。而我们要走在这些技术的前沿。
项目实战:专业课
参与iBokan与某跨国公司的合作项目:设计并实现多个B/S结构应用,保证跨平台兼容. 参与iPhone等不同3G手机平台的项目研发
目标:
1、熟练不同软件开发环境、工作流程及配合,能迅速融入开发团队;
2、熟练进行Web前端开发工作,手写代码及不同浏览器的兼容性调试;
3、熟练使用BSU加速技术,有良好的代码风格,熟悉代码精简优化策略;
4、熟悉HCI,有良好的用户体验思想;
5、熟练不同3G手机的特点,熟练使用IPhone等手机的WebKit;
6、熟练SEO(搜索引擎优化)SEM(搜索引擎营销);
7、熟悉web平台到3G平台的项目移植;
8、熟悉不同3G平台间的项目移植。
第二部分:
面向对象编程:基础课
学习面向对象编程的概念,理解对象、类、方法等术语的深层含义,深入理解学习先进的编程思想。
JAVASCRIPT基础:专业课
学习前端编程的基本语言JS,掌握语法、代码标准、界面控制、流程控制、DOM方法等。
JAVASCRIPT及CANVAS详解:专业课
深入学习多个主要JS框架,如:jQuery、Propotype、EXT、YUI、Dojo、DWR等,详细讲解目前世界最前沿的编码规范,深入学习离线存储、脱机应用、CANVAS应用、3D编程等技术。
AJAX及异步通讯原理:专业课
学习Web编程最热门的技术(AJAX),掌握异步通讯的编程方法,学习XML及JSON的使用,详细讲解代码优化及程序设计原则,学习异步通讯的原理、异常处理、页面流自动测试方法等。
AJAX实战:专业课
使用AJAX原理实战开发,针对传统WEB平台以及3G WEB APP的开发。通过实战熟练应用AJAX,并且熟悉3G终端的WEB APP开发特点。
跨平台编程详解:专业课
学习各种浏览器、各种平台的默认属性及其缺陷,深入学习跨平台兼容的编码规则、兼容策略,详细讲解经典例程,讲解经典业务逻辑的跨平台兼容方法及异常处理,学习最新跨平台编程经验。
LAMP/WAMP基础:基础课
学习Linux(Windows) + Apache + MySql + PHP 编程的基础知识,学习如何配置服务器,学习主流模板语言,如:Smarty等,学习数据库基础,熟悉当前流行的LAMP结构的内容管理系统,如:Wordpress、CMS等。
数据结构详解:专业课
学习经典数据结构、算法,学习如何将实际需求转换为业务逻辑,学习使用数据结构进行表达。
3G手机平台JS/Ajax的应用:专业课
因为手机等移动平台收带宽影响较大,网速较慢,因此Ajax技术在移动平台上得到了大量的合理的应用。因此大家都熟练地掌握通过异步存取技术来加快手机运行速度,提高用户体验。
职业素质课程:公共课
学习一个公司的合格员工所具备的素质,职场之道,教你技术以外的点点滴滴。
项目实战:参与iBokan与某美国公司的合作项目
编写多个Ajax模块,实现3G手机平台加速,保证跨平台兼容,参与国际开源项目,为从网络平台到3G移动平台的移植项目进行Ajax优化。不同3G手机平台间的移植。
目标
1、熟悉面向对象的编程思想,掌握数据结构及数据库技术;
2、掌握Web动态编程的主要技术及流行技术(Ajax);
3、熟练开发网站的各种动态效果,不同浏览器的js兼容;
4、熟练web平台移植到3G平台的页面特点,ajax优化方法;
5、3G手机应用及3G手机网站的常用ajax及其特点;
6、能够熟练地进行3G应用开发工作;
7、拥有美国公司的项目经验,拥有开源项目的参与经验。
第三部分
实习生归类
通过之前的项目实战过程,总结出每个实习生的特点。根据不同的特点与每个人的兴趣爱好,为每个实习生制定不同的职业规划,并发展不同的分支方向,如3G web方向、3G 手机应用、互联网建设等;
根据学员的不同特点及目标,分为项目管理和技术拓展两个培养方向。项目管理主要包括管理技巧、项目策划、协调能力、进度掌控等方向的培养。技术拓展则包括从技术发展方向掌握、最新技术获取技巧、技术交流技巧等方面进行技术高精深方向培养。
实习生自主项目研发
按照实习生归类,根据个人的兴趣与特长把一个班的实习生分为4-5个不同的研发小组,在项目经理的指导下分别进行不同方向的实际项目开发工作。项目经理只负责提醒与纠正,整个项目几乎都由不同分工的实习生自己完成
实习生项目经验交流
根据个人兴趣在不同方向的发展,实习生在后期的技术上差异较大,每个学员都有自己的独到优势与特点。在每个项目结束时,在项目经理的指导下,这个项目的开发小组都会进行总结工作,把不同分支的经验及时共享给班级里所有成员。
iPhone web课程部分
iPhone核心规范与特色:专业基础课
iPhone硬件特性;iPhone浏览器规范;iPhone网络规范;iPhone输入输出规范;iPhone物理比较;移动web标准;iPhone的创新与独特之处。
iPhone的输入和输出:专业基础课
iPhone的视区;iPhone方向特性与相应的检测及应用;iPhone输出的特点;iPhone输入支持的事件特点及iPhone的定位机制。
iPhone Web与SDK:专业基础拓展课
两种不同编程风格的对比;Web开发与SDK开发分别的优点与缺点;独立Web开发模型与独立SDK开发模式;集成iPhone开发的集中方式。
iPhone Web用户体验分析:专业课
iPhone界面特色;iPhone操作特点;iPhone用户体验分析;避免iPhone缺失的功能;iPhone Web开发的良好习惯。
iPhone Web开发使用工具:专业课
本地使用Apache;使用桌面Safari与FireFox等浏览器进行测试;使用iPhone仿真器;使用iPhone调试工具;使用bookmarket。
iPhone Web开发基础:专业课
iPhone视区更改;失去的属性和常量;iPhone检测方法;使用CSS优化;iPhone单指触摸及两指手势事件;网站移植到iPhone的思路与技巧;经典iPhone网站案例分析。
WebKit与HTML5:专业课
什么事WebKit;Safari的WebKit与HTML5新增元素比较;WebKit支持的CSS变换、过渡与动画;WebKit与HTML5的离线数据库及应用;识别触摸和手势;识别方向;采用WebKit数据库开发Web App。
iPhone常用的JS与AJAX:专业课
JavaScript入门与提高;JS+CSS结合应用控制Web的表现与动作;平滑切换效果的应用;iPhone常用动态切换效果及源码分析;AJAX在iPhone上广泛应用的原因;结合框架使用AJAX交互;AJAX在iPhone上的应用实例。
使用Canvas开发Web App:专业课
Canvas简介;使用Canvas绘制路径、形状;创建不同样式;修改合成与剪切操作;变换和恢复操作;整合图像、模式和文本;合并功能并制作应用动画。
iPhone视频与音频:专业课
熟悉iPhone的视频与音频特点;熟悉iPhone控制习惯及相应报错机制;熟练HTML5的video与audio标签的使用;熟练使用相应标签开发音视频应用;分析成熟的音视频web app
iUI框架:专业课
iUI简介;创建iUI;使用iUI进行开发;创建iUI后端;iUI开发技巧;结合iUI与jQuery开发;结合iUI与WebKit开发;分析成品iUI项目案例;使用iUI进行实际项目研发。
jQTouch框架:专业课
jQTouch框架简介;jQTouch的特点;jQTouch与jQuery;jQTouch与WebKit结合开发Web App;分析成熟的jQTcouh应用案例;使用jQTouch进行项目开发。
使用Dashcode构建Web应用程序:专业课
Dashcode简介;运行和部署Dashcode项目;使用库部件;使用基于列表的Browser模板;使用stackLayout部件;集成Dashcode与WebKit;集成Dashcode与iUI;集成Dashcode与Canvas。
大量项目锻炼:项目锻炼
在项目经理的指导下,实习生通过大量的实际项目锻炼实际动手能力,积累实际的项目经验。
课程长度
六个月

