آموزش React: ساختن برنامه های وب پیشرفته (PWA)

React: Building Progressive Web Apps (PWAs)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: برنامه‌های تک صفحه‌ای ممکن است روان، سریع و مؤثر باشند، اما با قطع اتصال شبکه ناپدید می‌شوند. برنامه‌های وب پیشرو (PWA) به‌صورت آفلاین کار می‌کنند، انعطاف‌پذیری را افزایش می‌دهند و به توسعه‌دهندگان این امکان را می‌دهند تا تجربیات کاربری یکپارچه‌ای ایجاد کنند که شبیه برنامه‌های بومی است. در این دوره آموزشی با Eve Porcello بیاموزید که چگونه با استفاده از React، چارچوب انعطاف پذیر front-end، PWA خود را بسازید. ایو توضیح می‌دهد که چگونه مولفه PWA را بسازید، داده‌ها را واکشی کنید، از Lighthouse برای اعتبارسنجی برنامه خود استفاده کنید، و قابلیت‌های آفلاین را اضافه کنید تا برنامه‌تان را حتی زمانی که اینترنت قطع است، اجرا شود. به علاوه، یاد بگیرید که چگونه برنامه خود را به صورت محلی با مرورگرهایی مانند Chrome و Safari برای iOS نصب کنید.

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

معرفی Introduction

  • با React یک برنامه وب پیشرو انعطاف پذیر بسازید Build a resilient progressive web app with React

  • آنچه شما باید بدانید What you should know

1. PWA چیست؟ 1. What Are PWAs?

  • چرا PWA ها؟ Why PWAs?

  • برنامه وب پیشرو چیست؟ What is a Progressive Web App?

  • با استفاده از چک لیست PWA Using the PWA checklist

2. راه اندازی: برنامه React ایجاد کنید 2. Setup: Create React App

  • یک بیلد را اجرا کنید Run a build

  • واکشی داده با React Hooks Fetch data with React Hooks

  • سرویس را نصب کنید Install serve

  • یک جزء برنامه ایجاد کنید Create an app component

  • با استفاده از create-react-app Using create-react-app

3. ابزار PWA 3. PWA Tools

  • کارگر خدماتی را ثبت کنید Register the service worker

  • آفلاین شدن Going offline

  • استفاده از فانوس دریایی Using Lighthouse

  • معیارهای فانوس دریایی Lighthouse metrics

4. درک ویژگی های PWA 4. Understanding PWA Features

  • نام برنامه را تغییر دهید Change the name of the app

  • یک نماد سفارشی اضافه کنید Add a custom icon

  • استقرار در Netlify Deploy on Netlify

  • PWA را به iOS اضافه کنید Add PWA to iOS

  • PWA را به کروم اضافه کنید Add PWA to Chrome

  • درک مانیفست PWA Understanding the PWA manifest

نتیجه Conclusion

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

نمایش نظرات

آموزش React: ساختن برنامه های وب پیشرفته (PWA)
جزییات دوره
0h 49m
21
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
29,303
- از 5
دارد
دارد
دارد
Eve Porcello
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Eve Porcello Eve Porcello

توسعه دهنده و مدرس نرم افزار

ایو پورچلو یکی از بنیانگذاران Moon Highway، یک شرکت توسعه برنامه درسی و آموزش است.

برای تقریبا یک دهه، ایو جاوا اسکریپت، GraphQL را آموزش داده است. و کارگاه های آموزشی React برای متخصصان فناوری در سراسر جهان. او همچنین نویسنده Learning React و Learning GraphQL از O'Reilly Media است. می‌توانید او را در Twitter @eveporcello دنبال کنید یا مقاله‌های او درباره برنامه‌نویسی را در www.moonhighway.com/articles پیدا کنید. div>