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

برای دسترسی به این دوره نیاز است بصورت نقدی این دوره را خریداری کنید و این دوره بخشی از دوره های اعضای ویژه نمیباشد

تعداد شرکت کنندگان 724 نفر
قیمت دوره 80000 تومان
وضعیت دوره تکمیل شده
زمان کل دوره 11:12:57
تعداد قسمت‌ها 36
نوع دسترسی نقدی

وب‌اپلیکیشن‌های پیش رونده (Progressive Web Apps) یا به اختصار PWA می‌توانند تحول بزرگ بعدی در حوزه‌ی اپلیکیشن‌های موبایل محسوب شوند. این فناوری که ابتدا در سال ۲۰۱۵ و توسط گوگل معرفی شد، به علت آسودگی نسبی توسعه و در اختیار قرار دادن یک تجربه‌ی کاربری آنی برای کاربران توجهات زیادی را به خود جلب کرده است.

در این دوره آموزشی قصد دارم روش ایجاد کردن وبسایت با استفاده از روش Progressive Web Apps را به شما آموزش دهم.

پیش نیازهای ای دوره : 

  • آشنای با Html و css
  • آشنای با جاوا اسکریپت

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

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

دیدن ادامه مطلب
رایگان 22:10
رایگان 10:53
رایگان 09:27
برای دسترسی به این دوره نیاز است بصورت نقدی این دوره را خریداری کنید و این دوره بخشی از دوره های اعضای ویژه نمیباشد

تعداد شرکت کنندگان 724 نفر
قیمت دوره 80000 تومان
وضعیت دوره تکمیل شده
زمان کل دوره 11:12:57
تعداد قسمت‌ها 36
نوع دسترسی نقدی

آفلاین
user-avatar
مدرس دوره حسام موسوی

اول داستان، طراح گرافیک بودم و ۲ سالی به عنوان طراح مشغول بودم، بعد به برنامه‌نویسی علاقمند شدم و الان بیشتر از ۱۰ ساله که عاشق کدزنی و چالش‌های پروژه‌های مختلفم. به تدریس علاقه خاصی دارم و دوست دارم دانشی که در این راه بدست آوردم را در اختیار دیگران هم قرار بدم. 

سوالات و گفتگو‌ها

سوالات و گفتگو‌ها

اگر سوال و مشکلی یا حتی بحثی در یکی از حوزه‌های برنامه‌نویسی دارید این بخش به شما کمک ویژه‌ای خواهد کرد

دورهای پیشنهادی

مشاهده همه دوره ها
آموزش Flutter

آموزش Flutter

Flutter یک Software Development Kit و یا به اختصار SDK است که به ما کمک میکند اپلیکیشن های موبایلی با UI بسیار زیبا برای دو پلتفرم اندروید و ios ایجاد...

اصول طراحی شی‌ گرا SOLID

اصول طراحی شی‌ گرا SOLID

SOLID شامل یک سری از اصول برای برنامه نویسان میشود، که اگر آنها را در برنامه نویسی شی گرا رعایت کنید کدهای تمیزتر و خواناتری خواهید داشت.این اصول میتو...

دسترسی رایگان برای اعضای ویژه
آموزش پروژه محور bootstrap 4

آموزش پروژه محور bootstrap 4

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

آموزش کامل sass

آموزش کامل sass

SASS مخفف Syntactically Awesome Style Sheets و یک زبان پیش پردازنده برای تولید کد Css است. این زبان به هیچ عنوان جایگزین Css محسوب نمی شود و می توان آ...

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر لازم است ابتدا وارد سایت شوید
آفلاین
user-avatar
mehrdad566
1 روز پیش

سلام وقت بخیر
خواستم بپرسم سورس کدهای پروژه قابل دانلود هستند یا خیر ؟
سپاس

آفلاین
user-avatar
حسام موسوی
14 ساعت پیش

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

آفلاین
user-avatar
ebi7074
4 هفته پیش

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

آفلاین
user-avatar
حسام موسوی
4 هفته پیش

درود سافاری کلا سر ناسازگاری داره
خیلی از موارد در سافاری جوابگو نیست

آفلاین
user-avatar
ebi7074
1 ماه پیش

سلام خسته نباشید
استاد عزیز من چطوری میتونم متوجه بشم که الان کاربر به صورت عادی وارد سایتم شده یا از طریق دکمه ای که با home screen ساخته...امکان این موضوع وجود داره؟

آفلاین
user-avatar
حسام موسوی
1 ماه پیش

