Angular: Progressive Web Apps (2017)

مدرس Maximiliano Firtman

انتشار 2017/09/05

مدت زمان 4h 40m

سطح متوسط

فایل تمرینی دارد

آموزش Angular: Progressive Web Apps (2017)

توسعه‌دهندگان متوجه شده‌اند که ساختن سایت‌های واکنش‌گرا بخشی از نیازهای تعامل کاربر را برطرف می‌کند، اما کاربران بیشتر و بیشتری بدون توجه به مرورگر یا دستگاهی که استفاده می‌کنند، به دنبال تجربیاتی شبیه به اپلیکیشن هستند. برنامه‌های وب پیشرو (PWA) با هر شکلی مطابقت دارند، از اتصال مستقل هستند و به دلیل اینکه پوسته برنامه عملکردها و محتوا را از هم جدا می‌کند، شبیه یک برنامه هستند. این دوره نحوه ایجاد PWA با استفاده از Angular را پوشش می دهد.\r\n\r\n ابتدا، مراحل آماده سازی مربوطه را مورد بحث قرار می دهد. سپس نحوه چیدمان و ایجاد رابط کاربری را توضیح می دهد. در مرحله بعد، او نحوه اتصال برنامه خود را به خدمات وب نشان می دهد. Maximiliano همچنین نشان می دهد که چگونه می توان مطمئن شد PWA شما قابل نصب است و به دنبال آن چگونه می توان از کارگران خدمات برای آفلاین شدن استفاده کرد.

Angular AngularJS Front-end Development Mobile Application Development Web Applications

Introduction

Welcome ()

What you should know ()

Using the exercise files ()

1. Progressive Web Apps

What is a Progressive Web App? ()

Progressive architecture ()

PWAs today ()

Android and iOS demo ()

2. Preparing the Angular App

Technology review ()

Setting up the basic project ()

Running the app ()

Creating the business logic classes ()

Creating services: Geolocation and maps ()

Creating services: Data ()

3. Creating the User Interface

Using Angular Material ()

Creating the page components ()

Adding routes to the project ()

Creating components: List ()

Creating components: Coffee ()

Adding place location ()

Adding coffee ratings ()

Styling coffee component ()

4. Connecting to Web Services

Creating a RESTful API ()

Connecting Angular with HPPT module ()

Connecting the form with the service ()

Editing a coffee entry ()

Connecting mobile actions ()

5. Creating an Installable PWA

The web app manifest ()

Defining icons and theme colors ()

Making an iOS home screen web app ()

Testing installation capabilities ()

Inviting the user to install the app ()

6. Going Offline with Service Workers

What is a service worker? ()

Pre-caching app's shell with ngsw ()

Serving the app while offline ()

Update UI on network status change ()

Dynamic ngsw-manifest cache ()

Supporting app updates ()

Adding web push notifications ()

Validating with Lighthouse and DevTools ()

Conclusion

Next steps ()

Ex_Files_Angular_Progressive_Web_Apps.zip (9.2 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

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

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