React – Build your React App fast using React Design System

React – Build your React App fast using React Design System, available at Free, has an average rating of 4, with 23 lectures, based on 148 reviews, and has 23766 subscribers.

You will learn about How to create a portfolio page in React How to use Creative Tim Design System for React How to break down a website into distinct components What is and how to use a Design System This course is ideal for individuals who are People that want to make development faster and easier or People that like to build beautiful websites It is particularly useful for People that want to make development faster and easier or People that like to build beautiful websites.

Enroll now: React – Build your React App fast using React Design System

Summary

Title: React – Build your React App fast using React Design System

Price: Free

Average Rating: 4

Number of Lectures: 23

Number of Published Lectures: 23

Number of Curriculum Items: 23

Number of Published Curriculum Objects: 23

Original Price: Free

Quality Status: approved

Status: Live

What You Will Learn

How to create a portfolio page in React
How to use Creative Tim Design System for React
How to break down a website into distinct components
What is and how to use a Design System

Who Should Attend

People that want to make development faster and easier
People that like to build beautiful websites

Target Audiences

People that want to make development faster and easier
People that like to build beautiful websites

Have you ever try to create a website from scratch, just to, in the end, find out that many inconsistencies in your design? Like 3 or 4 different OK buttons on your app, different shades of color in another, and the list goes on.

If you like me, you won’t even notice until someone calls out your attention, and you will keep asking yourself, “How did I miss that?”. And I can tell you why because you didn’t use a Design System (or at least not the right one).

Design Systems can make your site look consistent and a lot more professional and faster to code.

Imagine having some of the best designers in the world to create your components for you, and have them choose the best colors to use and why not some incredible fonts and icons. Well… imagine no more.

Creative Tim offers all that and more. Using Creative Tim, UI Kit, and Themes, is like having access to the best designs on the cheap, actually sometimes, like on this course completely FREE!

Now we will learn to take full advantage of the Argon Design System, not only to create BEAUTIFUL sites but also to do it FAST.

Come with me on this amazing adventure to create a fully functional Portfolio page that will impress you in just a few hours.

For a limited time, not only you can get this course FREE but also get FREE access to the Argon Design Systems from Creative Tim

So don’t wait to ENROLL NOW.

Course Curriculum

Chapter 1: Creative Tim

Lecture 1: Win 1 in 10 Argon Design Systems PRO from Creative-Tim

Lecture 2: Creating a Creative Tim Account and downloading our Design System

Lecture 3: Starting Creative Tim sample site

Chapter 2: Creating out Portfolio using Argon Design System from Creative Tim

Lecture 1: Creating our Portfolio based on Creative Tim Design System

Lecture 2: Using the Creative Tim Demo NavBar

Lecture 3: Add a Hero Banner on our portfolio

Lecture 4: Adding a simple footer

Chapter 3: Creating our components based on the Argon Design System from Creative Tim

Lecture 1: Creating our own components based on Creative Tim Design Systems

Lecture 2: Cleaning up the NavBar

Lecture 3: Refactoring our social media icons with tool tip into components

Lecture 4: Changing the Hero component

Lecture 5: Changing the Footer

Lecture 6: Finish the Footer with our copyright

Lecture 7: Adding more content to our page

Lecture 8: Creating our cards using Creative Tim Design System and examples

Lecture 9: Fixing all the cards

Chapter 4: Creating new Views using Creative Tim Argon Design System

Lecture 1: Adding a new Profile View from Creative Tim

Chapter 5: Adding links between the views

Lecture 1: Add a link to the profile page

Lecture 2: A quick look into what Argon Design System PRO has to offer

Lecture 3: Creating 3 new sections in our page including a PRO section

Chapter 6: Using react Hook useRef to scroll the link to a element on the page

Lecture 1: Scrolling the page to a component

Chapter 7: Production deployment to GitHub and Heroku

Lecture 1: React – Deploy your portfolio fast using Design System React

Chapter 8: Bonus Section – Including Amazing Deals

Lecture 1: Bonus – Because the learning can never stop

Instructors

Icaro Lavrador
React, JavaScript, Node, Swift Expert | 25+ years Experience

Rating Distribution

1 stars: 13 votes
2 stars: 3 votes
3 stars: 13 votes
4 stars: 42 votes
5 stars: 77 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