چون در نهایت وبسایت شما هست شما یک بخش backend دارید خلاصه با api و این داستان‌های می تونید متوجه وارد بودن یا نبودن کاربر بشید

آفلاین
user-avatar
mohammad khosravi
3 هفته پیش

با این دستور میتونید شناسایی کنید نوع device رو

window.navigator.userAgent.indexOf('iPhone')

و با این دستور هم میتونید شناسایی کنید که آیا addtohomescreen هست یا نه (برنامتون)

window.navigator.AddToHomeScreen

خروجی ture یا false هست
با اینم میتونید شناسایی کنید که آیا مرورگر کاربر دکمه AddToHomeScreen رو ساپورت میکنه یا نه

'AddToHomeScreen' in window.navigator

همه دستورات بالا خروجی true و false دارند
موفق باشید

آفلاین
user-avatar
nooshin hatami
1 ماه پیش

سلام من دوره رو خریدم ولی ویدیو ها باز نمیشه دکمه دانلود هم پیدا نمی کنم

آفلاین
user-avatar
حسام موسوی
1 ماه پیش

سلام شماره 7 رو لطفا از لینک زیر مطالعه بفرمایید
https://roocket.ir/faq

آفلاین
user-avatar
amir
1 ماه پیش

راستی از دیتابیس هم تو pwa میشه استفاده کرد؟

آفلاین
user-avatar
حسام موسوی
1 ماه پیش

از دیتابیس‌های لوکال مثل indexeddb و localStorage میتونید بهره ببرید

آفلاین
user-avatar
amir
1 ماه پیش

سلام خسته نباشید
pwa با همون کد های html و css و جاوا اسکریپت میشه نوشت
و مثلا سمت سرورش هم با php ؟
یعنی منظورم اینکه ساختارش به چه صورته در کل؟

آفلاین
user-avatar
حسام موسوی
1 ماه پیش

pwa فقط مربوط میشه به javascript
یه سری تگ‌ html هم میتونه بهش کمک کنه

آفلاین
user-avatar
PERFORIN
2 ماه پیش

با سلام و خسته نباشید

من pwa را مخصوص ios می خوام
اپ من نیاز داره تا کاربر باهاش login بشه و اطلاعات را از طریق SESSION و COOKIE ذخیره میکنم تا اگه از دستگاه دیگه ای login شد از قبلی خارج بشه
توی اندروید و pc مشکلی نداره و درست عمل میکنه
ولی وقتی توی Ios اپ نصب میشه هر دفعه که اپ بسته بشه و خذف کامل بشه انگار کوکی ها هم پاک میشه
آیا راه حلی وجود داره برای حل مشکل ؟

آفلاین
user-avatar
حسام موسوی
2 ماه پیش

safari یکم قوانینش صفت و زیاده
شما چک کنید کوکی که ثبت میشه، expire تایم اون تا چه زمانی هست

آفلاین
user-avatar
Ramezanbeik
2 ماه پیش

با سلام و خسته نباشید

می خواستم ببینم تاریخ تولید دوره برای چه زمانی هستش؟

آفلاین
user-avatar
حسام موسوی
2 ماه پیش

وارد اولین جلسه بشید در زیر عنوانش آورده کی شروع شده

آفلاین
user-avatar
majid15
3 ماه پیش

سلام وقت بخیر ، اقای موسوی pwa م وقتی در ios به session میرسه از اپ خارج میشه و مرورگر safari باز میشه !!! راهکاری وجود داره برای این مورد ؟
من روی 5s تست کردم . دیجی کالا هم دقیقا همینطوره و خارج میشه ، اما اسنپ فود اینطور نیست و در کل سیکل پروژه از اپ ( pwa ) خارج نمیشه .
میشه راهنمایی بفرمایید

آفلاین
user-avatar
حسام موسوی
3 ماه پیش

منظورتون از اینکه به session میرسه و بعد خارج میشه دقیقا چیه؟

آفلاین
user-avatar
majid15
3 ماه پیش

سلام مجدد ، جناب موسوی وقتی pwa روی ایفون رو باز میکنم تا جایی که نیازی به session نباشه پیش میره . وای به محض اینکه توی کد هام session get میاد از pwa خارج میشه و به safari میره . من از لاروال استفاده کردم

آفلاین
user-avatar
حسام موسوی
3 ماه پیش

این session get کدشو قرار بدید لطفا

آفلاین
user-avatar
majid15
3 ماه پیش

به محض رسیدن به این لاین از pwa خارج و به محیط safari وارد میشه .

$category = Session::get('category');

