|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/tailwind-css-agency-website-with-react-and-framer-motion/
课程评论：没有评论
**课程名称：** 使用 React 和 Framer Motion 构建 Tailwind CSS 机构网站 **课程概述：** 本课程是一个有趣的 React 前端机构网站项目，将教您如何使用 Tailwind CSS 创建自定义组件和元素，并使用 Framer Motion 添加酷炫的动画。您将学习如何利用 Tailgrids 和 Mamba UI 的样板组件和 sezione，并对其进行定制，使其独特并节省大量开发时间。此外，您还将学会使用 React Icons 并进行自定义以完美融入您的网站。课程还将涵盖 React Hooks 和 Refs 的使用，用于在滚动到特定 sezione 时触发页面动画。完成的网站将具备完全响应式设计，在移动设备和桌面设备上都呈现出精美的外观。您将学习如何使用 Tailwind CSS 配合媒体查询，创建精美且响应式的网站，加入流畅的配色方案、精美的图片以及独特定制的代码 section。最后，课程将指导您将网站部署到 Netlify，您将获得一个完整的、可用于投资组合展示的多页网站。
This is a fun React frontend agency website project that will teach you how to create custom components and elements with Tailwind CSS and cool animations with framer motion, also you will learn how to use boilerplate components and sections from tailgrids and mamba UI and customize them to make them unique for your websites and save a lot of time developing your website, also wee are gonna use react icons and customise them to make them unique too and fit in with our website, wee also gonna use react hooks and references to trigger the animations on page when wee are scrolling in the particular section, also the page is going to be fully responsive meaning it is gonna look beautiful on mobile and also on desktop devices and you will learn how to use media queries with tailwind CSS and make stunning and responsive websites for your clients with cool animations and a design that features a nice flowing color palette matched with amazing images and sections that are unique and custom coded, and then in the end of the course wee are gonna deploy the website on Netlify and you will have a completed multi-page website to show on your portfolio.
