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

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 تومان
    افزودن به سبد خرید