دوره آموزشی Angular: برنامه های وب پیشرفته

جزئیات دوره

امروزه برنامه های وب پیشرفته نه تنها با iOS و اندروید، بلکه با سیستم عامل های دسکتاپ نیز سازگار هستند، بنابراین می توانید از نقاط قوت سیستم عامل های دسکتاپ و موبایل استفاده کنید. با توانایی های اضافی که امروزه یک PWA می تواند داشته باشد، می توانید پروژه را حتی بیشتر ارتقا دهید. Angular امروز همان پایه نسخه اصلی را دارد، اما یک فرآیند کاملاً جدید برای ایجاد یک PWA با ابزارهای Angular وجود دارد. در این دوره، توسعه دهنده موبایل و وب، مربی، سخنران و نویسنده Maximiliano Firtman شما را در کل فرآیند راهنمایی می کند. ببینید چه چیزی یک برنامه وب را به یک برنامه وب پیشرفته تبدیل می کند. یک برنامه ساده به سبک Enterprise در Angular 16 ایجاد کنید و آن را به PWA ارتقا دهید. فناوری های موجود را کاوش کنید تا برنامه را به صورت آفلاین در دسترس قرار دهید، مانند یک برنامه بومی. نحوه پشتیبانی از مشخصات مورد نیاز را بیاموزید، بنابراین برنامه را می توان به عنوان یک برنامه بومی با نماد و رفتار خارج از مرورگر در دستگاهی نصب کرد. به علاوه، نحوه کار با سرویس های وب در یک PWA، در موقعیت های مختلف شبکه را بررسی کنید.

سرفصل ها

0. مقدمه

01 - یک برنامه وب پیشرفته با Angular بسازید
02 - آنچه باید بدانید
03 - استفاده از فایل‌های تمرین

1. برنامه‌های وب پیشرو

04 - برنامه وب پیشرو چیست
05 - معماری پیشرو
06 - PWA امروز
07 - نسخه ی نمایشی اندروید، iOS و iPadOS
08 - نسخه ی نمایشی ویندوز و macOS

2. آماده سازی Angular App

09 - بررسی فناوری
10 - راه‌اندازی پروژه پایه
11 - اجرای برنامه
12 - ایجاد کلاس‌های منطق کسب و کار
13 - ایجاد خدمات - موقعیت جغرافیایی و نقشه ها
14 - ایجاد خدمات - داده

3. ایجاد رابط کاربری

15 - استفاده از متریال Angular
16 - ایجاد اجزای صفحه
17 - افزودن مسیرها به پروژه
18 - ایجاد اجزا - لیست
19 - ایجاد اجزا - قهوه
20 - اضافه کردن مکان مکان
21 - افزودن رتبه بندی قهوه
22 - جزء قهوه حالت دهنده

4. اتصال به خدمات وب

23 - ایجاد یک API RESTful
24 - اتصال Angular با ماژول http
25 - اتصال فرم با سرویس
26 - ویرایش ورودی قهوه
27 - اتصال اکشن‌های موبایل

5. ایجاد یک PWA قابل نصب

28 - مانیفست برنامه وب
29 - تعریف آیکون‌ها و آیکون‌های ماسک پذیر
30 - دعوت از کاربر برای نصب برنامه
31 - افزایش تجربه اپلیکیشن
32 - ایجاد میانبرهای برنامه
33 - استفاده از حالت نمایش حداقل UI
34 - ساخت عنوان پویا و نوار وضعیت

6. آفلاین شدن با کارگران خدماتی

35 - خدمتکار چیست
36 - سرویس برنامه در حالت آفلاین
37 - رابط کاربری را در مورد تغییر وضعیت شبکه به روز کنید
38 - سفارشی کردن ngsw-manifest
39 - پشتیبانی از به روز رسانی برنامه
40 - اضافه کردن اعلان‌های فشار وب
41 - اعتبارسنجی با DevTools

نتیجه

42 - به یادگیری برنامه‌های وب مترقی ادامه دهید