课程大纲

Ajax课程体系

  • • 前后端交互开发深入解读
  • • HTTP事物及HTTP报文
  • • AJAX基础知识
    • GET系列请求和POST系列请求的对比
    • AJAX状态码分析
    • 网络状态码分析:200、301、302、304、404、500…
    • AJAX中的同步和异步
    • AJAX兼容处理
    • URL解析及常用的编码方式
  • • AJAX库的封装和JQ中的AJAX解读
  • • JSONP非同源策略处理及更多的跨域方式
  • • 百度模糊搜索案例开发
  • • NODE简单基础
    • 常用内置模块:HTTP、FS、URL...
    • 简单的NPM操作
    • 静态资源文件的请求处理
    • API接口的请求处理
  • • 综合全栈案例开发:CRM客户管理系统

NODE基础

• Node概述、非阻塞IO及事件环原理

• Node安装、版本切换、开发环境和调试技巧

• Node应用的编写与启动运行

• 控制台的log、error、dir、time和timeEnd等方法

• Node中的全局作用域

• 讲解filename变量和dirname变量

• 事件处理机制及事件环机制

• 定时器的基础知识:setTimeout、setInterval...

• 在Node中操作文件和文件流

NODE服务器开发

• 创建和使用http和https服务器

• 获取客户端请求中的参数如查询字符串、请求头和请求体

• 使用http客户端向Web服务器请求资源

NODE快速开发框架Express

• 路由控制以及路由原理

• 获取请求的方法、查询字符串、请求头和请求体等参数

• Node中间件的原理和常用中间件的使用

• 通过send和sendFile发送响应

• 如何在Express中使用ejs和jade模板以及模板的原理实现

• 如何使用静态文件中间件

• 通过重定向实现页面跳转

• 用户管理系统的项目实战

• cookie和session原理以及在项目中的应用

ES6深入知识

  • • 什么是ES6
  • • 箭头函数的定义和用途
  • • 类的定义和继承
  • • 对象和继承
  • • 模板字符串的原理和用法
  • • 解构赋值
  • • 默认、其余和展开参数
  • • let和const定义变量
  • • 模块的定义和使用

babel­强大的编译器

  • • babel介绍
  • • 如何在babel中使用预设
  • • 如何使用babel插件
  • • 如何使用babel转换react语法
  • • 如何在webpack中使用babel

Vue课程体系

快速上手vue

  • • 了解渐进式框架vue
  • • 了解vue中的基础指令v-­model,v­-for,v-­on,v-­bind...

vue中的数据交互

  • • 使用第三方模块vue­resource、axios实现数据交互
  • • 使用nodejs+vue实现珠峰留言板
  • • jsonp跨域实现完整百度搜索框案例

vue进阶

  • • 了解vue的生命周期(beforeCreate,created,beforeMount,mounted…)
  • • vue中自定义指令,通过自定义指令实现拖拽,扩展功能
  • • vue中自定义过滤器,创建日期过滤器、数据过滤等
  • • vue中创建组件
  • • 父子组件的数据传递

vue全家桶

  • • 使用vue­router搭建单页应用
  • • 应用webpack手动搭建vue项目并使用vue­loader
  • • vue­cli快速生成项目,并集成vue­router,vue­resource
  • • 使用vuex实现数据状态的统一管理
  • • 应用mintUI elementUI

webpack课程体系

  • • webpack介绍
  • • 创建项目目录
  • • 使用webpack跑通基本开发环境
  • • 支持es6语法
  • • 自动产出html文件
  • • 在本地启动服务
  • • 支持react
  • • 使用css样式
  • • 使用karma­mocha搭建测试环境
  • • 使用chai测试框架
  • • 使用eslint进行代码检查
  • • 打包完成后自动打开浏览器
  • • 使用uglify­js进行代码压缩
  • • 自动插入banner
  • • 将css单独加载
  • • 为文件添加hash值

React课程体系

  • • React基础
  • • JSX语法
  • • 如何给组件添加样式
  • • 如何添加自定义组件
  • • 创建无状态组件
  • • 学习render方法
  • • 组件的属性
  • • 组件的状态
  • • 理解react中的this
  • • 使用refs操作DOM元素
  • • 子组件children属性
  • • 组件的生命周期之创建
  • • 组件的生命周期之销毁
  • • 高阶组件

使用React­-router玩转路由管理

  • • react路由介绍
  • • 跑通基本的开发环境
  • • 跑通基本路由
  • • 使用Link组件进行导航切换
  • • 路由的嵌套使用
  • • 设置路由激活状态
  • • 路由参数
  • • 默认路由
  • • indexlink
  • • 路由重定向
  • • browser history
  • • webpack后端服务器
  • • 路由切换
  • • 钩子函数

深入浅出redux应用

  • • Redux课程介绍
  • • 什么是Redux
  • • 搭建开发环境
  • • 理解action­store­reducer
  • • 理解dispatch
  • • subscribe订阅
  • • action­creator
  • • react­redux介绍
  • • 实现计数器应用
  • • Redux中间件
  • • logger中间件
  • • thunk中间件实现异步action
  • • 超棒的调试工具
  • • 区分开发和生产环境
  • • react­-router­-redux
  • • 中间件优化

珠峰书店

这部分我们会使用vue、vue-router、axios、node等制作一个功能完整的珠峰书店,包括商品添加、商品修改、商品浏览、商品查看、商品查看等功能

珠峰课堂

本项目使用目前最先进的react+react-router+redux+react-router-dom+react-router-redux技术栈开发一个包含首页、轮播图、课程列表、详情页、用户注册、用户登录、用户退出等完整功能的移动端项目。

珠峰早鸟

本项目是由美团的高级前端工程师使用目前最先进的react+react-router+redux+react-router-dom+react-router-redux技术栈开发一个包含首页、今日列表、新建打卡页面、个人中心、排行榜等功能完整功能的移动端项目。

微信小程序准备工作

  • • 小程序开发与普通网页开发的区别
  • • 注册小程序账号
  • • 小程序开发工具的安装及介绍
  • • 小程序的开发流程介绍

小程序基础

  • • 如何创建一个小程序项目
  • • 小程序的目录结构
  • • 小程序的4种文件类型
  • • 小程序的尺寸单位及导入样式方法
  • • 配置导航及tabBar
  • • 数据绑定
  • • 条件渲染
  • • 列表渲染
  • • 页面生命周期

小程序进阶

  • • 获取用户信息
  • • 封装http-promise
  • • 自定义组件
  • • wxs的应用
  • • 小程序animation动画
  • • 获取地理位置

项目实战

  • • 下拉刷新
  • • 封装http-promise
  • • 上拉加载更多
  • • 上传图片
  • • 五星评分

课程价格

课程 Node主体课程、Vue、React框架
课程周期 八周
面向人群 有一定的JS和移动端开发经验,尤其是需要掌握原生JS
学习目标 你将接触到前端最前沿的技术框架,深入了解后台编程, 数据库等内容,做一个合格的全栈开发工程师
课程费用 实体周末班: 6700元
实体全日制班: 8400元
在线周末班 : 5900元

前端框架视频

常见问题

珠峰培训,不仅仅是传授技术,更是引路人,是发现你的伯乐!