Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

The Ultimate React Js Responsive Portfolio Website

via Skillshare

This course may be unavailable.

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

In this course, you will learn how to develop stunning web applications with React JS,Bootstrap, RxJS,  Node Js for the backend  and decent number of libraries. I will lead you step by step from scratch to the final stage of deployment.

At the end of this course, you will be able to deploy the Website on Heroku server, push the source code to GitHub.

We will also learn how to use the react Owl Carousel to make the testimonial scroll from the right edge of the screen to the left edge of the screen.

The navigations will be displayed dynamically.

Students will learn how to implement Smooth Scrolling and Fade In Animation

Students will learn how to implement the react type effect changing different text based on timing.

You will be able to learn how to make downloadable pdf files which we implemented on the get resume Button

You will learn how to implement the call to action button using Rxjs

Student will be able to differentiate between Subjects and Observables

The instructor will teach you how to implement the observable and also how to subscribe to it in f=different component.

Take note, the observable we are gonna use in this course is the Subject. The subject is a special  type of observable that allow value to be multicasted

Student will learn how to implement Email functionality using node mailer.

You will learn how to use the following packages for the backend

1) Node Monitor

2) Cors. (Cross-Origin Resource Sharing)

3) Concurrently

4)Express Js

You will also learn how to create Middleware

The Link to the  Complete Source code and material i used in this course will be in the resource.

Welcome to The Ultimate React Js Portfolio Web Development Course!

Who this course is for:

  • Beginner of Javascript, React, Bootstrap who want to learn how to build professional web apps
  • All the students who wants to create the responsive website design or development
  • Students who want to Creative Next Level Portfolio Website
  • Students who want to build Real world website design

Syllabus

  • Course intro
  • Demo of project
  • Ask Questions
  • Create React App
  • React Boiller Plate
  • Setting up the project structure
  • Profile Component 1
  • Profile Component 2
  • Display Profile Picture And Corrections
  • Styling the profile
  • Profile responsivenes
  • Profile Footer
  • Display The Footer
  • Maintain Project Structure And Clean Up The Code
  • Component Rendering
  • Introduction To RXJS. Observables
  • ScrollService
  • Animations module
  • Package Installation and Update screen
  • Header Navigation and Click Functionality
  • Styling the Header Component
  • Header Responsiveness
  • Reuseable Component
  • Styling Reuseable component
  • AboutMe Component Design
  • Styling AboutMe Component
  • AboutMe Component Responsive
  • Creating The Resume Component And State Variable To Be Used
  • Preparing Resume Static Data 1
  • Preparing Resume Static Data 2
  • Creating the Ui And Functions to display the resume data on the screen
  • Styling The Resume Components
  • Resume Responsiveness
  • Testimonial Component And Owl Carousel
  • Implementing Testimonial Carousel Using React Owl Carousel
  • Styling Testimonial Component
  • Creating the ContactMe Component
  • ContactMe Form And State Variable
  • Styling ContactMe Component
  • Fixing Contact Me Form (Styling)
  • Form Functionality
  • Call To Action And FadeInScreen Animation
  • Backend Initialization
  • creating The Server
  • ContactRoute
  • Configure Gmail
  • Fixing Bugs
  • Clean Up The Code And Prepare It For Deployment
  • Deploy To Heroku
  • Deploy To Git

Taught by

Ehizeex Tech

Reviews

Start your review of The Ultimate React Js Responsive Portfolio Website

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.