دوره خفن 🔥🔥هر چی می‌خوایم رو داره
دوره آموزش PWA (اپلیکیشن های وب پیشرونده ) + پروژه عملی
کاربران دنیای برنامه نویسی هوشمند برای ارتقای وبسایت اینترنتی خود به pwa نیاز دارند. مفاهیم دوره آموزشی pwa در کدیاد به شکل بسیار کامل و روان آموزش داده میشود تا افراد این دوره بتوانند به راحتی وارد بازار کار شوند. تمام افراد متخصص یا مبتدی در زمینه pwa میتوانند در این دوره آموزشی ثبت نام کنند و مهارت‌های خود را ارتقا دهند. آینده شغلی فناوری اپلیکیشن های پیشرونده بسیار درخشان است، بنابراین بدون هیچ گونه نگرانی میتوانید روی آن سرمایه گذاری کنید.
pwa (اپلیکیشن وب پیشرونده) چیست؟
برای پاسخ به این که آموزش pwa چگونه انجام میشود؛ ابتدا باید با چیستی این زبان برنامه نویسی آشنا شوید. Pwa با عنوان اپلیکیشنهای پیشرونده نیز شناخته میشود و مخفف کلمه Progressive Web Apps است. برای بررسی این ربات برنامه نویسی باید این نکته را در نظر داشته باشید که بسیاری از افراد در سراسر دنیا برای جست و جو در مرورگرهای وب از موبایل خود استفاده میکنند. در این حالت برای ساخت یک وبسایت باید یک اپلیکیشن حرفه‌ای ایجاد کنید.
فناوری وب اپلیکیشن پیشرونده برای اولین بار در سال 2015 مطرح شد و دسترسی سایت‌های گوگل را به شکل قابل توجهی افزایش داد. ضمن پیداش pwa، اپلیکیشنهای هوشمند این قابلیت را به دست آوردند تا به میکروفون و دوربین تلفن همراه مخاطبین دسترسی داشته باشند. برای آموزش کامل pwa باید بدانید که این فناوری در امکاناتی خلاصه میشود که با کمک جاوا اسکریپت در اختیار وب سایت‌های گوگل قرار گرفته است.
ضمن پیداش این فناوری هوشمند، توانایی بسیاری از سایت‌های گوگل افزایش یافت. در این حالت گوگل با استفاده از جاوا اسکریپت به میکروفون، نوتیفیکیشن و دوربین موبایل هوشمند دسترسی دارد.
معرفی دوره آموزش Pwa
این دوره ضمن آموزش جامع مطالب pwa، این توانایی را برای شما فراهم میکنند تا بتوانید وب‌سایت‌هایی با دسترسی به اپلیکیشن طراحی کنید. در این دوره آموزشی کدیاد مطالب مربوط به این فناوری پیشرفته همراه با مثال‌های متنوعی توضیح داده میشود که شما را با چالش های برنامه نویسی آن به خوبی آشنا می کند.
برای ضبط این دوره از منابع بروز و معتبری استفاده شده که باعث اطمینان کامل از صحت نکات این دوره میشود. همچنین مدرس این دوره در تمام پروسه یادگیری در کنار شما خواهد بود و به سوالات شما پاسخ میدهد. در این حالت تحت نظارت افراد متخصص خواهید بود تا مشکلات مربوط به فناوری pwa را حل کنید.
کاربردهای فناوری pwa
فناوری pwa کاربردهای بسیار گسترده‌ای دارد و کاربران با اهداف گوناگونی این دوره آموزشی را یاد می‌گیرند. هر جایی که وب اپلیکیشنی وجود داشته باشد، میتوان کاربرد این فناوری هوشمند را مشاهده کرد. رایج‌ترین کاربردهای pwa را میتوان در موارد زیر خلاصه کرد:
- با استفاده از فناوری Pwa میتوان وب سایت‌های هوشمند را به‌گونه‌ای طراحی کرد که شبیه به اپلیکیشنهای موبایلی کار کنند.
- با کمک Pwa این امکان برای شما فراهم میشود که ضمن استفاده از دوربین موبایل هوشمند، فیلمبرداری کنید یا صداهای موجود در محیط را به شکل دقیقی ضبط کنید.
- فناوری Pwa این امکان را برای شما فراهم میکند تا اپلیکیشنهای یکسان را بتوانید در هر 2 سیستم عامل اندروید یا ios اجرا کنید.
- اشغال حجم کم از فضای ذخیره سازی از دیگر مواردی است که باعث کاربرد این فناوری در تبلت یا موبایل شده است.
مخاطبین دوره آموزش pwa
بسیاری از کاربران سوال میکنند که آموزش pwa مناسب چه افرادی است؟ تمام برنامه نویسان وب و موبایل باید با نحوه کارکرد این فناوری آشنا شوند. برخی از کاربران با قصد طراحی اپلیکیشنهای حرفه‌ای برای وب‌سایت‌های شخصی از این فناوری هوشمند استفاده میکنند. توسعه دهندگان وب برای افزایش مهارت و در نتیجه درآمد خود به یادیگری این فناوری هوشمند نیاز دارند. همچنین، برنامه نویسان حرفه‌ای ضمن آموزش کامل pwa میتوانند رزومه خود را به شکل قابل توجهی ارتقاء دهند.
توجه داشته باشید که این دوره تخصصی است و نیاز است که شما ابتدا یک برنامه نویس وب باشید و بعد به سراغ این دوره بیایید.
ویژگی‌های فناوری pwa
فناوری pwa برای نصب در تلفن همراه یا تبلت‌های هوشمند استفاد می شود و فضای بسیار کمی را اشغال میکند که در این حالت بسیار از افراد میتوانند از این فناوری بهره‌مند شوند. فناوری pwa نیاز به نصب در موبایل هوشمند ندارد و تنها ضمن باز کردن صفحه آن، میتوانید از این فناوری استفاده کنید. در این صورت برای استفاده از فناوری pwa نیازی به نصب اپلیکیشن در دستگاه هوشمند نخواهد بود. دیگر مشخصات این زبان برنامه نویسی را میتوان در موارد زیر خلاصه کرد:
- فناوری pwa ضمن استفاده از اپلیکیشنهای گوناگون قابل استفاده است؛ در این حالت اپلیکیشنهای مربوط به این فناوری با کمک دستگاه‌های هوشمند گوناگون قابل دسترسی هستند.
- وب اپلیکیشن هوشمند خود را میتوانید با استفاده از چند مرورگر به شکل همزمان باز کنید؛ این ویژگی باعث افزایش جذابیت فناوری pwa شده است.
- این فناوری هوشمند فرآیند به روزرسانی بسیار ساده‌ای دارد و برای نمایش تغییرات جدید اپلیکیشن نیازی به دانلود و نصب نسخه جدید نخواهید داشت؛ بلکه برای این کار کافی است که صفحه مرورگر خود را تازه سازی کنید.
- ضمن استفاده از وب اپلیکیشنهای هوشمند برای توسعه وبسایت، میتوانید در زمان و هزینه خود صرفه جویی کنید. زیرا ضمن تهیه یک نسخه از pwa، میتوانید آن را در اندروید یا ios اجرا کنید.
- با استفاده از فناوری pwa زمان مورد نیاز برای پردازش وب‌سایت‌های هوشمند به شکل قابل توجهی کاهش می‌یابد که باعث دسترسی آسان به این صفحات میشود.
- حتی در حالت آفلاین نیز میتوانید از این فناوری هوشمند استفاده کنید؛ در این صورت فعالیت مرورگر ضمن قطع شبکه اینترنت همچنان ادامه می‌یابد.
- وب اپلیکیشن به گونه‌ای طراحی شده است که باعث افزایش جذب کاربران به سمت صفحه مرورگر شما میشود.
پیش نیازهای دوره آموزش pwa
به دلیل تخصصی بودن وب اپلیکیشن های پیشرونده، این دوره فقط برای توسعه دهندگان وب مفید می باشد. در واقع شما باید ابتدا بدانید که چگونه یک وبسایت را راه اندازی کنید و سپس در این دوره ثبت نام کنید تا یک مرحله ی پیشرفته تر را فرا بگیرید. زیرا PWA فقط یک وبسایت را در قالب یک نرم افزار پیاده سازی می کند.
بازارکار و درآمد pwa
تقاضا برای آموزش pwa در سرتاسر دنیا از جمله کشور ایران به شکل چشمگیری در حال افزایش است که وجود فرصت‌های شغلی متنوع مربوط به این فناوری در آینده را نشان میدهد. با در نظر گرفتن کاربردهای گسترده فناوری pwa میتوان بازار کار این رشته هوشمند را بسیار درخشان پیش بینی کرد.
افراد مسلط به فناوری pwa میتوانند به درآمد بسیار مطلوبی دست پیدا کنند؛ طبق آمارهای به دست آمده میانگین حقوق متخصصان pwa را میتوان حدود 70 تا 150 هزار دلار در نظر گرفت. البته این نکته را در نظر داشته باشید که میزان مهارت شما برای کار با این فناوری، تاثیر قابل توجهی بر میزان درآمد شما خواهد داشت. همچنین افراد متخصص در این زمینه با توجه به موقعیت شغلی و مکانی خود درآمد گوناگونی را کسب میکنند. میزان درآمد این رشته به سطح رقابت و توانایی‌های شما بستگی دارد.
جمع بندی
Pwa یک فناوری بسیار هوشمند است که در سرتاسر دنیا از جمله ایران به صورت قابل توجهی در حال توسعه است. فناوری Pwa این امکان را برای شما فراهم میکند تا قابلیت‌های اپلیکیشن و وبسایت هوشمند خود را توسعه دهید. آکادمی آموزش برنامه نویسی کدیاد تمام مفاهیم این فناوری را به شکل دقیق آموزش میدهد؛ بنابراین تمام برنامه نویسان وب و حتی موبایل میتوانند در این دوره ثبت نام کنند. دوره آموزش pwa این امکان را برای شما فراهم میکند تا وب سایت خود را به صورت کم هزینه‌تر و با سرعت بالاتری ارتقا دهید. آینده کاری این رشته هوشمند بسیار درخشان خواهد بود و ضمن یادگیری مفاهیم این فناوری، میتوانید در زمینه شغلی مناسبی فعالیت کنید.
سرفصل های دوره
مقدمات و آشنایی
آشنایی کلی و نیازها
00:04:11
دانلود پروژه و آشنایی با محیط کار
00:08:31
آشنایی با داکیومنتیشن و نحوه یادگیری
00:08:09
آشنایی با ChatGPT به عنوان یک ابزار
00:05:03
نیازها برای تبدیل شدن به 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سال فعالیت در زمینه وب، به عنوان فول استک
عاشق برنامه نویسی
عاشق یادگیری
عاشق تدریس و انتقال علم
سوالات متداول
PWA چیست و چرا اهمیت دارد؟
Pwa یکی از جدیدترین فناوریهای دنیای برنامه نویسی است که وبسایت ها را در قالب نرم افزار یا اپلیکیشن پیاده سازی می کند. این نوع از برنامهها بهبود امکانات وب را با امکانات اپلیکیشنهای نیتیو ترکیب میکنند و به کاربران این امکان را میدهند که به صورت آفلاین هم از آنها استفاده کنند.
چگونه یک PWA ساخته میشود؟
برای ساخت یک PWA، شما نیاز به اجرای چند مرحله دارید. این شامل ایجاد یک Service Worker، استفاده از HTTPS، اضافه کردن فایل manifest.json برای تعیین اطلاعات اپلیکیشن، و افزودن کدهایی برای افزودن قابلیت آفلاین به برنامه شما میشود.
چه مزایا و معایبی در استفاده از PWA وجود دارد؟
مزایا شامل تجربه کاربری مشابه اپلیکیشنهای محلی، عدم نیاز به نصب، امکان کار آفلاین، بهبود درخواست های امنیتی با استفاده از HTTPS و کاهش نیاز به آپدیتهای خود برنامه است. از طرفی، ممکن است در برخی موارد محدودیتهایی در دسترسی به سیستم عامل داشته باشد.
آیا همه مرورگرها PWA را پشتیبانی میکنند؟
اصولا بسیاری از مرورگرها اکنون PWA را پشتیبانی میکنند. مرورگرهایی مانند Google Chrome، Mozilla Firefox، Microsoft Edge، و Safari این قابلیت را فراهم کردهاند.
چگونه مطمئن شویم که PWA ما به درستی کار میکند؟
برای اطمینان از کارکرد صحیح PWA، ابتدا آن را در مرورگرهای مختلف تست کنید. از ابزارهای تست PWA مانند Lighthouse یا PWA Builder نیز میتوانید برای ارزیابی و بهینهسازی عملکرد برنامه استفاده کنید.
چه ویژگیهایی باعث افزایش کارآیی PWA میشوند؟
ویژگیهایی مانند کشینگ (Caching) مناسب، بهینهسازی تصاویر، افزودن یک سرویس ورکر برای پشتیبانی از عملکرد آفلاین، و کاهش حجم فایلهای مورد استفاده میتوانند به بهبود کارآیی PWA کمک کنند.
چطور میتوان اطلاعات کاربر را در PWA ذخیره کرد؟
از Local Storage یا IndexedDB برای ذخیره دادههای محلی در PWA استفاده کنید. این امکان به شما این اجازه را میدهد که اطلاعات را در دسترس کاربران نگه دارید.
چه تفاوتهایی بین PWA و اپلیکیشنهای نیتیو وجود دارد؟
PWA از استانداردهای وب استفاده میکند و نیاز به نصب ندارد. این در مقایسه با اپلیکیشنهای نیتیو (native) که برای هر سیستم عامل باید جداگانه توسعه داده شوند، مزیتی است. همچنین، PWA بهبود تجربه کاربری بر روی تمام پلتفرمها را فراهم میکند.
PWA چطور به سئوی وبسایت کمک می کند؟
PWA توانایی نصب روی هوم اسکرین کاربر را دارد و کاربر همیشه به صورت مستقیم وارد برنامه ما میشود و نکته اینجاست که برنامه ما در مرورگر اجرا میشود و در واقع همیشه کاربر به صورت مستقیم وارد وبسایت ما میشود. ورود مستقیم بدون واسطه تاثیر خوبی روی سئوی سایت ما دارد.
پیش نیاز دوره آموزش pwa چیست؟
مفاهیم این دوره آموزشی تقریبا تخصصی هستند؛ بنابراین شما باید ابتدا به خوبی با برنامه نویسی وب آشنا باشید و در واقع یک توسعه دهنده وب سایت باشید.