دوره آموزشی React: ساختن برنامه های وب پیشرفته (PWA)
50 دقیقهمتوسط2019-06-14
مدرسین

Eve Porcello
Software Developer and Instructor
جزئیات دوره
برنامههای تک صفحهای ممکن است روان، سریع و مؤثر باشند، اما با قطع اتصال شبکه ناپدید میشوند. برنامههای وب پیشرو (PWA) بهصورت آفلاین کار میکنند، انعطافپذیری را افزایش میدهند و به توسعهدهندگان اجازه میدهند تجربههای کاربری یکپارچهای را ایجاد کنند که شبیه برنامههای بومی است. در این دوره آموزشی با Eve Porcello بیاموزید که چگونه با استفاده از React، چارچوب انعطاف پذیر front-end، PWA خود را بسازید. ایو توضیح میدهد که چگونه مولفه PWA را بسازید، دادهها را واکشی کنید، از Lighthouse برای اعتبارسنجی برنامه خود استفاده کنید، و قابلیتهای آفلاین را اضافه کنید تا برنامهتان را حتی زمانی که اینترنت قطع است، اجرا شود. به علاوه، یاد بگیرید که چگونه برنامه خود را به صورت محلی با مرورگرهایی مانند Chrome و Safari برای iOS نصب کنید.
اهداف یادگیری
ایجاد کامپوننت PWA
واکشی داده با قلاب های React
اجرای بیلد با اسکریپت های npm
ممیزی برنامه خود با Lighthouse
آفلاین شدن
نصب PWA با کروم و سافاری برای iOS
استقرار PWA خود در ارائه دهنده هاست
اهداف یادگیری
ایجاد کامپوننت PWA
واکشی داده با قلاب های React
اجرای بیلد با اسکریپت های npm
ممیزی برنامه خود با Lighthouse
آفلاین شدن
نصب PWA با کروم و سافاری برای iOS
استقرار PWA خود در ارائه دهنده هاست
مهارت ها
React.jsMetaFront-End Web DevelopmentWeb DevelopmentDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - با React یک برنامه وب پیشرو انعطاف پذیر بسازید
- 02 - آنچه باید بدانید
1. PWA چیست؟
- 03 - برنامه وب پیشرو چیست
- 04 - چرا PWA ها
- 05 - استفاده از چک لیست PWA
2. راه اندازی - ایجاد React App
- 06 - استفاده از create-react-app
- 07 - یک جزء برنامه ایجاد کنید
- 08 - داده ها را با React Hooks واکشی کنید
- 09 - سرویس را نصب کنید
- 10 - یک بیلد را اجرا کنید
3. ابزار PWA
- 11 - استفاده از Lighthouse
- 12 - معیارهای فانوس دریایی
- 13 - ثبت نام کارگر خدماتی
- 14 - آفلاین شدن
4. درک ویژگی های PWA
- 15 - درک مانیفست PWA
- 16 - یک نماد سفارشی اضافه کنید
- 17 - نام برنامه را تغییر دهید
- 18 - PWA را به کروم اضافه کنید
- 19 - PWA را به iOS اضافه کنید
- 20 - در Netlify مستقر شوید
نتیجه
- 21 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی ساخت کتابخانههای مقیاسپذیر کامپوننتهای رابط کاربری React با استفاده از Storybook
- دوره آموزشی چالشهای کدنویسی پیشرفته React
- دوره آموزشی ریاکت تعاملی برای وب
- دوره آموزشی احراز هویت در React
- دوره آموزشی رندر کردن دادهها در React
- دوره آموزشی تمرین React برای مبتدیها: ساخت و تغییر کامپوننتهای پایه
- دوره آموزشی الگوهای طراحی React
- دوره آموزشی معماری میکرو فرانتاند با React