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

React: Building Progressive Web Apps (PWAs)

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

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

مقدمه Introduction

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

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

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

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

  • چرا PWAs؟ Why PWAs?

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

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

  • با استفاده از ایجاد-واکنش-برنامه Using create-react-app

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

  • اطلاعات را با قلابهای React دریافت کنید Fetch data with React Hooks

  • نصب سرویس Install serve

  • ساخت را اجرا کنید Run a build

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

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

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

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

  • آفلاین است Going offline

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

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

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

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

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

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

  • در Netlify مستقر شوید Deploy on Netlify

نتیجه Conclusion

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

نمایش نظرات

آموزش React: ساخت برنامه های وب پیشرفته (PWA)
جزییات دوره
50m 19s
21
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
12,286
- از 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>