开课吧前端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本身