The Ultimate Nextjs.14 Portfolio Website Responsive (2024)

سرفصل های دوره

Build The Most Elegant Nextjs.14 Portfolio Website ( World Most Beautiful Responsive Portfolio Website )

1 - Introduction

1 - Introduction

2 - Tools Installation

2 - Nodejs installation Vs Code Installation Installing Vs code Extension

3 - Nextjs13 Installation

4 - Import and Settings

3 - Home Component Design

5 - Home Layout SetUp

6 - Home Item Design

7 - Skill box Design

4 - Header Component

8 - Window onscroll event

9 - Implement pageYoffSet

10 - Navigation Links

11 - Header navigation drawer Menu

12 - Home Link Challenge

13 - Open and close navigation menu button

14 - Menu Drawer Navigation Links

15 - Navigation Drawer Challenge Fixing the height

16 - Navigation Drawer Social Media Icons

5 - Portfolio Component

17 - Portfolio screen layout and item display

18 - Portfolio Card

19 - Dynamic Route

20 - Get the id on a new page Dyamically

21 - Portfolio Single page Design Portfolio Detail Design

22 - Portfolio card slider implementation

23 - Portfolio Space Challenge Assignment

24 - Next and Previous Button

6 - AboutMe Component And Design

25 - Aboutme Layout Setup

26 - About Me Logic

27 - Grid Button Implementation

28 - Skill Card display

29 - Skill Count

30 - Button Flip

31 - Flip Animation

7 - Testimonial Component Design

32 - Testimonial slider settings

33 - Testimonial slider design

8 - Footer Component Design

34 - Footer Badge

35 - Footer Icons

36 - Footer Items

37 - Display Social Media Icons

38 - Footer Menu on Mobile Device

39 - Footer Drop Down Menu on Mobile Device

9 - Contact Page Contact form and Node mailer Implementation

40 - Contact Page Header Design

41 - Contact Page Menu Card

42 - Contact Form Layout

43 - Contact Form

44 - Controlled Input Contact Form

45 - Node amiler API Using Nextjs13

46 - API Consumption

47 - Progress Bar

10 - Call To Action Button

48 - Call to action button implementation and logic

11 - Bug Fixes and Final Touches

49 - Header Fixes

50 - Slider Fix on Mobile Device

45,900 تومان

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

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

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

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