Build a Responsive Portfolio Project in React from Scratch

Build a Responsive Portfolio Project in React from Scratch, available at $69.99, has an average rating of 4.85, with 38 lectures, based on 20 reviews, and has 175 subscribers.

You will learn about CSS Positions with real-time examples A brief understanding of position absolute and relative. CSS Flex Boxes Transitions , Transforms and Web Kits Neuromorphic Designs and Box shadows By the end of this course, you will have your own portfolio from scratch in React JS without any external CSS libraries. React, Single Page Applications React Components React Routing Full Downloadable Resources along with Images, static files. This course is ideal for individuals who are Javascript Developers or React Developers or Front End Developers It is particularly useful for Javascript Developers or React Developers or Front End Developers.

Enroll now: Build a Responsive Portfolio Project in React from Scratch

Summary

Title: Build a Responsive Portfolio Project in React from Scratch

Price: $69.99

Average Rating: 4.85

Number of Lectures: 38

Number of Published Lectures: 38

Number of Curriculum Items: 38

Number of Published Curriculum Objects: 38

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

CSS Positions with real-time examples

A brief understanding of position absolute and relative.

CSS Flex Boxes

Transitions , Transforms and Web Kits

Neuromorphic Designs and Box shadows

By the end of this course, you will have your own portfolio from scratch in React JS without any external CSS libraries.

React, Single Page Applications

React Components

React Routing

Full Downloadable Resources along with Images, static files.

Who Should Attend

Javascript Developers

React Developers

Front End Developers

Target Audiences

Javascript Developers

React Developers

Front End Developers

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.

Hii Guys,

In this course, we will build a complete responsive multipage portfolio from scratch in react.

So you will be learning the different topics involved in React JS and CSS. We are not using any external libraries for styling . We will write everything from scratch.

The topics we will refer to from React and CSS in this course are

React, Single Page Applications

Importance of having a personal portfolio

React Components

React Routing

React States

CSS Classes and Ids

CSS Positions with real-time examples

A brief understanding of position absolute and relative.

Making the layouts responsive with a grid system.

CSS Transitions and Transforms.

CSS Webkits and Keyframes

CSS Animations

Animate On Scroll

Neuromorphic Designs and Box shadows

By the end of this course, you will have your own portfolio from scratch in React JS without any external CSS libraries.

Complete Source with Git Repository.

Full Downloadable Resources along with Images, static files.

24/7 Q/A Support

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

Course Curriculum

Chapter 1: Introduction

Lecture 1: React app setup

Lecture 2: Pages and Folder Structure

Chapter 2: Home Page Intro Section

Lecture 1: Intro Section Skeleton

Lecture 2: Intro Section Styling

Chapter 3: Header

Lecture 1: Header position and Menu Icon

Lecture 2: Header Styling

Lecture 3: Making Header and Intro Responsive

Chapter 4: 3D Image Courosel

Lecture 1: Image Courosel Part-1

Lecture 2: Image Courosel Part-2

Chapter 5: Tech Stack In Home page

Lecture 1: Javascript Section

Lecture 2: Tech Stack

Lecture 3: Who I am I

Chapter 6: Projects Page

Lecture 1: Projects Intro

Lecture 2: Projects List – 1

Lecture 3: Projects List – 2

Lecture 4: Projects List Animations

Chapter 7: Courses Page

Lecture 1: Courses Intro

Lecture 2: Courses Intro – 2

Lecture 3: Why choose us – 1

Lecture 4: Why choose us – 2

Lecture 5: Courses List

Chapter 8: Contact Us Page

Lecture 1: Contact Page – 1

Lecture 2: Contact page 2

Chapter 9: Footer

Lecture 1: Footer Part-1

Lecture 2: Footer Part-2

Chapter 10: Fixes and Deployemnt

Lecture 1: Adding AOS animations

Lecture 2: CSS Fixes

Lecture 3: Deployment

Chapter 11: Addition React Projects for Beginners

Lecture 1: Counter App – Demo

Lecture 2: Counter App HTML

Lecture 3: Counter App CSS

Lecture 4: Counter App JS

Lecture 5: Calculator DEMO

Lecture 6: Calculator HTML

Lecture 7: Calculator CSS

Lecture 8: Calculator JS

Lecture 9: TodoList Demo

Lecture 10: Todo List HTML

Instructors

K.Sathyaprakash Reddy
Full Stack Developer

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 1 votes

4 stars: 5 votes

5 stars: 14 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!