|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/figma-to-react-build-10-login-pages-in-react-2022/
课程评论：没有评论
课程名称：Figma到React：在React 2022中构建10个登录页面 课程概述： 本课程旨在教授如何将Figma设计转化为React应用程序。Figma是一款基于网页的矢量图形编辑器和原型制作工具，支持macOS和Windows的桌面应用程序并具备离线功能。而React是一个由Meta及社区维护的免费开源前端JavaScript库，专注于基于UI组件构建用户界面。 您将在本课程中学习到的内容： 本课程的主要内容是从Figma设计和原型中构建实时项目。课程结合了React和CSS的掌握，虽然不会深入讲解Figma，但将让您对Figma的基本概念和运作方式有一定了解。课程将教授如何使用Figma资源在React和CSS中设计10个独特的登录页面，每个页面都有其独特的主题和目的。 具体课程内容包括： - 字体排版 - DIV、Sections和Containers的使用 - 边距和内边距 - 绝对定位和相对定位 - Flexbox布局 - 盒子阴影 - Bootstrap栅格 - 响应式设计 通过这10个登录页面的设计，您将覆盖CSS的大部分主题，增强您的前端开发技能。
FigmaFigma is a vector graphics editor and prototyping tool which is primarily web-based, with additional offline features enabled by desktop applications for macOS and Windows. The Figma mobile app for Android and iOS allows viewing and interacting with Figma prototypes in real-time on mobile devices.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. React can be used as a base in the development of single-page or mobile applications.What you will learn in this course.The main concept of this course is building live projects from Figma Designs and Prototypes in React JS.So this course is a combination of React + CSS Mastery and a little bit of Figma. There won't be any lectures about Figma in this course, but by this course, you will have some basic idea about Figma and how Figma works.We will design 10 Login Pages in React + CSS by using Figma Resources.In This 10 Login pages will cover almost every topic in the CSS like..TypographyDivs, Sections, Containers Margins and PaddingsPositionsAbsolute and Relative PositionsFlexboxesBox ShadowsBootstrap GridsResponsive nessEvery login page will have a unique theme and purpose.
