Build a portfolio with React, No external framework/library

Build a portfolio with React, No external framework/library, available at $64.99, has an average rating of 4.8, with 37 lectures, based on 23 reviews, and has 263 subscribers.

You will learn about D.R.Y code Reusable components Documenting code CSS variables This course is ideal for individuals who are Beginners It is particularly useful for Beginners.

Enroll now: Build a portfolio with React, No external framework/library

Summary

Title: Build a portfolio with React, No external framework/library

Price: $64.99

Average Rating: 4.8

Number of Lectures: 37

Number of Published Lectures: 37

Number of Curriculum Items: 37

Number of Published Curriculum Objects: 37

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

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

Who Should Attend

Beginners

Target Audiences

Beginners

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 Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Something to keep in mind

Chapter 2: Create App, reset default values

Lecture 1: Create app

Lecture 2: Adding app color variables, resetting defaults

Lecture 3: App.css file

Chapter 3: Navigation Bar

Lecture 1: Create component, add HTML

Lecture 2: Layout and animation

Lecture 3: Download the SVG for the next section

Lecture 4: Importing and stylizing an SVG

Lecture 5: useState and useEffect to detect screen size

Lecture 6: Current files for navbar

Chapter 4: Landing Page

Lecture 1: Creating landing page screen

Lecture 2: Small explanation on how css frameworks/libraries work

Lecture 3: Adding SVG explanation

Lecture 4: text for AnimatedBackground file

Lecture 5: Creating a loop and stylize the SVG

Lecture 6: Animating the background

Chapter 5: Text animation

Lecture 1: Layout and css

Lecture 2: Logic and Documentation

Lecture 3: Download current files

Chapter 6: About Me

Lecture 1: About me screen

Lecture 2: Download current files

Chapter 7: Technologies

Lecture 1: Create screen

Lecture 2: Download the SVGs

Lecture 3: Adding css

Lecture 4: Download current files

Chapter 8: Portfolio

Lecture 1: Create Screen

Lecture 2: Adding grid

Lecture 3: The logic behind assigning the current project

Lecture 4: Modal css

Lecture 5: Documenting Modal, more css

Lecture 6: Download current files

Chapter 9: Contact

Lecture 1: Layout

Lecture 2: Css

Lecture 3: Download current files

Chapter 10: Extras

Lecture 1: Fixing ESlint warning

Lecture 2: Upload your portfolio online

Instructors

Juan Camacho
Software Developer

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 6 votes
5 stars: 17 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