扫码下载「CSDN程序员学院APP」,1000+技术好课免费看
APP订阅课程,领取优惠,最少立减5元 ↓↓↓
订阅后:请点击此处观看视频课程
视频教程-基于webpack4开发和构建电商PC端多页面应用-其他
学习有效期:永久观看
学习时长:1111分钟
学习计划:19天
难度:中
「口碑讲师带队学习,让你的问题不过夜」
讲师姓名:徐鹏飞
服务器端工程师
讲师介绍:从事IT开发工作已有5年多,积累了一定的技术、框架和工具使用、项目实战经验。先后在国内多家外包公司摸爬滚打,对全栈开发的特定领域有一定的研究,推崇测试驱动开发(tdd)的工作流程和实例驱动学习的学习方式。业余热爱阅读技术书籍、钻研新技术,更习惯于对学习成果进行总结和分享。希望借助CSDN学院平台,让自己的技术学习和分享更上一个层次,也希望今后的录制工作能给同行朋友的学习和工作带来一定的指导意义!
☛点击立即跟老师学习☚
「你将学到什么?」
鹏飞前后端分离电商实战课程系列的第一期,介绍如何基于webpack4版本开发和构建电商PC端前端项目。课程遵循从webpack4入门到进阶、再到项目实战的教学路线,前期手把手教学,后期以布置作业、还原实现的方式,让学员根据前面所学,自己完善预留的学习任务,达到举一反三、检验和提升自己。本套前端课程不依赖于后端接口,采用模拟接口数据来交互,后期也会升级课程,追加章节,为学员朋友讲解真实的前后端分离架构下如何做认证和接口交互。
课时数随着后续章节的发布还会更新,预计课程时长20小时,做到保质保量,加量不加价!学习遇到问题或者发现鹏飞讲的不对的,欢迎评论、留言或者私信。必要时鹏飞会在适当的时候给予远程支持。
最后祝学习轻松愉快,收获多多!
「课程学习目录」
第1章:webpack4入门与进阶 |
1.node安装和配置 |
2.webpack快速入门 |
3.样式打包入门 |
4.图片和字体图标打包配置 |
5.dev_server基本配置 |
6.devServer辅助商品列表样式开发 |
7.babel打包配置 |
8.autoprefixer修复css浏览器厂商前缀 |
9.引入和使用第三方库(query为例) |
10.splitChunks详解(以utils打包为例) |
11.splitChunk动态设置chunkName(以api打包为例) |
12.splitChunks自定义配置分割第三方库 |
13.区分出dev和prd环境的打包配置 |
14.webpack基础配置中环境变量的使用 |
15.业务代码中配置环境参数 |
16.生产环境代码压缩配置(包含使用陷阱) |
17.sourceMap配置(没讲好) |
18.上一节纠正和补充内容 |
19.多页面打包配置(自定义页面配置文件) |
第2章:基础样式开发 |
1.基础样式开发和打包 |
2.基础样式开发二(页宽、自定义12栅格) |
3.12栅格样式优化 |
4.基础样式开发之pane样式和排版(横版、竖版) |
5.基础样式开发之链接样式 |
6.基本样式开发之基本表格 |
7.基础样式开发之图文表格(包含复选框)样式 |
8.基本样式开发之双层表格 |
9.基础样式开发收尾 |
第3章:PC电商页面布局与静态页开发 |
1.配置别名解决繁琐的资源相对定位 |
2.页面布局模块的引入 |
3.页面布局模块的打包配置 |
4.首页仿小米分类导航开发(一) |
5.首页仿小米分类导航开发(二) |
6.首页剩余部分 |
7.商品搜索静态页开发 |
8.商品详情静态页开发 |
9.购物车静态页开发 |
10.订单确认静态页开发 |
11.个人中心-用户模块静态页开发和预留作业 |
12.静态页面收尾 |
13.本章内容总结和后续开发内容剧透 |
第4章:组件开发 |
1.elementUI风格分页组件(上) |
2.elementUI风格分页组件(下) |
3.html弹出层组件和es模块懒加载实现 |
4.html弹出层组件基础功能开发(一) |
5.html弹出层组件基础功能开发(二) |
6.handlebars自定义if块渲染功能 |
7.通用表单功能开发(一)——基本字段赋值 |
8.通用表单功能开发(二)——多选框、单选框赋值 |
9.通用表单功能开发(三)——通用表单基础校验 |
10.通用表单功能开发(四)——通用表单可配置化校验 |
11.通用表单功能开发(五)——收尾 |
12.用户头像裁剪功能开发(一) |
13.用户头像裁剪功能开发(二) |
第5章:接口模拟与数据对接 |
1.后台接口服务模拟(一)_json-server介绍 |
2.后台接口服务模拟(二)_json-server自定义实现 |
3.后台接口服务模拟(三)_使用postman测试数据模拟服务 |
4.axios整合开发(一)_通用http工具封装和用户api定义 |
5.axios整合开发(二)_api调用与代理配置 |
6.axios整合开发(三)_handlebar模板渲染接口数据 |
7.axios整合开发(四)_使用axios同步api加载省市区数据 |
8.axios整合开发(五)_handlebars模板绑定省市区已选中项 |
9.axios整合开发(六)_省市区三级联动功能实现 |
10.axios整合开发(七)_收货地址新增和更新实现 |
11.axios整合开发(八)_保存后关闭弹层刷新父页面实现 |
第6章:个人中心页面功能开发与接口对接 |
1.个人中心订单模块接口对接(一) |
2.个人中心订单模块接口对接(二) |
3.个人中心订单模块接口对接(三)_分页 |
4.个人中心订单模块接口对接(四)-订单状态Tab切换功能开发 |
「7项超值权益,保障学习质量」
- 大咖讲解
技术专家系统讲解传授编程思路与实战。
- 答疑服务
专属社群随时沟通与讲师答疑,扫清学习障碍,自学编程不再难。
- 课程资料+课件
超实用资料,覆盖核心知识,关键编程技能,方便练习巩固。(部分讲师考虑到版权问题,暂未上传附件,敬请谅解)
- 常用开发实战
企业常见开发实战案例,带你掌握Python在工作中的不同运用场景。
- 大牛技术大会视频
2019Python开发者大会视频免费观看,送你一个近距离感受互联网大佬的机会。
- APP+PC随时随地学习
满足不同场景,开发编程语言系统学习需求,不受空间、地域限制。
「什么样的技术人适合学习?」
- 想进入互联网技术行业,但是面对多门编程语言不知如何选择,0基础的你
- 掌握开发、编程技术单一、冷门,迫切希望能够转型的你
- 想进入大厂,但是编程经验不够丰富,没有竞争力,程序员找工作难。
「悉心打造精品好课,19天学到大牛3年项目经验」
【完善的技术体系】
技术成长循序渐进,帮助用户轻松掌握
掌握其他知识,扎实编码能力
【清晰的课程脉络】
浓缩大牛多年经验,全方位构建出系统化的技术知识脉络,同时注重实战操作。
【仿佛在大厂实习般的课程设计】
课程内容全面提升技术能力,系统学习大厂技术方法论,可复用在日后工作中。
「你可以收获什么?」
掌握webpack4基本配置和在多页面应用中的实战
学会运用基本的es6语法、预编译样式工具stylus
锻炼和实践模块化、组件化开发思维