React Portfolio Website Tutorial From Scratch | Responsive Portfolio Website Using React JS
Learn React JS Completely from scratch in this 2:30hrs Crash Course. This course is designed specially for new web developers, who just started to learn react js. In this course we will build a complete portfolio website using react js.
In this course, we are going to learn -
1. React ES6 Basic Syntax.
2. React Render HTML.
3. React JSX essential Syntax.
4. How to use React Components, Class, Props, Events.
5. React Conditionals.
6. React Router.
7. React Hooks such as - useState, useEffect, useCallback, Custom Hooks.
8. Most importantly we will learn the Best File & Folder Structure you should follow..... and much more.
By building our react js portfolio we will try to cover all these topics.
📚 Materials/References:
Starter Template: https://github.com/tech2etc/React-JS-Crash-Course
Full Source Code1: https://www.buymeacoffee.com/tech2etc/e/68843
Full Source Code2: https://ko-fi.com/s/59f9d8a90e
React Official Website: https://reactjs.org/
React Icons: https://react-icons.github.io/react-icons/
All Source Codes: https://www.buymeacoffee.com/tech2etc
GitHub: https://github.com/tech2etc
⛔❌Do Not CLICK This Link: https://bit.ly/3lJLyLY
Need any help? Join my Discord: https://discord.gg/C58ZQAk2DE
SUPPORT ME:
👕 Merchandise: https://tech2etc.com/merchandise
🎁 Buy Me A Coffee https://www.buymeacoffee.com/tech2etc
🎀 Donate Me By Paypal: https://www.paypal.com/paypalme/tech2etc
How To Make MONEY Online - My 4 Favorite Tricks:
👨💻 Start Freelancing: https://tech2etc.com/fiverrcpa
🛒 Learn Digital Marketing: https://tech2etc.com/digital-marketing
📹 Make Video Editing As Profession: https://tech2etc.com/video-editing
🕔 Next trick will be revealed at the right time.
Free Course to Improve SKILLS & EARN:
1️⃣ WordPress Insider: https://tech2etc.com/wordpress-course
2️⃣ Bootstrap With Projects: https://tech2etc.com/bootstrap
3️⃣ Web Development For Beginners: https://tech2etc.com/webdev
4️⃣ JavaScript With Projects: https://tech2etc.com/javascript
5️⃣ Python With Projects: https://tech2etc.com/python
🎁 Get Certificate: https://courses.tech2etc.com/
Important Links:
📂 Best Hosting: https://tech2etc.com/best-hosting
📂 Best CV Resume: https://tech2etc.com/my-resume
📂 Freelancing Guide: https://tech2etc.com/learn-freelancing
📂 Interview Questions: https://tech2etc.com/?s=interview
DISCLAIMER: This description contains affiliate links. Which means I may receive a small commission on affiliate links used. This helps support the channel and allows us to continue to make videos like this. All content used within the parameters of fair use.
===============================
Connect with me & get daily updates👇
===============================
Discord: https://discord.gg/C58ZQAk2DE
Instagram: https://www.instagram.com/fahimulkabir.tech2etc/
Twitter: https://twitter.com/tech2etc
LinkedIn: https://www.linkedin.com/in/fahimulkabirchowdhury/
Group: https://www.linkedin.com/groups/14295322/
FB (Personal): https://www.facebook.com/mdfahimulkabir
FB Page: https://www.facebook.com/Tech2etc
Timestamps:
0:00 Start
1:09 Portfolio Website Preview
3:17 Install React JS
4:46 Folders & Files Overview
6:27 Lets Organize The Folders & Files
8:20 Install React Packages
12:05 Creating Route Pages
20:19 Responsive React Navbar
48:20 Home Hero
1:01:27 Change Nav Background on Scroll
1:06:27 Footer
1:19:41 Render Components in different Pages
1:22:11 Learn Dynamic Components
1:36:31 Pricing Card
1:47:28 Dynamic Card Component
2:14:07 About Component
2:24:30 Contact Form Component
#reactjs #reactcrashcourse #reactportfolio
Видео React Portfolio Website Tutorial From Scratch | Responsive Portfolio Website Using React JS канала Tech2 etc
In this course, we are going to learn -
1. React ES6 Basic Syntax.
2. React Render HTML.
3. React JSX essential Syntax.
4. How to use React Components, Class, Props, Events.
5. React Conditionals.
6. React Router.
7. React Hooks such as - useState, useEffect, useCallback, Custom Hooks.
8. Most importantly we will learn the Best File & Folder Structure you should follow..... and much more.
By building our react js portfolio we will try to cover all these topics.
📚 Materials/References:
Starter Template: https://github.com/tech2etc/React-JS-Crash-Course
Full Source Code1: https://www.buymeacoffee.com/tech2etc/e/68843
Full Source Code2: https://ko-fi.com/s/59f9d8a90e
React Official Website: https://reactjs.org/
React Icons: https://react-icons.github.io/react-icons/
All Source Codes: https://www.buymeacoffee.com/tech2etc
GitHub: https://github.com/tech2etc
⛔❌Do Not CLICK This Link: https://bit.ly/3lJLyLY
Need any help? Join my Discord: https://discord.gg/C58ZQAk2DE
SUPPORT ME:
👕 Merchandise: https://tech2etc.com/merchandise
🎁 Buy Me A Coffee https://www.buymeacoffee.com/tech2etc
🎀 Donate Me By Paypal: https://www.paypal.com/paypalme/tech2etc
How To Make MONEY Online - My 4 Favorite Tricks:
👨💻 Start Freelancing: https://tech2etc.com/fiverrcpa
🛒 Learn Digital Marketing: https://tech2etc.com/digital-marketing
📹 Make Video Editing As Profession: https://tech2etc.com/video-editing
🕔 Next trick will be revealed at the right time.
Free Course to Improve SKILLS & EARN:
1️⃣ WordPress Insider: https://tech2etc.com/wordpress-course
2️⃣ Bootstrap With Projects: https://tech2etc.com/bootstrap
3️⃣ Web Development For Beginners: https://tech2etc.com/webdev
4️⃣ JavaScript With Projects: https://tech2etc.com/javascript
5️⃣ Python With Projects: https://tech2etc.com/python
🎁 Get Certificate: https://courses.tech2etc.com/
Important Links:
📂 Best Hosting: https://tech2etc.com/best-hosting
📂 Best CV Resume: https://tech2etc.com/my-resume
📂 Freelancing Guide: https://tech2etc.com/learn-freelancing
📂 Interview Questions: https://tech2etc.com/?s=interview
DISCLAIMER: This description contains affiliate links. Which means I may receive a small commission on affiliate links used. This helps support the channel and allows us to continue to make videos like this. All content used within the parameters of fair use.
===============================
Connect with me & get daily updates👇
===============================
Discord: https://discord.gg/C58ZQAk2DE
Instagram: https://www.instagram.com/fahimulkabir.tech2etc/
Twitter: https://twitter.com/tech2etc
LinkedIn: https://www.linkedin.com/in/fahimulkabirchowdhury/
Group: https://www.linkedin.com/groups/14295322/
FB (Personal): https://www.facebook.com/mdfahimulkabir
FB Page: https://www.facebook.com/Tech2etc
Timestamps:
0:00 Start
1:09 Portfolio Website Preview
3:17 Install React JS
4:46 Folders & Files Overview
6:27 Lets Organize The Folders & Files
8:20 Install React Packages
12:05 Creating Route Pages
20:19 Responsive React Navbar
48:20 Home Hero
1:01:27 Change Nav Background on Scroll
1:06:27 Footer
1:19:41 Render Components in different Pages
1:22:11 Learn Dynamic Components
1:36:31 Pricing Card
1:47:28 Dynamic Card Component
2:14:07 About Component
2:24:30 Contact Form Component
#reactjs #reactcrashcourse #reactportfolio
Видео React Portfolio Website Tutorial From Scratch | Responsive Portfolio Website Using React JS канала Tech2 etc
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Contact Form Using HTML and CSS | Tech2 etcWeb Design Using Html and Css In 2021Thank You! 30k Subscribers 🔥How To Add a Video Background with HTML & CSSHTML CSS JavaScript ecommerce website #reels #coding #programmingLogic Behind No-Internet Game Hacked ..!Ecommerce Website HTML CSS - Blog Page Design For Ecommerce SiteHow To Make A Website Using HTML & CSS | Make HTML Website#shorts Responsive Website With HTML CSS Bootstrap.Ecommerce Website HTML CS JS Part 1 #reels #ecommerce #projectfind phone number location python? #shorts #viralinput shake animation with css #shorts #css #htmlHow to Free Up Disk Space Windows - How to Make Windows Faster - Tips & Tricks - Tech2 etcHow To Make A Website Using HTML and CSS | Step by Step From ScratchCSS Card Design: Image Hover effect with Vertical Rotating5 Responsive Website Tutorial Using HTML CSS And Bootstrap Step By Step | Tech2 etcIs that JavaScript Product Search Filter? #shortspower of css 💥 #shorts #viralHTML CSS | Margin Padding | Flex Box | Media Query | All In One Tutorial For BeginnersNeumorphism Admin Dashboard Design Using HTML and CSSCreate Animated Sidebar Menu Using Html And Css