About This Course
In this UI-UX Design course, you will learn how to ‘Build UI-UX Projects Landing Pages’.
You will learn how to create effective, visually appealing, and interactive landing pages that will stand out from the competition.
Video tutorials will cover topics such as Introduction, Layout Skeleton, Header Design Layout, Responsive Design, Adding Gradients and Animations, Making Responsive Rotated Landing Pages, Adding Globe and Text, Adding Glow Effect and Responsiveness, Market Analyst, Colors Splash, Parallax Effect, Adding Extra Content, Coffie Shop, Cars Landing, Fixes, Creating Github Repo and Deployment, Footer, What is React, What is Component Jsx, Overview React Helloworld, Project Structure, Debugging React App Components, Intro Class Components, Functional Components, Parents and Child Components, Component Life Cycle, States, and Setstate Method.
This course will benefit learners by teaching them how to create stunning landing pages that stand out from the competition.
Learners will also develop a deep understanding of React and Component Jsx, as well as learn how to debug React App Components. Additionally, learners will be able to create Github Repos and deploy them.
This course is ideal for anyone looking to learn UI-UX Design and create effective, visually appealing, and interactive landing pages.
It is especially beneficial for developers, web designers, and digital marketers.
Learning Objectives
Target Audience
- This course is tailored for learners who are eager to delve into UI-UX design and React development. Whether you're a beginner seeking to build foundational skills or an intermediate designer looking to advance your capabilities, this course is designed for you. You'll find value in this course if you want to:
- Create stunning landing pages for a variety of projects.
- Explore the principles of responsive design and animations.
- Develop a strong foundation in UI-UX design and React.
- Dive into React's component-based architecture.
- Understand the React component life cycle and state management.
- Troubleshoot common design issues and deploy projects.
- Elevate your UI-UX design and React development skills.
Curriculum
Introduction
Introduction00:04:47
Project 1 – Layout
Project 2 – Double Gradient
Project 3 – Rotated Landing
Project 4 – Glowing Text
Project 5 – Market Analyst
Project 6 – Colors Splash
Project 7 – Parallax Portfolio
Project 8 – Coffie Shop Landing Page
Project 9 – Cars Landing
Project 10 – Netlify Deployment
React Basics – Only For Beginners
Your Instructors
POB Academy
Digital Marketing Team
