国家公务员考试

您当前位置: 公务员考试网 > 辽宁人事考试网 > 辅导课程 > 华图教育-HTML5开发工程师培训教学大纲

华图教育-HTML5开发工程师培训教学大纲

2016-04-12 11:56:53 公务员考试网 http://www.huatu.com/ 文章来源:辽宁华图

  web前端全栈工程师课程大纲

  阶段一:前端入门(12天)

  目标:

  前端开发工程师,首先需要成为一个好的页面制作师(切图工程师)。在前端入门阶段中,学习互联网基本知识,深入学习HTML、CSS,会完成基本的静态页面制作。会使用基本的设计软件,如PhotoShop和Fireworks进行切图,会精确的还原设计图。学习基本的浏览器兼容问题的处理方法。

  主要内容:

  计算机基本操作、打字基本指法、互联网基本原理、服务器、浏览器、HTTP请求。编程工具介绍、HTML简介、语义化标签、p标签和h系列标签。HTML基本骨架、meta标签、字符集、关键字、页面描述。a标签和img标签、列表标签,相对路径和绝对路径。 CSS介绍、选择器、浮动、背景属性、定位属性。简单的企业站制作、搜索引擎优化知识。项目实战。

  阶段二:JavaScript基础 (10天)

  目标:

  JavaScript入门容易,精通难。我们在JavaScript基础阶段,主要学习JavaScript最基本的语法,认识变量、表达式、运算符等。学习if、for等各种语句。并通过一些数学问题,来练习简单的算法。在这个阶段,还要学习DOM,知道JavaScript如何控制HTML元素。

  主要内容:

  JavaScript简介、前台语言和后台语言的区别、编程工具、变量、运算符、表达式、变量类型。连字符、输入语句、输出语句。parseInt、parseFloat函数。for循环语句、while循环语句、较复杂的数学算法练习,比如水仙花数、质数、哥德巴赫猜想。函数的概念,函数的参数、返回值。学习使用函数简化问题,函数的递归。更复杂的数学算法练习,斐波那契数列。内置对象、字符串的常见处理、日期对象的处理。事件的概念。JavaScript得到页面元素的方法、改变页面元素样式的方法、改变页面元素HTML属性的方法。制作水平菜单、手指触碰图片交换。定时器、setInterval和setTimeout、运动的基本实现方法。运动的开始和停止,相关问题的处理。用面向过程的方法制作轮播图、手风琴。鼠标滚轮事件、拖拽事件和相关案例。

  阶段三:JavaScript进阶和框架设计 (13天)

  目标:

  学习深入的学习JavaScript的特性,学习面向对象,正则表达式、排序、闭包等知识。学习jQuery,知道jQuery的使用方法,并且深入理解jQuery的框架封装思想。最后,还需要自己编写JavaScript框架。

  主要内容:

  对象的概念、创建对象、属性的查询和设置、删除属性、检测属性、枚举属性、属性getter和setter、属性的特性、序列化对象、对象方法。内置对象。面向对象编程思维。继承、继承机制实例、继承机制的实现、其他继承方式。正则表达式、表单验证。正则表达式小技巧。排序算法、递归算法、闭包,函数节流,作用域链。underscore.js介绍,源码解析,构建模式。常用工具函数的封装。jQuery介绍、选择器、动画、DOM操作、方法链、拖拽、变形。用jQuery制作页面效果案例。jQuery效果课。网页上的常见效果的制作的原理和实现,复杂效果也应该会用jQuery制作,比如优酷各个栏目的轮播图。jQuery的相关插件。比如jQueryUI、mousewheel.js、easing.js等。命名空间、对象扩展、数组化、类型的判定、浏览器嗅探与特征侦测、类工厂、选择器引擎。节点模块、常见DOM效果的封装。样式模块。样式名的修正、个别样式。事件模块。attachEvent、addEventListener的使用,jQuery.event.**部分的源码解读。异步处理、动画引擎。可拓展性、模块化、框架的整体完成。

  第四阶段:服务器和Ajax(5天)

  目标:

  学习服务器的基本知识,以PHP为例简要学习后台语言。学习Ajax的使用,并且学习JSONP跨域、lazy-load等高级技术。

  主要内容:

  服务器基本知识、Apache服务器介绍、安装。HTTP介绍、常见状态码、POST和GET。PHP简介、PHP基本语法。Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍、兼容性处理方法、Ajax中缓存问题。JSON和JSON的解析、数据绑定和模板技术、常见效果案例。JSONP、跨域技术、常见效果案例。图片预读取和lazy-load技术、使用Ajax实现瀑布流案例、jQuery框架中的Ajax API、XML简介。

  第五阶段:HTML5、CSS3和移动web开发(16天)

  目标:

  学习HTML5,知道HTML5新的特性,使用Canvas开发手机游戏。学习CSS3,会使用CSS3制作炫酷的网站效果。学习响应式手机制作,学习移动设备web开发的方法。

  主要内容:

  HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket。Canvas简介、常用API、绘制图形、图片。使用面向对象写Canvas绚丽效果、数据可视化。canvas游戏。CSS3新选择器,伪元素、颜色表示法,边框,阴影、background系列属性改变、transition,动画。景深和透视,3D效果制作、炫酷CSS3效果。Velocity.js框架、元素进场和出场、炫酷CSS3网页制作。CSS3炫酷页面实战课。响应式的概念、流式布局、弹性盒、使用流式布局制作弹性页面。媒体查询、CSS3多列属性。移动端页面的制作规范、跨终端Web和主流设备简介、视口、rem。BootStrap框架简介、使用。栅格系统、栅格系统原理、圣杯布局、Bootstrap常用模板、LESS和SASS。使用BootStrap开发项目。移动终端JavaScript事件、手机中常见js效果制作、Zepto.js