در جای دیگری از برنامه با رسیدن به این خط از برنامه خارج میشه

$id = Session::get('kid');

من از لاراول استفاده میکنم و در کنترلری یک session رو تعریف میکنم . در هنگام تعریف session مشکل ندارم اما به محض اینکه قصد گرفتن دارم ( منظورم get هست ) از محیط pwa خارج میشه

آفلاین
user-avatar
حسام موسوی
3 ماه پیش

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

$category = Session::get('category');

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

آفلاین
user-avatar
majid15
2 ماه پیش

خیر ، این کد رو در کنترلر laravel نوشتم

آفلاین
user-avatar
حسام موسوی
2 ماه پیش

دقت کنید نباید این موارد رو داخل pwa بکار ببرید اون یک service-worker هست توسط backend پردازش نمیشه اگر قرار هست چیزی به وبسایت بدید به شکل api باید اینکارو کنید.

آفلاین
user-avatar
majid15
2 ماه پیش

متوجه منظورتون نشدم ، یعنی مقدار session رو چطور به کنترلر برسونم تا بتونه از پایگاه داده fetch کنه ؟
اگر امکانش هست بیشتر توضیح بدید ؟

فرض رو بر این میگذاریم که میخوام ویرایش profile انجام بدم ، و نیاز به id کاربر دارم که در session هنگام login ذخیره شده و الان قصد دارم بگم مقدار رکورد را برام fetch کن که برابر با id ی که در session ذخیره شده است باشه . ( دقیقا بر سر این مثال هم مشکل دارم )

آفلاین
user-avatar
حسام موسوی
2 ماه پیش

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

آفلاین
user-avatar
mohammad khosravi
3 هفته پیش

بهترین راه به نظرم اینه که user و pass کاربر رو تو مرورگر ذخیره کنید و موقع اجرای صفحه از کوکی بخونید و عمل auth رو انجام بدید و در صورت موفقیت آمیز بودن عمل auth ، آی دی کاربر رو برگردونید و به صورت گلوبال استفاده کنید تو برنامه ازش

آفلاین
user-avatar
majid15
1 هفته پیش

با سلام مجدد ، ببخشید مقداری گفتگو طولانی شده ولی تجربه جالبی بود برام گفتم با شما به اشتراک بگذارم . مشکل من روی iphone 5 بود و روی گوشی های دیگر اپل این مشکل وجود نداشت . طبق تحقیق که کردم از ورژن 10 به بعد iphone این مشکل برطرف شده

آفلاین
user-avatar
javad
3 ماه پیش

با سلام و احترام
من یه پروژه نمونه با angular درست کردم و توی پروژه از بارکد خوان zxing استفاده شده است.
مشکلی که دارم اینه که توی مرورگر safari و گوشی iphone به درستی کار میکنه ولی وقتی از پروژه خروجی pwa میگرم. بارکد خوان دیگه توی iphone کار نمیکنه.
ممنون میشم که راهنمایی کنین

آفلاین
user-avatar
حسام موسوی
3 ماه پیش

باید دیباگ کنید ممکنه هر چیزی باشه که تو پروژه‌اتون اتفاق افتاده !

آفلاین
user-avatar

سلام جناب موسوی
PWA رو قبل JS میشه یاد بگیریم؟

آفلاین
user-avatar
حسام موسوی
3 ماه پیش

حتما باید اول js رو خیلی خوب بلد باشید بعد pwa

آفلاین
user-avatar
Negar
3 ماه پیش

سلام وقت بخیر
تصمیم دارم اموزش دوره pwa رو بگذرونم فقط پیشنیازش اشنایی با جاوا اسکریپت هست من اشنایی اندکی با این زبان دارم اما نمیدونم که این اشنایی سطحی کافیه یا اینکه باید کاملا حرفه ای باشم تا بتونم دوره pwa رو به خوبی متوجه بشم ؟
و اینکه این دوره نیاز منو توی طراحی یک وب اپلیکیشن برای سایت دایرکتوری (شبیه به قابلیت های سایت دیوار و شیپور) برطرف میکنه ؟ و میتونم بعد از گذروندن این دوره کاملا حرفه ای یک وب اپلیکیشن طراحی کنم ؟

آفلاین
user-avatar
حسام موسوی
3 ماه پیش

بهتر هست و پیشنهاد میکنم جاوااسکریپت رو اول خوب یاد بگیرید و بعد es6 رو هم یاد بگیرید کاملا که آشنا شدید بیاید سمت pwa چون همه چی اینجا جاوااسکریپت هست