在线网课 ES6+ 开发电商网站的账号体系 JS SDK

ES6+ 开发电子商务网站账户系统 JS SDK

ES6贯穿实战+ 语法，前端完全使用本地JS语法，不依赖框架，实现模块、组件、请求、视图渲染和事件绑定，创建电子商务网站的账户系统SDK，提高其开发效率和代码可维护性。

第1章 课程简介

本章主要简要介绍了整个课程的内容，包括预先知识介绍、章节安排、代码效果显示等，将从大的方面介绍和比较ES6+在实际战斗中的意义，让您对课程有初步的印象

 

1-1 课程导学

第2章 ES6+实战所需的环境

本章主要介绍了ES6+实战中必备的两种工具:Babel和webpack，以及脚手架工具在工程化中的重要性和意义，介绍html-bundler等脚手架工具(将在实战中使用)

 

2-1 ES6浏览器支持

2-2 webpack解释和示例

2-3 Babel解释和示例

2-4 html-bundler的具体用法

2-5 环境准备

2-6 本章小结

第3章 需求分析和架构设计

本章解释了为什么要进行这样的设计，以及从需求分析、整体设计到模块设计到代码编写的整个过程，以及SDK常用开发程序的介绍

 

3-1 .需求分析

3-2 架构设计

3-3 demo业务模块

3-4 demo公共模块

第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 说明箭头函数

第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 渲染结束

第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 第二步完成手机号验证

第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？

第10章 帐户设置模块开发

本章主要阐述了账户设置部分，包括收货地址管理、安全设置、个人数据编辑、巩固和复习以前的一些大语法点，并穿插了一些小的记忆API。

 

10-1 01设置用户数据页

10-2 02设置用户数据页

10-3 省市插件改造

10-4 设置收货地址-模板

10-5 设置收货地址

10-6 收货地址管理-事件绑定01

10-7 收货地址管理-事件绑定02

10-8 安全设置页面

第11章 对模块开发进行密码检索

本章主要讲解密码检索部分的开发，包括手机号码检索和电子邮件检索，巩固和复习以前的一些大语法点，并穿插一些小的记忆API。

 

11-1 重置密码_1

11-2 重置密码_2

11-3 课程回顾

第12章 整体串联总结

本章将解释开发SDK如何构成下游业务的完整过程，并回顾和总结整个项目，包括ES6+语法点、SDK开发常规、账户系统前端业务等

 

12-1 课程总结(ES6+)

12-2 课程总结(开发过程与设计方法)

12-3 课程总结(构建真实环境)

12-4 html-bundler介绍(1)

12-5 html-bundler介绍(2)

12-6 课程总结(语法应用1)

12-7 课程总结(语法应用2)

12-8 课程总结(语法应用3)

12-9 课程总结(语法应用4)

12-10 课程总结(SDK开发要点)

12-11 课程总结(账号系统开发要点)