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)

1. Introduction

1. Introduction

2. How To Use The Website. Very Important

3. Website Demo

2. Introduction To Nextjs

1. What Exactly is Nextjs

2. Nodejs Installations

3. Visual Studio Code Installations

4. Visual Studio Code Extensions

5. Nextjs Installations

6. Nextjs Boiler Plate

7. Clean up the boiler plate

8. App Router

9. Nexted Route

10. Dynamic Route

11. Nexted Dynamic Route

12. Error Page

13. File Colocation

14. Private Route

15. Route Group

16. Layout

17. Layout Route Group

18. MetaData Routing

19. Title Field (Title metadata)

20. Links and Navigations

21. Conditionally style a link

22. error message (error handling)

23. Template

24. Loading bar

3. Building the ultimate Nextjs 14 Portfolio website

1. Nodejs and VsCode Installation. Installing Vs code Extension

2. Nextjs13 Installation

3. Project Structure

4. Import and Settings

4. Home Component Design

1. Home Layout SetUp

2. Home Layout Breakdown

3. Home Item Design

4. Skill box Design

5. Code Resource.html

5. Header Component

1. Window on-scroll event

2. Implement pageYoffSet

3. Navigation Links

4. Header navigation drawer Menu

5. Home Link Challenge

6. Open and close navigation menu button

7. Menu Drawer Navigation Links

8. Navigation Drawer Challenge (Fixing the height )

9. Navigation Drawer Social Media Icons

6. Portfolio Component

1. Portfolio screen layout and item display

2. Portfolio Card

3. Portfolio card slider implementation

4. Dynamic Route

5. Get the id on a new page (Dyamically)

6. Portfolio Header overlay

7. Portfolio Single page Design (Portfolio Detail Design)

8. Portfolio Space Challenge (Assignment)

9. Next and Previous Button

7. AboutMe Component And Design

1. About-me Layout Set-up

2. About Me Logic

3. Grid Button Implementation

4. Skill Card display

5. Skill Count

6. Button Flip

7. Flip Animation

8. Testimonial Component Design

1. Testimonial slider settings

2. Testimonial slider design

9. Footer Component Design

1. Footer Badge

2. Footer Icons

3. Footer Items

4. Display Social Media Icons

5. Footer Menu on Mobile Device

6. Footer Drop Down Menu on Mobile Device

10. Contact Page (Contact form and Node mailer Implementation)

1. Contact Page Header Design

2. Contact Page Menu Card

3. Contact Form Layout

4. Contact Form

5. Controlled Input (Contact Form)

6. Node amiler API Using Nextjs13

7. API Consumption

8. Progress Bar

11. Call To Action Button

1. Call to action button implementation and logic

12. Bug Fixes and Final Touches

1. Header Fixes

2. Slider Fix on Mobile Device

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy