دوره آموزشی Angular: برنامه های وب پیشرفته (2017)
4 ساعت 40 دقیقهمتوسط2017-09-05
مدرسین

Maximiliano Firtman
Mobile and Web Developer, Trainer, Speaker, Writer
جزئیات دوره
توسعهدهندگان متوجه شدهاند که ساخت سایتهای واکنشگرا بخشی از نیازهای تعامل کاربر را برطرف میکند، اما کاربران بیشتر و بیشتری بدون توجه به مرورگر یا دستگاهی که استفاده میکنند، به دنبال تجربیاتی شبیه به اپلیکیشن هستند. برنامههای وب پیشرو (PWA) متناسب با هر فاکتوری هستند، از اتصال مستقل هستند و به دلیل اینکه پوسته برنامه عملکردها و محتوا را از هم جدا میکند، شبیه یک برنامه هستند. این دوره نحوه ایجاد PWA با استفاده از Angular را پوشش می دهد.
مربی Maximiliano Firtman شما را در مراحل ارتقاء یک برنامه کاربردی به سبک سازمانی به PWA راهنمایی می کند. ابتدا، مراحل آماده سازی مربوطه را مورد بحث قرار می دهد. سپس نحوه چیدمان و ایجاد رابط کاربری را توضیح می دهد. در مرحله بعد، او نشان می دهد که چگونه می توانید برنامه خود را به سرویس های وب متصل کنید. Maximiliano همچنین نشان می دهد که چگونه می توان مطمئن شد PWA شما قابل نصب است و به دنبال آن چگونه می توان از کارگران خدمات برای آفلاین شدن استفاده کرد.
اهداف یادگیری
معماری پیشرفته برنامه های وب
ایجاد کلاس های منطق کسب و کار
خدمات موقعیت جغرافیایی و داده
اضافه کردن مسیرها به پروژه
ایجاد یک API RESTful
اتصال Angular با ماژول HTTP
اتصال فرم به سرویس
مانیفست برنامه وب
استفاده از کارگران خدماتی
پیش کش کردن پوسته برنامه با ngsw
ارائه برنامه در حالت آفلاین
به روز رسانی یک رابط در تغییر وضعیت شبکه
مربی Maximiliano Firtman شما را در مراحل ارتقاء یک برنامه کاربردی به سبک سازمانی به PWA راهنمایی می کند. ابتدا، مراحل آماده سازی مربوطه را مورد بحث قرار می دهد. سپس نحوه چیدمان و ایجاد رابط کاربری را توضیح می دهد. در مرحله بعد، او نشان می دهد که چگونه می توانید برنامه خود را به سرویس های وب متصل کنید. Maximiliano همچنین نشان می دهد که چگونه می توان مطمئن شد PWA شما قابل نصب است و به دنبال آن چگونه می توان از کارگران خدمات برای آفلاین شدن استفاده کرد.
اهداف یادگیری
معماری پیشرفته برنامه های وب
ایجاد کلاس های منطق کسب و کار
خدمات موقعیت جغرافیایی و داده
اضافه کردن مسیرها به پروژه
ایجاد یک API RESTful
اتصال Angular با ماژول HTTP
اتصال فرم به سرویس
مانیفست برنامه وب
استفاده از کارگران خدماتی
پیش کش کردن پوسته برنامه با ngsw
ارائه برنامه در حالت آفلاین
به روز رسانی یک رابط در تغییر وضعیت شبکه
مهارت ها
AngularFront-End Web DevelopmentWeb DevelopmentOpen SourceDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - آنچه باید بدانید
- 03 - استفاده از فایلهای تمرین
1. برنامههای وب پیشرو
- 04 - برنامه وب پیشرو چیست
- 05 - معماری پیشرو
- 06 - PWA امروز
- 07 - نسخه ی نمایشی اندروید و iOS
2. آماده سازی Angular App
- 08 - بررسی فناوری
- 09 - راهاندازی پروژه پایه
- 10 - اجرای برنامه
- 11 - ایجاد کلاسهای منطق کسب و کار
- 12 - ایجاد خدمات - موقعیت جغرافیایی و نقشه ها
- 13 - ایجاد خدمات - داده
3. ایجاد رابط کاربری
- 14 - استفاده از متریال انگولار
- 15 - ایجاد اجزای صفحه
- 16 - افزودن مسیرها به پروژه
- 17 - ایجاد اجزا - لیست
- 18 - ایجاد اجزا - قهوه
- 19 - اضافه کردن مکان مکان
- 20 - افزودن رتبه بندی قهوه
- 21 - جزء قهوه حالت دهنده
4. اتصال به خدمات وب
- 22 - ایجاد یک API RESTful
- 23 - اتصال Angular با ماژول HPPT
- 24 - اتصال فرم با سرویس
- 25 - ویرایش یک ورودی قهوه
- 26 - اتصال اکشنهای موبایل
5. ایجاد یک PWA قابل نصب
- 27 - مانیفست برنامه وب
- 28 - تعریف آیکونها و رنگهای تم
- 29 - ساخت برنامه وب صفحه اصلی iOS
- 30 - تست قابلیت نصب
- 31 - دعوت از کاربر برای نصب برنامه
6. آفلاین شدن با کارکنان خدمات
- 32 - خدمتکار چیست
- 33 - پیش ذخیرهسازی پوسته برنامه با ngsw
- 34 - سرویس برنامه در حالت آفلاین
- 35 - رابط کاربری را در مورد تغییر وضعیت شبکه به روز کنید
- 36 - کش پویا ngsw-manifest
- 37 - پشتیبانی از به روز رسانی برنامه
- 38 - اضافه کردن اعلانهای فشار وب
- 39 - اعتبارسنجی با Lighthouse و DevTools
نتیجه
- 40 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی واکنشگرایی و سیگنالها در Angular
- دوره آموزشی ساخت کتابخانههای Angular
- دوره آموزشی رمزگشایی Angular: بهینهسازی عملکرد
- دوره آموزشی ساخت اپلیکیشنهای Angular و ASP.NET Web API
- دوره آموزشی مدیریت وضعیت در Angular با NgRx
- دوره آموزشی تکنیکهای بهینهسازی عملکرد Angular
- دوره آموزشی انگولار: ساخت برنامههای بزرگ
- دوره آموزشی تست و اشکال زدایی در انگولار