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

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 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 37955
    حجم: 5559 مگابایت
    مدت زمان: 614 دقیقه
    تاریخ انتشار: ۶ تیر ۱۴۰۳
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید