Build A Professional Responsive Portfolio Website : React JS

Focused View

Mohd Zafar

4:43:12

142 View

1. Introduction

1. Introduction.mp4

03:56

2. Email Functionality.mp4

01:53

3. Install vs code editor.mp4

07:24

4. Install node.js.mp4

03:46

5. Folder structure.mp4

01:22

2. Navbar Components

1. Create Navbar and logo.mp4

04:35

2. Navbar menu toggler icon button.mp4

02:56

3. Create Menu item.mp4

08:51

4. Create All Pages.mp4

08:59

5. Navbar Styling.mp4

06:39

6. Images setup.mp4

01:24

3. Home Components

1.1 about.zip

1.2 project1.zip

1.3 project1.zip

1.4 project2.zip

1.5 project3.zip

1.6 project4.zip

1.7 project5.zip

1.8 project6.zip

1.9 staff-1.zip

1.10 staff-2.zip

1.11 staff-3.zip

1.12 staff-4.zip

1. Write text in home.mp4

09:59

2. Add home image.mp4

06:49

4. About Components

1. Add image in About.mp4

05:54

2. write text in about.mp4

09:25

3. Styling of button.mp4

02:30

5. Service Component

1. Write heading and import font awesome.mp4

06:53

2. Create Service card.mp4

07:35

3. Add three service icon.mp4

07:49

4. Complete service card.mp4

07:09

6. Skills Components

1. Skill section heading with paragraph.mp4

07:06

2. Skill progress bar.mp4

08:59

3. Add skill item in menu item.mp4

02:11

7. Project Components

1. Project heading & paragraph.mp4

06:11

2. Add project images.mp4

07:37

3. Add more project images.mp4

05:07

4. Add project link.mp4

06:15

8. Team Component

1. Create team section and import react-slick.mp4

08:06

2. Add slicking method and images.mp4

07:21

3. Styling of sliding images.mp4

06:07

9. Contact Component

1. Create conteat heading with first icon.mp4

08:23

2. Add more icon with styling.mp4

08:39

3. Add image with styling in contact form.mp4

08:07

4. Create contact form.mp4

09:11

5. Email Functionality.mp4

08:16

10. Add Google Map

1. Add google map.mp4

06:05

11. Footer Component

1. Create footer subsection.mp4

08:13

2. Add more submore.mp4

04:27

3. Styling of footer section.mp4

08:30

4. Add copyright line.mp4

08:31

12. Add resume download

1. Add resume download Functionality in button.mp4

08:17

13. Github

1.1 fortfolio.zip

1. Create Repositories in github with project source code.mp4

08:37

14. Free live Host

1. Host website free.mp4

07:08

Description

Build A Real World Portfolio Website With Email Functionality using Reactjs, Bootstrap, Html ,Css , Js & free Hosting

What You'll Learn?

Mobile Friendly Development (Mobile Responsiveness)
Push Source code to GitHub
Email Functionality
Professional Web Design
Bootstrap
How to deploy project on server and then create url link for free
React images Carousel
Images Slider
Font Awesome Icon
Downloadable file

Who is this 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

Student who have no any pre information related of Web Development information

More details

Description
PORTFOLIO WEBSITE USINGÂ HTML, CSS,BOOTSTRAP5,JAVASCRIPT ANDÂ REACT.JSÂ WITH EMAILÂ FUNCTIONALITY FREE LIVE HOSTING.

Welcome to the brand new course where you can learn about how to build a personal portfolio website from scratch with only these core technologiesÂ html,css, bootstrap,javascript,react.js with email functionality in contact form.
This course Is based on the react.js . At the time ,this is most demandingÂ technology for in IT Company.If you are learn react.js and then get a job in IT company .So, don't be late to learn reactjs
If you want to create your own portfolio which will help you to represent yourself in the best way and get hired then this is the right course for you
When you start forÂ carrier in developer. SoÂ If you ask any of the employers or project managers how to choose the best developers everyone will answer that the most important thing about the developer is to represent himself or herself with a good portfolio.
If you are familiar with HTML, CSS, JS , React framework then you already can create a really good personal portfolio website that will allow you to express yourself and show everyone your skills and knowledge.

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
Student who have no any pre information related of Web Development information

User Reviews

Rating

average 0

Total votes0

Focused display

Hi,I'm web developer working in development field for last 3 years and with great passion for online teaching. Teaching online is great way to spread knowledge in this modern world, therefore I'm here to teach you best of my web development skills.Waiting for something or someone? I think, you must not :) Sign up today and join me to take you on some awesome journey!

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.