首页 实战 ES6+ 开发电商网站的账号体系 JS SDK
收藏

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

覆盖ES6+语法新特性,纯原生JS开发,强化基本功!

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

难度 中级 时长 13小时 学习人数 244 综合评分 9.40

实战中贯穿ES6+ 语法,前端完全使用原生JS语法,不依赖框架,实现模块、组件、请求、视图渲染和事件绑定等,打造一个电商网站的账号体系SDK,提升自己的开发效率和代码可维护性。

大渔老师
讲师

BAT资深研发工程师

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看

ES6最佳实践,强化语法运用

涵盖ES6+ 大量的新特性,在真实项目中高效运用

Async/Await

解决复杂请求中回调嵌套问题
提升可维护性

Let/const

避免前后覆盖、变量提升

变量未声明就使用等常见问题

Import、Export

解决模块化开发的问题

更好的进行编译时优化

箭头函数

简化写法,解决了

this指向不确定的问题

新的数组、对象、字符串方法

常用的操作内置支持,无需自己

写方法实现,提升开发效率

Fetch API

提供更简便易用的请求方法

配合async/await提升开发效率

Symbol

提升JS对象的封装性

避免外部对内部的覆盖

变量解构赋值

提供了更方便的写法,简化代码

无需任何框架基础,
从原生JS开始到实战高效运用

原生JS开发

不依赖框架,实现模块化、组件化、API请求、视图渲染和事件绑定

揭秘JS SDK背后的套路

完善代码通用性、兼容性、核心能力的封装性和外部配置的灵活性

贴近实战

了解通用账号体系的业务逻辑和前端项目的整体设计和开发流程

BAT企业级真实项目为基础
ES6+ 开发完备的电商网站账号体系SDK

直接在实战中运用ES6+ 语法,提升自己的开发效率和代码可维护性

SDK通用功能

UMD打包

接口设计

登录

表单验证

按钮和输入框交互

注册

活人验证

短信验证, 手机号验证

个人信息填写

支付方式绑定

找回密码

选择找回方式

邮箱找回

手机号找回

个人中心

收货地址管理

安全设置

个人信息设置

不再头痛环境搭建,快速上手开发

html-bundler

脚手架工具,对以下三种工具进行配置整合,快速搭建项目

Webpack

模块化转可识别的非模块化JS,代码压缩等优化

Babel

编译工具,将ES6+ 语法转换为兼容性好的ES5语法

Gulp

对CSS等资源处理,整体构建流程处理

真实前端项目开发流程

环境准备

架构和模块设计

Mock数据与公共模块开发

业务模块开发

业务模块串联

学员专享增值服务

问答专区

讲师集中答疑

关于课程的问题都可在问答区随时提问
讲师会进行集中答疑

源码开放

整套代码下载

课程案例代码完全开放给你,你可以根据
所学知识自行修改、优化

适合人群及技术储备要求

本课程是ES6实战进阶课程,对你的学习能力及基础都有要求,如果你还对ES6基础语法不是很了解,建议你先

《 ES6零基础教学 解析彩票项目》这门课程学起,有助你稳固ES6基础知识

学前必备技术

掌握JavaScript基础知识

有一定的Web项目开发经验

环境参数

  • 技术语言 html、css、JavaScript
  • 课程所需开发环境 不限
  • 环境配置 node6+ npm4+
  • 工具 babel webpack gulp
  • 工具 html-bundler
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题