آموزش GraphQL با iOS و SwiftUI: راهنمای کامل توسعه دهندگان

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

معرفی Introduction

• معرفی Introduction

• درباره مربی About the Instructor

• پیش نیازها Prerequisites

• فایل های تمرین Exercise Files

آشنایی با GraphQL Understanding GraphQL

• GraphQL چیست؟ What is GraphQL?

• GraphQL در مقابل REST GraphQL vs REST

• مفاهیم اصلی Core Concepts

• پرس و جوها Queries

• منابع: پرس و جو Resources: Queries

• جهش ها Mutations

• منابع: جهش Resources: Mutations

• قطعات Fragments

• منابع: قطعات Resources: Fragments

• اشتراک ها Subscriptions

• منابع: اشتراک ها Resources: Subscriptions

برنامه کشور Country App

• چه چیزی خواهیم ساخت؟ What we will be building?

• آپولو برای GraphQL چیست؟ What is Apollo for GraphQL?

• در حال نصب آپولو CLI Installing Apollo CLI

• منابع - نصب آپولو CLI Resources - Installing Apollo CLI

• افزودن بسته آپولو به برنامه SwiftUI Adding Apollo Package to the SwiftUI App

• منبع: افزودن بسته آپولو به برنامه SwiftUI Resource: Adding Apollo Package to the SwiftUI App

• دانلود Schema و افزودن اسکریپت تولید کد Downloading Schema and Adding Code Generation Script

• منبع: دانلود طرحواره و افزودن تولید کد Resource: Downloading Schema and Adding Code Generation

• واکشی همه کشورها Fetching All Countries

• نمایش کشورها در لیست SwiftUI Displaying Countries in SwiftUI List

• پیاده سازی پرس و جو GetCountryByCode در GraphQL Implementing GetCountryByCode Query in GraphQL

• نمایش اطلاعات کشور Displaying Country Info

آشنایی با الگوی طراحی MVVM Understanding MVVM Design Pattern

• الگوهای طراحی چیست؟ What are Design Patterns?

• MVVM چیست؟ What is MVVM?

• چرا MVVM؟ Why MVVM?

• MVVM Architecture و Web API MVVM Architecture and Web APIs

• تفاوت بین ViewModel و Model Difference Between ViewModel and Model

برنامه کشورها - الگوی طراحی MVVM Countries App - MVVM Design Pattern

• دستور جلسه Agenda

• پیاده سازی CountryListViewModel و CountryViewModel Implementing CountryListViewModel and CountryViewModel

• نمایش کشورها روی صفحه با استفاده از CountryListViewModel Displaying Countries on Screen Using CountryListViewModel

• پیاده سازی CountryDetailViewModel Implementing CountryDetailViewModel

• نمایش جزئیات کشور بر روی صفحه نمایش Displaying Country Details on the Screen

اپلیکیشن آب و هوا Weather App

• چه چیزی خواهیم ساخت؟ What we will be building?

• منبع Resource

• گشت و گذار در برنامه Tour of the App

• ساخت پرس و جو GraphQL برای دریافت آب و هوا بر اساس شهر Constructing GraphQL Query to Get Weather By City

• پیاده سازی WeatherViewModel Implementing WeatherViewModel

• واکشی آب و هوا Fetching the Weather

• نمایش آب و هوا بر روی صفحه نمایش Displaying Weather on Screen

برنامه GitHub - راه اندازی GitHub App - Setup

• چه چیزی خواهیم ساخت؟ What we will be building?

• آشنایی با GitHub GraphQL API Understanding GitHub GraphQL API

• منبع: GitHub GraphQL API Resource: GitHub GraphQL API

• تور پروژه شروع کننده Tour of the Starter Project

برنامه GitHub - واکشی و نمایش آخرین مخازن GitHub App - Fetching and Displaying Latest Repositories

• ساخت GetAllRepositoriesForUser GraphQL Query Constructing GetAllRepositoriesForUser GraphQL Query

• ایجاد توکن دسترسی شخصی GitHub Generating GitHub Personal Access Token

• ارسال کد دسترسی با درخواست GraphQL در هدرها Sending Access Code with GraphQL Request in Headers

• پیاده سازی RepositoryListViewModel و RepositoryViewModel Implementing RepositoryListViewModel and RepositoryViewModel

• نمایش لیست تمام آخرین مخازن Displaying List of All Latest Repositories

• منابع Resources

برنامه GitHub - جهش GitHub App - Mutations

