لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش جاوا اسکریپت Vanilla: برنامه های وب پیشرفته
Vanilla JavaScript: Progressive Web Applications
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
اکنون کاربران از سایت های موبایل انتظار تجربه هایی مانند برنامه را دارند. اما توسعه دهندگان چگونه پروژه های مبتنی بر وب خود را مانند برنامه های بومی رفتار می کنند؟ برنامه های وب پیشرفته (PWA) جواب می دهند. آنها با هر فاکتور مطابقت دارند ، می توانند به صورت آفلاین عمل کنند و مانند برنامه های بومی احساس می شوند - بدون مشکل یا هزینه توسعه برنامه های بومی. این دوره نشان می دهد که چگونه می توان یک وب سایت موجود را به یک برنامه وب پیشرو با استفاده از چیزی غیر از JavaScript وانیلا تبدیل کرد. مربی تام دافی نحوه ساخت قابلیت های آفلاین ، دستورالعمل های نصب خودکار و اعلان ها را توضیح می دهد - ویژگی هایی که کاربران شما را به وجد می آورد و درگیر آن می کند. به علاوه ، نحوه پیاده سازی اعلان های فشرده و ارائه ویژگی هایی را که حتی سیستم عامل های پیشرفته مانند iOS نیز از دست داده اند ، بیاموزید.
موضوعات شامل:
برنامه وب پیشرو چیست؟ li>
افزودن مانیفست برنامه وب به برنامه موجود li>
ایجاد نمادها برای برنامه های وب پیشرونده li>
ثبت نام کارگران خدمات li>
پاک کردن محدودیت های iOS
نمایش و تعامل با اعلان ها li>
اشتراک و مدیریت اعلان های فشار li>
سرفصل ها و درس ها
مقدمه
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
لینکدین: شبکه اجتماعی حرفهای برای ارتباط و کارآفرینی
لینکدین به عنوان یکی از بزرگترین شبکههای اجتماعی حرفهای، به میلیونها افراد در سراسر جهان این امکان را میدهد تا ارتباط برقرار کنند، اطلاعات حرفهای خود را به اشتراک بگذارند و فرصتهای شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان میدهد تا رزومه حرفهای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمنها و گروههای حرفهای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهرهمند شوند.
لینکدین همچنین به کارفرمایان امکان میدهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفهای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصتهای شغلی و گسترش شبکه حرفهای خود، نقش مهمی را ایفا میکند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفهای در دنیای امروز مورد توجه قرار دارد.
پروفسور تام دافی رئیس گروه علوم کامپیوتر در کالج جامعه Norwalk است.
علاوه بر نقش خود به عنوان صندلی ، تام هماهنگ کننده برنامه برای مدارک علوم کامپیوتر ، برنامه نویسی موبایل و مدرک دانشیار مهندسی نرم افزار و همچنین توسعه دهنده وب ، پایگاه داده رابطه و گواهی های توسعه برنامه تلفن های هوشمند است. او دوره های محبوب در زمینه توسعه وب ، XML ، جاوا و برنامه نویسی دستگاه های موبایل را آموزش می دهد.
تام دارای مدرک لیسانس علوم ریاضیات و کارشناسی ارشد هنرهای ریاضیات و علوم کامپیوتر از دانشگاه ایالتی کانکتیکات غربی است. او صاحب نرم افزار Bright Moments ، یک شرکت نرم افزاری متخصص در فن آوری های وب است. تام برنامه دوم با برنامه های موبایل را منتشر کرده است ، کتاب دوم خود ، که از Cengage Learning موجود است.
نمایش نظرات