دوره خفن 🔥🔥هر چی میخوایم رو داره
دوره آموزش PWA (اپلیکیشن های وب پیشرونده ) + پروژه عملی
اگه برنامه نویس وب هستی مطمئنا شما هم این دغدغه رو داری که :
الان که استفاده از گوشی موبایل خیلی مرسوم شده و معمولا کاربرا ترجیح میدن توی گوشیشون با اپلیکیشن ها کار کنن تا اینکه بخوان مرورگرشون رو باز کنن و وب گردی کنن؛ مگر اینکه مجبور شن که در اون صورت باز هم وقتی کسب و کار شما رو پیدا میکنن دنبال اپلیکیشنتون میگردن که بعد از اون دسترسی به شما آسون باشه.
ولی من برنامه نویس وب هستم . اگه بخوام پروژه خودم رو در قالب اپلیکیشن ارائه بدم باید چیکار کنم؟
یا باید خودم برم طراحی اپلیکیشن موبایل رو یاد بگیرم
یا اینکه از یک نفر بخوام این کار رو برام انجام بده
حالا راه دیگه ای هم هست؟
از سال 2015 تکنولوژی ای ارائه شد که به ما این اجازه رو میده که:
من یک وبسایت مثل قبل طراحی کنم و با استفاده از همون مرورگر کاری کنم که کاربرهای وبسایت من هنگام استفاده، احساسی کاملا شبیه به یک اپلیکیشن داشته باشن.
قرارگیری آیکون اپلیکیشن در هوم اسکرین، دسترسی آسون ، عملکرد سریع، پوش نوتیفیکیشن، قابلیت استفاده آفلاین ، استفاده یکسان در همه سیستم عامل ها مثل اندروید و ios ... و خیلی موارد دیگه.
با این حال این تکنولوژی که بهش میگیم PWA میتونه بهترین انتخاب من باشه.
الان یه سوال پیش میاد که میتونه جای اپ های نیتیو رو بگیره؟
شمایی که توی دنیای وب هستی مطمئنا دیدی که تکنولوژی های زیادی هستند که دارن خروجی یکسان میدن ولی همشون باقدرت دارن به بقای خودشون ادامه میدن. همه اینها فقط یک ابزارن که من قراره ازشون به موقع استفاده کنم.
من که برنامه نویس وب هستم تا حد زیادی نیاز به طراحی اپلیکیشن موبایل رو با همین ابزار رفع میکنم. حالا همه دنیا بگن PWA جای اپ های نیتیو رو میگیره یا نمیگیره، اصلا مهم نیست این هنر شماست که بتونید از یک ابزار چطور استفاده کنید.
پس به شما دوست عزیزم که در دنیای وب قدم برداشتی ،پیشنهاد میکنم به عنوان طراح وب حتما این تکنوژی رو یاد بگیر. اونوقت خودت بهتر میدونی که چطور باید ازش استفاده کنی
چطوری یادش بگیریم؟
قراره دوره آموزش PWA رو باهم بسازیم که توی اون پروژه ای که توی دوره تمرین فرانت اند زدیم رو تبدیل به PWA کنیم.
دوره تمرین فرانت اند رایگانه. اگه ابتدای مسیر هستی، تماشای این دوره هم خالی از لطف نیست و ممکنه بعضی وقتا به اون رجوع کنیم، بخاطر نکاتی که توی اون گفتم.
توی دوره ی PWA هرچیزی که برای تبدیل شدن یک وب سایت به PWA نیاز باشه میگیم.
سرفصل ها فعلا شامل هرچیزی که درمورد خصوصیات PWA گفتم میشه ولی با توجه به استقبال دوستان میتونه اضافه بشه.
فرقی هم نمیکنه پروژه که میخوایم تبدیلش کنیم چی هست و با چه تکنولوژی هایی زده شده پس میتونید قدم به قدم با من پروژه شخصی خودتون رو تبدیل کنید.
چند تا نکته بگم:
قرار بود این دوره به دوره ریکت اضافه بشه ولی با درخواست دوستان و چون PWA هر پروژه ای رو میتونه در بر بگیره و فقط مختص SPA ساز ها نیست ، یه دوره مجزا شد.
ولی اگه دانشجوی ریکت من هستی این دوره برای شما رایگانه.
سرفصل های دوره
آشنایی کلی و نیازها
دانلود پروژه و آشنایی با محیط کار
آشنایی با داکیومنتیشن و نحوه یادگیری
آشنایی با ChatGPT به عنوان یک ابزار
نیازها برای تبدیل شدن به PWA
آشنایی با Web app manifest
ایجاد فایل manifest
تست پروژه در دیوایس واقعی
نصب شبیه ساز گوشی موبایل
پشتیبانی مرورگر از PWA
آشنایی با سرویس ورکر
نصب سرویس ورکر
چرخه حیات سرویس ورکر
آشنایی با ایونت های activate و fetch
نمایش بنر نصب برنامه
اجرای پروژه روی دیوایس واقعی به صورت لوکال هاست
تشخیص حالت نمایش
آشنایی با Cache
اولین ذخیره سازی و استفاده از cache
کش کردن چندین آیتم
آشنایی با داینامیک کش
ورژن بندی cache
صفحه آفلاین شخصی سازی شده
استراتژی های cache
کش کردن اطلاعات داینامیک در صفحه
کش کردن اطلاعات داینامیک در صفحه (قسمت 2)
پاکسازی کش ها
آشنایی با Push Notification
تایید دسترسی اعلانات در مرورگر
نمایش نوتیفیکیشن با استفاده از سرویس ورکر
آپشن های مربوط به نوتیفیکیشن
آشنایی با ایونت notificationclick
آشنایی با ایونت notificationclose
پیاده سازی push notification
باز کردن صفحه وب پس از کلیک روی نوتیفیکیشن
subscription و اعمال push از سمت سرور
آماده سازی پروژه و افزودن فایل منیفست
نصب سرویس ورکر در پروژه ریکت
install prompt در پروژه ری اکت
caching در پروژه ری اکت
پوش نوتیفیکیشن در پروژه ریکت
آشنایی با نحوه استفاده از دوربین
برداشت تصویر با استفاده از دوربین
توقف دوربین | نحوه ارسال فایل انتخاب شده در فرم
ارسال تصویر برداشت شده از دوربین به سمت سرور
پشتیبانی مرورگرها
آشنایی با Background Sync
کار با indexedDB
پیاده سازی Background Sync
نمایش وضعیت آنلاین یا آفلاین در پروژه
تشخیص مرورگر - تست پروژه و چند تغییر
پابلیش پروژه و تست روی گوشی موبایل
پیشنیاز های دوره چه چیزهایی هستند؟
- HTML
- CSS
- JavaScript
نظرات دانشجویان

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

کیاوش سجودی |
دانشجوی دوره دوره آموزش PWA (اپلیکیشن های وب پیشرونده ) + پروژه عملی
خسته نباشید استاد بسیار عالی و روان تدریس میکنید.بی صبرانه منتظر Next .js هم هستیم :D
مدرس دوره

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