收藏

前端成长必经之路 组件化思维与技巧

全网首门讲解CSS模块化、CSS Module的Vue组件化课程 带你开发高复用性组件搭建热门项目

前端面试项目冲刺 京东金融Vue组件化实战

难度 中级 时长 14小时 学习人数 922 综合评分 9.97
  • 第1章 课程介绍 试看 1 节 | 12分钟

    包括课程概述、课程安排、学习前提等方面的介绍,让同学们对组件化有一个直观的了解。

    收起列表

    • 视频: 1-1 课程导学 (11:45) 试看
  • 第2章 环境及知识准备 1 节 | 20分钟

    帮助大家梳理课程要用到的开发环境及知识储备

    收起列表

    • 视频: 2-1 环境及知识准备 (19:55)
  • 第3章 业务开发流程与工程构建安装 2 节 | 41分钟

    该章节会快速的讲解各大公司的业务开发流程,包括技术选型、业务开发、测试验证、发布上线等内容,方便大家定位前端开发的角色及注意事项。并帮助大家快速的搭建开发环境,把主要精力放到项目的设计学习上,所有的构建放在最后的章节...

    收起列表

    • 视频: 3-1 技术选型分析 (24:26)
    • 视频: 3-2 工程构建安装 (15:34)
  • 第4章 项目设计与原理分析 5 节 | 81分钟

    该章节根据需求分析详细讲述项目设计方案,CSS模块化设计、JS组件设计、自适应 、SPA设计、构建设计、上线指导等内容,并逐一讲述项目设计方案背后的工作原理理,做到知其然知其所以然。

    收起列表

    • 视频: 4-1 CSS模块化设计 (25:41)
    • 视频: 4-2 CSS模块化设计(代码) (10:53)
    • 视频: 4-3 JS组件化及自适应 (21:49)
    • 视频: 4-4 SPA设计 (19:16)
    • 视频: 4-5 构建工具及上线指导 (03:05)
  • 第5章 京东金融首页 试看 16 节 | 252分钟

    该章节开始实战环节,完成第一个项目的页面,其中还包括公共组件的开发。

    收起列表

    • 视频: 5-1 首页-抽象组件设计(1) (21:30) 试看
    • 视频: 5-2 首页-抽象组件设计(2) (22:08)
    • 视频: 5-3 首页-header组件 (21:12)
    • 视频: 5-4 首页-slider组件 (23:06)
    • 视频: 5-5 首页-slider组件bug修复及总计 (08:29)
    • 视频: 5-6 首页-新手特权(1) (08:35)
    • 视频: 5-7 首页-新手特权(2) (05:27)
    • 视频: 5-8 首页-新手特权(3) (22:50)
    • 视频: 5-9 首页-新手特权(4) (10:52)
    • 视频: 5-10 首页-极速借贷-理财精选(1) (22:14)
    • 视频: 5-11 首页-极速借贷-理财精选(2) (06:48)
    • 视频: 5-12 首页-极速借贷-理财精选(3) (09:56)
    • 视频: 5-13 首页-新品推荐 (20:57)
    • 视频: 5-14 首页-生活服务 (13:27)
    • 视频: 5-15 首页-公司信息 (17:44)
    • 视频: 5-16 首页-导航条 (16:03)
  • 第6章 京东金融理财页 3 节 | 57分钟

    该章节是实战的第二个页面,和首页相比组件难度较小,主要包括页面搭建、广告组件(神券满)、轮播图组件、精选推荐组件、广告组件(京东智投)。希望大家可以先主动去练练手,试试能不能1个小时完成该页面的开发。

    收起列表

    • 视频: 6-1 理财(1) (24:33)
    • 视频: 6-2 理财(2) (15:07)
    • 视频: 6-3 理财(3) (16:35)
  • 第7章 京东金融白条页 2 节 | 31分钟

    该章节是实战的第三个页面,难度中等,主要包括轮播图组件、白条福利利组件 更多服务组件。通过这个页面的学习可以将前面的组件化设计方法运用到该页面,举一反三。

    收起列表

    • 视频: 7-1 白条(白条福利) (16:18)
    • 视频: 7-2 白条(更多服务) (14:11)
  • 第8章 京东金融众筹页 5 节 | 91分钟

    该章节是实战的第四个页面,难度较大,主要包括轮播图组件(纵向)、每日签到组件 、In货推荐组件、更多福利组件,更能彰显组件化抽象设计的威力,希望大家多多思考让自己对组件化方法彻底吸收。

    收起列表

    • 视频: 8-1 众筹-轮播图 (27:55)
    • 视频: 8-2 众筹-每日签到 (07:19)
    • 视频: 8-3 众筹-In推荐(1) (19:56)
    • 视频: 8-4 众筹-In推荐(2) (22:25)
    • 视频: 8-5 众筹-更多福利 (13:12)
  • 第9章 活动专题页 2 节 | 36分钟

    主要讲述移动Web最常见的专题活动开发方法、难点解决及注意事项。

    收起列表

    • 视频: 9-1 活动页(1) (22:26)
    • 视频: 9-2 活动页(2) (12:34)
  • 第10章 上线指导 1 节 | 25分钟

    讲述项目设计如何做到上线,方便大家根据自己业务的架构方案零成本上线迁移。

    收起列表

    • 视频: 10-1 上线指导 (24:30)
  • 第11章 工程构建详解 9 节 | 127分钟

    该章节从0讲述如何使用Webpack(v3.10.0)构建自己的项目,摆脱对其他脚手架的依赖,方法和代码同在,艺多不压身,你可以的。

    收起列表

    • 视频: 11-1 构建工具-1 (20:24)
    • 视频: 11-2 构建工具-2 (10:29)
    • 视频: 11-3 构建工具-3 (23:09)
    • 视频: 11-4 构建工具-4 (15:31)
    • 视频: 11-5 构建工具-5 (09:50)
    • 视频: 11-6 构建工具-6 (15:05)
    • 视频: 11-7 构建工具-7 (07:01)
    • 视频: 11-8 配置Eslint-1 (19:49)
    • 视频: 11-9 配置Eslint-2 (05:36)
  • 第12章 面试知识点与技巧 试看 3 节 | 49分钟

    做好项目一方面是完成业务开发,提升自己的实力;一方面是让自己在下一次面试积累资本,让职业生涯稳步向前。该章节帮你在“项目面试”中拔得头筹。

    收起列表

    • 视频: 12-1 面试回顾 (08:17) 试看
    • 视频: 12-2 面试分析 (28:57)
    • 视频: 12-3 面试演练 (11:42)
  • 第13章 课程总结 1 节 | 12分钟

    对课程整体进行一个总结

    收起列表

    • 视频: 13-1 课程总结 (11:32)
  • 第14章 直播视频《前端人的危机如何破解》 7 节 | 85分钟

    互联网寒冬下,前端人如何学习?

    收起列表

    • 视频: 14-1 内容安排 (11:26)
    • 视频: 14-2 如何学习(入门级) (13:46)
    • 视频: 14-3 如何面试(入门级) (20:35)
    • 视频: 14-4 如何晋升(入门级) (09:29)
    • 视频: 14-5 如何学习(中高级) (10:47)
    • 视频: 14-6 如何晋升(中高级) (12:28)
    • 视频: 14-7 如何晋升(中高级) (06:21)
本课程已完结


讲师

铁狮子 Web前端工程师

10年互联网从业经验,曾在去哪儿网任资深前端工程师,对前端架构、多媒体、资讯彩票业务和技术有较多积累,先后有《直播入门课程》《组件化思维与技巧》等课程;授课风格幽默诙谐、通俗易懂。

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

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

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