آموزش PWA

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

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

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

X
03 : 15 : 11
26 جلسه
5 فصل
2 سال پشتیبانی

آموزش PWA

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

اگر با HTML و CSS آشنایی ندارید میتونید دوره رایگان رو از کدیاد دریافت کنید

اگر با جاوااسکریپت آشنایی ندارید میتونید از همن وبسایت به صورت رایگان دریافتش کنید

دوره تمرین فرانت اند

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

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

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

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

  • آشنایی با ChatGPT به عنوان یک ابزار

  • نیازها برای تبدیل شدن به PWA

  • 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
  • پیشنیاز های دوره چه چیزهایی هستند؟

    • HTML
    • CSS
    • JavaScript

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

    مدرس دوره

    قاسم بساکی


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

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

    عاشق یادگیری

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