特别推荐

国考笔试课程】|【国考面试课程】|【国考直播课程】|【国考备考资料

(编辑:lnht01)
有报考疑惑?在线客服随时解惑

公告啥时候出?

报考问题解惑?报考条件?

报考岗位解惑   怎么备考?

冲刺资料领取?

立即咨询
辽宁华图:syhuatu
想考上公务员的人都关注了我们!
立即关注

实时掌握
招考信息
精品课程
等你挑选
高分秘籍
在线交流

联系我们
辽宁微信二维码

辽宁华图教育官方微信

辽宁华图

沈阳市沈河区青年大街114号市委旁边

沈阳市沈北新区蒲昌路1号唐轩公馆2号商业7门

客服热线:400-024-1113

网站:http://ln.huatu.com

  • 沈阳
  • 沈北
  • 有色大厦
  • 大连
  • 辽警
  • 庄河
  • 瓦房店
  • 开发区
  • 丹东
  • 凤城
  • 锦州
  • 北镇
  • 营口
  • 鲅鱼圈
  • 大石桥
  • 鞍山
  • 海城
  • 辽阳
  • 灯塔
  • 铁岭
  • 昌图
  • 朝阳
  • 凌源
  • 北票
  • 葫芦岛
  • 兴城
  • 盘锦
  • 抚顺
  • 本溪
  • 阜新

沈阳市沈河区青年大街114号市委旁边(地铁青年大街站B出口北行50米)

客服热线:400-024-1113

网站:http://ln.huatu.com

沈阳市沈北新区蒲昌路1号唐轩公馆2号商业7门(华夏银行东侧)

客服热线:024-31275947

网站:http://ln.huatu.com

沈阳市沈河区青年北大街7号辽宁有色大厦11楼(卓展购物中心旁)

客服热线:024-31977278

网站:http://ln.huatu.com

大连市西岗区黄河路257-259号(市政府北门)

客服热线:0411-83614600

网站:http://dalian.huatu.com

大连甘井子区营平路荧光海假日酒店2楼(辽警正门对面)

客服热线:15842460100

网站:http://dalian.huatu.com

庄河市新华路二段96号(万家灯火酒店旁)

客服热线:0411-89879120

网站:http://dalian.huatu.com

瓦房店市工联街三段45号(上岛咖啡北100米)

客服热线:0411-85654321

网站:http://dalian.huatu.com

大连开发区金马路华堂大厦三单元401(金州区政府东)

客服热线:0411-88531800

网站:http://dalian.huatu.com

丹东市振兴区锦山大街135号(230医院路口对面)

客服热线: 0415-2860100

网站:http://dandong.huatu.com/

凤城市凤凰大街12号(凤城市城建局对面)

客服热线:0415-3510270

网站:http://dandong.huatu.com/

锦州市凌河区中央大街三段3号茂业中心17层(中百北邻)

客服热线:0416-7993090

网站:http://jinzhou.huatu.com/

北镇市闾山路福瑞家祥1-122号(益民村镇银行西邻)

客服热线:0416-6894599

网站:http://jinzhou.huatu.com/

营口市站前区学府路北23-16甲(春泉市场西门对面)

客服热线:0417-2609329

网站:http://yingkou.huatu.com/

鲅鱼圈市长江路红运金盾小区北门西20米(金成驾校对面)

客服热线:0417-7946555

网站:http://yingkou.huatu.com/

大石桥市新开路荣盛小区外门市(大石桥德庄火锅对面)

客服热线: 0417-5797366

网站:http://yingkou.huatu.com/

鞍山市铁东区中华南路146号(港丽花园楼下)

客服热线:0412-6371011

网站:http://anshan.huatu.com/

海城市永安路老法院院内西口2楼

客服热线:18202408510

网站:http://anshan.huatu.com/

辽宁省辽阳市白塔区新华路中段15104-01-2号(威威婴幼儿用品店旁)

客服热线:0419-2301588

网站:http://liaoyang.huatu.com/

灯塔市繁荣街45号(站前新华书店北走100米)

客服热线:0419-2761381

网站:http://liaoyang.huatu.com/

铁岭市银州区体育馆路11号(都市花园南门东20米)

客服热线:024-74838877

网站:http://tieling.huatu.com/

昌图县昌盛路金三角(果蔬批发市场西100米)

客服热线:024-74838877

网站:http://tieling.huatu.com/

朝阳市双塔区新华路3段11A-2(军分区西侧)

客服热线:0421-7248088

网站:http://chaoyang.huatu.com/

凌源市南商业步行街牌楼下20米(北京同仁堂大药房右侧)

客服热线:0421-7248806

网站:http://chaoyang.huatu.com/

北票市人民路一段51-22(机械厂交通岗北走100米)

客服热线:0421-7249066

网站:http://chaoyang.huatu.com/

葫芦岛市连山区新华大街26-6(1路五里河大桥站)

客服热线:0429-2133212

网站:http://huludao.huatu.com/

兴城市兴海路一段(西关移动大厅南20米)

客服热线:0429-3511639

网站:http://huludao.huatu.com/

盘锦市兴隆台区双兴中路乐园一区商网7号(双兴宾馆对面北50米)

客服热线:0427-2883366

网站:http://panjin.huatu.com/

抚顺市顺城区新城路(中段)欣地家园15号楼6号门市(新华一校正对面)

客服热线: 024-57821888

网站:http://fushun.huatu.com/

本溪市明山区解放北路75号(中国银行总行对面)

客服热线: 024-42825777

网站:http://benxi.huatu.com/

阜新市细河区解放大街14-3号(交通银行对面)

客服热线:0418-6609960

网站:http://fuxin.huatu.com/