开课吧前端1期.阶段3-2:课程体系
课程体系
第一周:ES6、数据交互、WebSocket
1、课程介绍、讲师介绍:为什么要搞原生的
Markdown和GitHub
ES6
2、Node基础、bebel
Ajax和Jsonp
WebSocket
项目:WebSocket聊天室
3、手拆jQuery源码
手拆socket.io源码
项目:TBD
-----------------------------------------------------------------------------
第二周:模块化、自动化、视频音频
1、CMD和AMD规范、seajs和requirejs、Nodejs模块(含npm、yarn等)
模块编译和部署browserify
手拆requirejs
解析爱奇艺模块使用
2、grunt和gulp、browser-sync多端同步
WebPack基础、WebPack+cli
手拆WebPack
3、Video、Audio API: 方法(play/pause/canplay等)、属性(duration/current/volume等)、事件 (canplaythough/error等)
项目:自定义视频播放器
-----------------------------------------------------------------------------
第三周:移动端布局、API、触屏
1、HTML5移动端布局
bootstrap
项目:bootCDN响应式布局
手拆bootstrap
2、文件拖拽、FileReader
DeviceMotion
geolocation
WebSQL、WebWorker
3、touch事件、单点、多点
方向锁定(wipe)、手势识别(gesture)
zepto
手拆iScroll、Hammer
-----------------------------------------------------------------------------
第四周:Canvas
1、canvas基本用法(gd)、路径操作
常用图形(线、弧、矩形、path等)
常用属性(线型、颜色、透明度等)
2、饼图应用
canvas变换(rotate/translat/scale/原点/顺序)
图片操作(drawImage)/canvas动画/事件检测
3、像素操作
box2d物理引擎
实战:canvas小游戏
WebGL基本概念、原理
three.js使用:场景、摄像机、灯光、形状、材质、渲染、渲染循环
实战:简易3D物理场景模拟
-----------------------------------------------------------------------------
第五周:SVG矢量图
1、认识矢量图(SVG/VML)
SVG用法(标签、属性、样式、事件、动画、DOM操作)、各种SVG形状、g和path
VML用法(头,标签,属性,样式,事件,动画,DOM操作),各种VML形状,g和 path
2、Raphael基础:画布,生成图形,样式操作,动画,事件
Raphael应用:地图,钟表,图表,小游戏
3、echart.js
d3.js
-----------------------------------------------------------------------------
第六周:PhoneGap混合开发
1、了解混合开发(优势、原理、常用框架)
配置PhoneGap开发环境(phonegap-cli)、创建工程、工程目录解构、config配置
测试、发布
camera/File/Transfer
实例:instagram照片墙
2、常用插件
3、Media
实例:微信对讲机
-----------------------------------------------------------------------------
第7周:APICloud混合开发
1、本土框架和PhoneGap的区别
项目创建流程,版本管理,开发环境(studio2.0)
apiready,api对象
数据交互
2、用户管理,实例,电商项目
3、搭建原生web服务
http部分:http模块使用,http协议解析
文件部分: fs模块使用,文件操作
数据解析:get数据,post数据,form-data数据
-----------------------------------------------------------------------------
第8周:NOde.js开发,数据库
1、stream流操作,gz压缩
cluster操作
数据库操作:安装,建库建表
实战:完整版Node服务器
2、CRUD、模板操作
实战:新闻站
3、网络通信基础、net模块使用
实战:搭建邮件验证系统
-----------------------------------------------------------------------------
第9周:NOde.js高级开发
1、fetch-html模块,gbk模块
实战:天猫商品数据抓取
拆解fetch模块
2、评论抓取,分词
实战:舆情监控
3、Express安装,基本使用,中间件机制
常用中间件:router,multer,parser,cookie,session,consolidate等
Router
-----------------------------------------------------------------------------
第10周:Node框架:Express,KOA
1、实战:Express全栈开发
2、KOA安装,基本使用,中间件机制,常见中间件:Router
KOA@2到KOA@3迁移(koa-convert)
3、实战:KOA全栈开发
-----------------------------------------------------------------------------
第11周:Angular
Angular
-----------------------------------------------------------------------------
第12周:Vue
Angular
-----------------------------------------------------------------------------
第13周:React
React
-----------------------------------------------------------------------------
第14周:项目实战
项目:全栈开发
-----------------------------------------------------------------------------
第15周:
项目:数据采集,可视化
明天课程
课程体系 ---------------------------------------------------- ES6【不会的预习一下】 markdown git ---------------------------------------------------- centos 安装node命令 sudo yum install node sudo apt install node ---------------------------------------------------- npm i -g n n——升级node本身
浙公网安备 33010602011771号