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

  

 

posted @ 2023-10-11 18:39  兔兔福  阅读(11)  评论(0编辑  收藏  举报