آموزش برنامه های وب پیشرو: کلاس کارشناسی ارشد PWA مختصر

Progressive Web Apps: The Concise PWA Masterclass

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: هر چیزی که برای ساختن برنامه های وب پیشرو از ابتدا نیاز دارید یا برنامه های وب موجود خود را به PWA ارتقا دهید. هدف PWA ها را درک کنید. هر جنبه از Service Worker API و Caching API را عمیقاً بیاموزید. یاد بگیرید که فن آوری های PWA را به برنامه های وب موجود با کمک بهبود تدریجی اضافه کنید. بدون به خطر انداختن پشتیبانی از مرورگرهای قدیمی، یک برنامه وب موجود را به یک برنامه وب پیشرفته با امکانات کامل تبدیل کنید. با کمک ابزار تست Google Lighthouse یک برنامه وب پیشرو را ممیزی و بهبود بخشید. پیش نیازها: درک HTML، CSS و جاوا اسکریپت در مرورگر. دانش اولیه از نحو ES6 جاوا اسکریپت مفید خواهد بود.

با استفاده از Service Workers، Caches API و Web App Manifests، یاد بگیرید که اپلیکیشن‌های وب پیشرو (PWA) را از ابتدا بسازید، یا برنامه‌های وب موجود را به PWA ارتقا دهید.

فناوری‌های اساسی و مفاهیم پشت PWA را بیاموزید تا هرچه سریع‌تر و کارآمدتر شروع کنید.

  • هدف PWA ها و مشکلاتی که آنها حل می کنند را درک کنید

  • پشتیبانی از مفاهیم جاوا اسکریپت برای کار با PWAها، از جمله Promises the Fetch API را بیاموزید

  • درس های عملی و عمیق در مورد هر جنبه جداگانه ساخت PWA

    • کارکنان خدمات

    • Push Notifications

    • در حال ذخیره

    • قابلیت های بومی


یک مهارت ارزشمند برای هر توسعه دهنده وب/موبایل، که از طریق یک برنامه درسی بسیار مختصر و به خوبی برنامه ریزی شده در دسترس است.

برنامه‌های وب پیشرو یک مهارت فوق‌العاده هیجان‌انگیز، به سرعت در حال رشد و جستجو در توسعه برنامه‌های وب است.

این دوره یک رویکرد مختصر بسیار کاربردی برای یادگیری برنامه‌های وب پیشرو ارائه می‌دهد و برنامه درسی شامل تمام جنبه‌های PWAهای آماده برای تولید امروز است.

هیچ راه سریع‌تری برای شروع کار با PWA وجود ندارد و این دوره به‌ویژه بر ارتقای برنامه‌های وب موجود متمرکز خواهد بود تا به‌طور کامل پیش‌رو باشد، بدون هیچ گونه آسیبی در مرورگرهای غیر پشتیبانی.


محتوا و نمای کلی

با 38 درس مختصر و کاربردی، هدف این دوره آموزش درک کامل از برنامه های وب پیشرفته است و برای افرادی که درک اولیه HTML، CSS JavaScript در مرورگر دارند مناسب است.

این دوره با مقدمه‌ای بر برنامه‌های وب پیشرو به عنوان یک مفهوم شروع می‌شود و در ادامه به خدمات کارکنان با جزئیات کامل می‌پردازد.
بخش Service Worker شامل درس‌های کوتاهی درباره پشتیبانی از مفاهیم جاوا اسکریپت، از جمله Promises و Fetch API است.

این دوره همچنین یک بخش کامل را به درک API Cache و استفاده از آن در کنار Service Workers اختصاص می‌دهد.

در نهایت، برای اجرای کامل محتوای دوره، بخش‌های پروژه عملی فرآیند ارزیابی و ارتقاء یک برنامه وب موجود را برای کاملاً پیشرو بودن و در عین حال حفظ یکپارچگی اولیه آن از طریق بهبود تدریجی پوشش می‌دهد.

پس از اتمام این دوره، مهارت‌های عملی را خواهید داشت تا فوراً ساختن برنامه‌های وب پیشرفته و کاملاً سفارشی‌سازی شده، آماده تولید را آغاز کنید.

این دوره کاملاً مفید است و همه چیز به ساده ترین و در عین حال کاربردی ترین راه ها نشان داده شده است.


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

بررسی اجمالی Overview

  • معرفی Introduction

  • بررسی اجمالی فنی Technical Overview

  • ساختار درس Lesson Structure

کارگر خدمات Service Worker

  • معرفی Introduction

  • معرفی Introduction

  • Promise API Promise API

  • وعده ها - دانش خود را آزمایش کنید Promises - Test your knowledge

  • واکشی API Fetch API

  • درک Promises و Fetch API Understanding Promises & the Fetch API

  • چرخه زندگی Lifecycle

  • رویدادها: واکشی Events: Fetch

  • محدوده Scope

  • ServiceWorkerRegistration ServiceWorkerRegistration

  • رویدادها: پیام Events: Message

  • رویدادها: فشار Events: Push

Push Notifications Push Notifications

  • اطلاعیه Notifications

  • سرور فشار Server Push

ذخیره سازی Caching

  • گزینه های ذخیره سازی Storage Options

  • حافظه پنهان CacheStorage

  • Cache API Cache API

  • ذخیره سازی در سرویس کارگر Caching in the Service Worker

  • استراتژی های ذخیره سازی Caching Strategies

ویژگی های برنامه بومی Native App Features

  • با دستگاه های واقعی توسعه دهید Develop with Real Devices

  • مانیفست برنامه وب Web App Manifest

  • افزودن به صفحه اصلی Add to Homescreen

  • نمادهای برنامه سافاری Safari App Icons

ساخت یک برنامه وب پیشرفته - پروژه Build a Progressive Web App - Project

  • معرفی پروژه Project Introduction

  • اضافه کردن یک کارگر خدماتی Adding a Service Worker

  • محتوای پویا کش Cache Dynamic Content

  • مدیریت حافظه کش Managing Cache Storage

  • استقرار با صفحات GitHub Deploying with GitHub Pages

  • تست با لایت هاوس Testing with LIghthouse

ساخت Push Server - Project Build a Push Server - Project

  • راه اندازی پروژه Project Setup

  • نقاط پایانی سرور Server Endpoints

  • کلید عمومی Public Key

  • اشتراک سرور Server Subscription

  • ذخیره سازی اشتراک Subscription Storage

  • Push Notifications Push Notifications

  • مدیریت اشتراک Subscription Management

PWA های سریع با جعبه کار - پروژه Rapid PWAs with Workbox - Project

  • نمای کلی برنامه و راه اندازی App Overview & Setup

  • App Shell App Shell

  • منطق برنامه App Logic

  • دوربین Camera

  • افزودن پیام ها Adding Messages

  • همگام سازی پیام ها Syncing Messages

  • ایجاد یک کارگر خدماتی Creating a Service Worker

  • اتوماسیون ساختمان های کارگر خدماتی Automating Service Worker Builds

پایان Epilogue

  • منابع و یادگیری بیشتر Resources & Further Learning

  • سخنرانی پاداش: دوره های بازخورد و Stackacademy.tv Bonus Lecture: Feedback & Stackacademy.tv Courses

نمایش نظرات

آموزش برنامه های وب پیشرو: کلاس کارشناسی ارشد PWA مختصر
جزییات دوره
6 hours
46
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
6,227
4.5 از 5
دارد
دارد
دارد
Ray Viljoen
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Ray Viljoen Ray Viljoen

دوره های عملی طراحی شده برای بهره وری یادگیری.