WEB前端开发培训课程体系
1、Web PC端页面重构
网页图像设计(PS)
PS 操作、色彩基础与配色、蒙版、图像变换、修图技巧、钢笔与抠图、矢量图形绘制、 文本设计、渐变与图层样式、网页修图、图表设计、导航设计、网页切图、图像优化、布局设计
Web 界面设计与实现
WEB 广告设计、专题页设计、图标设计、电商网站设计、企业门户网站设计、WEB 应用设计、WEB APP 设计;熟练掌握各种 WEB 界面的设计,精通 WEB UI 设计规范与布局实现,并完成界面的制作。
UI 交互设计
互联网 UI 交互效果分析(图片整合、滑动门及宽高自适应等高级应用技术;初步接触Javascript)
页面重构阶段项目实战
牛到里约,跑动中国专题页
云购全球一元抢苹果web界面设计
2、HTML5基础
HTML5 基础 CSS3基础
HTML 快速入门、文本、图像、链接、表格、列表、表单、框架;
CSS 基础语法、各种选择器(通用选择器、元素选择器、id和 class选择器、后代选择器、伪类选择器等)、盒模型与背景、文本格式化、表格、显示与定位
CSS3高级
CSS 复杂选择器(兄弟选择器、属性选择器、伪类和伪元素选择器等)、动画、 过渡、2D/3D 转换、弹性盒子、CSS Hack、CSS 优化、CSS规范
阶段项目实战
电商站:1 号 店
3、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转码器
4、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环境;
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、AJAX
2、APP 开发环境、WEB APP 开发案例、Jquery.mobile;了解 Android 的开发环境 及模式,熟练掌握 WEB APP 开发的相关技能;
3、微信公众平台开发及维护、微信二次开发了解微信公众平台开发及维护的相关知识
综合项目实战
交互设计体验友好企业级站开发项目——蒙牛
偏平化风格企业站开发项目——华德地毯集团
WEB QQ
网易新闻客户端
小米商城客户端(web APP)
体验课预约试听
倒计时
课程热线:
170-5129-0180客服在线时间:早上9点~下午6点,其他时间请在线预约报名或留言,谢谢!