دوره ها
فرانت اند
آموزش PWA بصورت پروژه محور

آموزش PWA بصورت پروژه محور

کلمه PWA مخفف Progressive Web App بوده و یه تکنولوژی تقریبا جدیده که میتونیم بهمون اجازه میده وب‌سایتی که توسعه دادیم رو به شکل یه اپلیکیشن دربیاریم که روی اندروید، IOS، ویندوز، مک و ... قابل نصبه. امروزه Pwa بازار کار قابل قبول و خوبی رو داره و در حال رشده و بهترین زمان واسه یادگیریشه. واسه ساخت اپ Pwa نیاز نیست از نو کدنویسی کنین، همون وب‌سایت که توسعه دادین رو به شکل اپلیکیشن قابل نصب درمیارین، به همین راحتی و خوشمزگی.

شرکت در دوره
855,000

وضعیت دوره

در حال برگزاری

مدت زمان دوره

6 ساعت

آخرین بروزرسانی

1402/07/05

روش پشتیبانی

آنلاین

پیش نیاز

JS

نوع مشاهده

به صورت آنلاین

300

دانشجو

5.0

رضایت

درصد تکمیل دوره 50%
محمدامین سعیدی راد

محمدامین سعیدی راد

مشاهده پروفایل

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

06:57

سرفصل ها

1

ویدیوی معرفی
جلسه رایگان
09:40

PWA چیست؟ - اصطلاحات مهم قبل از شروع PWA

1

مقایسه اپلیکیشن های Pwa و Native
جلسه رایگان
07:09
2

از کجا بفهمیم یه وب سایت اپلیکیشن Pwa داره یا نه؟
جلسه رایگان
04:54
3

نصب چند اپلیکیشن Pwa روی اندروید، مک و ویندوز
جلسه رایگان
10:03
4

نیم نگاهی به چک لیست Pwa
جلسه رایگان
04:22
5

نحوه Audit کردن اپلیکیشن های Pwa
جلسه رایگان
04:02
6

رفع ابهام!
جلسه رایگان
04:00

آموزش کامل App Manifest و پیاده سازی اولین اپ PWA

1

فایل Manifest چیست؟
جلسه رایگان
04:39
2

نصب پکیج http-server
جلسه رایگان
07:25
3

توسعه اولین اپلیکیشن Pwa
جلسه رایگان
14:24
4

ادامه کانفیگ های App Manifest
نقدی
05:27
5

ست کردن Icon های لازم برای اپلیکیشن
نقدی
10:58
6

پشتیبانی مرورگرها از App Manifest
نقدی
03:18
7

کانفیگ های لازم برای پشتیبانی Safari از App Manifest
نقدی
07:23

کار با Service Worker در Pwa

1

معرفی Service Worker
جلسه رایگان
05:42
2

عاشق Service Worker بشید!
جلسه رایگان
08:50
3

چرخه حیات Service Worker
جلسه رایگان
04:59
4

رجیستر کردن Service Worker برای اپلیکیشن
جلسه رایگان
08:49
5

پیاده سازی رویداد install برای Service Worker
جلسه رایگان
07:41
6

پیاده سازی رویداد activate برای Service Worker
جلسه رایگان
07:41
7

آپدیت اتوماتیک Service Worker
جلسه رایگان
04:00
8

پیاده سازی رویداد fetch برای Service Worker
جلسه رایگان
05:41
9

تست اپلیکیشن Pwa و رفع مشکلات
جلسه رایگان
04:08
10

نمایش App Banner برای پیشنهاد نصب اپلیکیشن
جلسه رایگان
03:27
11

متد respondWith برای لود asset
جلسه رایگان
06:00
12

آشنایی با Cache مرورگر
نقدی
06:29
13

اضافه کردن asset های سایت به Cache
نقدی
06:40
14

اضافه کردن Asset به Cache به صورت یکجا
نقدی
02:10
15

لود اطلاعات سایت از Cache
نقدی
06:06
16

لود اپلیکیشن به صورت آفلاین (بدون اینترنت)
نقدی
06:08
17

متد waitUntil در رویداد install
نقدی
01:32
18

معرفی چالش برای ذخیره سازی اطلاعات در Cache
نقدی
05:12
19

نحوه ورژن بندی Cache
نقدی
03:40
20

حذف اطلاعات Cache (بهینه سازی)
نقدی
08:42
21

بررسی لود assets در حالت آفلاین
نقدی
07:25
22

پیاده سازی Dynamic Cache
نقدی
05:51
23

بررسی 4 استراتژی برای Cache - قسمت اول
نقدی
09:40
24

بررسی 4 استراتژی برای Cache - قسمت دوم
نقدی
05:28
25

نمایش صفحه Fallback برای صفحات کش نشده
نقدی
05:58
26

اعمال محدودیت برای تعداد فایل های Cache
نقدی
07:45
27

لود اطلاعات پروژه از سمت سرور
نقدی
11:45
28

استفاده از چندین استراتژی در Service Worker
نقدی
06:09
29

آماده سازی Firebase
نقدی
11:37
30

دریافت اطلاعات پروژه از Firebase
نقدی
07:44
31

