React Native Bootcamp 2024: Build 2 Job Ready Real Projects

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

مقدمه Introduction

• مقدمه Introduction

Movie App-TMDB Movie API : Project - 1 Movie App-TMDB Movie API : Project - 1

• پروژه برنامه فیلم - کد منبع Movie App Project - Source Code

• Movie App-TMDB Movie API : Project - Live Demo Movie App-TMDB Movie API : Project - Live Demo

• تنظیم محیط برای مک قسمت 1 Setup Environment For Mac Part-1

• تنظیمات محیط برای ویندوز قسمت 2 Setup Environment For Windows Part-2

• تنظیم ساختار فایل قسمت 3 File Structure Setup Part-3

• ساخت صفحات نمایشی 1 قسمت 4 Making Demo Screens 1 Part-4

• ساخت نمایشگرهای نمایشی 2 قسمت 5 Making Demo Screens 2 Part-5

• ایجاد جزء چرخ فلک قسمت 6 Creating Carousel Component Part-6

• نمایش مولفه چرخ فلک قسمت 7 Demonstration of Carousel Component Part-7

• ایجاد مؤلفه کارت فیلم قسمت 8 Creating Movie Card Component Part-8

• نمایش مولفه کارت فیلم قسمت 9 Demonstration of Movie Card Component Part-9

• ایجاد مؤلفه کارت نمایش تلویزیونی قسمت 10 Creating TV Show Card Component Part-10

• نمایش کارت برنامه تلویزیونی قسمت 11 Demonstration of TV Show Card Part-11

• TMDB API Setup Part-12 TMDB API Setup Part-12

• واکشی بخش محبوب از TMDB API قسمت 13 Fetching Popular Section From TMDB API Part-13

• نمایش بخش محبوب 1 قسمت 14 Demonstration of Popular Section 1 Part-14

• نمایش بخش محبوب 2 قسمت 15 Demonstration of Popular Section 2 Part-15

• واکشی و نشان دادن بخش توصیه شده بخش 16 Fetching and Demonstrating Recommended Section Part-16

• تنظیم صفحه نمایش جزئیات 1 قسمت 17 Setting Up Detail Screen 1 Part-17

• راه اندازی صفحه نمایش جزئیات 2 قسمت 18 Setting Up Detail Screen 2 Part-18

• واکشی فیلم و جزئیات نمایش از TMDB API Part-19 Fetching Movie and Show Details From TMDB API Part-19

• صفحه نمایش جزئیات ساختمان 1 قسمت 20 Building Detail Screen 1 Part-20

• صفحه نمایش جزئیات ساختمان 2 قسمت 21 Building Detail Screen 2 Part-21

• واکشی تریلر از TMDB API Part-22 Fetching Trailer From TMDB API Part-22

• اجرای نشانگر فعالیت در صفحه نمایش جزئیات قسمت 23 Implementing Activity Indicator on Detail Screen Part-23

• افزودن تریلرها در صفحه جزئیات 1 قسمت 24 Adding Trailers In the Detail Screen 1 Part-24

• افزودن تریلرها در صفحه جزئیات 2 قسمت 25 Adding Trailers in the Detail Screen 2 Part-25

• واکشی موارد مشابه برای صفحه نمایش جزئیات قسمت-26 Fetching Similar Items For Detail Screen Part-26

• افزودن چرخ فلک و دکمه های مشابه به صفحه نمایش جزئیات 1 قسمت 27 Adding Similar Carousel and Buttons To Detail Screen 1 Part-27

• افزودن چرخ فلک و دکمه های مشابه به صفحه نمایش جزئیات 2 قسمت 28 Adding Similar Carousel And Buttons To Detail Screen 2 Part-28

• پیاده سازی متن و ذخیره سازی غیر همگام 1 قسمت 29 Implementation Of Context and Async Storage 1 Part-29

• اجرای Context و Async Storage 2 Part-30 Implementation Of Context and Async Storage 2 Part-30

• اجرای متن در صفحه نمایش جزئیات قسمت 31 Implementing Context In Detail Screen Part-31

• صفحه نمایه ساختمان 1 قسمت 32 Building Profile Screen 1 Part-32

• صفحه نمایه ساختمان 2 قسمت 33 Building Profile Screen 2 Part-33

• پیاده سازی کامپوننت آیتم رندر در صفحه نمایش 1 قسمت 34 Implementation of Render Item Component In Profile Screen 1 Part-34

