Figma to React : Build 10 Login Pages in React 2022

Figma to React : Build 10 Login Pages in React 2022

Figma Prototypes can help you build 10 React login pages in a short amount of time.

What you’ll learn

  • UI and UX are different.
  • With Figma Designs and Prototypes, you can work on real projects at once.
  • CSS is about things like flexboxes, positions, transforms, transitions, Z-indexes, and so on.
  • It has all the resources you need for your projects, including source code and design files.

Requirements

  • Basics of jаvascript.
  • Basics of React
  • There are some basics of CSS.

Description

Figma
The Figma is a vector graphics editor and prototyping tool that is mostly web-based, but there are also desktop applications for macOS and Windows that can be used offline. Figma has a mobile app for Android and iOS that lets you see and interact with Figma prototypes in real-time on your smartphone or tablet.
React
This front-end jаvascript library is free and open source. It lets you build user interfaces with UI components. It is run by Meta and a group of developers and businesses. React can be used to build single-page or mobile apps.
What you’ll learn in this class.
The main idea of this class is to build real projects from Figma Designs and prototypes in React JS.
I took React + CSS Mastery and a little bit of Figma in this class, so it’s a mix of both. By the end of this course, you will have a good idea of Figma and how Figma works.
We will use Figma resources to make 10 React + CSS login pages.

In these 10 Login pages, we’ll talk about almost every subject in CSS, like how to make a website look good and how to write code.

  • Learn about Typography
  • Divs, Sections, Containers
  • Learn about Margins and Paddings
  • Positions
  • Learn about Absolute and Relative Positions
  • Flexboxes
  • Box Shadows
  • Bootstrap
  • Grids
  • Responsive ness
Every time you log in, there will be a different theme and a different reason.

Who this course is for:

  • Developers of jаvascript.
    They work with React.
    Designers of UI-UX.

Last updated: 1/2022 | Size: 2.9 GB
Click to get:
Source: https://www.udemy.com/course/figma-to-react-build-10-login-pages-in-react-2022/


Learn Figma For Absolute Beginners 2021
Learn Figma For Absolute Beginners 2021
04.05.2021
Build A Responsive Website From A Figma Design
Build A Responsive Website From A Figma Design
10.02.2021
Build 10 UI/UX Projects / Landing Pages in React
Build 10 UI/UX Projects / Landing Pages in React
02.23.2022
React - Tailwind CSS Portfolio Project From Scratch 2022
React - Tailwind CSS Portfolio Project From Scratch 2022
01.29.2022

No comments.

Add Commenent
reload, if the code cannot be seen