آموزش جاوا اسکریپت Vanilla: برنامه های وب پیشرفته

Vanilla JavaScript: Progressive Web Applications

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: اکنون کاربران از سایت های موبایل انتظار تجربه هایی مانند برنامه را دارند. اما توسعه دهندگان چگونه پروژه های مبتنی بر وب خود را مانند برنامه های بومی رفتار می کنند؟ برنامه های وب پیشرفته (PWA) جواب می دهند. آنها با هر فاکتور مطابقت دارند ، می توانند به صورت آفلاین عمل کنند و مانند برنامه های بومی احساس می شوند - بدون مشکل یا هزینه توسعه برنامه های بومی. این دوره نشان می دهد که چگونه می توان یک وب سایت موجود را به یک برنامه وب پیشرو با استفاده از چیزی غیر از JavaScript وانیلا تبدیل کرد. مربی تام دافی نحوه ساخت قابلیت های آفلاین ، دستورالعمل های نصب خودکار و اعلان ها را توضیح می دهد - ویژگی هایی که کاربران شما را به وجد می آورد و درگیر آن می کند. به علاوه ، نحوه پیاده سازی اعلان های فشرده و ارائه ویژگی هایی را که حتی سیستم عامل های پیشرفته مانند iOS نیز از دست داده اند ، بیاموزید.
موضوعات شامل:
  • برنامه وب پیشرو چیست؟
  • افزودن مانیفست برنامه وب به برنامه موجود
  • ایجاد نمادها برای برنامه های وب پیشرونده
  • ثبت نام کارگران خدمات
  • پاک کردن محدودیت های iOS
  • نمایش و تعامل با اعلان ها
  • اشتراک و مدیریت اعلان های فشار

سرفصل ها و درس ها

مقدمه Introduction

  • برای توسعه تلفن همراه از مهارت های وب خود استفاده کنید Leverage your web skills for mobile development

  • آنچه باید بدانید What you should know

  • با استفاده از پرونده های تمرینی Using the exercise files

1. یک برنامه وب مترقی چیست؟ 1. What Is a Progressive Web App?

  • تاریخچه ای اندک A little history

  • آشنایی با برنامه های وب مترقی Introduction to Progressive Web Apps

  • انتخاب یک ویرایشگر Choosing an editor

2. شروع کار 2. Getting Started

  • ایجاد یک برنامه وب در NetBeans Creating a web app in NetBeans

  • نسخه ی نمایشی برنامه وب Demo of the web app

  • ایجاد آیکون برنامه Creating the app icon

  • با استفاده از شبیه ساز Android Using the Android Emulator

3. مانیفست برنامه وب 3. The Web App Manifest

  • برنامه وب آشکار چیست؟ What is the web app manifest?

  • یک URL شروع و یک ظاهر طراحی اولیه را تنظیم کنید Set a Start URL and basic styling

  • PWA را در Android Emulator تست کنید Test the PWA in the Android Emulator

  • PWA را در شبیه ساز iOS آزمایش کنید Test the PWA in the iOS Simulator

4- آماده شدن برای کارمندان خدمات 4. Getting Ready for Service Workers

  • دور شدن از شبیه سازها Moving away from emulators

  • معرفی به کارگران خدمات Intro to service workers

  • چرخه عمر کارگر خدمات Service worker lifecycle

  • شروع با وعده های ES6 Getting started with ES6 promises

  • PWA و Chrome DevTools PWAs and Chrome DevTools

5- کارگران خدمات 5. Service Workers

  • ثبت نام کارگر خدمات Registering a service worker

  • رویداد نصب و انبارها The install event and caches

  • فعال کردن کارگر سرویس Activating the service worker

  • رهگیری درخواست ها با استفاده از Fetch Intercepting requests using Fetch

  • رفتار بنر را نصب کنید Install banner behavior

  • طراحی بنر نصب Designing the install banner

  • اجرای بنر نصب Implementing the install banner

  • اشکال زدایی با Chrome DevTools Debugging with Chrome DevTools

  • Chrome DevTools بیشتر More Chrome DevTools

  • اشکال زدایی با Safari و iOS Simulator Debugging with Safari and the iOS Simulator