• ساخت پرس و جوی ایجاد مخزن جهش Constructing the Create Repository Mutation Query

• تست پرس و جوی جهش CreateRepository Testing CreateRepository Mutation Query

• منبع: پرس و جوی جهش و متغیرهای پرس و جو Resource: Mutation Query and Query Variables

• پیاده سازی AddRepositoryViewModel Implementing AddRepositoryViewModel

• ادغام AddRepositoryScreen با AddRepositoryViewModel Integrating AddRepositoryScreen with AddRepositoryViewModel

• راه حل: ادغام AddRepositoryScreen با AddRepositoryViewModel SOLUTION: Integrating AddRepositoryScreen with AddRepositoryViewModel

برنامه GitHub - واکشی و نمایش مخازن برتر GitHub App - Fetching and Displaying Top Repositories

• ساخت پرس و جو GraphQL برای مخازن برتر Constructing GraphQL Query for Top Repositories

• پیاده سازی getTopRepositoriesForUser در RepositoryListViewModel Implementing getTopRepositoriesForUser in RepositoryListViewModel

• اجرای پروتکل RepositoryNode Implementing RepositoryNode Protocol

• تغییر نماها بین آخرین مخازن و مخازن برتر Switching Views Between Latest Repositories and Top Repositories

شروع کار با سرور آپولو Getting Started with Apollo Server

• آشنایی با سرور آپولو Understanding the Apollo Server

• فایل های تمرین Exercise Files

• نصب Node و بسته های مورد نیاز GraphQL Installing Node and Required GraphQL Packages

• واکشی همه کتابها (پرسش) Fetching All Books (Query)

• واکشی کتاب بر اساس شناسه (پرس و جو) Fetch Book by Id (Query)

• راه اندازی مجدد خودکار سرور با استفاده از Nodemon Automatically Restarting Server Using Nodemon

• افزودن کتاب جدید (جهش) Adding New Book (Mutation)

• منابع Resources

مبانی طرحواره Schema Basics

• زبان تعریف طرحواره Schema Definition Language

• انواع پشتیبانی شده Supported Types

• طراحی طرحواره مبتنی بر پرس و جو Query Driven Schema Design

برنامه فیلم - نمایش فیلم ها Movies App - Displaying Movies

• چه چیزی خواهیم ساخت؟ What we will be building?

• تور پروژه شروع کننده Tour of the Starter Project

• توجه: اجرای سرور آپولو با استفاده از NodeJS NOTE: Running the Apollo Server Using NodeJS

• ساخت پرس و جو GetAllMovies Constructing GetAllMovies Query

• پیاده سازی MovieListViewModel و MovieViewModel Implementing MovieListViewModel and MovieViewModel

• نمایش فیلم ها بر روی صفحه نمایش Displaying Movies on the Screen

• ساخت پرس و جو GetAllMovies با فیلتر Constructing GetAllMovies Query with Filter

• ساخت پرس و جوی GetAllGenres GraphQL Constructing GetAllGenres GraphQL Query

• پیاده سازی GenreListViewModel و GenreViewModel Implementing GenreListViewModel and GenreViewModel

• پیاده سازی GenreSelectionView Implementing GenreSelectionView

• فیلتر کردن و نمایش فیلم ها بر روی صفحه نمایش Filtering and Displaying Movies on the Screen

برنامه فیلم - اضافه کردن فیلم های جدید Movies App - Adding New Movies

• ساخت جهش برای افزودن یک فیلم جدید Constructing Mutation to Add a New Movie

• پیاده سازی AddMovieViewModel Implementing AddMovieViewModel

• نادیده گرفتن همه گزینه ها در GenreSelectionView Ignoring All Option in GenreSelectionView

• ثبت نام با OMDB API Registering with OMDB API

• پیاده سازی وب سرویس برای واکشی فیلم ها بر اساس نام Implementing Webservice to Fetch Movies by Name

• نمایش پوسترها در LazyVStack Displaying Posters in LazyVStack

• ذخیره فیلم های جدید در سرور GraphQL Saving New Movies to the GraphQL Server

• ساخت پرس و جو GraphQL برای حذف یک فیلم Constructing GraphQL Query to Delete a Movie

• حذف فیلم Deleting Movie

• استقرار GraphQL Server در Heroku Deploying GraphQL Server to Heroku

نتیجه Conclusion

• مراحل بعدی Next Steps

• سخنرانی پاداش Bonus Lecture