为什么要学习react和vue全栈架构开发?

作为一名有理想有抱负并且想不断挑战高薪的前端开发者,在技术层面就要不断的更新和提高。React和vue都是现在的主流开发框架,在企业招聘技术要求中占有很大的比重。react和vue都是号称可以解决复杂问题的技术,而jQuery已经心有余而力不足。为了在职场更好的发展,成为独当一面的全栈架构师,赶紧get起来吧!

课程设置:

  • 第一阶段:Node.js企业项目开发
  • 第二阶段:ES2016、2017、2018
  • 第三阶段:微信小程序开发实战
  • 第四阶段:React.js构建视图组件
  • 第五阶段:React Native移动框架
  • 第六阶段:VUE界面的前端库
  • 第七阶段:Angular.js主流框架
  • 第八阶段:Yeoman脚手架
  • 第九阶段:Grunt和Gulp构建工具
  • 第十阶段:Sass、Less和Stylus
  • 第十一阶段:Cordova和PhoneGap
  • 第十二阶段:ionic framework

技术要点

  • Node的特点
  • 异步I/O
  • 事件与回调函数
  • 单线程
  • 跨平台
  • 应用场景
  • I/O密集型
  • CommonJS规范
  • Node的模块实现
  • 路径分析和文件定位
  • 模块编译
  • 核心模块
  • JS核心模块的编译过程
  • 网络编程
  • 构建TCP服务
  • 构建HTTP服务
  • 网络服务与安全
  • MongoDB
  • Express
  • Mongoose
  • socket.io

项目案例

  • 因数计算器
  • mongodb
  • mongoose
  • RESTful风格路由
  • 爱前端问答平台
  • 小型微博系统

技术要点

  • let和const命令
  • 变量解构赋值
  • 字符串的扩展
  • 正则的扩展
  • 数值的扩展
  • 数组的扩展
  • 函数的扩展
  • 对象的扩展
  • Symbol、Set和Map数据结构
  • Proxy
  • Reflect
  • Iterator和for...of循环
  • Generator函数
  • Promise对象
  • 异步操作和Async函数
  • Class
  • Decorator
  • Module
  • 编程风格
  • 读懂规格
  • 二进制数组
  • SIMD

技术要点

  • 微信公众平台介绍
  • 服务器部署
  • 开发接口的认
  • 基础接口
  • 回复消息
  • 高级开发
  • 各接口的调用频次限制
  • 客服接口
  • 二维码开发
  • scroll-view组件
  • button组件
  • radio组件
  • 各组件详解
  • wx.connectSocket
  • wx.request
  • 查看系统信息wx.getSystemInfo
  • 获取位置wx.getLocation
  • 文件上传下载
  • 授权登录
  • 微信支付
  • 自定义组件

项目案例

  • 累加器
  • 调色板
  • 小型微博系统
  • 班级小相册
  • 班级说说系统
  • 摇一摇

技术要点

  • React简介
  • JSX
  • 组件的生命周期
  • 实例化
  • 数据流
  • 事件处理
  • 组件的复合
  • mixin
  • DOM操作
  • 动画
  • 性能优化
  • 服务端渲染
  • 周边类库
  • 过滤器
  • redux
  • react-redux
  • redux-thunk
  • redux-logger
  • dva
  • ramda

项目案例

  • 累加器
  • 购物车
  • 调色板
  • 汽车之家项目

技术要点

  • React Native简介
  • React Native开发基础
  • 常用组件介绍及实践
  • TextInput组件
  • 九宫格实现
  • NavigatorIOS组件
  • Touchable类组件
  • 状态机思维与状态机变量
  • 深入理解UI重新渲染的过程
  • Navigator组件工作机制
  • 混合开发基础
  • 组件生命周期
  • 数据存储
  • React Native应用实现步骤

技术要点

  • Vue简介
  • 数据绑定
  • 指令
  • 自定义指令
  • 计算属性
  • 表单控件绑定
  • 过滤器
  • Class与Style绑定
  • 过渡
  • 绑定事件
  • 组件
  • 表单校验
  • 分组校验
  • 与服务端通信
  • RESTful调用
  • Stylus使用
  • Vuex

项目案例

  • 累加器
  • 购物车
  • 调色板
  • worktile
  • 奇趣百科
  • 网易云音乐

技术要点

  • Angular基础知识
  • 控制器
  • 模板
  • 过滤器
  • 依赖注入
  • MVC模式
  • Angular的服务
  • 与服务端交互
  • Angular的指令

项目案例

  • 累加器
  • 购物车
  • 调色板
  • 日历
  • 单页面应用登录
  • 选修课报名系统

技术要点

  • 基本安装
  • 配置
  • HTML模板
  • 图片压缩
  • 构建工具
  • 包管理器
  • JSLint测试

技术要点

  • GIT
  • SVN
  • Grunt
  • Gulp
  • Webpack
  • 快速构建项目

技术要点

  • 定义变量
  • 选择器的嵌套
  • 导入其他文件
  • 文件编译
  • 定义代码片段
  • 传参

技术要点

  • 简介
  • API详解
  • 加速计
  • 位置传感器
  • 文件系统
  • 存储及本地数据库
  • 处理音频
  • 处理图像和视频
  • 处理通讯录
  • 本地事件
  • 使用XUI
  • jQuery Mobile
  • PhoneGap插件扩展
  • 发工具及测试

技术要点

  • Ionic和Hybrid应用介绍
  • 配置开发环境
  • Ionic导航
  • 核心组件
  • 选项卡
  • 高级列表
  • 表单组件
  • 开发高级应用
  • 使用 Ionic 命令行代理
  • ionScroll
  • 过滤器

学习目标

可以达到高级前端工程师的水平

可掌握的核心能力:

1、了解项目开发的流程;

2、掌握Express的使用;

3、能够使用NodeJS开发后台接口,打通前后端;

4、能够使用Git,SVN版本管理工具管理项目;

5、掌握 ES5 、ES 6 的新特性;

6、熟练使用工程化编程,熟练使用webpack+babel进行模块化开发 ,熟练 Less预处理语言;

7、熟练掌握MV*工作原理,掌握react+redux+react-redux+redux-thunk+redux-logger技术栈,掌握react+dva+ramda技术栈,能够熟练的利用React编写SPA;

8、熟练掌握Vue、Angular在项目中的运用;

9、能够开发微信小程序的应用;

10、能够进行跨平台APP开发,独立封装app到手机中;

11、能够完全胜任公司项目框架从0到1的搭建;

12、能够读懂公司已有的利用webpack搭建好的框架结构项目;

就业薪资:
15000-30000元/月
查看课程详情
加群交流学习:137503198
加群交流学习:137503198
每期开班限额50名,预报名可优先享受占位特权
  • *真实姓名
  • *QQ号码
  • *联系手机
  • *上课地址