loading...

دوره آموزش PWA (اپلیکیشن های وب پیشرونده ) + پروژه عملی

الان که استفاده از گوشی موبایل خیلی مرسوم شده و معمولا کاربرا ترجیح میدن  توی گوشیشون با اپلیکیشن ها کار کنن تا اینکه بخوان مرورگرشون رو باز کنن و وب گردی کنن؛ مگر اینکه مجبور شن که در اون صورت باز هم وقتی کسب و کار شما رو پیدا میکنن دنبال اپلیکیشنتون میگردن که بعد از اون دسترسی به شما آسون باشه.

قیمت: 490,000 تومان

قیمت ارزی (تتر):

X
06 : 25 : 08
52 جلسه
10 فصل
2 سال پشتیبانی

دوره آموزش PWA (اپلیکیشن های وب پیشرونده ) + پروژه عملی

اگه برنامه نویس وب هستی مطمئنا شما هم این دغدغه رو داری که :

الان که استفاده از گوشی موبایل خیلی مرسوم شده و معمولا کاربرا ترجیح میدن  توی گوشیشون با اپلیکیشن ها کار کنن تا اینکه بخوان مرورگرشون رو باز کنن و وب گردی کنن؛ مگر اینکه مجبور شن که در اون صورت باز هم وقتی کسب و کار شما رو پیدا میکنن دنبال اپلیکیشنتون میگردن که بعد از اون دسترسی به شما آسون باشه.

ولی من برنامه نویس وب هستم . اگه بخوام پروژه خودم رو در قالب اپلیکیشن ارائه بدم  باید چیکار کنم؟

یا باید خودم برم طراحی اپلیکیشن موبایل رو یاد بگیرم

یا اینکه از یک نفر بخوام این کار رو برام انجام بده

حالا راه دیگه ای هم هست؟

از سال 2015 تکنولوژی ای ارائه شد که به ما این اجازه رو میده که:

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

قرارگیری آیکون اپلیکیشن در هوم اسکرین، دسترسی آسون ، عملکرد سریع، پوش نوتیفیکیشن، قابلیت استفاده آفلاین ، استفاده یکسان در همه سیستم عامل ها مثل اندروید و ios ... و خیلی موارد دیگه.

با این حال این تکنولوژی که بهش میگیم PWA میتونه بهترین انتخاب من باشه.

الان یه سوال پیش میاد که میتونه جای اپ های نیتیو رو بگیره؟

شمایی که توی دنیای وب هستی مطمئنا دیدی که تکنولوژی های زیادی هستند که دارن خروجی یکسان میدن ولی همشون باقدرت دارن به بقای خودشون ادامه میدن. همه اینها فقط یک ابزارن که من قراره ازشون به موقع استفاده کنم.

من که برنامه نویس وب هستم تا حد زیادی نیاز به طراحی اپلیکیشن  موبایل رو با همین ابزار رفع میکنم.  حالا همه دنیا بگن PWA جای اپ های نیتیو رو میگیره یا نمیگیره، اصلا مهم نیست این هنر شماست که بتونید از یک ابزار چطور استفاده کنید.

پس به شما دوست عزیزم که در دنیای وب قدم برداشتی ،پیشنهاد میکنم به عنوان طراح وب حتما این تکنوژی رو یاد بگیر. اونوقت خودت بهتر میدونی که چطور باید ازش استفاده کنی

چطوری یادش بگیریم؟

قراره دوره آموزش PWA رو باهم بسازیم که  توی اون پروژه ای که توی دوره تمرین فرانت اند زدیم رو تبدیل به PWA کنیم.

دوره تمرین فرانت اند رایگانه. اگه ابتدای مسیر هستی، تماشای این دوره هم خالی از لطف نیست و ممکنه بعضی وقتا به اون رجوع کنیم، بخاطر نکاتی که توی اون گفتم.

توی دوره ی PWA هرچیزی که برای تبدیل شدن یک وب سایت به PWA نیاز باشه میگیم.

سرفصل ها فعلا شامل هرچیزی که درمورد خصوصیات PWA گفتم میشه ولی با توجه به استقبال دوستان میتونه اضافه بشه.

فرقی هم  نمیکنه پروژه  که میخوایم تبدیلش کنیم چی هست و با چه تکنولوژی هایی زده شده پس میتونید قدم به قدم با من پروژه شخصی خودتون رو تبدیل کنید.

چند تا نکته بگم:

قرار بود این دوره به دوره ریکت اضافه بشه ولی با درخواست دوستان و چون  PWA هر پروژه ای رو میتونه در بر بگیره و فقط مختص SPA ساز ها نیست ، یه دوره مجزا شد.

ولی اگه دانشجوی ریکت من هستی این دوره برای شما رایگانه.

 

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

