課程資料
課程簡介
Build modern portfolio with react js and next js 14 (2024)
"Embark on a journey of modern web development mastery with our course 'Building Modern Portfolios with React.js and Next.js 14 (2024)'. Dive into the latest advancements in web technology as you harness the power of Next.js 14 to craft dynamic and visually stunning portfolios.
Throughout this comprehensive course, you'll learn to create a modern portfolio utilizing the cutting-edge features of Next.js 14. From setting up your development environment to deploying your masterpiece live on Vercel, every step of the process is covered.
But that's just the beginning. Delve into the world of advanced web design techniques as you discover how to create captivating animated backgrounds, custom cursors, and dynamic water effects using React and Next.js. Impress your visitors with beautiful project cards and expandable sections, all designed to showcase your work in the best light possible.
In addition, you'll master the art of crafting an engaging 'About' section complete with timelines and exquisite typography, setting your portfolio apart from the rest. And when it comes to user interaction, our course has you covered. Learn to create an advanced contact form with ease, and effortlessly integrate email sending functionality to stay connected with your audience.
But the excitement doesn't end there. Explore the realm of SVG animations with Framer Motion, adding a touch of creativity and interactivity to your portfolio like never before. And to tie it all together, discover how to create a fully animated menu with seamless slide animations, providing users with a delightful browsing experience.
By the end of this course, not only will you have built a stunning modern portfolio from scratch, but you'll also have gained invaluable skills in React.js, Next.js 14, and advanced web design techniques. So, are you ready to unleash your creativity and showcase your talents to the world? Join us on this journey and bring your portfolio to life like never before!"
課程章節
- 10 個章節
- 40 堂課
- 第 1 章 Course trailer
- 第 2 章 Creating our project
- 第 3 章 Visuals: Grain background, Water effect, custom cursor
- 第 4 章 Let's create our basic ui components first
- 第 5 章 Landing section
- 第 6 章 Featured section
- 第 7 章 About section
- 第 8 章 Contact section
- 第 9 章 Full screen animated menu
- 第 10 章 Deployment
課程內容
- Master Next js 14: Gain a comprehensive understanding of Next js 14, the latest version of the Next js framework, and learn how to leverage its features
- Create Stunning Visual Effects: Learn how to implement animated noisy backgrounds, custom cursors, and dynamic water effects using React js and Next js
- Design Beautiful and Interactive Components: Develop skills in designing and implementing beautiful project cards, expandable sections
- Master the deployment process and learn how to deploy your portfolio live on Vercel, ensuring that your projects are accessible to everyone
評價
-
PPeter Peterson
Great course! I had to make some edits because of underlying changes to NextJS and React since this was published, but it gave me great enough foundational knowledge to do that.
-
太太田裕一
I took this course and managed to deploy it to the end, but it took about two weeks because I didn't have the source code for the finished product. If I had the source code, it would have gone a little more smoothly, so I'm happy with it. I would recommend thinking twice before taking this course!
-
KKrasimir Tsanev
The talking is too fast...
-
VVeronica Schembri
Especially at the end of the course, he seems to be in too much of a hurry to close it. When many things are left unsolved, possible errors in deployment. Validating the form fields. The menu that does not close when clicking the elements, the mobile version needs to be revised in several places. It's a shame because it seemed interesting at first.