آموزش PWA بصورت پروژه محور
کلمه PWA مخفف Progressive Web App بوده و یه تکنولوژی تقریبا جدیده که میتونیم بهمون اجازه میده وبسایتی که توسعه دادیم رو به شکل یه اپلیکیشن دربیاریم که روی اندروید، IOS، ویندوز، مک و ... قابل نصبه. امروزه Pwa بازار کار قابل قبول و خوبی رو داره و در حال رشده و بهترین زمان واسه یادگیریشه. واسه ساخت اپ Pwa نیاز نیست از نو کدنویسی کنین، همون وبسایت که توسعه دادین رو به شکل اپلیکیشن قابل نصب درمیارین، به همین راحتی و خوشمزگی.
وضعیت دوره
در حال برگزاری
مدت زمان دوره
6 ساعت
آخرین بروزرسانی
1402/07/05
روش پشتیبانی
آنلاین
پیش نیاز
JS
نوع مشاهده
به صورت آنلاین
دانشجو
رضایت
محمدامین سعیدی راد
سرفصل های دوره
سرفصل ها
ویدیوی معرفی
PWA چیست؟ - اصطلاحات مهم قبل از شروع PWA
مقایسه اپلیکیشن های Pwa و Native
از کجا بفهمیم یه وب سایت اپلیکیشن Pwa داره یا نه؟
نصب چند اپلیکیشن Pwa روی اندروید، مک و ویندوز
نیم نگاهی به چک لیست Pwa
نحوه Audit کردن اپلیکیشن های Pwa
رفع ابهام!
آموزش کامل App Manifest و پیاده سازی اولین اپ PWA
فایل Manifest چیست؟
نصب پکیج http-server
توسعه اولین اپلیکیشن Pwa
ادامه کانفیگ های App Manifest
ست کردن Icon های لازم برای اپلیکیشن
پشتیبانی مرورگرها از App Manifest
کار با Service Worker در Pwa
معرفی Service Worker
عاشق Service Worker بشید!
چرخه حیات Service Worker
رجیستر کردن Service Worker برای اپلیکیشن
پیاده سازی رویداد install برای Service Worker
پیاده سازی رویداد activate برای Service Worker
آپدیت اتوماتیک Service Worker
پیاده سازی رویداد fetch برای Service Worker
تست اپلیکیشن Pwa و رفع مشکلات
نمایش App Banner برای پیشنهاد نصب اپلیکیشن
متد respondWith برای لود asset
آشنایی با Cache مرورگر
اضافه کردن asset های سایت به Cache
اضافه کردن Asset به Cache به صورت یکجا
لود اطلاعات سایت از Cache
متد waitUntil در رویداد install
نحوه ورژن بندی Cache
حذف اطلاعات Cache (بهینه سازی)
بررسی لود assets در حالت آفلاین
پیاده سازی Dynamic Cache
بررسی 4 استراتژی برای Cache - قسمت اول
بررسی 4 استراتژی برای Cache - قسمت دوم
نمایش صفحه Fallback برای صفحات کش نشده
اعمال محدودیت برای تعداد فایل های Cache
لود اطلاعات پروژه از سمت سرور
آماده سازی Firebase
دریافت اطلاعات پروژه از Firebase
ذخیره سازی دیتای پروژه در indexedDB
معرفی قابلیت Background Sync در Pwa
اجرای تسک های موجود در Background Sync
نمایش نوتیفیکیشن به کاربر (به 2 روش)
کانفیگ های Notification
تست نمایش Notification در دیوایس اندروید
کانسپت های پیشرفته و مهم در توسعه Pwa
فعلا ویدیو ای برای این فصل قرار نگرفته است!
پیاده سازی سایت سبزلرن به شکل PWA
فعلا ویدیو ای برای این فصل قرار نگرفته است!
پیاده سازی Pwa در پروژه های React
فعلا ویدیو ای برای این فصل قرار نگرفته است!
پیاده سازی Pwa در پروژه های Vue
فعلا ویدیو ای برای این فصل قرار نگرفته است!
سخن پایانی
فعلا ویدیو ای برای این فصل قرار نگرفته است!
تا اینجا که عالی بود ؛ منتطر تکمیل فیلم های دوره هستم ، فقط بحث push notification رو تو کدوم فصل آموزش میدین ؟
منتظر اونم که هنوز بهش نرسیده
پوشنوتیفیکیشن تو فصل ServiceWorker تدریس میشه.
جلساتش حداکثر تا 5 روز آینده آپلود میشن ❤️
نحوه استفاده از قابلیت های Pwa تو ریاکت رو یاد بگیرین، تو نکست هم همونه.
تو این دوره نحوه تبدیل پروژه های ریاکت به اپلیکیشن Pwa آموزش داده میشه ❤️
فصل پروژه همچنان تو سرفصل های دوره وجود داره و حذف نشده.
البته بزودی یه تغییرات تو فصل پروژه اعمال میکنم که به جای کل سبزلرن فقط به Cmsها میپردازیم.
چون خیلی از سکشنها تو سبزلرن هستن که تکرار مکرراتن و زمان دوره و دانشجو گرفته میشه.
به طور کلی Cmsها رو به شکل Pwa توسعه میدیم.
بله بزودی آپلود میشن.
دوره رو همین 1 ساعت دیگه آپدیت میکنم و دوره بزودی کامپلیت میشه ❤️
حداکثر اوایل مهر ماه سعی میکنم دوره رو کامپلیت کنیم.