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

Angular: Progressive Web Apps

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

Maximiliano Firtman مربی شما را در مراحل به روزرسانی یک برنامه به سبک سازمانی به PWA راهنمایی می کند. ابتدا ، او در مورد مراحل آماده سازی مربوطه بحث می کند. سپس ، وی نحوه چیدمان و ایجاد رابط کاربری را توضیح می دهد. در مرحله بعدی ، وی نشان می دهد که چگونه برنامه شما را به اتصال به خدمات وب وصل کند. Maximiliano همچنین نشان می دهد که چگونه مطمئن شوید PWA شما قابل نصب است و به دنبال آن چگونگی استفاده از کارگران خدمات برای آفلاین بودن را استفاده کنید.
موضوعات شامل:
  • معماری برنامه وب پیشرفته
  • ایجاد کلاسهای منطق کسب و کار
  • موقعیت جغرافیایی و خدمات داده
  • افزودن مسیرها به یک پروژه
  • ایجاد یک API RESTful
  • اتصال زاویه ای با ماژول HTTP
  • اتصال فرم با سرویس
  • مانیفست برنامه وب
  • استفاده از کارگران خدماتی
  • از قبل ذخیره کردن پوسته برنامه با ngsw
  • خدمت به برنامه در حالت آفلاین
  • به روزرسانی رابط کاربری در تغییر وضعیت شبکه

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

مقدمه Introduction

  • خوش آمدی Welcome

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

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

1. برنامه های وب مترقی 1. Progressive Web Apps

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

  • معماری مترقی Progressive architecture

  • PWA امروز PWAs today

  • نسخه نمایشی Android و iOS Android and iOS demo

2. تهیه برنامه زاویه ای 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. ایجاد رابط کاربری 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- اتصال به خدمات وب 4. Connecting to Web Services

  • ایجاد یک API RESTful Creating a RESTful API

  • اتصال زاویه ای با ماژول HTTP Connecting Angular with HPPT module

  • اتصال Connecting the form with the service

  • ویرایش ورودی قهوه Editing a coffee entry

  • عملکردهای تلفن همراه در ارتباط است Connecting mobile actions

5- ایجاد PWA قابل نصب 5. Creating an Installable PWA

  • برنامه وب آشکار است The web app manifest

  • تعیین نمادها و رنگ های تم Defining icons and theme colors

  • ساخت یک برنامه وب صفحه اصلی iOS Making an iOS home screen web app

  • تست قابلیت نصب Testing installation capabilities

  • دعوت از کاربر برای نصب برنامه Inviting the user to install the app

6. رفتن به صورت آفلاین با کارگران خدمات 6. Going Offline with Service Workers

  • یک کارگر خدماتی چیست؟ What is a service worker?

  • پوسته برنامه قبل از ذخیره سازی با ngsw Pre-caching app's shell with ngsw

  • ارائه برنامه در حالی که آفلاین است Serving the app while offline

  • UI را برای تغییر وضعیت شبکه به روز کنید Update UI on network status change

  • پنهان پنهان ngsw-manifest Dynamic ngsw-manifest cache

  • پشتیبانی از به روز رسانی برنامه ها Supporting app updates

  • افزودن اعلانهای فشار وب Adding web push notifications

  • اعتبارسنجی با Lighthouse و DevTools Validating with Lighthouse and DevTools

نتیجه Conclusion

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

نمایش نظرات

Linkedin (لینکدین)

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

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

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

آموزش Angular: برنامه های وب پیشرفته
جزییات دوره
4h 40m
40
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
63,051
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Maximiliano Firtman Maximiliano Firtman

برنامه نویس موبایل و وب، مربی، سخنران، نویسنده

Maximiliano Firtman یک توسعه دهنده موبایل و وب، مربی، سخنران و نویسنده است.

او 11 کتاب نوشته است. از جمله برنامه‌نویسی وب موبایل، و jQuery Mobile: Up and Running و وب جدید موبایل با کارایی بالا منتشر شده توسط O'Reilly Media. کتاب‌های مکس به 13 زبان مختلف ترجمه شده‌اند.

او توسعه برنامه‌های تلفن همراه، HTML5، Android، iOS، برنامه‌های وب پیشرفته، و دوره‌های عملکرد را برای شرکت‌های برتر در سراسر جهان آموزش می‌دهد. او دوره های فنی موفقی را در اپل، گوگل، لینکدین، سیسکو، اینتل، یاهو، بانک آمریکا، Comcast، MercadoLibre، PayPal، عربستان سعودی آرامکو و صدها شرکت کوچک و متوسط ​​ارائه کرده است.

او یکی از سخنرانان مکرر کنفرانس ها است و از بیش از 55 کشور بازدید کرده و سخنرانی ها، سخنرانی های کلیدی و کارگاه های آموزشی را ارائه کرده است. او به‌خاطر فعالیت‌هایش در جامعه وب تلفن همراه توسط Adobe، Microsoft، Nokia و BlackBerry مورد تحسین قرار گرفته و جوایز و تقدیرنامه‌های متعددی را دریافت کرده است. می توانید او را در توییتر @firt پیدا کنید.