摩登前端开发者

《摩登前端开发者》面向想成为 JS 开发者的新手,瞄准 ”Nodejs + React + 微信小程序“ 技术栈。

课程目录
git
happypeter
一个喜欢录视频的 JS 开发者。

第一关:Linux 基础

第 1 节 Github Pages 创建个人网站
第 3 节 进入 Linux 命令行的黑色世界
第 3 节 文件系统结构
第 4 节 文件操作
第 5 节 Atom 编辑器
第 6 节 你好 Git
第 7 节 Git 本地工作流
第 8 节 上传代码到 Github.com
第 9 节 安装 nodejs
第 10 节 初试 webpack

第二关:JS/ES6 和面向对象编程

第 1 节 代码的世界
第 2 节 使用 Babel 编译 ES6
第 3 节 变量和函数
第 4 节 什么是面向对象?
第 5 节 第一个自己的 Class
第 6 节 父与子
第 7 节 理解 this 指向
第 8 节 异步操作和 Promise

第三关:React 前端框架

第 1 节 你好,SPA
第 2 节 基本 Webpack React 项目搭建
第 3 节 写一个 react-router 的 Hello World
第 4 节 修改 server 配置
第 5 节 模块化拆分
第 6 节 路由嵌套
第 7 节 React 部分项目训练

第四关: Express 后台框架

第 1 节 Hello World
第 2 节 React 牵手 Express
第 3 节 MongoDB 数据库
第 4 节 使用 Mongoose 连接 JS 和 MongoDB
第 5 节 打通全栈
第 6 节 从前台传递参数给后台
第 7 节 展示一个用户的信息
第 8 节 写一个 express 静态服务器

第五关:HTTP 基础

第 1 节 HTTP 简介
第 2 节 用 GET 传参数到服务器
第 3 节 用 POST 传复杂数据到服务器( form 篇)
第 4 节 用 POST 传复杂数据到服务器( axios 篇)
第 5 节 梳理前台向后台传数据的三种形式

第六关:React Express 综合项目

第 1 节 创建 github 项目
第 2 节 创建 express 的 Hello World
第 3 节 保存数据到 MongoDB
第 4 节 RESTful API
第 5 节 最简 Webpack React 环境
第 6 节 添加 React Router
第 7 节 实现首页文章列表
第 8 节 提交数据到服务器
第 9 节 axios 专题讲解
第 10 节 总结和展望
第 x 节 wiki

第七关:Redux 专题

第 1 节 Hello Redux
第 2 节 搭建基本 React-Webpack 环境
第 3 节 内部 state 使用
第 4 节 Redux Store 数据大本营
第 5 节 React 充电:组件何时会被再次 render
第 6 节 connect 动态读取 store 数据
第 7 节 处理两类数据

第八关:Redux-React-Express 大项目

第 1 节 新建一个 Express 应用
第 2 节 Mongodb 数据库
第 3 节 Mongoose 操作数据库
第 4 节 JWT 技术实现用户认证
第 5 节 React-Router 实现多页面效果
第 6 节 Axios 发 HTTP 请求
第 7 节 Redux Store 传递数据给各个组件

第九关:另一个前端--微信小程序

第 1 节 使用微信自带组件
第 2 节 用户登录
第 3 节 支付功能
第 4 节 读取 JSON API 数据
第 5 节 调用第三方 API
第 6 节 用 Nodejs 搭建自己的后台 API