آموزش GraphQL & Flutter - ساخت GraphQL API و Flutter Client Apps

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

معرفی Introduction

• معرفی Introduction

• مسیر یادگیری Learning Path

دانلود کد دوره Download Course Code

• دانلود کد دوره Download Course Code

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

• GraphQL چیست What's GraphQL

• چه کسی GraphQL را ایجاد کرد؟ Who Created GraphQL?

• GraphQL - یک مرور کلی و نظریه نمودار GraphQL - An Overview and Graph Theory

• GraphQL - نسخه ی نمایشی سریع GraphQL - Quick Demo

شروع کار با GraphQL Getting Started with GraphQL

• ابزارهای توسعه - راه اندازی Development tools - Setup

• برگه تقلب دستور ویرایشگر VSCode VSCode Editor Command Cheat Sheet

• آشنایی با مبانی IDE Understanding the Basics of the IDE

• برگه تقلب دستورات ترمینال/خط فرمان Terminal/Command Line Commands Cheat Sheet

• راه اندازی اولین پروژه ما Setting up Our First Project

• نصب GraphQL و Express Installing GraphQL and Express

• GraphQL و Express را نصب کنید Install GraphQL and Express

• ایجاد و درک طرحواره ها Creating and Understanding Schemas

• RootQuery و اجرای کوئری ها در GraphiQL RootQuery and Running Queries on GraphiQL

• روش حل - برگرداندن داده ها - نصب Lodash The Resolve Method - Returning Data Back - Lodash Installation

• اضافه کردن یک نوع سرگرمی و RootQuery Adding a Hobby Type and RootQuery

• افزودن نوع پست Adding the Post Type

• افزودن روابط بین انواع Adding Relationships Between Types

• نمایش روابط کاربران Showing Users Relationship

• نوع کاربر ارتباط با سرگرمی User Type Relationship to Hobby

• پرس و جو پست ها Posts Query

• جستجوی سرگرمی ها - اضافه کردن فیلدها Hobbies Query - Adding Fields

GraphQL - مفاهیم اصلی - جهش GraphQL - Core Concepts - Mutations

• مقدمه ای بر جهش ها Introduction to Mutations

• ایجاد کاربر با جهش Creating a User with Mutations

• ایجاد یک پست با جهش Creating a Post with Mutations

• ایجاد یک سرگرمی با جهش Creating a Hobby with Mutations

• افزودن پرس و جوی پست Adding a Post Query

• پرس و جوهای پست و سرگرمی Post and Hobby Queries

انواع گرافیکی Graphical Types

• آشنایی با انواع اسکالر گرافیکی Understanding Graphical Scalar Types

• Non Nullable Non Nullables

• انواع اسکالر و انواع شی Scalar Types and Object Types

اتصال به یک پایگاه داده خارجی - MongoDB Atlas Connecting to an External Database - MongoDB Atlas

• MongoDB و پایگاه های داده رابطه ای MongoDB and Relational Databases

• ایجاد یک حساب MongoDB Atlas و راه اندازی پایگاه داده Creating a MongoDB Atlas Account and Database Setup

• راه اندازی پروژه برای اتصال به MongoDB Setting up Project to Connect to MongoDB

• یک مدل کاربری ایجاد کنید - مدل های مانگوس Create a User Model - Mongoose Models

• مدل های سرگرمی و پست ایجاد کنید Create Hobby and Post Models

• ذخیره یک کاربر و یک پست Save a User & a Post

• یک سرگرمی را ذخیره کنید Save a Hobby

• دریافت کاربران و سرگرمی ها و پست ها Getting Users and Hobbies and Posts

• Cors و اضافه کردن NonNulls به فیلدهای مورد نیاز Cors and Adding NonNulls to Required Fields

• اضافه کردن NonNulls به سایر فیلدها را تمام کنید Finish Adding NonNulls to Other Fields

جهش های بیشتر More Mutations

• به روز رسانی یک نوع کاربر Updating a User Type

• به روز رسانی یک پست Updating a Post

• یک سرگرمی را به روز کنید Update a Hobby

• حذف یک کاربر Remove a User

• پست و سرگرمی را حذف کنید Remove Post and Hobby

استقرار پروژه GraphQL در Heroku Deploying the GraphQL Project to Heroku

