
this course guides you to build ten landing pages in React from scratch, including layout, animated pages, parallax effects, glow text, and deployment to Nettlefold server.
Build a reusable layout in a React app with header, content, and footer, create two projects (home and rotated landing page), and wire per-project routes and styles for isolation.
Build a responsive navigation in React using hamburger and close icons, manage show/hide state, fix the menu with transitions, and style active links with hover and border.
Create a double gradient project in React, applying two color schemes and background images, and add Lottie animations for a full stack developer and an instructor using flex layouts.
Center the separator text on the double gradient home page with absolute positioning and translate, and enhance with airways animations using data-airways attributes.
Create a market analyst landing page with a left text panel and a right bull, featuring a market graph animation on a gradient background and a two-column layout.
In the coffee shop part 2 lecture, build a coffee cup with a matching background circle and animation, using a two-column layout with responsive adjustments for mobile.
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.