首页 > Web前端工程师 > CSS工程化
CSS工程化
  • CSS工程化

  • 主讲 : Cayley凯莉
  • 本课程将介绍高效、易于维护和扩展的CSS预处理语言,详细讲解Sass和Less这两种功能强大的CSS预处理语言,并利用Less和Sass来实现新浪微博个人主页和饿了么官网首页。
  • ¥89.00 ¥99.00 ¥79.00
  • 立即购买 Pro会员免费学

    6人学习时长 : 6.8 小时有效期 : 180 天 有效期自支付成功后开始计算,到期后仍可观看课程视频和图文,但不再享受问答和作业批改服务。Pro用户可享受无视有效期权限,随时随意轻松看。单课购买用户需关注课程有效期,合理安排学习计划。

课程概述

本课程将带领大家认识CSS预处理语言,学习Sass和Less这两门功能强大的CSS预处理语言,并利用Less和Sass实际操练新浪微博个人主页和饿了么官网首页的实现。

适用人群

1.具备CSS基础知识的人
2.Web前端开发人员

学习收获

1. 了解CSS预处理语言
2. 掌握Less和Sass的语法
3. 掌握Less和Sass的实际应用

服务保障

学习:视频、源码、PPT并举
课程:逻辑清晰,层次分明
练习:案例代码随堂演示

常见问题

Q:如果有问题,我去哪里咨询?
A:关于在学习过程中遇到问题,可以点击页面右下方的“提问题”按钮,会有专人为你解答。

Q:VIP价格是什么?
A:购买过极客学院 VIP 会员的用户,可享受职业学院课程 VIP 价格,这个价格会比现价有一定的优惠。

Q: 有的章节的知识我已经会了,可以跳过吗?
A: 可以,整个课程采用自由学习方式,不设置每个课时的前后限制要求。

Q: 课程的视频提供下载么?
A: 我们的课程视频进行加密处理,暂时不支持下载。

CSS工程化

主讲:Cayley凯莉

CSS的语法相对简单易用,但却不方便维护及扩展,不利于复用。所以我们需要一种更加高效、易于维护和扩展的语言来书写样式,也就是CSS预处理语言。本课程将带领大家认识CSS预处理语言,学习Sass和Less这两门功能强大的CSS预处理语言,并利用Less和Sass实际操练新浪微博个人主页和饿了么官网首页的实现。

第 1 部分 CSS工程化 407 分钟

第 1 节 CSS预处理语言基本讲解 38 分钟
CSS预处理语言的介绍
什么是Sass和Less
Sass和Less的安装
Sass和Less文件的转译
第 2 节 前端工程化项目中的CSS 51 分钟
前端模块化概念基本概述
前端模块化工具webpack的安装和使用
在webpack中配置使用Less和Sass
第 3 节 Less语法详解 64 分钟
Less中变量的多种用途
Less中嵌套规则和继承的学习
Less中的混入指令使用规则
Less中的运算
Less中函数的使用和学习
第 4 节 Less实践新浪微博个人主页 115 分钟
实战项目分析和简介
使用Bootstrap对页面进行DOM布局
安装Less2Css插件实时编译Less文件
新浪微博个人主页头部制作
新浪微博个人主页左侧信息栏制作
新浪微博个人主页右侧内容块制作
第 5 节 Sass语法详解 73 分钟
Sass中的基础知识
Sass中的嵌套规则和继承
Sass中混入指令的学习
Sass中控制指令的学习
Sass中的函数与运算
第 6 节 用Sass实现饿了么官网首页 66 分钟
Sass实战项目分析和简介
饿了么首页导航栏的制作
饿了么首页头部搜索框的制作
饿了么首页底部信息展示制作

学员服务

主讲老师

  • Cayley凯莉

    极客学院布道师

    王硕,前端开发女程序员一枚,毕业于首都经济贸易大学。曾就职于新东方、58到家等知名企业,现就职于一起科技。热爱互联网教育行业,喜欢写作,乐于分享,发布过多套前端课程。