• مقدمه - انتشار API برای حذف سرور Introduction - Publishing the API to Remove Server

• استقرار API ما در سرور از راه دور Heroku Deploying Our API to Heroku Remote Server

• زمین بازی GraphQL GraphQL Playground

اپلیکیشن Flutter Client را بسازید Build the Flutter Client Application

• مقدمه ای بر مشتری بخشی از دوره Introduction to Client Part of the Course

• کد جهش بخش Section's Mutations Code

• دمو برنامه Flutter Client Flutter Client App Demo

• راه اندازی پروژه Flutter Client Setting up Flutter Client Project

• راه اندازی GraphQL Flutter Dependency - قسمت 1 Setup GraphQL Flutter Dependency - Part 1

• راه اندازی GraphQL و Refactor HomeScreen - نهایی Setup GraphQL and Refactor HomeScreen - final

• راه اندازی صفحه نمایش کاربران - قسمت 1 Setting up Users Screen - Part 1

• نمایش لیست نمای Showing a Listview

• دریافت کاربران از Remote GraphQL API Getting Users from Our Remote GraphQL API

• یک بند برای کاربران خالی اضافه کنید Add a Clause for Empty Users

• نمایش سایر فیلدهای کاربری در Listview Showing Other User Fields in Listview

• اضافه کردن دکمه های ویرایش و حذف Adding Edit and Delete Buttons

برنامه Flutter Client - درج داده ها Flutter Client App - Insert Data

• راه اندازی صفحه AddUser - ایجاد فرم - قسمت 1 Setting up the AddUser Screen - Creating the Form - Part 1

• راه اندازی فرم اصلی را تمام کنید Finish Setting up the Main Form

• ذخیره کاربر - از برنامه Flutter Client Save a User - From the Flutter Client App

• اضافه کردن یک نشانگر پیشرفت دایره ای در ذخیره Adding a Circular Progress Indicator on Save

• درج یک تنظیم فرم سرگرمی - قسمت 1 Insert a Hobby Form Setup - Part 1

• ذخیره یک سرگرمی با یک کاربر Saving a Hobby with a User

• ذخیره پست ها با کاربر Saving Posts with a User

• افزودن دکمه Done و نمایش صفحه کاربران Adding the Done Button and Showing the Users Screen

Flutter Client App - به روز رسانی کاربر Flutter Client App - Update User

• صفحه به روز رسانی را ایجاد کنید Create the Update Screen

• به روز رسانی کاربر Update User

• به صفحه اصلی بازگردید Return to Homescreen

برنامه Flutter Client - حذف کاربران Flutter Client App - Deleting Users

• حذف یک کاربر Deleting a User

• رویداد حذف آبشار Waterfall Delete Event

• تغییر پرس و جو کاربر Changing the User Query

• دریافت همه پست ها و شناسه های سرگرمی پس از حذف کاربر Getting all Posts and Hobbies Ids Upon User Deletion

• راه اندازی Hobbies Delete Mutation Setting up Hobbies Delete Mutation

• حذف کاربر و سرگرمی های مرتبط با آن Remove User and Its Related Hobbies

• حذف یک کاربر و همه پست ها و سرگرمی ها - کامل شد Removing a User and all Posts and Hobbies - Complete

• اجرای برنامه در شبیه ساز اندروید Running app on Android Emulator

Flutter Client App - صفحه جزئیات Flutter Client App - The Details Page

• مقدمه - نسخه نمایشی صفحه نمایش جزئیات Introduction - The Details Screen Demo

• تنظیم صفحه جزئیات - نمایش نام Setting up Details Screen - Showing Name

• تنظیم صفحه جزئیات - نمایش سن و حرفه Setting up Details Screen - Showing Age and Profession

• تنظیم سرگرمی ها و دکمه های پست Setting up Hobbies and Posts Buttons

• نمایش سرگرمی ها روی کلیک Showing Hobbies onClick

• نمایش پویا پست یا سرگرمی ها روی دکمه کلیک کنید Dynamically Showing Post or Hobbies on Button Click

• در حال تکمیل صفحه جزئیات Finishing up the Details Screen

• افکار نهایی برنامه مشتری Client App Final Thoughts

• P.S - Quick Code Refactor مثال P.S - Quick Code Refactor Example

جایزه Bonus

• جایزه Bonus