移动端+HTML5课程大纲
*阶段WEB前端核心CSS+HTML5+CSS3
01WEB前端核心基础:
前端开发环境介绍:通过Dreamweaver、HBuilder、Notepad++制作出跨越平台限制和跨越浏览器兼容性的页面;HTML标记规范,CSS基础,CSS核心属性,CSS样式类型,选择器与权重,继承、控制元素性质,CSS高级应用,CSS文档统筹,整站案例;浏览器兼容与宽高自适应;
02HTML5+CSS3移动端:
HTML5新增的元素与属性;表单域增强元素;CSS3选择器;文字字体相关样式;CSS3位移与变形处理;CSS3 2D转换与过度动画;CSS3 3D转换与关键帧动画;弹性盒模型;媒体查询;响应式设计;企业级BootStrap开发高级课程;移动端WEB实战案例;
第二阶段JavaScript交互开发
01WEB原生JavaScript交互开发
JavaScript的主要特点、应用与组成;JavaScript运算符优先级与数据类型的转换规则;JavaScript条件判断语句:if语句、switch语句;JavaScript流程控制-循环控制语句;JavaScript函数的调用与参数使用;函数-验证登录的案例;对象Object与String对象;利用Date对象制作网页时钟案例;的for.in循环语句(遍历对象);创建Array对象;String对象抽奖案例演示;JavaScript正则表达式与正则表达式的创建;支持正则表达式的String对象的方法与表单验证案例;事件-鼠标键盘事件;事件-页面相关事件;注册与移除事件监听器;document获取文档中各类元素;创建各类节点与JS的DOM操作;DOM操作通过文档根节点获取节点;BOM操作;
02JavaScript工具库自主研发
高性能、轻量级类DOM库;事件库;AJAX库的实现;原型和继承库;
03移动前端中面向对象进阶与ES5/ES6应用
移动端中设计模式(观察者模式开发等);原型对象和原型链;构造函数;执行上下文栈与执行上下文;变量对象与活动对象;作用域链;闭*:要执行的代码块;ES5中的核心特性;ES6中重要知识点;
第三阶段jQuery与javascript交互特效开发应用
01Javascript实战
1.自适应瀑布流;2.淘宝首页轮播图;3.淘宝分类菜单;4.淘宝放大镜;5.微博弹出可拖拽窗口;6.仿苹果菜单;7.微信聊天界面;8.模拟windows可拉伸窗口;9.模拟烟花爆炸效果;10.照片墙;11.土豆悬浮菜单;12.微信打飞机游戏;
02 jQuery程序交互特效开发
jQuery框架基本选择器;jQuery层级选择器和基本筛选器;jQuery可见性过滤器和表单过滤器;jquery侧边栏;网页定位导航特效;滑动门特效;焦点图轮播特效;jQuery顶部导航效果;jQuery瀑布流特效;仿京东多条件筛选;京东商城左侧分类导航;小米电商
第四阶段AngularJS+移动端开发高级应用
01 Angularjs
Angularjs概述和数据绑定;Angularjs$scope作用域以及代码压缩;Angularjs内置指令;Angularjs购物车项目;Angularjs表单验证;Angularjs用户注册项目;Angularjs自定义指令;Angularjs过滤器;Angularjs服务;Angularjs自定义服务;Angularjs弹窗服务项目;Angularjs插件;Angularjs外部插件ui-router使用;图书商城实战案例;
02 WEB端+移动端+PHP完成项目实战
Ajax进阶、跨域与Defered;PHP基础;完全掌握MySQL数据库的基本使用;MySQL数据库的多种高级应用;掌握数据库的备份还原及性能优化操作;Apache与Nginx环境搭建与配置;接口的定义;Mock数据;Restful;前后端联调;前端安全(XSS,CSRF,JSON注入);WEB端+移动端+PHP完成项目实战;
第五阶段移动端项目开发+微信端开发
移动端HTML5
Canvas基础知识;绘制矩形、圆弧、线段、曲线、渐变与图像;Canvas图表绘制案例;localStorage、sessionStorage与离线缓存;animate.css;Yo/Mui;touch.js;zepto.js;swiper;IScroll;
微信场景
WeUI;Swiper animate在微信场景项目中的使用;常见的页面布局;常见的交互与动画;微信端实战项目;
企业级WebAPP开发实战
WebApp项目实战;微信场景开发;Angular框架;ionic框架;Angular+ionic项目实战;
企业级Hybrid开发实践
phonegap;微信接口开发;
应用Ionic开发WebApp项目
css components;ionic基于angularJS扩展的交互指令介绍;blank模板的安装;头部与尾部;内容区域;列表;区域滚动;下拉刷新与上拉加载;页签导航;背景层与旋转SVG图标;loading效果;actionsheet效果;弹出窗口;弹出浮动层;底部满屏滑动窗口;ionic自带的swiper滑动;基于swiper组件的swiper滑动;页面导航切换;侧边栏菜单;
应用React.js开发WebApp
(1)React简介(2)JSX(3)组件的生命周期(4)数据流(5)事件处理(6)组件的复合(7)mixin(8)DOM操作与表单(9)动画(10)性能优化与服务端渲染(11)项目实战2、React Native(1)环境搭建与配置(2)Flexbox布局介绍(3)在React Native中使用导航(4)动画和滑动菜单(5)使用React Native播放音频与绘制Canvas(6)自定义视图(7)应用程序状态(8)使用Node来实现服务端API(9)深入理解JavaScript promise(10)fetch简介(11)在IOS中使用SQLite(12)项目实战
第六阶段全栈工程师之路
Angular2框架掌握Angular2组件Directive(指令)、组件框架、模板、依赖注入、绑定、路由等
Node跨平台:讲解Node.的事件循环、缓存、流、文件系统、工具模块、web模块和Express框架应用。
微信小程序:WXML,WXSS,掌握使用的基本方式
Backboe框架:掌握Backboe模型(models)、集合(collections)、视图(views)的结构
Mui框架
Vue:Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和Vue生态系统支持的库结合使用时,Vue也完全能够为复杂的单页应用程序提供驱动
React技术线:掌握Html CSS JavaScript的基础语法,Hello World,npm,React基础,搭建脚手架,react-router,.redu
NodeJS
Node.js介绍与交互式运行环境REPL;Node.js基础详解;模块与NPM*管理工具;使用Buffer类处理二进制数据;使用File System类在Node.js中操作文件系统;TCP与UDP数据通信;HTTP与HTTPS;Process/Child Processes进程与子进程;
第七阶段毕业作品整理与*应聘
毕业设计指导与整理;
WEB前端开发高级讲师及WEB前端开发*工程师指导你完成毕业作品,以备应聘时使用;
对学习过的所有课程和自己做一个完美的总结。要求必须完成成整套WEB前端网站实战作品并完成移动网站开发作品;
*应聘技巧与职业规范:*形势分析及指导;毕业学员在应聘前应该做的准备。