لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش React: کار با API ها
React: Working with APIs
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
در حالی که React چالش برقراری تماس های API را ساده می کند ، اما درک اینکه چگونه می توان برنامه شما را به بهترین وجهی از یک API ساختار داد ، مشکل تر است. دو روش اصلی وجود دارد: استفاده از روشهای واکشی داخلی React یا استفاده از axios ، یک کتابخانه مبتنی بر وعده. این دوره نقاط قوت هر یک از تکنیک ها را به نمایش می گذارد. امانوئل هنری مربی ، مفاهیم اساسی موجود در پشت برنامه های REST را پوشش می دهد و نشان می دهد که چگونه می توان اجزای قابل استفاده مجددی را که از روش های واکشی برای فراخوانی API های دنیای واقعی مانند News API استفاده می کنند ، ساخت. وی سپس نحوه اتصال به API ها را با استفاده از axios نشان می دهد که با تبدیل خودکار داده های JSON ، تماس های API را ساده می کند. در پایان دوره ، شما باید مهارت لازم را در ساختار تماس های API ، حفظ وضعیت و خوشحالی کاربران داشته باشید.
موضوعات شامل:
راه اندازی پروژه React
واکشی داده ها li>
به روزرسانی وضعیت خود li>
استفاده از کتابخانه axios برای ایجاد درخواستهای HTTP
سرفصل ها و درس ها
مقدمه
Introduction
خوش آمدی
Welcome
آنچه باید بدانید
What you should know
با استفاده از پرونده های تمرینی
Using the exercise files
1. تنظیم
1. Setting Up
آشنایی با ابزار خود
Introduction to your toolset
یک پروژه React را شروع کنید
Initialize a React project
مفاهیم مفید
Useful concepts
آشنایی با API ها
Introduction to the APIs
2. روشهای واکشی برای API ها
2. Fetch Methods for APIs
مؤلفه اولیه برای اخبار
Initial component for news
داده را بارگیری و وضعیت خود را به روز کنید
Fetch data and update your state
قطعه را با داده نهایی کنید
Finalize component with data
چالش: مؤلفه رفکتور برای استفاده مجدد
Challenge: Refactor component for reuse
راه حل: جزء رفکتور برای استفاده مجدد
Solution: Refactor component for reuse
3. بدیهیات
3. axios
آشنایی با آکسیوس
Introduction to axios
ساختار برنامه را به روز کنید
Update structure of the application
یک جزء جدید برای اخبار جانبی ایجاد کنید
Create a new component for side news
روشهای جدیدی را برای axios اضافه کنید
Add new methods for axios
یک جزء خطا برای خطاهای واکشی اضافه کنید
Add an error component for fetch errors
مدیر اجرایی با بیش از 20 سال تجربه در برنامه نویسی و طراحی
امانوئل هنری یک توسعه دهنده فول استک با 20 سال تجربه در برنامه نویسی، فناوری و طراحی است.
> امانوئل مسئول تمام جنبه های پروژه های وب و تلفن همراه مبتنی بر مشتری، از جمله جدول زمانی و محدوده بوده است. این پروژهها از ابزارهای JIRA/Atlassian، متدولوژیهای چابک، و زبانها و چارچوبهایی مانند React، Angular، Node، Meteor، GraphQL، JavaScript، Swift، HTML، CSS (Sass)، MongoDB و MySQL استفاده کردهاند. او همچنین در دنیای بازی های سه بعدی با استفاده از ابزارهایی مانند Unreal، ZBrush، Maya و چندین ابزار دیگر کار می کند. او علاقه زیادی به ایجاد برنامهها و بازیهایی دارد که از جدیدترین فناوریها در ابزارها، چارچوبها و زبانهای فوق استفاده میکنند.
نمایش نظرات