مقدمات و آشنایی
  • آشنایی کلی و نیازها

    00:04:11
  • دانلود پروژه و آشنایی با محیط کار

    00:08:31
  • آشنایی با داکیومنتیشن و نحوه یادگیری

    00:08:09
  • آشنایی با ChatGPT به عنوان یک ابزار

    00:07:41
  • نیازها برای تبدیل شدن به PWA

    00:05:31
  • Web app manifests و اجرای پروژه
  • آشنایی با Web app manifest

    منتشرشده 00:06:56
  • ایجاد فایل manifest

    منتشرشده 00:10:22
  • تست پروژه در دیوایس واقعی

    منتشرشده 00:08:18
  • نصب شبیه ساز گوشی موبایل

    منتشرشده 00:07:40
  • پشتیبانی مرورگر از PWA

    منتشرشده 00:08:16
  • سرویس ورکر
  • آشنایی با سرویس ورکر

    منتشرشده 00:04:26
  • نصب سرویس ورکر

    منتشرشده 00:11:21
  • چرخه حیات سرویس ورکر

    منتشرشده 00:11:37
  • آشنایی با ایونت های activate و fetch

    منتشرشده 00:06:10
  • نصب برنامه
  • نمایش بنر نصب برنامه

    منتشرشده 00:07:10
  • اجرای پروژه روی دیوایس واقعی به صورت لوکال هاست

    منتشرشده 00:05:48
  • تشخیص حالت نمایش

    منتشرشده 00:05:38
  • پیاده سازی Cache
  • آشنایی با Cache

    منتشرشده 00:04:38
  • اولین ذخیره سازی و استفاده از cache

    منتشرشده 00:10:35
  • کش کردن چندین آیتم

    منتشرشده 00:06:41
  • آشنایی با داینامیک کش

    منتشرشده 00:04:31
  • ورژن بندی cache

    منتشرشده 00:08:54
  • صفحه آفلاین شخصی سازی شده

    منتشرشده 00:07:02
  • استراتژی های cache

    منتشرشده 00:05:59
  • کش کردن اطلاعات داینامیک در صفحه

    منتشرشده 00:08:35
  • کش کردن اطلاعات داینامیک در صفحه (قسمت 2)

    منتشرشده 00:10:31
  • پاکسازی کش ها

    منتشرشده 00:06:38
  • پیاده سازی Push Notification
  • آشنایی با Push Notification

    00:04:54
  • تایید دسترسی اعلانات در مرورگر

    منتشرشده 00:06:47
  • نمایش نوتیفیکیشن با استفاده از سرویس ورکر

    منتشرشده 00:06:55
  • آپشن های مربوط به نوتیفیکیشن

    منتشرشده 00:09:36
  • آشنایی با ایونت notificationclick

    منتشرشده 00:04:14
  • آشنایی با ایونت notificationclose

    منتشرشده 00:04:16
  • پیاده سازی push notification

    منتشرشده 00:08:13
  • باز کردن صفحه وب پس از کلیک روی نوتیفیکیشن

    منتشرشده 00:04:39
  • subscription و اعمال push از سمت سرور

    منتشرشده 00:11:56
  • PWA در پروژه React
  • آماده سازی پروژه و افزودن فایل منیفست

    منتشرشده 00:07:20
  • نصب سرویس ورکر در پروژه ریکت

    منتشرشده 00:06:16
  • install prompt در پروژه ری اکت

    منتشرشده 00:03:55
  • caching در پروژه ری اکت

    منتشرشده 00:05:52
  • پوش نوتیفیکیشن در پروژه ریکت

    منتشرشده 00:06:31
  • استفاده از دوربین در PWA
  • آشنایی با نحوه استفاده از دوربین

    منتشرشده 00:06:37
  • برداشت تصویر با استفاده از دوربین

    منتشرشده 00:06:12
  • توقف دوربین | نحوه ارسال فایل انتخاب شده در فرم

    منتشرشده 00:07:46
  • ارسال تصویر برداشت شده از دوربین به سمت سرور

    منتشرشده 00:05:22
  • پشتیبانی مرورگرها

    منتشرشده 00:10:07
  • Background Sync
  • آشنایی با Background Sync

    منتشرشده 00:10:32
  • کار با indexedDB

    منتشرشده 00:09:28
  • پیاده سازی Background Sync

    منتشرشده 00:10:49
  • نکات تکمیلی
  • نمایش وضعیت آنلاین یا آفلاین در پروژه

    منتشرشده 00:06:18
  • تشخیص مرورگر - تست پروژه و چند تغییر

    منتشرشده 00:11:45
  • پابلیش پروژه و تست روی گوشی موبایل

    منتشرشده 00:06:59
  • پیشنیاز های دوره چه چیزهایی هستند؟

    • HTML
    • CSS
    • JavaScript

    نظرات دانشجویان

    جواد .

    جواد . | دانشجوی دوره دوره آموزش PWA (اپلیکیشن های وب پیشرونده ) + پروژه عملی

    دوره خفن 🔥🔥هر چی می‌خوایم رو داره

     کیاوش سجودی

    کیاوش سجودی | دانشجوی دوره دوره آموزش PWA (اپلیکیشن های وب پیشرونده ) + پروژه عملی

    خسته نباشید استاد بسیار عالی و روان تدریس میکنید.بی صبرانه منتظر Next .js هم هستیم :D

    مدرس دوره

    قاسم بساکی


    7سال فعالیت در زمینه وب، به عنوان فول استک

    عاشق برنامه نویسی

    عاشق یادگیری

    عاشق تدریس و انتقال علم