在线客服
微信扫码
返回顶部
客服

《CSS架构系统精讲》理论+实战,带你从0到1构架自己的CSS代码

柳飘飘 柳飘飘
来源:课程整合

课程下载

提取码:whaz
检测百度分享链接是否有效: 检测报错
网盘转存下载
本课程供VIP会员免费学习。
下载途径:网盘转存下载。

《CSS架构系统精讲》理论+实战,带你从0到1构架自己的CSS代码

课程介绍

内容介绍:

CSS代码越来越臃肿难维护?前期编程不重视,后期重构累秃头? 本课程基于CSS开发中的痛点问题,通过高仿蘑菇街项目,带你从0到1构架自己的CSS代码,形成一套成熟的易维护、易扩展、易复用的架构思想。不管是架构还是技巧层面,都能玩转CSS!

系统精讲CSS架构,助力前端工程师跨入架构师大门,设计模式+架构思想+落地能力+酷炫技巧,一课多得。从零学习CSS架构思想,系统提升代码设计能力,快速实现角色蜕变,具备架构思想的工程师薪资增长普遍高于普通工程师。

手把手教你高仿蘑菇街,在实战中提升CSS架构落地能力,穿插技术点细讲,学懂学透CSS经典框架(BEM,Sass, OOCSS等)针对 CSS 疑难困惑,详解十大酷炫技巧,轻松玩转CSS。

内容目录:

第1章 课程介绍

1-1 导学_.mp4 29.40M

第2章 蘑菇街之 CSS 架构搭建

2-1 vue3创建与初始配置_.mp4 60.05M2-2 vue3创建与初始配置_.mp4 69.02M2-3 CSS设计模式完结(1)_.mp4 62.02M2-4 CSS设计模式完结(2)_.mp4 78.32M2-5 CSS设计模式完结(3)_.mp4 55.36M2-6 CSS架构方案_.mp4 45.04M2-7 CSS架构之Settings层代码实现_.mp4 89.90M2-8 CSS架构之Tools层代码实现(上)_.mp4 25.33M2-9 CSS架构之Tools层代码实现(下)_.mp4 82.37M2-10 CSS架构之Base层代码实现(1)_.mp4 17.02M2-11 CSS架构之Base层代码实现(2)_.mp4 44.71M2-12 CSS架构之Base层代码实现(3)_.mp4 86.25M2-13 CSS架构之Base层代码实现(4)_.mp4 24.35M2-14 CSS架构之Components层代码实现(上)_.mp4 25.96M2-15 CSS架构之Components层代码实现(中)_.mp4 51.81M2-16 CSS架构之Components层代码实现(下)_.mp4 99.20M2-17 CSS架构之Acss层代码实现(上)_.mp4 21.36M2-18 CSS架构之Acss层代码实现(中)_.mp4 86.23M2-19 CSS架构之Acss层代码实现(下)_.mp4 96.57M2-20 CSS架构之Theme层代码实现(上)_.mp4 23.57M2-21 CSS架构之Theme层代码实现(中)_.mp4 57.42M2-22 CSS架构之Theme层代码实现(下)_.mp4 31.92M

第3章 蘑菇街首页

3-1 搭建本地 MockJs(上)_.mp4 16.89M3-2 搭建本地 MockJs(下)_.mp4 54.93M3-3 响应式布局(上)_.mp4 9.29M3-4 响应式布局(下)_.mp4 23.13M3-5 首页设计稿构思_.mp4 14.66M3-6 架构之Elements层扩展_.mp4 102.13M3-7 架构之ACSS层扩展(上)_.mp4 59.88M3-8 架构之ACSS层扩展(下)_.mp4 50.78M3-9 架构之Components层扩展(上)_.mp4 54.97M3-10 架构之Components层扩展(下)_.mp4 79.03M3-11 多色图标 SvgIcon_.mp4 52.16M3-12 纯 CSS 实现轮播图_.mp4 57.20M3-13 完成首页布局(上)_.mp4 110.41M3-14 完成首页布局(下)_.mp4 222.98M

第4章 蘑菇街商城页

4-1 商城页设计稿构思_.mp4 22.08M4-2 架构之 Components 层扩展_.mp4 37.08M4-3 完成商城页布局_.mp4 74.25M

第5章 蘑菇街时快抢页

5-1 限时快抢页设计稿构思_.mp4 23.14M5-2 中文字体压缩:字蛛(font-spider)_.mp4 19.35M5-3 border-radius原理及实现复杂图形_.mp4 47.50M5-4 完成限时快抢页布局(上)_.mp4 67.62M5-5 完成限时快抢页布局(中)_.mp4 107.76M5-6 完成限时快抢页布局(下)_.mp4 138.88M

第6章 蘑菇街直播列表页

6-1 直播列表页设计稿构思_.mp4 21.74M6-2 ACSS层扩展滤镜特效_.mp4 53.49M6-3 完成直播列表页布局(上)_.mp4 104.33M6-4 完成直播列表页布局(下)_.mp4 65.57M

第7章 蘑菇街直播详情页

7-1 直播详情页设计稿构思_.mp4 19.84M7-2 方案的选择_.mp4 40.26M7-3 完整直播详情页_.mp4 105.46M

第8章 经典框架之 CSS 源码分析

8-1 ElementUI 之 CSS 架构揭秘new_.mp4 33.44M8-2 Ant Design 之 CSS 架构揭秘_.mp4 24.68M8-3 Bootstrap 之 CSS 架构揭秘_.mp4 81.05M8-4 TailWind 框架介绍(上)_.mp4 34.58M8-5 TailWind 框架介绍(下)_.mp4 96.52M

第9章 CSS 奇淫巧计

9-1 CSSModules(上)_.mp4 39.42M9-2 CSSModules(下)_.mp4 61.84M9-3 CSS-in-JS_.mp4 58.31M9-4 CSS视差滚动_.mp4 62.78M

第10章 打造高性能 CSS 动画

10-1 通过渲染原理看动画.mp4 35.83M10-2 高性能CSS动画(上).mp4 46.21M10-3 高性能CSS动画(中).mp4 33.69M10-4 高性能CSS动画(下).mp4 41.03M10-5 CSS Time.mp4 47.10M

第11章 课程总结

11-1 11课程总结.mp4 2.46M

相邻课程

阅读 下载数 44
柳飘飘
柳飘飘
认证课程发布者
关注发布者
柳飘飘
柳飘飘
认证课程发布者
课程数
粉丝数
关注发布者
栏目专题
user-avatar
Python编程
Python是多数平台上快速开发应用的编程语言。
user-avatar
初中课程
初级中学简称初中(junior high school)。
user-avatar
其他外语学习
外语,指外国语,即非本国人使用的语言。
user-avatar
国学
广义国学是指中国历代的文化传承和学术记载。
user-avatar
Photoshop
Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。
名人推荐
user-avatar
梁凯恩
梁凯恩是来自中国台湾省的演说家。
user-avatar
周鸿祎
360公司创始人、董事长兼CEO。
user-avatar
贾长松
著名企业管理系统的咨询顾问。
user-avatar
李践
誉为中国“新赢利模式之父”。
user-avatar
翟鸿燊
国学实践应用专家,经济与文化学者。