课程安排
让每一位学员都能找到适合自己的课程;让强者更强,让优秀者更优秀
| HTML5 Web前端开发工程师 | ||||
| 模块 | 工作日 | 课时 | 课程内容 | 实训目标 |
| 1. HTML5 WEB 前端基础 | ||||
| HTML5 基础 | 3 | 24 | HTML5 快速入门、文本、图像、链接、表格、列表、表单、框架。 | 熟练掌握各种 HTML 标签,能够手动快速完成各种页面的编写 |
| CSS3 基础 | 4 | 32 | CSS3 基础语法、各种选择器(通用选择器、元素选择器、id和class选择器、后代选择器、伪类选择器等)、框模型与背景、文本格式化、表格、显示与定位。 | 熟练掌握各种常用 CSS 选择器以及CSS样式的定义和使用,能够手动完成各种页面样式的定义和编写 |
| 阶段项目 | 3 | 24 | 京东首页实现。 | 完成京东首页的布局分析、设计,并纯手写代码的方式实现整个页面,夯实WEB前端页面实操能力 |
| CSS3 高级 | 2 | 16 | CSS 复杂选择器(包括兄弟选择器、属性选择器、伪类和伪元素选择器等)、2D/3D 转换(包括移动、旋转、倾斜和缩放、视点的定义和使用)、过渡、动画、CSS Hack、CSS 优化、浏览器兼容性。 | 熟练掌握各种CSS复杂选择器以及高级应用,实现复杂页面效果的制作,理解 CSS Hack和 CSS 优化,能够手动完成各种页面样式的定义和编写,并保证浏览器兼容性 |
| 阶段项目实战 | 3 | 24 | 1)京东详情页实现;2)360专题页实现;3)淘宝首页实现。 | 讲解Photoshop设计工具、互联网UI交互设计理论,完全手动代码实现知名前端页面的编写 |
| JavaScript 核心 | 5 | 40 | JavaScript 的V8引擎运行环境、JavaScript代码的编写与调试、JavaScript的基础语法、变量与常量、数据类型及其转换应用、运算符和表达式、函数的定义及使用、变量与作用域、函数作用域、程序的流程控制、条件语句与循环语句 | 理解 JavaScript 的语言原理与运行模式,熟练掌握 JavaScript 核心编程技巧,能够熟练使用 JavaScript 实现逻辑算法、流程控制 |
| 2. JavaScript核心 | ||||
| JavaScript高级 | 7 | 56 | 数组的定义和使用、数组API、二维数组的使用、String 的使用及API、正则表达式的定义和使用、常用内置对象(Math、Date、Number、Boolean)、错误处理、Function与匿名函数、作用域与闭包、面向对象编程、Object对象与对象模板、原型与继承、原型链、ECMAScript 5中的 Object、ECMAScript5中的数组和函数API、严格模式。 | 深入理解 JavaScript 语言原理,熟练掌握 JavaScript 编程技巧,掌握 JavaScript 对象封装技巧,理解面向对象编程理论,能够熟练使用 JavaScript 实现逻辑算法、界面验证以及功能实现,理解并掌握 ECMAScript5 的新特性 |
| 阶段项目实战 | 1 | 8 | 2048游戏。 | 分析项目需求,理解项目的算法,熟练掌握网页型程序的开发技术,深入理解 JS 的应用技巧。 |
| DOM编程 | 5 | 40 | Document对象、节点对象、节点树、选取并读取节点、文档遍历以及增加节点、删除节点、元素样式编辑、Window对象、定时器、BOM模型、事件的定义及处理、event 对象、location对象、history对象、screen对象、cookie对象的使用。 | 深入理解 DOM 和 BOM 理论,熟练掌握 DOM编程,能够熟练的使用JavaScript 原生代码对页面进行处理,完成各种页面动态效果以及动态交互的实现 |
| 阶段项目实战 | 2 | 16 | 俄罗斯方块游戏。 | 学习和理解 WEB 页面游戏的逻辑和算法,能够完成各种 WEB 页面游戏的分析和实现 |
| Jquery | 4 | 32 | jQuery原理、jQuery 的使用步骤、jQuery选择器(包括基本选择器、层次选择器、过滤选择器、表单选择器)、jQuery 的 DOM 操作(包括HTML 页面元素的增删改查)、jQuery事件、事件冒泡与事件处理、jQuery动画、jQuery常用Plug-in、开发jQuery插件、jQuery扩展 | 掌握JQuery核心API,深入理解JQuery设计原则,了解多种JQuery插件,能够熟练使用 JQuery编程,实现页面各种功能及效果 |
| 阶段项目实战 | 1 | 8 | 京东首页/京东产品详情页的页面动效以及交互实现 | 分析WEB页面的功能和需求,实现WEB页面的动效展示以及交互功能 |
| 3. Web 前端核心 | ||||
| HTTP协议 及Server端技术 |
3 | 24 | 服务器概述、数据库服务器、WEB服务器、PHP服务器端技术简介及Apache服务器、PHP访问数据库、服务器端组件原理、HTTP请求、HTTP响应、HTTP优化 | 了解各种主流服务器以及服务器端技术,能够实现服务器端的部署,透彻理解 HTTP 协议,掌握服务器端组件原理,能够实现服务器端的通信分析 |
| Ajax | 3 | 24 | Ajax原理、AJAX 实现方式、get与post提交、XML 的定义和解析、JSON 的定义和使用、jQuery Ajax的实现方式、AJAX 的增强操作、JSONP与跨域访问 | 深入理解 Ajax的基本通信原理,掌握基于XML 和 JSON 的数据规则,能够熟练使用 Ajax 实现与服务器的异步通信,并完成页面的局部提交和刷新 |
| 阶段项目实战 | 2 | 16 | 1)京东订单页;2)个人中心 | 结合服务器端和 AJAX 知识,实现网站与服务器的交互功能,包括登录功能、个人中心、订单列表等功能模块 |
| HTML5高级 | 6 | 48 | 表单功能、增强的表单控件、新表单元素及属性、表单验证、音频和视频处理、Canvas 绘制及图像处理、Chart.js 框架的使用、SVG 元素及使用、Two.js 框架的使用、Geolocation API、百度地图API、Web Storage API(包括sessionStorage和 localStorage)、HTML5 拖放、拖放事件及相关对象、Web Worker、Web Socket | 熟练掌握 HTML5 的各种新特性,能够熟练使用新表单特性实现页面功能,能够实现页面中的音视频处理,实现复杂绘图以及图表绘制,实现页面的地理定位操作以及页面的离线存储功能,能够熟练使用 HTML5 进行各种 Web 应用开发 |
| 阶段项目实战 | 2 | 16 | 1)购物车与订单生成,用户中心;2)飞机大战;3)飞扬的小鸟。 |
分析页面功能需求,能够熟练使用 HTML5 的相关技术实现 WEB应用开发 |
| Bootstrap | 4 | 32 | 编写以及测试响应式网页、CSS 的@media规则、Bootstrap基础及其基础模板、全局CSS 样式(包括布局、按钮、图片、表格、排版、表单等)、栅格系统、组件(包括导航菜单、列表、警告框等)、JS插件(包括模态框、工具提示等)、LESS 及 Bootstrap 定制。 | 理解响应式布局的原理,熟练掌握Bootstrap的核心API,能够熟练应用 Bootstrap 的全局样式、组件以及 JS 插件来实现响应式布局的开发、测试以及功能交互,并能够使用 LESS 语言实现动态样式的编写以及定制 |
| 4. Web 前端高级技术 | ||||
| AngularJS | 3 | 24 | 设计原则和模式、Angular的表达式和指令、MVC编程模型、控制器、双向数据绑定、过滤器和函数、服务和依赖注入、文件压缩、模块化编程、单页应用、路由、事件绑定。 | 理解 AngularJS 的框架原理,熟练掌握 MVC编程模式,能够熟练使用 AngularJS 实现页面的重构和单页面 WEB 应用程序的开发 |
| 阶段项目实战 | 2 | 16 | 饿了么(订餐网) | 了解软件开发流程,学习从功能分析到软件设计、再到功能实现的整个开发流程,能够熟练使用 AngularJS 的相关知识,实现 Web 应用程序开发 |
| Web APP | 3 | 24 | APP开发环境、Android 的开发环境及模式、WebView 的基本使用、使用 、页面构建、主题、UI组件、ListView、表单、表单控件、jQuery Mobile API、WEB APP 开发案例以及项目实现 | 学习 Android 的开发环境、测试方式以及部署演练,熟练掌握 的组件以及相关 API,能够实现 WEB 页面到移动端的迁移和部署,熟练完成各种 WEB APP 的开发和实现 |
| 阶段项目实战 | 1 | 8 | ||
| 混编APP | 2 | 16 | 混编概述、PhoneGap环境搭建、移动端事件处理、移动数据获取、震动和蜂鸣、 加速度、地理位置和指南针等传感器的使用、多媒体控制、声音和图像采集、手机中的客户端存储 | 学习混编 APP 的开发环境,了解最新混编开发的相关框架,学会如何使用 PhonGap 实现混编开发,能够使用 PhoneGap 技术,结合 HTML5 WEB前端技术,实现跨平台的 APP 应用开发 |
| 阶段项目实战 | 2 | 16 | ||
| node.js | 3 | 24 | Node.js概述、搭建服务器端运行环境、交互模式和脚本模式、ES6支持、全局对象、常用模块、NPM、事件循环、文件I/O、访问数据库、Express框架 | 了解Node.js服务器端应用特性,掌握常用模块,熟悉NPM模块管理,在学会文件I/O操作基础上,结合数据库访问和HTTP协议等相关知识,创建动态Web应用 |
| 常用JS框架 | 2 | 16 | 最新前端框架技术,比如 Ext.js、react.js 等 | 了解并学习各种最新前端框架,学会如何使用框架技术以及如何学习使用新框架 |
| 微信开发 | 2 | 16 | 微信开发准备(包括帐号注册、空间申请、域名解析等)、微信公众帐号开发及维护、JS-SDK API(包括地理位置接口、图像接口等) | 了解微信公众平台开发及维护的相关知识,掌握微信产品设计和接口开发实现的相关技能 |
