لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش React: ساخت برنامه های وب پیشرفته (PWA)
React: Building Progressive Web Apps (PWAs)
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
برنامه های تک صفحه ای ممکن است روان ، سریع و م effectiveثر باشند - اما با قطع اتصال شبکه از بین می روند. برنامه های وب پیشرفته (PWA) بصورت آفلاین کار می کنند ، انعطاف پذیری را افزایش می دهند و به توسعه دهندگان اجازه می دهد تجارب کاربر یکپارچه ای ایجاد کنند که احساس می کنند برنامه های بومی هستند. بیاموزید که چگونه در این دوره با Eve Porcello PWA های خود را با استفاده از React ، چارچوب جلوی انعطاف پذیر بسازید. ایو نحوه ساخت م toلفه PWA ، واکشی داده ها ، استفاده از Lighthouse برای تأیید اعتبار برنامه شما و افزودن قابلیت های آفلاین برای عملکرد برنامه شما حتی در هنگام قطع اینترنت ، توضیح می دهد. به علاوه ، یاد بگیرید که چگونه برنامه خود را با مرورگرهایی مانند Chrome و Safari برای iOS به صورت محلی نصب کنید.
موضوعات شامل:
ایجاد یک م componentلفه PWA
واکشی داده ها با قلاب های React
اجرای ساخت با اسکریپت های npm
حسابرسی برنامه خود را با فانوس دریایی li>
آفلاین شدن li>
نصب PWA با Chrome و Safari برای iOS
استقرار PWA خود در یک ارائه دهنده میزبان li>
سرفصل ها و درس ها
مقدمه
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
ایو پورچلو یکی از بنیانگذاران Moon Highway، یک شرکت توسعه برنامه درسی و آموزش است.
برای تقریبا یک دهه، ایو جاوا اسکریپت، GraphQL را آموزش داده است. و کارگاه های آموزشی React برای متخصصان فناوری در سراسر جهان. او همچنین نویسنده Learning React و Learning GraphQL از O'Reilly Media است. میتوانید او را در Twitter @eveporcello دنبال کنید یا مقالههای او درباره برنامهنویسی را در www.moonhighway.com/articles پیدا کنید. div>
نمایش نظرات