Udemy

Build a portfolio with React, No external framework/library

Enroll Now
  • 278 Students
  • Updated 8/2022
4.8
(25 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
3 Hour(s) 7 Minute(s)
Language
English
Taught by
Juan Camacho
Rating
4.8
(25 Ratings)
2 views

Course Overview

Build a portfolio with React, No external framework/library

everything from scratch, no bootsrap, no tailwind. just React.

In this beginners tutorial, you will learn how to use React.js to build a dynamic portfolio that can be updated whenever you want to show more projects! This beginners tutorial will be using dry code and functional components. We will not be using any framework or library, we will be using our own CSS and design, additionally, we will be able to document our code for future usage, either by you or your co-workers

What is react?
"React is a free and open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications" -Wikipedia

What is dry code?
"Don't repeat yourself is a principle of software development aimed at reducing repetition of software patterns, replacing it with abstractions or using data normalization to avoid redundancy -Wikipedia

Why this course/tutorial?
This course will be detailed on each step and the logic used for each component.
Yes...you will be building a personal portfolio, but you will also learn skills that will help you in your personal and job-related projects! It will teach you how code can be reused for different purposes and make it more dynamic.

Course Content

  • 10 section(s)
  • 37 lecture(s)
  • Section 1 Introduction
  • Section 2 Create App, reset default values
  • Section 3 Navigation Bar
  • Section 4 Landing Page
  • Section 5 Text animation
  • Section 6 About Me
  • Section 7 Technologies
  • Section 8 Portfolio
  • Section 9 Contact
  • Section 10 Extras

What You’ll Learn

  • D.R.Y code
  • Reusable components
  • Documenting code
  • CSS variables


Reviews

  • K
    Ken Weinberg
    5.0

    Excellent course!

  • K
    Ksenia Bruner
    5.0

    Great course! Thank you :)

  • G
    Gary F
    5.0

    Excellent course, easy to understand and code along with.

  • E
    Eylon Maayan
    5.0

    Excellent course and lecturer thanks :)

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed