• 正文概述
  • 更新记录
  • 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 课程总结(语法应用一)
    12-7 课程总结(语法应用二)
    12-8 课程总结(语法应用三)
    12-9 课程总结(语法应用四)
    12-10 课程总结(SDK开发要点)
    12-11 课程总结(账号体系开发要点)

    本站提供各类,名师讲座视频,培训课程视频,如:企业管理培训课程视频、网络营销培训课程视频,等···各类音频/培训视频教程/培训讲座下载观看。

    版权声明 3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ5009981进行删除处理。
    5 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
    6 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。

    粤帮粤顺 » 【在线网课】ES6+ 开发电商网站的账号体系 JS SDK

    发表评论

    开通VIP 享更多特权