6. تمیز کردن محدودیت های iOS 6. Cleaning Up iOS Limitations

  • چه چیزی در اجرای iOS وجود ندارد What's missing in the iOS implementaton

  • بنر نصب برنامه وب: HTML و CSS Web app install banner: HTML and CSS

  • بنر نصب برنامه وب: حافظه پنهان را به روز کنید Web app install banner: Update the cache

  • بنر نصب برنامه برنامه وب: رویداد windows.onload Web app install banner: The window.onload event

  • نمایش بنر نصب برنامه وب Demonstrating the web app install banner

  • تصاویر و صفحه های چلپ چلوپ را راه اندازی کنید Launch images and splash screens

  • نمایش تصاویر پرتاب Demonstrating launch images

7. اعلان ها و API های فشار 7. Notifications and Push APIs

  • معرفی اطلاعیه ها Introduction to notifications

  • درخواست مجوز برای نمایش اعلان ها Requesting permission to show notifications

  • نمایش اعلان Displaying a notification

  • افزودن داده به اعلان Adding data to a notification

  • بستن یک اعلان Closing a notification

  • رسیدگی به رویداد کلیک کردن روی اعلان Handling the notification click event

  • نمای کلی پیامرسانی را فشار دهید Push messaging overview

  • افزودن Firebase Cloud Messaging به پروژه Adding Firebase Cloud Messaging to the project

  • اشتراک برای فشار دادن پیام Subscribing to push messaging

  • دست زدن به اعلانهای فشار Handling push notifications

  • ارسال یک کنش با استفاده از cURL Sending a tickle using cURL

  • ارسال داده در پیام فشار Sending data in a push message

  • نصب كتابخانه Web Push Mozilla Installing Mozilla's Web Push library

  • اصلاح کنترل کننده رویداد فشار Modifying the push event handler

  • تغییر رویداد کلیک در اطلاع رسانی Modifying the notification click event

  • ایجاد اسکریپت فشار وب Creating the web push script

  • تست برنامه میزبانی شده Testing the hosted app

8. منابع 8. Resources

  • چی چیز باقی مانده است؟ What's left?

  • مرورگر و پشتیبانی دستگاه Browser and device support

  • ابزارها و منابع PWA PWA tools and resources

نتیجه Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

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

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

آموزش جاوا اسکریپت Vanilla: برنامه های وب پیشرفته
جزییات دوره
3h 45m
57
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
33,991
- از 5
ندارد
دارد
دارد
Tom Duffy
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Tom Duffy Tom Duffy

پروفسور تام دافی رئیس گروه علوم کامپیوتر در کالج جامعه Norwalk است. علاوه بر نقش خود به عنوان صندلی ، تام هماهنگ کننده برنامه برای مدارک علوم کامپیوتر ، برنامه نویسی موبایل و مدرک دانشیار مهندسی نرم افزار و همچنین توسعه دهنده وب ، پایگاه داده رابطه و گواهی های توسعه برنامه تلفن های هوشمند است. او دوره های محبوب در زمینه توسعه وب ، XML ، جاوا و برنامه نویسی دستگاه های موبایل را آموزش می دهد. تام دارای مدرک لیسانس علوم ریاضیات و کارشناسی ارشد هنرهای ریاضیات و علوم کامپیوتر از دانشگاه ایالتی کانکتیکات غربی است. او صاحب نرم افزار Bright Moments ، یک شرکت نرم افزاری متخصص در فن آوری های وب است. تام برنامه دوم با برنامه های موبایل را منتشر کرده است ، کتاب دوم خود ، که از Cengage Learning موجود است.