|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/tailwind-css-build-and-deploy-responsive-real-world-website/
课程评论：没有评论
课程名称：Tailwind CSS：构建和部署响应式网站 概述：本课程是一个Tailwind CSS的学习课程，适合新手开发者和希望提升现有Tailwind CSS技能的开发者。Tailwind是一个优先使用工具类的CSS框架，提供了大量可组合的类，以便直接在你的标记中构建任何设计，从而快速构建现代网站，而无需离开HTML。在本课程中，您将学习如何设置Tailwind的开发环境，包括使用Node包管理器（NPM）安装Tailwind，创建package.json文件和Tailwind.config.js文件。 课程内容还包括与Tailwind相关的多种实用工具，例如容器、显示、颜色、背景、内边距、外边距、排版、边框、Flexbox、Grid、阴影、表格、变换、过渡、动画等多种课程内容。您还将学会如何将您的网站推送到GitHub，并使用Netlify进行部署。课程结束时，您将能够使用Tailwind CSS为您的HTML应用样式，无需编写任何CSS代码。课程内容包括但不限于以下主题： 1. Tailwind简介 2. 将Tailwind添加到您的项目中 3. Tailwind Config.js文件 4. Tailwind中的内边距 5. Tailwind中的外边距 6. Tailwind中的字体系列 7. 字体样式和粗细 8. 字母间距和行高 9. 文本对齐、文本颜色、文本透明度 10. 背景图像 11. 背景大小 12. Tailwind中的大小和悬停 13. 边框 14. 盒子阴影和表格 15. 变换 16. 过渡和动画 17. 自定义动画 18. 显示属性 19. Flexbox 20. Grid布局 21. Git和Netlify 本课程将为您提供充实的学习体验，确保您的技能得到提升。
This course is a Tailwind Course that suits the interests of both Developers who are new to TailwindCSS and Developers who wish to sharpen their already existing TailwindCSS skills.Tailwind is utility-first CSS framework packed with classes that can be composed to build any design, directly in your markup thereby enabling you to rapidly build modern websites without ever leaving your HTML. With Tailwind, you do not need to write a single line of CSS.In this course, you will learn how to setup the Development Environment for Tailwind, where you will install Tailwind using Node Package Manager (NPM), create a package.json file as well as a Tailwind.config.js file.This course also teaches Tailwind utilities related to Container, Display, Color, Backgrounds, Padding, Margin, Typography, Borders, Flexbox, Grid, Shadow, Tables, Transform, Transition, Animation and lots more.In this course, you will learn how to push your website to github and then deploy to the web using Netlify.At the end of it all, you will be able to use TailwindCSS to apply styles to your HTML without writing a single line of CSS. This course promises to be worth your while. Below are the topics that this course offers: 1. Introduction to Tailwind2. Adding Tailwind to your project3. Tailwind Config.js file4. Padding in Tailwind5. Margin in Tailwind6. Font Family in Tailwind7. Font Style and Weight8. Letter Spacing and Line Height9. Text Align, Text Color, Text Opacity10. Background Image11. Background Size12. Sizing and Hover in Tailwind13. Borders14. Box Shadow and Table15. Transform16. Transition and Animation17. Customizing Animation18. Display19. Flexbox20. Grid21. Git and Netlify
