Udemy

Platform

English

Language

Other

Category

Build Portfolio App | With ReactJS & Bootstrap

In this course, I'll lead you to step by step on how to use ReactJS and Bootstrap by building the portfolio project.

4.54 (218 reviews)

Students

5 hours

Content

Dec 2020

Last Update
Regular Price


What you will learn

Bootstrap (basics)

React Hooks (basics)

How to use Git (basics)

How to use upload project to the GitHub (basics)

GitFlow Basics pull-request, merge pull-request (basics)

React Particles JS Library (basics)

React Responsive Carousel (basics)

React-Share Library (social icons) (basics)

React-Scroll Library (basics)

React-Typed Library (basics)

Mobile Friendly Development


Description

This course for those who want to learn two technologies as React & Bootstrap and how to build professional applications with these popular technologies?!

In this project, I'll show you step by step on how to use those two technologies. You will learn how to use tools as React Hooks, bootstrap, react-particles, react-popupbox(to create modal window), react-responsive-carousel, you'll learn how to use git and how to create Github repositories how to use GitFlow how do upload the project from Github to your machine and code editor and much much more.

So what you should know to feel comfortable during this course?!

-- Basic HTML & CSS

--Basic JavaScript as what is variable, object, arrays, functions.


The students will learn:

Bootstrap (basics),

React Hooks (basics),

How to use Git (basics),

How to use upload project to the GitHub (basics),

GitFlow Basics pull-request, merge pull-request (basics),

React Particles JS Library (basics),

React-Popupbox Library fancy modal windows (basics)

React Responsive Carousel (basics),

React-Share Library (social icons) (basics),

React-Scroll Library (basics),

React-Typed Library (basics),

Mobile-Friendly Development (basics),

This course for those who want to learn two technologies as React & Bootstrap and how to build professional applications with these popular technologies?!

In this project, I'll show you step by step on how to use those two technologies. You will learn how to use tools as React Hooks, bootstrap, react-particles, react-popupbox(to create modal window), react-responsive-carousel, you'll learn how to use git and how to create Github repositories how to use GitFlow how do upload the project from Github to your machine and code editor and much much more.

So what you should know to feel comfortable during this course?!

-- Basic HTML & CSS

--Basic JavaScript as what is variable, object, arrays, functions.


The students will learn:

Bootstrap  (basics),

React Hooks (basics),

How to use Git (basics),

How to use upload project to the GitHub (basics),

GitFlow Basics pull-request, merge pull-request (basics),

React Particles JS Library (basics),

React-Popupbox Library fancy modal windows (basics)

React Responsive Carousel (basics),

React-Share Library (social icons) (basics),

React-Scroll Library (basics),

React-Typed Library (basics),

Mobile-Friendly Development (basics),



Screenshots

Build Portfolio App | With ReactJS & Bootstrap
Build Portfolio App | With ReactJS & Bootstrap
Build Portfolio App | With ReactJS & Bootstrap
Build Portfolio App | With ReactJS & Bootstrap

Content

Introduction

Introduction

Project setup and build the Navigation Bar

Project setup

Navbar Component Part#1

Navbar Component Part#2

Navbar Component Part#3 | Style Hamburger menu

Build The Header Component

Header Component Part#1 | Typed Effect

Header Component Part#2 | Particles JS

Build The About Me Component

About Me Component Part#1 | Create the Component structure

About Me Component Part#2 | Style the Component

Build The Services Component

Services Component Part#1

Services Component Part#2

Build The Experience Component

Experience Component Part#1 | Build the Component Structure

Experience Component Part#2 | Adjust the Component for Mobile Devices

Build The Portfolio Component

Portfolio Component Part#1

Portfolio Component Part#2

Portfolio Component Part#3

Portfolio Component Part#4

Portfolio Component Part#5

Build The Testimonials Component

Testimonials Component Part#1

Testimonial Component Part#2

Build The Contacts Me Component

Contact Me Component Part#1

Contact Me Component Part#2

Contact Me Component Part#3

Contanct Me Component Part#4

Build The Footer Component

Footer Component Part#1

Footer Component Part#2 | Social Icons

Last Steps

Add Scroll Functionality to The Navbar

Deploy The Project To The GitHub Pages


Reviews

J
Jhon26 May 2021

it need some update, the versions went up and you will need to see Q&A section to solve some issues(not like that will hurt you), but dont get me wrong, this is top class

J
Juan19 May 2021

Building this portfolio from the bottom to up with REACT has taught me a lot! Thank you I'm taking this to build upon It!

J
Justin3 May 2021

I picked up this course because I wanted to familiarize myself with GitHub and React while making a Portfolio. The videos not instructional. It's a narration as he makes a website. It was discounted and it had some things I wanted to learn, but it's not instructional. More of a "push the same buttons I push and you're screen will look like mine". I'm satisfied with the course, but not blown away.

S
Srinidhi25 April 2021

Excellent content and you have excellent UI skills. But please make sure your voice is clear. Sometimes I felt your is not audible but subtitles helped me anyway, Cheers!!! I'm satisfied with this course, thanks a lot.

C
Chris20 March 2021

This course a great match and I learned alot about React, how to use it, and alot more functionality of it and I would def recommend this class to anyone

S
Saad16 March 2021

Ce cours est interessant, il manque cependant d'explication clair et précise. par exemple, expliquer avant chaque étape, le rendu qu'on veut créer

D
Devyn28 February 2021

So far I have really enjoyed this course and have gotten a lot out of it. Setting up the contact component functionality was so incredibly informative!

M
Mahdi20 February 2021

This course delivers as advertised! The instructor takes one through the process of building a react portfolio. Learning the contact section is worth the course. The whole course can be use as a template for a intermediate website.

S
ST17 January 2021

I got a complete website with a functional contact form as well beautiful. He show us lots of different plugins/packages and used github along the development is a plus. He replied questions fast. cons: As other reviewer mentioned about portfolio section , items should dynamically added, not hard coded. Also there is a deprecated function, part of a package that he used on this section. I hope he will do something about them.

J
Juan5 January 2021

the portfolio will look good when is finished but it's a follow-along tutorial, and it does not use DRY code, you repeat your code way too many times, if you have more than 4 pieces for your portfolio to show and take you to another site, the lines of code will be insanely huge... just for one link is 42 lines... I have 15 pieces I want to put up, it's going to be 630 lines of code - Edited : Thank you for your response, But I think it is better to show the new people good practices right away (DRY), I was able to finish my portfolio by making an Object on a separate file and adding my projects there, then adding a function to the portfolio file and mapping through it, which in the future will make it a lot easier to just add a new project to the object and the function will just render it automatically for me, I know you know how this works but I'm explaining to the new people my reasoning for the 3 stars.


3726580

Udemy ID

12/25/2020

Course created date

1/1/2021

Course Indexed date
Bot
Course Submitted by