|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/tailwindcss-deutsch/
课程评论：没有评论
**课程概述：** 本课程旨在介绍并教授一种全新的 CSS 实现方式——Tailwind CSS。Tailwind CSS 结合了原生 CSS 的灵活性和 Bootstrap 等 CSS 框架的高效性，同时规避了它们的固有缺点。 * **原生 CSS：** 优点是绝对的灵活性，可以实现高度定制化的设计，但缺点是容易导致代码混乱，且要达到完美效果需要大量工作。 * **CSS 框架 (如 Bootstrap)：** 优点是能快速搭建网页界面，但缺点是使用该框架的网站设计风格趋于雷同，且要进行个性化定制非常困难且耗时。 Tailwind CSS 则将原生 CSS 的灵活性和个性化与传统 CSS 框架的高效性和简洁性融为一体。它使用“工具类”（Utility-Classes），每个工具类将多个 CSS 声明组合成有意义的值。例如，要给一个 `div` 添加阴影，只需为其添加 "Shadow" 类即可。 **潜在挑战与学习目标：** Tailwind CSS 的一个挑战在于需要深入理解其系统，并掌握项目配置和搭建的流程。本课程将帮助您克服这些挑战。
Hi, in diesem Kurs möchte ich Dir eine neue Art von CSS-Implementierung vorstellen und beibringen.TailwindCss verbindet die Vorteile von normalen Css mit den Vorteilen von Css-Frameworks wie z.B. Bootstrap, verzichtet aber auf die jeweiligen Nachteile:Normales CSS hat den Vorteil der absoluten Flexibilität, mit der sich sehr individuelle Designs umsetzen lassen. Dafür muss man mit CSS oft mit Unübersichtlichkeit und hohem Arbeitsaufwand kämpfen, welcher benötigt wird um ein Webinterface wirklich perfekt zu machen.Mit Frameworks wie Bootstrap, bekommst du ein Webinterface zwar schnell auf die Beine gestellt, aber alle Webseiten welche z.B. mit Bootstrap erstellt wurden, sehen irgendwie sehr ähnlich aus, und wenn du dann das Design individualisieren möchtest, wird es ebenfalls sehr sehr schwierig und aufwändig.Bei TailwindCss verbindest du die beiden Vorteile der Flexibilität und Individualität von normalem CSS mit der hohen Umsetzungsgeschwindigkeit und Einfachheit von herkömmlichen CSS-Frameworks.TailwindCss arbeitet mit sogenannten "Utility-Klassen". Eine Utility-Klasse fasst mehrer CSS-Anweisung in einer sinnvollen Kombination von Werten zusammen.Wenn man z.B. einer Div einen Schatten geben möchte, dann gibt man der Div einfach die Klasse "Shadow".Es gibt allerdings auch einen Haken bei TailwindCss: Man muss das System einmal verstehen und auch die Konfiguration und das Aufsetzen von Projekten muss einmal gründlich verstanden worden sein.Hierbei helfe ich Dir in diesem Kurs.