ذخیره سازی دیتای پروژه در indexedDB
نقدی
16:33
32

دریافت اطلاعات از indexedDB موقع آفلاین بودن کاربر
نقدی
05:43
33

معرفی قابلیت Background Sync در Pwa
نقدی
04:26
34

قرار دادن تسک های مختلف داخل Background Sync
نقدی
10:40
35

اجرای تسک های Background Sync از طریق Service Worker
نقدی
09:13
36

ذخیره سازی اطلاعات لازم داخل دیتابیس indexedDB
نقدی
11:49
37

اجرای تسک های موجود در Background Sync
نقدی
11:39
38

استفاده از اطلاعات indexedDB در Background Sync
نقدی
07:51
39

گرفتن دسترسی از کاربر برای ارسال نوتیفیکیشن
نقدی
16:14
40

نمایش نوتیفیکیشن به کاربر (به 2 روش)
نقدی
11:03
41

کانفیگ های Notification
نقدی
10:19
42

تست نمایش Notification در دیوایس اندروید
نقدی
04:21
43

مدیریت نوتیفیکیشن‌ها از طریق Service Worker
نقدی
06:30

کانسپت های پیشرفته و مهم در توسعه Pwa

فعلا ویدیو ای برای این فصل قرار نگرفته است!

پیاده سازی سایت سبزلرن به شکل PWA

فعلا ویدیو ای برای این فصل قرار نگرفته است!

پیاده سازی Pwa در پروژه های React

فعلا ویدیو ای برای این فصل قرار نگرفته است!

پیاده سازی Pwa در پروژه های Vue

فعلا ویدیو ای برای این فصل قرار نگرفته است!

سخن پایانی

فعلا ویدیو ای برای این فصل قرار نگرفته است!

نظرات

ثبت نظر جدید
yaracrm
دانشجو
1402/07/05
سلام و عرض ادب و خسته نباشید
تا اینجا که عالی بود ؛ منتطر تکمیل فیلم های دوره هستم ، فقط بحث push notification رو تو کدوم فصل آموزش میدین ؟
منتظر اونم که هنوز بهش نرسیده
محمدامین سعیدی راد
مدرس
1402/07/05
سلام عزیز، خوشحالم که از دوره رضایت داشتین.
پوش‌نوتیفیکیشن تو فصل ServiceWorker تدریس میشه.
جلساتش حداکثر تا 5 روز آینده آپلود میشن ❤️
yaracrm
دانشجو
1402/07/06
ممنون از شما ، نه منظورم ارسال نوتیفیکیشن نیست ، push notification هست ؛ همونی که مثلا کل یوزر ها در چت هر چند ثانیه نباید دیتابیس رو چک کنن برای پیام جدید چون سرور دان میشه ، و برعکس هر زمان پیامی اومد تو دیتابیس ذخیره شد اون پیام توسط پوش نوتیفیکیشن برامون نمایش داده میشه و ارتباط بر عکس بین سرور هست با کلاینت ، متوجه منظورم شدین ؟ این مبحث تو کدوم فصله ؟ چون تا آخر ServiceWorker که نبود هنوز
m.fh
دانشجو
1402/07/02
سلام استفاده از pwa در پروژه های نکست رو هم اموزش میدید؟
محمدامین سعیدی راد
مدرس
1402/07/02
سلام عزیز.
نحوه استفاده از قابلیت های Pwa تو ری‌اکت رو یاد بگیرین، تو نکست هم همونه.
تو این دوره نحوه تبدیل پروژه های ری‌اکت به اپلیکیشن Pwa آموزش داده میشه ❤️
silent
دانشجو
1402/06/31
سلام وقت بخیر .استاد دربین سرفصلا یک پروژه قرار بود زده بشه پروژه سایت سبزلرن اون چی شد برداشته شد اون بخش ؟
محمدامین سعیدی راد
مدرس
1402/06/31
سلام عزیز.
فصل پروژه همچنان تو سرفصل های دوره وجود داره و حذف نشده.
البته بزودی یه تغییرات تو فصل پروژه اعمال می‌کنم که به جای کل سبزلرن فقط به Cmsها می‌پردازیم.

چون خیلی از سکشن‌ها تو سبزلرن هستن که تکرار مکرراتن و زمان دوره و دانشجو گرفته میشه.
به طور کلی Cmsها رو به شکل Pwa توسعه میدیم.
yaracrm
دانشجو
1402/06/29
سلام وقت بخیر ، من از فصل 3 بخش 12 به بعد دیگه ویدئو هارو نمیبینم ، آپلود نشده ؟ کی آپلود میشه ادامه درس ها ؟
محمدامین سعیدی راد
مدرس
1402/06/29
سلام عزیز.
بله بزودی آپلود میشن.
دوره رو همین 1 ساعت دیگه آپدیت می‌کنم و دوره بزودی کامپلیت میشه ❤️
test2234
کاربر
1402/06/23
سلام وقت بخیر دوره کی کامل میشه؟
محمدامین سعیدی راد
مدرس
1402/06/23
سلام عزیز.
حداکثر اوایل مهر ماه سعی می‌کنم دوره رو کامپلیت کنیم.
مشاهده بیشتر