|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/css-the-complete-guide-incl-flexbox-grid-sass/
课程评论：没有评论
课程名称：CSS - 完全指南 2025（包括 Flexbox、Grid 和 Sass） 课程概述： 加入这个畅销的 CSS 课程，从零开始深入学习 CSS！CSS（层叠样式表）是一种“编程语言”，用于将 HTML 页面转换成美丽的网站。本课程涵盖了所有内容，我们从最基础的知识开始（什么是 CSS？它是如何工作的？如何使用它？），逐步深入探讨。在学习过程中，我们通过实际示例和理论知识相结合，帮助你更好地理解。 本课程提供了不同的“轨道”或“入口点”，以满足你的需求并反映你的当前知识水平： - 基础轨道：从基础开始，逐步学习 CSS，从第一讲开始一直学到最后。 - 进阶轨道：你已经掌握了 CSS 的基础，了解选择器及其工作原理，但希望深入学习一些高级特性及用法。 - 专家轨道：你已具备高级知识，想进一步深入学习 Flexbox、CSS Grid、CSS 变量或 Sass。 该课程不仅提供理论和实践示例，我们将在整个课程中构建一个完整的课程项目，还有多个作业、测验和挑战，让你练习所学的每个概念。课程项目的内容包括构建一个虚构的网页托管公司的前端（不包括后端），涵盖不同版块的起始画面、响应式设计、动画侧边抽屉、模态窗口和表单，以及大量的 CSS 动画和字体样式。 课程详细内容涵盖： - 选择器、组合器及建立样式规则的基础知识 - 属性、值和声明 - 具体性和继承的工作原理以及为何称其为“层叠”样式表 - 重要的理论概念，如“盒模型” - 如何改变元素的默认位置 - 背景（如渐变）和图片的样式 - CSS 中常用的单位和尺寸（如 px、rem、% 等） - JavaScript 与 CSS 的交互 - 响应式设计及“移动优先”的含义 - 表单和表单输入的样式 - 文字、字体和文本样式的处理 - Flexbox 的工作原理和使用方法 - 使用 CSS Grid 及其与 Flexbox 的区别 - 使用 CSS 变量等特性编写面向未来的 CSS - Sass 的使用及其基本概念 课程适合的人群： - 有志于美化网站的初学者 - 想要深入学习 CSS 的中级开发者 - 希望改善试错方式使用 CSS 的开发者 如果你是 CSS 的绝对专家，熟知 CSS 工作组的草案，或是仅限于后端开发（如 Node、PHP 等），并且不懂 HTML 或前端 JavaScript，或者你是完全不了解网页开发的新手，本课程可能不太适合你。 如果这些描述符合你的需求，我们非常欢迎你加入本课程！
Join this bestselling CSS course to learn all about CSS from the ground up, in great depth!CSS ( Cascading Style Sheets) is a "programming language" you use to turn your HTML pages into real beautiful websites.This course covers it all - we start at the very basics (What is CSS? How does it work? How do you use it)? and gradually dive in deeper and deeper. And we do this by showing both practical examples as well as the theory behind it.Getting started with CSS might look easy but there actually is a lot of depth to CSS - hence this course provides different "Tracks" or "Entry points" to exactly meet your demands and reflect you current knowledge level:The Basics Track: Start from scratch, learn CSS from the ground up. You start with lecture 1 and simply follow through to the end.The Advanced Track: You already know the CSS basics, you know what selectors are and how it works but you want to dive in deeper and learn some advanced features and usages.The Expert Track: You got the advanced knowledge, too, but you want to dive into things like Flexbox, CSS Grid, CSS Variables or Sass. This track is for you.Of course this course offers the theory and practical examples - we'll build an entire real course project throughout the course - but there also are multiple assignments, quizzes and challenges for you to practice individual concepts taught throughout the course.Talking about the course project - we'll build the frontend (no backend) of a fictional web hosting company. We'll have a starting screen which has different sections, we got a responsive design with an animated side-drawer, we got modals and forms and in general we got a lot of CSS animations, font styles and more!Here's what's inside the course in detail - this is all also applied to the mentioned course project:The basics about selectors, combinators and how you set up styling rules in generalProperties, values and decalarationsHow specifity and inheritance work and why it's called "Cascading" Style SheetsImportant theoretical concepts like the "Box Model"How the default position of elements can be changedStyling backgrounds (e.g. gradients) and imagesWhich units and dimensions you typically use in CSS (px, rem, % and more)How JavaScript and CSS interactResponsive design and what "Mobile First" meansStyling forms and form inputsWorking with text, fonts and text stylesFlexbox! How it works and how to use itUsing the CSS Grid and how it differs from FlexboxTransforming and animating HTML elements with the help of CSSWriting future-proof CSS with features like CSS variables or best-practice class namesUsing Sass and what it actually is all aboutIs this course for you?It's for you ifyou started with learning web development and you want to build more beautiful websitesyou already know CSS but want to dive deeperyou're using CSS in a trial-and-error manner and want to change this (you should!)You might come back later ifyou're an absolute CSS pro and you know the CSS working group drafts by heartyou're a backend-only developer (Node, PHP, NO HTML or frontend JavaScript)you're a total newcomer to web development and you don't know the basics about HTMLIf that sounds good to you, we'd be more than happy to welcome you in this course!
