Build 10 UI/UX Projects / Landing Pages in React

Build 10 UI/UX Projects / Landing Pages in React, available at $44.99, has an average rating of 4.6, with 37 lectures, based on 10 reviews, and has 85 subscribers.

You will learn about React Components and States CSS Transitions and Animations CSS Webkits , keyframes and Flex Boxes Building complex layouts without frameworks Responsive Layouts 24/7 Q/A Support This course is ideal for individuals who are React Developers or UI Developers or Front End Developers It is particularly useful for React Developers or UI Developers or Front End Developers.

Enroll now: Build 10 UI/UX Projects / Landing Pages in React

Summary

Title: Build 10 UI/UX Projects / Landing Pages in React

Price: $44.99

Average Rating: 4.6

Number of Lectures: 37

Number of Published Lectures: 37

Number of Curriculum Items: 37

Number of Published Curriculum Objects: 37

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

React Components and States
CSS Transitions and Animations
CSS Webkits , keyframes and Flex Boxes
Building complex layouts without frameworks
Responsive Layouts
24/7 Q/A Support

Who Should Attend

React Developers
UI Developers
Front End Developers

Target Audiences

React Developers
UI Developers
Front End Developers

React 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.

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

This is course is created by keeping the students in mind those who want to master in CSS/UI/UX in React JS.

In this course we build ten different landing pages in React JS using Core CSS and Bootstrap

The 10 Different projects that we are going to build in this course are..

Responsive Layout
Double gradient landing page
Rotated landing page
Stock market analyst landing page
Simple one page portfolio with parallax effect
Colors Switching
Cars Showroom Landing page
Coffie shop Landing page
Rotating globe with glowing text
Free Deployment to Live Serve

A landing page is any web page that a consumer can land on, but in the marketing realm, it’s usually a standalone page, distinct from your homepage or any other page, that serves a single and focused purpose. A landing page is a follow up to any promises that you’ve made in your content. Essentially, it’s the next step toward a visitor becoming a customer. Your landing page lets you make a trade, some sort of special offer, piece of information or a deal, in return for providing contact information.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Promo / Github Repo

Lecture 2: Introduction

Chapter 2: Project 1 : Layout

Lecture 1: Layout Skeleton

Lecture 2: Layout Header Design

Lecture 3: Layout Responsive

Chapter 3: Project 2 : Double Gradient

Lecture 1: Adding Gradients and animations

Lecture 2: Making Respoinsive

Chapter 4: Project 3 : Rotated Landing

Lecture 1: Rotated Landing Part-1

Lecture 2: Rotating Landing Part-2

Chapter 5: Project 4 : Glowing Text

Lecture 1: Adding Globe and Text

Lecture 2: Adding glow effect and responsiveness

Chapter 6: Project 5 : Market Analyst

Lecture 1: Market Analyst part-1

Lecture 2: Market Analyst Part-2

Chapter 7: Project 6 : Colors Splash

Lecture 1: Colors Splash Part-1

Lecture 2: Colors Splash Part-2

Chapter 8: Project 7 : Parallax Portfolio

Lecture 1: Parallax Effect

Lecture 2: Adding extra content

Chapter 9: Project 8 : Coffie Shop Landing Page

Lecture 1: Coffie Shop – Part 1

Lecture 2: Coffie Shop Part2

Chapter 10: Project 9 : Cars Landing

Lecture 1: Cars Landing Part-1

Lecture 2: Cars Landing Part-2

Chapter 11: Project 10 : Netlify Deployment

Lecture 1: Fixes

Lecture 2: Footer

Lecture 3: Creating Github Repo and Deployment

Chapter 12: React Basics – Only For Beginners

Lecture 1: What is React

Lecture 2: What is component

Lecture 3: JSX Overview

Lecture 4: React Helloworld

Lecture 5: Project Structure

Lecture 6: Debugging React App

Lecture 7: Components Intro

Lecture 8: Class components

Lecture 9: Functional components

Lecture 10: Parents and Child components

Lecture 11: Component Life Cycle

Lecture 12: States

Lecture 13: setState Method

Instructors

K.Sathyaprakash Reddy
Full Stack Developer

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 1 votes
4 stars: 2 votes
5 stars: 7 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu