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!
You may also like
- The Complete Instagram Marketing Masterclass
- Fast Start Guide to Facebook Ads 2018
- Facebook For Business: How To Get 100,000 Fans In 2019
- Video Marketing for Lead Generation & B2B sales on LinkedIn
- Learn Pay Per Call Affiliate Marketing Step by Step
- B2B Marketing: Product Positioning and Messaging
- Chatbots For (Beginners): Fast Track Training
- Make profit from your Email list
- Ecommerce Marketing Strategy: Repeat Sales Email Sequence
- (NEW) The Complete Growth Hacking & Conversion Course
- SEO Training – Master The Art Of Search Engine Optimization
- YouTube SEO Secret: How I got 40,000 subscribers in 2 weeks!
- Twitter Marketing Secrets 2017-A step-by-step complete guide
- Mailchimp Website Builder and Landing Page Tutorial
- Book writing :How to build an author's platform
- LinkedIn Ads Course 2022 – From Beginner to Advanced
- ChatGPT for Church Marketing & Communications Masterclass
- Learn how to use LinkedIn We-Connect automation tool
- Email Marketing: Drip Campaigns
- Analytical Methods for Effective Data Analysis