Build modern UI with JavaScript, React JS, HTML & CSS and ace the web development interviews by showing this stunning personal portfolio website with high quality detailed sections. This is one of the best portfolio website course available on youtube, by building every section of this website you will learn deeper about the core concepts of react js and its best practices.
Recommended Videos:
⏩ Build & Deploy RU-vid Clone - bit.ly/3ACM8nB
⏩ Build & Google Search Clone - bit.ly/3P30F1X
📚 Materials/References:
GitHub Repository (give it a star ⭐): bit.ly/3U8Qbje - Same as this video code
GitHub Repository (give it a star ⭐): bit.ly/3wXp808 - Full Project code
Assets: bit.ly/3U6hSch
Glassmorphism - hype4.academy/tools/glassmorp...
CSS ease animation tool - matthewlein.com/tools/ceaser
CSS (Shadow,Gradient,Border Radius) generator tool - www.cssmatic.com/box-shadow
Installed NPM Packages:
Sass - www.npmjs.com/package/sass
React Icons - www.npmjs.com/package/react-i...
In this tutorial you’ll learn:
- React 18 and its latest features
- React functional components and their reusability
- React hooks and state management
- Animations with JavaScript & CSS combination
- SASS css and its best usage in a React JS project
- Responsive layout with perfectly placed media queries
- Masonry effects using JavaScript
- Client side form validations & realtime form submission to get emails on configured email ID
Follow me on 👇
🖼️ Instagram - bit.ly/3jIJqYc
😺 GitHub - bit.ly/3I6Qx6O
👇 Time Stamps
00:00:00 Project Intro
00:03:26 Project Setup
00:05:46 Optional Visual Studio Code Extensions
00:09:03 React Boilerplate Code Changes
00:15:12 Folder Structure
00:18:48 Installing SASS & Write Global CSS
00:37:06 Intro Section Background
00:53:25 Navigation Bar
01:26:15 Intro Content
02:01:33 Reusable Section Component
02:10:57 Skills Section
02:26:02 Next Part Announcement
22 июл 2024
