آموزش ایجاد وبسایت PWA یا Progressive Web Apps

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

PWA چیست‌؟

PWA مخفف Progressive Web Apps است که در زبان فارسی به عنوان اپلیکیشن‌های پیش‌ رونده شناخته می‌شود. اما اپلیکیشن پیش رونده یعنی چه؟ امروزه در کنار سیستم‌ها خانگی و لپ‌تاپ‌ها، بازدید وبسایت‌های از طریق مرورگر تلفن‌های همراه بیشتر شده و اکثر مواقع زمانی که شما یک وبسایت ایجاد می‌کنید نیاز به ایجاد یک اپلیکیشن‌ برای آن را حس خواهید کرد.

اما تفاوت بین یک سایت با اپلیکیشن در چیست؟ اپلیکیشن‌ها به دوربین یا میکروفون و یا مکان شما دسترسی دارند اما تا قبل از آمدن PWA این امکان برای وبسا‌یت‌ها وجود نداشت و همین موضوع احساس داشتن یک اپلیکیشن‌ را هم ایجاد می‌کرد. اما امروزه با ارائه امکاناتی برای ارتباط مستقیم وبسایت‌های با دروبین، میکروفون، نوتیفیکیشن و مواردی از این دست با استفاده از جاوااسکریپت ما می‌توانیم با طراحی رسپانسیو وبسایت، به سادگی کارهایی که یک اپلیکیشن انجام می‌د‌هد را با استفاده از سایت هم انجام دهیم. بنابراین PWA چیزی بیشتر از امکاناتی نیست که با استفاده از جاوااسکریپت در اختیار وبسایت‌ها قرار گرفته‌ است.

در قالب دوره آموزش PWA ما شما را با ویژگی‌های مختلفی که در PWA وجود دارد به شکل کامل آشنا خواهیم کرد.

چرا PWA یاد بگیرید؟

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

پیش نیاز آموزش PWA

قبل از آنکه شروع به یادگیری این دوره بکنید نیاز است که با تکنولوژی‌های پایه‌ای دنیای وب از جمله HTML/CSS/JS آشنایی کامل داشته باشید. برای این مسئله هم می‌توانید روی راکت حساب کنید. برای این کار ابتدا دوره‌های آموزشی HTML، دوره آموزشی CSS و در نهایت دوره آموزشی جاوااسکریپت را مشاهده کنید.

چرا آموزش PWA را از مجموعه راکت یاد بگیرید؟

وبسایت راکت اولین وبسایت بود که آموزش PWA را در اختیار ایرانیان قرار داد. ما در راکت تمام تلاش خود‌ را کرد‌ه‌ایم تا بتوانیم PWA را به شکل جامع و کاربردی به شما آموزش دهیم تا شما توانایی این را بدست بیاورید که از آن برای ایجاد وبسایت‌های با قابلیت اپلیکیشن ایجاد کنید.

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

در این دوره آموزشی چه چیزهایی را یاد خواهید گرفت؟

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

• نصب و راه‌اندازی اولیه ابزارهای مورد نیاز
• آشنایی با مفاهیم اولیه PWA و تفاوت آن با دیگر ابزارها
• کار با فایل مانیفست
• آشنایی با سرویس ورکرها
• کار با مفهوم کشینگ و ایجاد دسترسی آفلاین
• کار با دیتابیس IndexDB
• آشنایی با مفهوم نوتیفیکیشن‌ها 
• کار با دسترسی‌های مختلف
• پیاده‌سازی PWA با استفاده از فریمورک‌های جاوااسکریپتی
• و...