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

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

1. Course trailer

1. Course trailer

2. Creating our project

1. Create next app

2. Metadata and favicon

3. Clsx and Tailwind-merge

4. Adding google and custom fonts

3. Visuals Grain background, Water effect, custom cursor

1.1 noise keyframes.txt

1.2 noisy-background.zip

1. Grain background

2.1 httpsgithub.comstephenscaffreact-animated-cursor.html

2. Custom animated cursor

3. Water wave effect

4. Lets create our basic ui components first

1. Creating the card component

2. Creating the button component

3. Creating the Input and Textarea components

4. Creating the profile component

5. Creating the fancy button component

6. Createing the Live clock component and handle live time with moment

7. Magnetic effect wrapper

5. Landing section

1. What we will build, and working on header

2. The Slogan

6. Featured section

1.1 globals.zip

1. Animated heading component

2. Featured card Header

3. Featured Card Video

4. Expandable cards

7. About section

1. Building the structure of about section

2. Lets create the Me card

3. Lets create the Resume card

4. Lets create the Background card

5. Lets create the Gallery swiper

6. Lets create the Timeline component

7. Lets create Experience, Education, Instructor, Certifications cards

8. Lets create the Stack card

8. Contact section

1. Contact cards

2. Contact form structure

3. Select input and handle all complexity

4. Send emails easily from frontend only

9. Full screen animated menu

1. Menu setup

2. Profile card and menu links

3. Navlink dot scale effect with framer motion

4. Working on Footer links

5. Blend mode about menu card

6. ShowHide toggle button after scrolling

10. Deployment

1. Lets deploy !

45,900 تومان

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

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

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

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