آموزش (2025) GraphQL همراه با Angular برای مبتدیان
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- مقدمهای بر GraphQL
- استفاده از HttpClient برای ارتباط با API مبتنی بر GraphQL
- استفاده از Apollo Client برای ارتباط با API مبتنی بر GraphQL
- ساختار GraphQL schema
- کوئریها و موتیشنها برای دریافت و اصلاح داده از سمت سرور
- مدیریت استیت اپلیکیشن و جریان داده با استفاده از کش Apollo
- تغییر دستی وضعیت کش
- مدیریت خطاها در graphql
- ساخت اپلیکیشن CRUD فرانتاند با GraphQL از صفر
- اجرای Subscriptionها
پیشنیازهای دوره
- دانش اولیه از جاوااسکریپت
- دانش اولیه با فریمورک Angular (داشتن آن مفید است ولی الزامی نیست)
توضیحات دوره
اگر هدف شما ساخت اپلیکیشنهای Angular است که با سرورهای مبتنی بر GraphQL ارتباط برقرار کنند، این دوره مناسب شماست.
برای شروع این دوره نیازی به دانش قبلی Angular نیست، هرچند آشنایی با آن روند یادگیری را آسانتر خواهد کرد.
در طول دوره، همه چیز لازم برای استفاده مؤثر از GraphQL در پروژههای فرانتاند را از مفاهیم پایهای کوئریها، موتیشنها و schemaهای GraphQL گرفته تا ادغام با APIها با استفاده از هر دو ابزار HttpClient و Apollo Client خواهید آموخت.
همچنین چگونگی مدیریت استیت اپلیکیشن با سیستم کش Apollo، کنترل خطاها و پیادهسازی بروزرسانیهای بلادرنگ با استفاده از Subscriptionها را پوشش میدهیم.
در این دوره، گام به گام یک اپلیکیشن کامل CRUD در Angular میسازید که با بکاند GraphQL ارتباط دارد. تمرکز دوره بر مثالهای عملی و واقعی است.
تمام درسها با رویکردی مناسب مبتدیان طراحی شدهاند، اما داشتن سوالات در صورتی که قبلاً با Angular کار نکردهاید، کاملاً طبیعی است.
در این دوره از Angular نسخه 19 استفاده خواهیم کرد، اما مثالها بهگونهای نوشته شدهاند که با نسخههای قدیمیتر Angular نیز سازگارند.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگانی که میخواهند چگونگی استفاده از GraphQL با Angular را بیاموزند یا صرفا میخواهند GraphQL یاد بگیرند.
آموزش (2025) GraphQL همراه با Angular برای مبتدیان
-
GraphQL چیست؟ 02:04
-
مقایسه GraphQL با REST 04:45
-
نصب Node.js 03:43
-
نصب Angular CLI 01:53
-
ایجاد پروژه جدید Angular 01:55
-
اولین اجرای پروژه 02:22
-
راهاندازی سرور تست GraphQL با json-graphql-server 03:27
-
مقدمهای بر استفاده از json-graphql-server 03:57
-
نصب primeng در پروژه Angular 03:53
-
افزودن فایلهای محیطی با آدرس API 01:44
-
ساختار GraphQL schema 01:41
-
توضیح انواع، کوئریها و موتیشنها 01:42
-
اولین کوئری با استفاده از HttpClient در Angular 08:11
-
نصب Apollo Angular client 05:56
-
توضیح فایل graphql.module.ts 02:07
-
اولین کوئری با apollo-angular (watchQuery) 03:49
-
استفاده از p-table برای نمایش همه پستها 04:00
-
مدیریت استیت بارگذاری کوئری 03:17
-
خاصیت Loading با useInitialLoading برابر true 06:04
-
متد query در مقابل watchQuery 01:11
-
استفاده از query به جای watchQuery 02:07
-
مدیریت watchQuery، QueryRef و subscription 02:40
-
polling (اجرای دورهای کوئری) 04:55
-
شروع و توقف برنامهای polling 00:59
-
واکشی مجدد 02:50
-
دریافت یک پست 03:53
-
متغیرها در watchQuery/کوئری 02:19
-
تایپ کوئری 04:39
-
تایپ QueryRef 01:56
-
بازسازی کوئریها و تایپها 03:53
-
توضیح fragmentها 01:16
-
ساخت fragment در پروژه 03:27
-
افزودن هدرها به درخواست 05:00
-
تنظیم withCredentials 02:53
-
گرفتن تعداد کل پستها در پایگاه داده 04:33
-
صفحهبندی - روش نادرست 10:11
-
صفحهبندی - راهحل بهتر 05:35
-
افزودن کامپوننت toast از primeNG به پروژه 02:56
-
سیاستهای خطا 07:52
-
مدیریت خطای سراسری به عنوان apollo link 04:17
-
توضیح کش 01:58
-
fetch-policy 01:27
-
موتیشنها با apollo-angular 02:49
-
حذف پست 10:17
-
حذف پست - تغییر دستی کش 05:19
-
بروزرسانی و ایجاد پست - آمادهسازی موتیشنها 05:05
-
بروزرسانی پست 23:09
-
ایجاد پست 05:37
-
استفاده از useMutationLoading 01:03
-
توضیح subscriptionها 02:02
-
سرور شبیهسازی شده Express 05:38
-
پیکربندی subscriptionها در Angular 03:16
-
ایجاد subscription 02:44
مشخصات آموزش
آموزش (2025) GraphQL همراه با Angular برای مبتدیان
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:همه سطوح
- تعداد درس:53
- مدت زمان :03:37:26
- حجم :1.51GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 03:02:02
- تعداد درس: 14
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 58:00
- تعداد درس: 12
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:25:13
- تعداد درس: 94
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 06:58:57
- تعداد درس: 60
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 02:27:39
- تعداد درس: 24
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 08:11:21
- تعداد درس: 28
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 04:52:43
- تعداد درس: 38
-
سطح دوره:
-
زبان: دوبله فارسی