|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-tailwind-css-job-consultancy-website/
课程评论:没有评论
**课程名称:** React - Tailwind CSS 求职咨询网站 **课程概述:** 本课程将教授如何使用 React 和 Tailwind CSS 构建一个求职咨询网站。 * **React:** 一个用于构建用户界面的开源 JavaScript 库,基于组件化概念。 * **Tailwind CSS:** 一个实用工具类优先的 CSS 框架,能够快速构建自定义用户界面,并允许高度定制化,消除需要覆盖的固定样式。 **课程内容:** * Tailwind CSS 的安装与设置 * Tailwind CSS 与纯 CSS 的并行使用 * 色彩、高度、宽度、外边距、内边距的应用 * Flexbox 布局、对齐和定位 * 动画和关键帧的使用 * 无需媒体查询实现响应式设计 **学习目标:** 学员将学会如何利用 React 和 Tailwind CSS 的强大功能,高效地创建具有美观自定义用户界面的求职咨询网站。
ReactReact 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.Tailwind CSSTailwind 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.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.In this course, you will learn the following topicsTailwind Installation and SetupWorking with Tailwind CSS and Pure CSS parallellyColours, Heights, Widths , Margins , PaddingsFlexboxes and Alignments and PositionsAnimations, KeyframesMaking websites responsive without Media queries.