| 课程级别 | 初级 |
| 培训周期 | 3-6个月 |
| 上课时间 | 自由安排 |
| 上课地址 | 无锡市南长区五爱路18号化轻大厦6、7层 |
【万方教育】IT培训品牌，专注于IT技术培训，主要业务涵盖：PHP、UI/UE、HTML5、Java、Web前端、网页设计、平面设计等众多学科，累计培养数万名学员，这里更有优良的师资、严格的管理、周到的服务是你学会技术满意就业的！
课程学时和授课形式：
本课程共计600学时。
授课形式：面授
授课类型：、晚班、周末班
招生对象：
1. 18周岁以上；
2. 专科及以上学历（含在读、毕业学生）；
3. 热爱前端技术（Web前端、移动前端、HTML5游戏）开发的有志青年。
课程设置：
课程名称 | 阶段 | 课程内容 | |
WEB | Web PC端页面重构 | 网页图像设计(PS) | PS 操作、色彩基础与配色、蒙版、图像变换、修图技巧、钢笔与抠图、矢量图形绘制、 文本设计、渐变与图层样式、网页修图、图表设计、导航设计、网页切图、图像优化、布局设计 |
Web 界面设计与实现 | WEB 广告设计、专题页设计、图标设计、电商网站设计、企业门户网站设计、WEB 应用设计、WEB APP 设计；熟练掌握各种 WEB 界面的设计，精通 WEB UI 设计规范与布局实现，并完成界面的制作。 | ||
页面上线流程 | 页面上线流程 | ||
UI 交互设计 | 互联网 UI 交互效果分析（图片整合、滑动门及宽高自适应等应用技术；初步接触Javascript） | ||
页面重构 | 牛到里约，跑动中国专题页 | ||
HTML5基础 | HTML5 基础 | HTML 入门、文本、图像、链接、表格、列表、表单、框架 | |
CSS3基础 | CSS 基础语法、各种选择器（通用选择器、元素选择器、id和 class选择器、后代选择器、伪类选择器等）、盒模型与背景、文本格式化、表格、显示与定位 | ||
CSS3 | CSS 复杂选择器（兄弟选择器、属性选择器、伪类和伪元素选择器等）、动画、 过渡、2D/3D 转换、弹性盒子、CSS Hack、CSS 优化、CSS规范 | ||
项目实战 | 电商站：1 号 店 | ||
JavaScript开发 | JS入门热身 | 元素获取、事件类型：鼠标、键盘、窗口、表单、自定义事件、初识函数、变量声明、变量赋值、变量命名规则、关键字、保留字、window、元素基本属性操作、.操作符和[]操作符、初识if for语句、this关键字、getElementsByClassName兼容性、querySelector、querySelectorAll、自定义属性之索引。 | |
JS数据类型 | JS的6大数据类型、类型检测、数据类型转换：强制类型转换、隐式类型转换、运算符：算术运算符、赋值运算符、关系运算符、逻辑运算符、位运算符，运算符优先级、函数定义、函数表达式、形参、实参、不定参、类数组对象对象arguments、返回值、作用域、作用域链、流程控制：if、else、switch、case、for、while、break、continue | ||
JS中时间概念 | JS中的定时器、setInterval()与setTimeout()区别、取消定时器、定时器优化方法。JS中时间日期对象、Date()相关方法、网页时间制作、制作、图片时钟的制作。 | ||
JS字符串与数组 | 字符串：length、charAt、charCodeAt、indexOf...，字符编码：ASCII、Unicode、UTF-8...，JSON：数据交换格式、规则、用途，JSON对象：parse、stringify，for...in，mTween+、数学对象：ceil、floor、round、abs、random、常用随机值公式，数组：length、push、pop、sort...，排序算法：冒泡排序（BubbleSort）、排序（QuickSort） | ||
DOM | 文档对象模型DOM、DOM结构、DOM树、DOM节点、节点类型、节点关系、节点常用操作：nodeType、nodeName、子节点操作children...，兄弟节点操作：perviousElementSiblings...，父节点操作：parentNode...，节点盒模型信息：clientWidth、getBoundingClientRect...，元素CURD操作、表格操作、表单操作、表单事件 | ||
BOM | 浏览器对象模型BOM - Browser Object Model、常用方法：open、close，常用属性： 用户信息navigator.userAgent、地址栏信息：location、hash、search（queryString），窗口尺寸、可视区尺寸、滚动距离、文档内容高度，常用事件：onscroll、onresize、返回顶部 | ||
事件基础 | 事件类型，事件对象：event、event.clientX、event.target、事件流（捕获阶段、目标阶段、冒泡阶段）、事件委托、阻止冒泡event.stopPropagation()、事件函数绑定：属性绑定、addEventListener、事件函数注销，键盘事件：keydown，event.which...，事件默认行为，阻止默认行为：event.preventDefault()、上下文菜单事件：contextmenu | ||
事件应用 | 拖拽原理、限制范围的拖拽、商品图片放大镜预览效果、碰撞检测、仿window桌面拖拽画框选择元素、拖拽改变大小、模拟滚动条、模拟自适应内容的滚动条、滚轮事件：mousewheel/DOMMouseScroll、event.wheelDelta/event.detail、鼠标滚轮控制模拟滚动条、滚轮控制数字加减 | ||
面向对象基础 | 对象的组成：成员属性、成员方法，Object，{}，对象创建和初始化，工厂模式，构造函数，书写规范，运算符new的执行过程和原理分析，this 的使用，原型和原型链，proto，prototype，通过prototype实现公有属性和方法的复用和继承，Mixed Constructor Function/Prototype Method，面向对象的选项卡分析及实现过程，抽象、封装、继承、多态， | ||
面向对象 | 包装对象：String、Number、Boolean，toString()，for...in/for...of的使用及特点，constructor属性的使用，instanceof运算符，继承：继承的特点、拷贝继承、类式继承、原型继承，通过继承实现多种不同形态的元素拖拽 | ||
jQuery | 核心的理念，强大的选择器、简洁的API、优雅的链式、便捷的操作，jQuery整体架构分析，实现自己的 jQuery，匿名函数自执行，闭包，无new 实例化，全局挂载，链式调用的原理和实现，Sizzle核心选择器，$()中的多种参数说明，jQ的DOM/BOM操作，jQ中的event操作，jQuery动画研究，队列，jQuery工具方法和静态方法 | ||
ECMAScript 6 | let和const命令，变量的解构赋值，字符串/正则/数字/数组/函数/对象的扩展，Symbol、Proxy和Reflect，二进制数组，Set和Map数据结构，Iterator和for...of循环，Generator函数，Promise对象，异步操作和Async函数，Class，Decorator，Module，Babel转码器 | ||
H5前端技术 | HTML5 | 音频和视频处理、表单处理、表单验证、Geolocation API、Forms API、HTML5 拖放、 Web Storage API、离线 Web 应用、Canvas、SVG、Chart.js 框架、Two.js 框架、项目实战 | |
项目实战 | 京东购物页面复杂订单的实现 | ||
Bootstrap | 响应式网页、Bootstrap 基础、Buttons、CSS 样式、组件、插件、Forms、 Inputs、LESS、Bootstrap 定制 | ||
node js | 1、搭建node环境； | ||
Angular js | 1、搭建node环境； | ||
AJAX、移动端、开发 | 1、AJAX | ||
综合项目实战 | 交互设计体验友好企业级站开发项目——蒙牛官网 |
温馨提示
