• 内页banner
  • ui1
  • 内页3
课程设置您当前所在位置: 首页 > 课程设置

丰泽HTML5(web前端开发)课程体系

更新时间:2016-09-19 11:17:00点击次数:1321次字号:T|T

1Web  PC端页面重构

课程

时长

内容

网页图像设计(PS)

2

PS 操作、色彩基础与配色、蒙版、图像变换、修图技巧、钢笔与抠图、矢量图形绘制、 文本设计、渐变与图层样式、网页修图、图表设计、导航设计、网页切图、图像优化、布局设计

Web 界面设计与实现

WEB 广告设计、专题页设计、图标设计、电商网站设计、企业门户网站设计、WEB 应用设计、WEB APP 设计;熟练掌握各种 WEB 界面的设计,精通 WEB UI 设计规范与布局实现,并完成界面的制作

页面上线流程

页面上线流程

UI 交互设计

互联网 UI 交互效果分析(图片整合、滑动门及宽高自适应等高级应用技术;初步接触Javascript)

页面重构

阶段项目实战

牛到里约,跑动中国专题页

云购全球一元抢苹果web界面设计

2HTML5基础

课程

时长

内容

HTML5 基础+CSS3基础

4

HTML 快速入门、文本、图像、链接、表格、列表、表单、框架;

CSS 基础语法、各种选择器(通用选择器、元素选择器、id和 class选择器、后代选择器、伪类选择器等)、模型与背景、文本格式化、表格、显示与定位

CSS3高级

CSS 复杂选择器(兄弟选择器、属性选择器、伪类和伪元素选择器等)、动画、 过渡、2D/3D 转换、弹性盒子、CSS Hack、CSS 优化CSS规范

阶段项目实战

电商站:1 号 店

3JavaScript开发

课程

时长

内容


JS入门热身

5

元素获取、事件类型:鼠标、键盘、窗口、表单、自定义事件、初识函数、变量声明、变量赋值、变量命名规则、关键字、保留字、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转码器

4、H5前端高级技术

课程

时长

内容

HTML5 高级

1

音频和视频处理、表单处理、表单验证、Geolocation API、Forms API、HTML5 拖放、 Web Storage API、离线 Web 应用、Canvas、SVG、Chart.js 框架、Two.js 框架、项目实战

阶段项目实战

京东购物页面复杂订单的实现

Bootstrap

1

响应式网页、Bootstrap 基础、Buttons、CSS 样式、组件、插件、Forms、 Inputs、LESS、Bootstrap 定制

node  js

1

1、搭建node环境;

2、HTTP;

3、搭建node服务器;

4、Node链接MongoDB;

Angular js

1、Angular js简介;

2、开发第一个Angular js程序;

3、前端MVC的设计和搭建;

4、数据双向绑定;

5、Controllers;

6、 Scope;

7、Service;

8、Angular路由与多视图;

9、Angular实战

AJAX、移动端、微信开发

1

1、AJAX

2、APP 开发环境、WEB APP 开发案例、Jquery.mobile;了解 Android 的开发环境 及模式,熟练掌握 WEB APP 开发的相关技能;

3、微信公众平台开发及维护、微信二次开发了解微信公众平台开发及维护的相关知识

综合项目实战

2

交互设计体验友好企业级站开发项目——蒙牛官网

偏平化风格企业站开发项目——华德地毯集团官网

WEB QQ

网易新闻客户端

小米商城客户端(web APP)