|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-tailwind-css-portfolio-project-from-scratch-2021/
课程评论：没有评论
**课程名称：** React - 从零开始构建 Tailwind CSS 个人作品集项目 2022 **课程概述：** 本课程将带您从零开始，使用 React 和 Tailwind CSS 构建一个功能齐全的个人作品集网站。 **React** 是一个用于构建用户界面的免费开源 JavaScript 库，以组件化的方式进行开发。它由 Meta 和众多开发者及公司维护，非常适合开发单页应用和移动应用。 **Tailwind CSS** 是一个实用至上的 CSS 框架，可以帮助您快速构建自定义的用户界面。它提供了高度可定制的底层 CSS 构建块，让您可以轻松构建独特的设计，而无需对抗框架固有的样式。 **课程内容涵盖：** * **React 核心概念：** 组件、Props、路由。 * **Tailwind CSS 基础：** 颜色、高度、宽度、Flexbox 布局、对齐方式。 * **CSS 进阶：** 动画、关键帧、Webkit 属性、定位、波形格式、Blob、Transforms、Transitions。 * **响应式设计：** 如何在不使用 Media Queries 的情况下实现网站的响应式布局。 **Tailwind CSS 的优势：** * **高度可定制：** 可以根据项目需求自定义和扩展 CSS 属性。 * **实用至上：** 提供了可以直接应用于元素的类名，方便快捷。 * **减少 CSS 文件体积：** 不包含预设的组件样式，避免了不必要的覆盖。 * **“形式追随功能”：** 类名直观地反映了其功能，简化了设计过程。 * **高效构建美观界面：** 能够用很少的代码量构建出精美的自定义用户界面。 通过本课程的学习，您将掌握使用 React 和 Tailwind CSS 构建现代、响应式个人作品集网站的实用技能。
React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.Tailwind CSS is basically a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.In this course, you will learn the following topics from React, CSS, Tailwind CSSColors, Heights, WidthsFlexboxes and alignmentsAnimations, Keyframes, WebkitsPositions Wave formats, blobs, transforms, and transitions.Components in ReactPropsRoutingMaking websites responsive without Media queries.As per official Tailwind CSS documentation, Tailwind CSS is a highly customizable, low-level CSS framework that allows you to custom-build designs eliminating opinionated component styles that you would anyway want to override.Beautiful custom user interfaces can be effectively built using CSS without actually putting in much coding effort. Being a utility-first framework, Tailwind CSS renders the leverage of styling every component distinctively, the way you desire.Adapting the "form follow function", the name of the utility class predicts the exact function of that class for ease in designing. Tailwind combines the most critical CSS properties which can be customized and extended according to project requirements.
