首页 实战 真实数据对接 从0开发前后端分离的企业级上线项目
收藏

再谈前后端分离式

手把手从0打造电商平台-前端开发

真实数据对接 从0开发前后端分离的企业级上线项目

难度 中级 时长 20小时 学习人数 4116 综合评分 9.97

真实数据对接 从0开发前后端分离的企业级上线项目

手把手带你打造一套前后端完全分离、分层架构设计、模块化开发的大型电商平台的前端线上项目,并讲解与服务端真实数据的对接,让你掌握一线互联网前端开发的经验和技巧。【毕设项目精品】

Rosen
讲师

高级前端开发工程师

课程预览

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

新手独立开发电商前端 so easy

我要体验真实项目http://happymmall.com

项目功能与技术要点

  • 技术架构

    分层架构设计思想与实战
    模块化设计思想与实战
    CommonJs标准、webpack实战

  • 通用模块

    高复用工具类设计与封装
    通用模块设计与独立打包
    高逼格UI开发经验与技巧

  • 用户模块

    数据安全性处理方案
    表单同步/异步验证
    小型SPA开发

  • 商品模块

    jQuery插件模块化改造
    独立组件抽离技巧
    多功能列表开发

  • 购物车模块

    商品状态随时验证方案
    模块内部方法调用方式
    非Form提交时的数据验证

  • 订单模块

    Modal式组件封装思想
    城市级联操作
    复杂表单回填

  • 支付模块

    支付宝支付功能对接
    支付状态检测
    支付成功回执处理

  • 线上部署

    线上服务器环境搭建
    域名规划与解析
    自动化发布脚本编写

六大课程亮点 让你拥有自己的线上项目

  • 颜值逼格高

    用高逼格代码写高逼格界面,对颜值保持强迫症般的执着

  • 经验技巧多

    多年架构设计与开发经验,带你少走弯路,迅速成长

  • 解决问题快

    带着你去亲手解决各种坑,提升解决问题的能力

  • 发布自动化

    线上域名规划,Nginx配置,自动化发布

  • 学习成本低

    手把手写代码,复杂问题简单化,新手不用担心看不懂

  • 多平台搭建

    Windows、Mac、Linux环境搭建与配置,免去环境搭建烦恼

即使刚起步,也教你带着前端大牛的思想去学习实践

  • 前后端彻底分离

    技术提升源于思想提升,跟紧技术大咖的开发思想,在开发中减少前后端耦合,有超前开发意识,打破前端开发的局限性,才能在技术帮脱颖而出

  • 分层架构模块化

    大企业的攻城狮之所以与众不同,是因为在项目开发中不仅仅是实现功能技术点,更注重的是高内聚、低耦合利于系统维护和升级,提高工作效率

  • 真实生产环境

    在一个项目中能否学到真东西,重要是看项目的真实性。教你使用真实服务器、真实域名,在真实生产环境上开发完整项目,体验前端独立开发的高效性

一个优秀的攻城狮不会止步于前端

配套的Java服务端课程已推出,前后端配套学习,让你拥有一个整站线上作品

点击了解详情

学员专享增值福利

  • 问答专区

    讲师集中答疑

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

  • 源码开放

    整套代码下载

    前端整套代码全部开放,可根据所学知识自行修改代码、优化,甚至可以直接应用在实际工作中

  • 素材开放

    方便练习使用

    课程中使用的常用软件下载提供给你
    且线上可直接访问演示环境

适合人群及技术储备要求

本课程非常适合刚进入IT行业的毕业生或初、中级前端攻城狮

为了更顺利的完成本课程,你需要具备以下技能:
基本的HTML,JavaScript,CSS, jQuery基础
CommonJs设计规范
模块化概念

环境参数

  • 开发平台 Mac/Windows/Linux
  • 架构模式 前后端完全分离,纯静态方式,分层架构模块化
  • 模块化方案 CommonJS+Webpack
  • 技术栈 Html+CSS+JQuery+React+Sass...
  • 开发工具 Sublime,Chrome,Charles/Fiddler
  • 版本控制工具 Git
  • 项目发布方式 shell脚本自动化发布
  • 代理工具 Charles/Fiddler
  • 语言环境 JQuery,Webpack,NodeJs,Git
  • 需要安装的软件 NodeJs,Sublime,Chrome,Charles…

万事俱备 只等你来

  • 悬壶行者

    好评

    买实战课程之前,考虑了很久,是否实用高效,能否快速进阶? 但是,当我刚刚看过这个课程的前几章的时候,疑虑完全打消了,就觉得值,超值! 课程很贴底气,即使是零基础的同学,从第一章开始看,学完后做一个电商类前端完全没问题! 从网站的构建思路,到各种工具的使用优缺点,到具体功能的实现,老师都是一段段代码敲进去的,思路清晰,代入感很强,很能体现一个大牛级别程序员的素养,而且还可以在课程网站上对有疑惑的问题随时提问,老师也是尽心尽力的回答,有疑惑才能更精进嘛! 群里氛围很好呦!

  • qq_飞越疯人院_1

    好评

    感谢慕课网!蹭过很多免费课程,这是购买的第一个实战视频,真的非常超值,目前只看完前四章,水平有限,花了四十多个小时...不过其中有很详细的git版本管理、webpack自动打包分类、npm的使用、模块话开发。至于后面有什么,就更加期待了!而且学习过程中出现的问题,在提问区老师很快就会回复解决,学习交流区同学们也很乐于助人,总之,非常的赞!

  • 喏垨戸

    好评

    买了这么多课程第一次评论,这个课程相当不错,我认为超值,最让我感动的就是,几乎你的提问老师都会帮你详细的解答,并且不厌其烦的给你解释,无论你问的多基础,你的问题只要在提问区搜索几乎都能得到答案,每条答案都有老师亲自回答,我买的其他课程确实没有这位老师这么认真给同学解答,在此谢谢老师,优秀!

查看全部1060条用户评价
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

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

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