Udemy

Ultimate Next.js 14 Portfolio Website (Zero To Hero) 2024

立即報名
  • 316 名學生
  • 更新於 2/2024
4.5
(57 個評分)
  • 提示:
  • 透過本站連結購買Udemy課程,本站將獲得推廣佣金,有助未來提供更多實用進修課程資訊給讀者。

課程資料

報名日期*
全年招生
課程級別
學習模式
修業期
10 小時 13 分鐘
教學語言
英語
授課導師
Ehizeex Okwuose
評分
4.5
(57 個評分)
*提示: 以上時間表僅供參考,以機構網站為準。

課程簡介

Ultimate Next.js 14 Portfolio Website  (Zero To Hero) 2024

Next.js 14 Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework (Learn By Doing)

This course will teach you how to create attractive online applications with Nextjs.14, Reactjs, TailwindCss, Nodemailer, and a variety of utilities. I will take you step by step from the beginning to the end of the deployment process.

You will be able to deploy the website on a Vercel server and publish the source code to GitHub before the end of this course.

We will also learn how to send portfolio details to a new page using Nextjs 14 Dynamic Route. (Single post page)

The data will be dynamically presented.

Smooth Scrolling and Fade In Animation will be taught to students.

Students will learn how to create a scrolling effect.


You will learn how to create downloadable PDF files, which we have implemented.on the get resume Button

You will learn how to implement the call to action button using the scroll condition

Student will be able to differentiate between Reactjs route and Nextjs Route

The instructor will teach you how to open up a new page in Nextsj.14

The instructor will teach you how to receive and send thousands of email using Nodemailer

Student will learn how create API using Nextjs and Nodemailer



The Link to the  Complete Source code and material i used in this course will be in the resource.

Welcome to The Ultimate NextJs 14  Portfolio Web Development Course!


課程章節

  • 10 個章節
  • 80 堂課
  • 第 1 章 Introduction
  • 第 2 章 Introduction To Nextjs
  • 第 3 章 Building the ultimate Nextjs 14 Portfolio website
  • 第 4 章 Home Component Design
  • 第 5 章 Header Component
  • 第 6 章 Portfolio Component
  • 第 7 章 AboutMe Component And Design
  • 第 8 章 Testimonial Component Design
  • 第 9 章 Footer Component Design
  • 第 10 章 Contact Page (Contact form and Node mailer Implementation)

課程內容

  • Students will learn how to se react hooks in Nextjs
  • Students will learn how to use react components in Nextjs13
  • Students will learn how to switch from Nextjs default server side rendering to client side rendering
  • Students will learn the best practices for building a professional nextjs website
  • Students will learn and understand the tailwind utility classes
  • Mobile Friendly Development (Mobile Responsiveness)
  • Node mailer (how to implement email functionality using NodeMailer)
  • Students will learn how to create their own API Using Nexts
  • Students will learn and understand the concept of design patterns
  • Dynamic routing system in Nextjs will be explained
  • Nextjs13 Page routing system will be explained
  • Students will learn how to push the project to github
  • Student will learn how to deploy their project to vercel (live server)

此課程所涵蓋的技能


評價

  • S
    SAAIDIN MAT ESA
    5.0

    good course.

  • M
    Mussa Muhindo Justin
    5.0

    it's beautiful indeed

  • 太
    太田裕一
    4.5

    The course content was easy to understand and I liked the design! I would like to take another class if I have the opportunity.

  • A
    Adriano Gratani
    4.0

    good teacher BUT PLEASE RESPOND TO MESSAGES overall very good site.

立即關注瀏覽更多

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

我已閱讀及同意