دوره آموزشی جاوا اسکریپت: برنامه های کاربردی وب پیشرفته
3 ساعت 45 دقیقهمتوسط2018-10-09
مدرسین

Tom Duffy
Chair of Computer Science at Norwalk Community College
جزئیات دوره
کاربران در حال حاضر انتظار تجربه های مشابه برنامه را از سایت های تلفن همراه دارند. اما توسعه دهندگان چگونه پروژه های تحت وب خود را مانند برنامه های بومی رفتار می کنند؟ برنامه های وب پیشرفته (PWAs) جواب می دهند. آنها با هر نوع فاکتور مناسب هستند، می توانند آفلاین عمل کنند و مانند برنامه های بومی هستند - بدون مشکل یا هزینه توسعه برنامه بومی. این دوره نشان می دهد که چگونه یک وب سایت موجود را به جز برنامه جاوا اسکریپت Vanilla به یک برنامه وب مترقی تبدیل کنید. مدرس تام دافی نحوه ایجاد قابلیت های آفلاین، اعلانات نصب خودکار و اعلان ها را توضیح می دهد - ویژگی هایی که کاربران شما را خوشحال کرده و درگیر آنها می کند. علاوه بر این، نحوه پیاده سازی اعلان های فشار و ارائه ویژگی هایی را که حتی سیستم عامل های پیشرفته مانند iOS وجود ندارد، بیاموزید.
اهداف یادگیری
برنامه وب مترقی چیست؟
افزودن مانیفست برنامه وب به یک برنامه موجود
ایجاد آیکون برای برنامه های وب مترقی
ثبت نام کارکنان خدمات
پاکسازی محدودیت های iOS
نمایش و تعامل با اعلان ها
اشتراک و مدیریت اطلاعیه های فشار
اهداف یادگیری
برنامه وب مترقی چیست؟
افزودن مانیفست برنامه وب به یک برنامه موجود
ایجاد آیکون برای برنامه های وب مترقی
ثبت نام کارکنان خدمات
پاکسازی محدودیت های iOS
نمایش و تعامل با اعلان ها
اشتراک و مدیریت اطلاعیه های فشار
مهارت ها
JavaScriptOracleFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesSoftware DevelopmentDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - از مهارتهای وب خود برای توسعه موبایل استفاده کنید
- 02 - آنچه باید بدانید
- 03 - استفاده از فایلهای تمرین
1. برنامه وب پیشرو چیست؟
- 04 - کمی تاریخ
- 05 - مقدمه ای بر برنامههای وب پیشرفته
- 06 - انتخاب ویرایشگر
2. شروع به کار
- 07 - ایجاد یک برنامه وب در NetBeans
- 08 - نسخه نمایشی برنامه وب
- 09 - ایجاد نماد برنامه
- 10 - استفاده از شبیه ساز اندروید
3. مانیفست برنامه وب
- 11 - مانیفست برنامه وب چیست
- 12 - یک URL شروع و یک استایل اولیه تنظیم کنید
- 13 - PWA را در شبیه ساز اندروید تست کنید
- 14 - PWA را در شبیه ساز iOS تست کنید
4. آماده شدن برای کارگران خدماتی
- 15 - دور شدن از شبیه سازها
- 16 - معرفی کارگران خدماتی
- 17 - چرخه عمر کارگر خدماتی
- 18 - شروع با وعدههای ES6
- 19 - PWA و Chrome DevTools
5. کارگران خدماتی
- 20 - ثبت نام کارگر خدماتی
- 21 - رویداد نصب و حافظه پنهان
- 22 - فعال سازی خدمتکار
- 23 - رهگیری درخواستها با استفاده از Fetch
- 24 - رفتار بنر را نصب کنید
- 25 - طراحی بنر نصب
- 26 - پیادهسازی بنر نصب
- 27 - اشکال زدایی با کروم DevTools
- 28 - ابزارهای توسعه دهنده Chrome بیشتر
- 29 - اشکال زدایی با سافاری و شبیه ساز iOS
6. پاک کردن محدودیتهای iOS
- 30 - آنچه در پیادهسازی iOS وجود ندارد
- 31 - بنر نصب برنامه وب - HTML و CSS
- 32 - بنر نصب برنامه وب - کش را به روز کنید
- 33 - بنر نصب برنامه وب - رویداد window.onload
- 34 - نمایش بنر نصب برنامه وب
- 35 - تصاویر و صفحه نمایش را راهاندازی کنید
- 36 - نمایش تصاویر پرتاب
7. اطلاعیهها و Push API
- 37 - مقدمه ای بر اطلاعیه ها
- 38 - درخواست مجوز برای نمایش اعلان ها
- 39 - نمایش اعلان
- 40 - افزودن داده به اعلان
- 41 - بستن یک اعلان
- 42 - مدیریت رویداد کلیک اعلان
- 43 - نمای کلی پیامهای فشاری
- 44 - افزودن Firebase Cloud Messaging به پروژه
- 45 - اشتراک برای ارسال پیام
- 46 - رسیدگی به اعلانهای فشار
- 47 - ارسال غلغلک با استفاده از cURL
- 48 - ارسال داده در یک پیام فشاری
- 49 - نصب کتابخانه Web Push موزیلا
- 50 - اصلاح کننده رویداد push
- 51 - تغییر رویداد کلیک اعلان
- 52 - ایجاد وب پوش اسکریپت
- 53 - تست برنامه میزبان
8. منابع
- 54 - آنچه باقی مانده است
- 55 - پشتیبانی از مرورگر و دستگاه
- 56 - ابزارها و منابع PWA
نتیجه
- 57 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی چالشهای کدنویسی جاوااسکریپت: ساخت اپلیکیشنهای وب
- دوره آموزشی الگوهای JavaScript: راهحلهای مدرن برای چالشهای رایج
- دوره آموزشی جاوااسکریپت: ساخت ساختار داده لیستهای پیوندی
- دوره آموزشی جاوا اسکریپت: نقشه ها و مجموعه ها
- دوره آموزشی آرایه ها در جاوا اسکریپت
- دوره آموزشی یادگیری جاوااسکریپت: نوشتن کد مدرن با JavaScript ESNext
- دوره آموزشی یادگیری برنامهنویسی تابعی با جاوااسکریپت +ES6
- دوره آموزشی ساخت برنامههای تایپاسکریپت با JSDoc