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

Next.js Course: Build a Production-Ready Movie App Project

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

Build Real-World Apps with Next.js, Tailwind CSS, Material UI, and TypeScript—Starting with a Dynamic Next.js Project.


1 - Introduction
  • 1 -Introduction

  • 2 - Next JS Movie Web App Project - 1
  • 1 -Next JS Movie Web App Project Overview - Live Demo
  • 2 -Next JS Movie App Project Source Code.zip
  • 2 -Project and Theme Setup Part - 1
  • 2 - Next JS Movie Web App Project Source Code.html
  • 3 -Absolute Routes Part - 2
  • 4 -Nested Route and Dynamic Route Part - 3
  • 5 -Layout Part - 4
  • 6 -Navbar Part - 5
  • 7 -Navbar Adjustments for Mobile Screen Part - 6
  • 8 -Navbar Input Field Part - 7
  • 9 -React Context API Part - 8
  • 10 -TMDB API Part - 9
  • 11 -Fetch Movie Data for Context API Part - 10
  • 12 -Simple Banner Section Part - 11
  • 13 -Dynamic Banner Page Movie Type Part - 12
  • 14 -Global Type Safely for Each Movies Part - 13
  • 15 -Custom Function for the Banner Slider Part - 14
  • 16 -Custom Countdown Progress Circle for Banner Part - 15
  • 17 -Banner Button Optimized Part - 16
  • 18 -Banner BG Banner Poster Banner Gradient Overlay Part - 17
  • 19 -Banner Details Part - 18
  • 20 -Rating Element from MUI Part - 19
  • 21 -Second Slider Part - 20
  • 22 -Slider Data Fetched Part - 21
  • 23 -Slider Customization Part - 22
  • 24 -Slider Styling Part - 23
  • 25 -Card Group Containers Data Fetch Part - 24
  • 26 -Griding The Card Group Part - 25
  • 27 -Prop Drilling Media Into TV and Movie Card Part - 26
  • 28 -Movie Cards Part - 27
  • 29 -Finishing The Movie Card Part - 28
  • 30 -Setting Up The Page Context Part - 29
  • 31 -Conditionally Rendering The Pages Part - 30
  • 32 -Make The Pagination Functional Part - 31
  • 33 -Updating States and Context Type Part - 32
  • 34 -Update The Default Context Part - 33
  • 35 -Update The Fetch API for The Context Part - 34
  • 36 -Introduction to TABS Part - 35
  • 37 -Adding Handler to Active Tabs Part - 36
  • 38 -TV Show Page Part - 37
  • 39 -TV Show Cards Part - 38
  • 40 -TV Show Type for The TV Card Part - 39
  • 41 -Details Movie Page Part - 40
  • 42 -Detailed Movie Page Functionality Part - 41
  • 43 -Data Drilling Into UI Components Part - 42
  • 44 -Media Details Banner in Detailed Movie Page Part - 43
  • 45 -Rendering Data Into Media Details Component Part - 44
  • 46 -Finishing The Media Details Component Part - 45
  • 47 -Intro to Trailer Component Part - 46
  • 48 -Intro to YouTube Player Component Part - 47
  • 49 -Intro to Casting Component Part - 48
  • 50 -Rendering The Casts Part - 49
  • 51 -Adding Animations to The Casting Component Part - 50
  • 52 -Intro to Scenes Component Part - 51
  • 53 -Finishing The Scenes Component Part - 52
  • 54 -Intro to Scene Modal Component Part - 53
  • 55 -Intro to Similar Movie Component Part - 54
  • 56 -Finishing The Similar Movie Component Part - 55
  • 57 -Details Page for The TV Shows Part - 56
  • 58 -Intro to The Footer Component Part - 57
  • 59 -Make the Navbar Conditional Base on Current Path Part - 58
  • 60 -Adjusting the Navbar Style Part - 59
  • 61 -Intro to Theme Toggle Component Part - 60
  • 62 -Adjusting the Search Box Component Part - 61
  • 63 -Finishing The Search Box Component Part - 62
  • 64 -Intro to Search Result Component Part - 63
  • 65 -Correcting The States and Debug Part - 64
  • 66 -Hosting The Entire Project on Vercel Part - 65
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 42397
    حجم: 5977 مگابایت
    مدت زمان: 492 دقیقه
    تاریخ انتشار: ۱۰ دی ۱۴۰۳
    طراحی سایت و خدمات سئو

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