• پیاده سازی کامپوننت آیتم رندر در صفحه نمایش 2 قسمت 35 Implementation of Render Item Component In Profile Screen 2 Part-35

• Building User Screen 1 Part-36 Building User Screen 1 Part-36

• Building User Screen 2 Part-37 Building User Screen 2 Part-37

• اجرای تابع واکشی نتایج جستجو قسمت-38 Implementing The Search Result Fetching Function Part-38

• Building The Search Screen 1 Part-39 Building The Search Screen 1 Part-39

• Building The Search Screen 2 Part-40 Building The Search Screen 2 Part-40

• Building The Search Screen 3 Part-41 Building The Search Screen 3 Part-41

• ساخت نوار جستجو قسمت 42 Building The Search Bar Part-42

• اجرای قابلیت جستجو قسمت 43 Implementation Of Search Functionality Part-43

• اجرای تم 1 قسمت 44 Implementation Of Themes 1 Part-44

• Implementation Of Themes 2 Part-45 Implementation Of Themes 2 Part-45

• اجرای تم 3 قسمت 46 Implementation Of Themes 3 Part-46

• Implementation Of Themes 4 Part-47 Implementation Of Themes 4 Part-47

• سفارشی کردن فایل Layout 1 Part-48 Customizing the Layout File 1 Part-48

• سفارشی کردن فایل Layout 2 Part-49 Customizing the Layout File 2 Part-49

کلون اینستاگرام: Project-2 Instagram Clone : Project-2

• پروژه کلون اینستاگرام - کد منبع Instagram Clone Project - Source Code

• پروژه کلون اینستاگرام 2 - نسخه نمایشی زنده Instagram Clone Project 2 - Live Demo

• نصب و ساختار پوشه قسمت 1 Installation and Folder Structure Part-1

• React Basics Part-2 React Basics Part-2

• React Native Basics - Elements and Styling Part-3 React Native Basics - Elements and Styling Part-3

• ایجاد نوار ناوبری قسمت 4 Creating Tab Navigation Part-4

• ایجاد نوار ناوبری پروفایل و تنظیم صفحه قسمت 5 Creating Profile Navbar and Setting Page Part-5

• ایجاد رابط کاربری تنظیمات - هدر قسمت 6 Creating Setting UI - Header Part-6

• ایجاد تنظیمات UI و Context API Theory قسمت 7 Creating Setting UI and Context API Theory Part-7

• ایجاد زمینه تم قسمت 8 Creating Theme Context Part-8

• صفحه تنظیمات کامل قسمت 9 Complete Setting Page Part-9

• شروع به ایجاد صفحه اصلی - Navbar Part-10 Start Creating Home Page - Navbar Part-10

• ایجاد کانتینر داستان جزء داستان قسمت 11 Creating Story Component Story Container Part-11

• ایجاد مولفه داستان - تک داستان قسمت 12 Creating Story Component - Single Story Part-12

• ایجاد صفحه پیام - هدر و ورودی متن قسمت 13 Creating Messages Page - Header and Text Input Part-13

• شروع ایجاد صفحه پیام ها - پیام های کاربر قسمت 14 Start Creating Messages Page - User Messages Part-14

• ایجاد کانتینر کارت پستال قسمت 15 Creating Post Card Container Part-15

• ایجاد کارت پستال - کانتینر تصویر قسمت 16 Creating Post Card - Image Container Part-16

• ایجاد کارت پستال - Caption Container Part-17 Creating Post Card - Caption Container Part-17

• ایجاد کانتینر ویدئو - UI Part-18 Creating Video Container - UI Part-18

• ایجاد کانتینر ویدیو - Play Mute Logic Part-19 Creating Video Container - Play Mute Logic Part-19

• ایجاد صفحه نمایه - کانتینر سربرگ قسمت 20 Creating Profile Page - Header Container Part-20

• ایجاد صفحه نمایه - پست های کاربر قسمت 21 Creating Profile Page - User Posts Part-21

• ایجاد برگه پایین - باز کردن بستن ورود به سیستم قسمت 22 Creating Bottom Sheet - Open Close Login Part-22

• ایجاد صفحه پایین - رابط کاربری یک ظاهر طراحی شده قسمت 23 Creating Bottom Sheet - Styling UI Part-23