ES6 开发电商网站的账号体系 JS SDK

xuenv2005

• 第1章 课程简介

  本章主要对整个课程的内容进行简要介绍，包括前置知识简介、章节安排、代码效果展示等，会从大的方面对ES6+在实战中的意义进行介绍和比较，让你对课程有一个初步印象

  • 1-1 课程导学
    
  
  , B; v( k- x5 W( o( {! O
• 第2章 ES6+实战所需要的环境

  本章主要介绍ES6+实战中必备的两个工具：Babel和webpack，以及工程化中脚手架工具的重要性和意义，介绍html-bundler这样一个脚手架工具（后面实战会用到）

  • 2-1 ES6浏览器支持情况
  • 2-2 webpack讲解与示例
  • 2-3 Babel讲解与示例
  • 2-4 html-bundler具体用法
  • 2-5 环境准备
  • 2-6 本章小结
    2 Z# @: s# l  P3 {" E
  
  & _' |; R4 g9 k7 f$ W& p
• 第3章 需求分析与架构设计

  本章讲解为什么要进行这样的设计，以及前端开发从需求分析、总体设计到模块设计再到代码编写的整个过程，进行思路的梳理，以及SDK常用开发套路的介绍

  • 3-1 .需求分析
  • 3-2 架构设计
  • 3-3 业务模块demo
  • 3-4 公共模块demo
    9 ~2 o; f# X' ^% L$ |
  
  
• 第4章 最常用ES6语法讲解以及课程环境搭建

  本章主要对后面用到最多的几个ES6+语法进行前置讲解，包括import和export，let和const，箭头函数等。使用html-bundler搭建课程环境，讲解一些webpack和babel一些最新的相关插件和配置

  • 4-1 创建项目
  • 4-2 真实环境安装小结
  • 4-3 import & export讲解1
  • 4-4 import & export讲解2
  • 4-5 let&const 讲解
  • 4-6 箭头函数讲解
    
  
  0 m2 a/ Z& C, `. A" n- m
• 第5章 登录模块开发-骨架及渲染部分

  本章开始进行登录模块开发，主要讲解模块骨架搭建和视图渲染部分，并在项目中讲解ES6+中的Object.assign， 模板字符串等语法。介绍消除浏览器自带自动填充的技巧

  • 5-1 业务开始
  • 5-2 Object.assign
  • 5-3 export
  • 5-4 模板字符串
  • 5-5 基本模板和自动补全1
  • 5-6 自动补全2
  • 5-7 getID
  • 5-8 渲染结束
    0 I' G9 v7 P3 I- I2 D; y
  
  1 Z- K& u! {4 R- Q: _, A& G2 ^% ]  ?
• 第6章 登录模块开发-表单验证/事件/请求部分

  本章主要讲解登录模块中的事件绑定/表单验证/向服务器请求数据/前端数据Mock等内容，结合项目讲解ES6+中的async和await, Array.from, Promise 等API，以及新版浏览器的fetch API。并且对async和await，Promise， fetch之间的关系及结合使用进行了讲解...

  • 6-1 选取元素
  • 6-2 import和export时的重命名
  • 6-3 建好骨架
  • 6-4 fetch, async&await
  • 6-5 promise讲解
  • 6-6 await使用注意
  • 6-7 表单验证
  • 6-8 表单验证展示
  • 6-9 登录结束
    
  
  
• 第7章 注册模块开发 - 手机号注册部分

  本章主要讲解注册模块中的手机号注册，活人验证部分，讲解活人验证的原理和实现，结合项目讲解ES6+中的class、Symbol等语法点。

  • 7-1 活人验证原理介绍和搭建骨架
  • 7-2 第一步的模板
  • 7-3 活人验证骨架搭建
  • 7-4 symbol语法讲解1
  • 7-5 symbol&class语法讲解2
  • 7-6 滑块界面渲染部分
  • 7-7 验证滑块整体完成（1）
  • 7-8 验证滑块整体完成（2）
  • 7-9 调用验证滑块
  • 7-10 完成第一步手机号提交
  • 7-11 完成第二步手机号验证
    ( p- D2 h- F$ j3 \' B
  
  
• 第8章 注册模块开发 - 个人信息部分

  本章主要讲解注册模块中的个人信息填写部分，包括表单验证、省市区三级联动插件等技术点，结合项目回顾之前讲到的ES6+中的class、Symbol、async/await等语法点。

  • 8-1 开始
  • 8-2 模板渲染
  • 8-3 .字符串unicode支持讲解
  • 8-4 .正则表达式unicode支持讲解
  • 8-5 . 正则unicode在表单验证业务中的运用
  • 8-6 . 搭建省市区三联插件框架1
  • 8-7 . 搭建省市区三联插件2
  • 8-8 . 完成省市区三联框架3
  • 8-9 . 三联插件中新的语法点
  • 8-10 . 完成注册用户信息流程
    
  
  
• 第9章 注册模块开发 - 支付方式绑定和整体串联部分

  本章主要讲解注册模块中的支付方式绑定，将整个注册流程串起来并回顾注册流程中涉及的技术点。

  • 9-1 绑定支持方式
  • 9-2 绑定支付方式完成
  • 9-3 如何在单页应用中使用SDK
  • 9-4 如何在react中使用sdk
    9 h0 m# y0 r0 C4 _7 h" `$ M6 p" o
  
  
• 第10章 账号设置模块开发

  本章主要讲解账号设置部分，包括收货地址管理、安全设置、个人资料编辑，对之前一些大的语法点进行巩固和复习，穿插一些小的记忆性API。

  • 10-1 用户资料页设置01
  • 10-2 用户资料页设置02
  • 10-3 改造省市区插件
  • 10-4 收货地址设置-模板
  • 10-5 收货地址设置
  • 10-6 收货地址管理-事件绑定01
  • 10-7 收货地址管理-事件绑定02
  • 10-8 安全设置页面
    
  
  # Q8 F1 ~/ @2 q: ?
• 第11章 密码找回模块开发

  本章主要讲解密码找回部分的开发，包括手机号找回和邮箱找回，对之前一些大的语法点进行巩固和复习，穿插一些小的记忆性API。

  • 11-1 重置密码_1
  • 11-2 重置密码_2
  • 11-3 课程回顾
    
  
  5 e% Y3 j9 n# B% P& y
• 第12章 整体串联和总结

  本章会讲解开发完成的SDK如何落地在下游业务上构成一个完整的流程，并对整个项目进行回顾与总结，包括项目中用到的ES6+语法点、SDK开发的套路、账号体系的前端业务等

  • 12-1 课程总结(ES6+)
  • 12-2 课程总结(开发流程与设计方法)
  • 12-3 课程总结（真实环境搭建）
  • 12-4 html-bundler介绍（1）
  • 12-5 html-bundler介绍（2）
  • 12-6 课程总结（语法应用一）
  • 12-7 课程总结（语法应用二）
  • 12-8 课程总结（语法应用三）
  • 12-9 课程总结（语法应用四）
  • 12-10 课程总结（SDK开发要点）
  • 12-11 课程总结（账号体系开发要点）
    
  
  
  7 O! i5 w; _6 n0 \