Udemy

Build modern portfolio with react js and next js 14 (2024)

立即報名
  • 190 名學生
  • 更新於 2/2024
4.4
(22 個評分)
CTgoodjobs 嚴選優質課程,為職場人士提升競爭力。透過本站連結購買Udemy課程,本站將獲得推廣佣金,有助未來提供更多實用進修課程資訊給讀者。

課程資料

報名日期
全年招生
課程級別
學習模式
修業期
7 小時 3 分鐘
教學語言
英語
授課導師
Mohamed Hajji
評分
4.4
(22 個評分)
2次瀏覽

課程簡介

Build modern portfolio with react js and next js 14 (2024)

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

評價

  • P
    Peter Peterson
    5.0

    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.

  • 太田裕一
    1.5

    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!

  • K
    Krasimir Tsanev
    4.0

    The talking is too fast...

  • V
    Veronica Schembri
    2.5

    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.

立即關注瀏覽更多

本網站使用Cookies來改善您的瀏覽體驗,請確定您同意及接受我們的私隱政策使用條款才繼續瀏覽。

我已閱讀及同意