Build a web app with React Hooks – Design+Code

Build a web app with React Hooks

Description

Build a web app with React Hooks is a React training course. During this course you will learn how the new look of the Design+Code training site is prepared with React Hooks and using Gatsby, Netlify and advanced CSS techniques.

What you will learn in Build a web app with React Hooks course:

  • Building a web application using React Hooks
  • Setting the style of all types of components using CSS
  • Making a view and 3D perspective
  • Teaching how to use useState
  • Teaching how to use useEffect and Netlify development
  • Create user-friendly effects and interactions
  • Project-based learning for practical teaching of topics

Course details

Publisher: Design+Code
Instructors: MENG TO
English language
Training level: introductory to advanced
Number of courses: 20
Duration: 4 hours

Course topics:

Build app with React Hooks (19:23)
CSS Styling and Best Practices (18:14)
Styled Components and Section Structure (17:06)
Text Styles, Color Variables and Global Style (18:50)
Button Components and Props (10:13)
CSS Grid and Absolute Position (14:53)
CSS Hover, Transition and 2D Transform (11:15)
CSS Selectors and Filter Effects (10:29)
Backdrop-Filter Blur (12:33)
Perspective 3D Transforms (10:21)
Static Data with Arrays (9:07)
Grid Repeat and Data (12:05)
Styled Component Props (6:40)
Toggle Menu with useState (11:12)
Visibility and Loop Condition (10:56)
Function Event and PreventDefault (6:36)
Wave Component and Inline Styling (12:05)
CSS Keyframes Animation with Delay (11:22)
Text Gradient and Media Queries (17:27)
useEffect and Deploy to Netlify (15:51)

Course prerequisites:

Pictures

Sample video

Installation guide

After Extract, view with your favorite Player.

English subtitle

Quality: 1080p

download link

Download part 1 – 2 GB

Download part 2 – 2 GB

Download part 3 – 2 GB

Download part 4 – 88.3 MB

Password file(s): www.downloadly.ir

Size

6.1 GB

4.9/5 – (3408 points)

Be the first to comment

Leave a Reply

Your email address will not be published.


*