لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
ساخت اپلیکیشن کاربردی با GraphQL [ویدئو]
Hands-on Application Building with GraphQL [Video]
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
GraphQL یک API واکشی داده است که توسط فیس بوک توسعه یافته است و به مدت پنج سال از آن استفاده می کند. میلیون ها دستگاه و اکثر اجزای وب سایت فیس بوک و اینستاگرام را نیرو می دهد. در این دوره آموزشی، با GraphQL بهعنوان پلی برای برنامه کلاینت React برای برقراری ارتباط با سرورها بهعنوان زبان واکشی دادههای گمشده یا زبان پرس و جو آشنا میشوید.
در این دوره آموزشی یاد خواهید گرفت که چگونه با استفاده از GraphQL اپلیکیشن وب شبیه به Trello خود را بسازید. این دوره با آموزش اصول اولیه GraphQL و مقایسه آن با REST شروع می شود. سپس یاد خواهید گرفت که کوئری ها را اجرا کنید و انواع را در سیستم طرحواره آن مشخص کنید. سپس این دوره به شما نشان می دهد که چگونه یک سرور Graphql و یک رابط کاربری مشتری بسازید و این کلاینت مبتنی بر آپولو را به سرور متصل کنید. سپس یاد می گیرید که ویژگی هایی مانند اضافه کردن یا ویرایش یک کار را به برد خود اضافه کنید. سپس خواهید دید که چگونه می توانید عملکرد تخته سفید مشترک را با پر کردن تغییرات در سایر جلسات پیاده سازی کنید و چگونه تضادها را در این سناریوی واقعی با تغییرات همزمان کاربران مختلف حل کنید. . سپس این دوره به شما نشان می دهد که چگونه می توانید احراز هویت را به برنامه خود اضافه کنید تا از دسترسی ناخواسته به آن و سرویس وب کاربر محور جلوگیری کنید.
در نهایت، عیب یابی مشکلات معمولی که ممکن است در حین اجرای برنامه شما رخ دهد و نحوه تنظیم دقیق طرحواره و ارتباط کلاینت-سرور را یاد خواهید گرفت. در پایان دوره، شما قادر خواهید بود برنامه های کاربردی خود را با استفاده از GraphQL بسازید.
همه کدها و فایلهای پشتیبانی این دوره در Github در https://github.com/PacktPublishing/-Hands-on-Application-Building-with-GraphQL در دسترس هستند. .
یک طرح واره برای پروژه خود در GraphQL بسازید
سرور خود را برای برنامه خود در GraphQL ایجاد کنید
برای برنامه خود با سرور محلی خود کار کنید
یک برنامه React برای ساخت اپلیکیشن خود راه اندازی کنید
prisma/graph.cool را به عنوان یک پایگاه داده GraphQL بیدرنگ مبتنی بر ابر وصل کنید
یک رابط کاربری برای افزودن، جابجایی و ویرایش کارت ها در سرور پیاده سازی کنید
احراز هویت کاربر و مدیریت کاربر را به برنامه خود اضافه کنید
ابزارهایی را برای عیب یابی مشکلاتی که ممکن است هنگام استفاده از سرور GraphQL خودتان یا هر سرور دیگر GraphQL رخ دهد، بیاموزید.
منبعی مناسب برای برنامه نویسانی که علاقه مند به ساخت برنامه های کاربردی به روشی نسبتاً سریع و آسان هستند. از قبل باید دانش اولیه ای در مورد ایجاد یک برنامه وب با React داشته باشید. در پایان این دوره، شما آماده خواهید بود تا اپلیکیشن واقعی خود را با GraphQL ایجاد کنید. ? راهنمای جامع اما سریع و دوستانه برای کمک به یادگیری GraphQL *؟ آخرین نسخه GraphQL را با تکنیک های کاملاً به روز و نمونه کد پوشش می دهد * ? به شما نشان می دهد که چگونه با استفاده از GraphQL برنامه های وب قوی و سریع بسازید
سرفصل ها و درس ها
شروع کار با GraphQL
Getting Started with GraphQL
بررسی اجمالی دوره
The Course Overview
مقایسه GraphQL با REST: Trello Rest API
Comparing GraphQL to REST: Trello Rest API
شروع یک پروژه در Graphcool
Starting a Project on Graphcool
ساخت طرح GraphQL برای پروژه
Building GraphQL Schema for the project
کار با Queries و Types GraphQL
Working with GraphQL Queries and Types
ایجاد سرور GraphQL خود
Creating Your Own GraphQL Server
استفاده از GraphQL داخلی برای تجزیه و تحلیل و تأیید طرحواره
Using the Built-in GraphQL for Analyzing and Verifying the Schema
افزودن برخی از داده های مسخره شده در برنامه شما
Adding Some Mocked Data in Your Application
استفاده از Real Trello Data با REST API
Using Real Trello Data with a REST API
اجرای سرور خودمان به صورت محلی
Running Our Own Server Locally
سرور GraphQL محلی با پایگاه داده
Local GraphQL Server with Database
ساخت UI Client با اتصال سرور
Building the UI Client with a Server Connection
راه اندازی یک React Application
Setting Up a React Application
ایجاد اجزای رابط کاربری
Creating the UI Components
یکپارچه سازی چارچوب آپولو/ارائه دهنده آپولو
Integrating Apollo Framework/Apollo Provider
پیاده سازی قطعات GraphQL
Implementing the GraphQL Fragments
اتصال به Graphcool Cloud-Based Storage Backend
Connecting to Graphcool Cloud-Based Storage Backend
کار با جهش های مشتری محور
Working with Client-Driven Mutations
کاوش رابط کاربری برای افزودن کارتهای جدید و فهرستهای جدید
Exploring the UI for Adding New Cards and New Lists
اتصال به سرور، فراخوانی جهش برای افزودن کارت
Connecting to Server, Calling the Mutations for Adding Cards
چگونه رابط کاربری به روز می شود: جهش های مشتری را مدیریت کنید
How the UI Gets Updated: Handle Mutations on the Client
پیاده سازی UI برای ویرایش کارت ها و اتصال به سرور
Implementing a UI for Editing Cards and Connecting to the Server
پیاده سازی UI برای جابجایی کارت ها و اتصال به سرور
Implementing a UI for Moving Cards and Connecting to the Server
اشتراک ها: به روز رسانی هیئت در مورد تغییرات
Subscriptions: Updating the Board on Changes
اشتراک ها: راه اندازی و استفاده در زمین بازی
Subscriptions: Setting Up and Using in Playground
اتصال سمت مشتری از طریق سوکت های وب
Client-Side Connection via Web-Sockets
به روز رسانی یک کارت موجود
Updating an Existing Card
اشتراک پیشرفته
Advanced Subscription
به روز رسانی مکانیسم و استراتژی برای تغییرات همزمان
Updating the Mechanism and Strategy for Concurrent Changes
افزودن احراز هویت کاربر
Adding User Authentication
گسترش سرور برای فعال کردن احراز هویت و مدیریت کاربر
Extending the Server to Enable Authentication and User Management
ورود به سیستم، ورود/خروج را اضافه کنید
Add Sign-in, Log In/Out
تابلوهای کاربر و مجوزهای بیشتر
User’s Boards and More Authorisation
آهنگ و نمایش نویسنده
Track and Show Author
عیب یابی، مدیریت خطا و تنظیم
Troubleshooting, Error Handling, and Tuning
عیب یابی و مدیریت خطا
Troubleshooting and Error Handling
نمایش نظرات