تخفیف ویژه همین الان — دوره‌های تخفیف‌دار را ببینید.
روز
:
ساعت
:
دقیقه
:
ثانیه
تخفیف‌های ویژه
دوره آموزشی انگولار: انیمیشن ها

دوره آموزشی انگولار: انیمیشن ها

2 ساعت 20 دقیقهمتوسط2020-08-21

مدرسین

Joseph Labrecque

Joseph Labrecque

University Professor, Adobe Educator, Studio Head

جزئیات دوره

حرکت کلید برنامه های وب مدرن است. Angular آماده است. قابلیت های متحرک سازی بومی این کتابخانه محبوب جاوا اسکریپت را کشف کرده و برنامه های کاربردی بسازید. این دوره مبتنی بر پروژه از Angular CLI و ماژول انیمیشن های آن برای ایجاد و تحریک یک نمایشی تعاملی استفاده می کند. نحوه تنظیم پارامترهایی مانند مدت زمان، تاخیر، کاهش و فراخوانی را بیاموزید که به شما امکان می دهد زمان و ترتیب انیمیشن خود را تنظیم کنید. مربی Joseph Labrecque همچنین نشان می دهد که چگونه می توانید عناصر جدا شده برنامه خود را با استفاده از توابع query و stagger متحرک کنید. پس از درک نحوه متحرک سازی یک پروژه جدید، جوزف شما را در جریان فرآیند متحرک سازی تعاملات در یک برنامه Angular موجود - پخش کننده تصویری سفارشی قرار می دهد. در نهایت، نحوه تدوین و بسته بندی پروژه برای توزیع در وب را بیابید.

اهداف یادگیری
نصب Angular CLI
ایجاد پروژه جدید
تأیید بسته انیمیشن ها
پیکربندی مسیرهای پروژه
متحرک سازی اجزاء
ایجاد انیمیشن بین حالتها
انیمیشن پله ای و موازی
نوشتن انیمیشن های قابل استفاده مجدد
متحرک سازی موارد جداگانه با پرس و جو و تکان دادن
متحرک سازی یک پروژه Angular موجود

مهارت ها

AngularFront-End Web DevelopmentWeb DevelopmentOpen SourceDeep Dive (X:Y)

سرفصل ها

0. مقدمه

  • 01 - خوش آمدید
  • 02 - آنچه باید قبل از شرکت در این دوره بدانید
  • 03 - استفاده از فایل‌های تمرین
  • 04 - چه چیزی در این به روز رسانی جدید است

1. آماده شدن برای انیمیشن

  • 05 - انیمیشن‌های Angular چگونه کار می‌کنند
  • 06 - نصب Angular CLI
  • 07 - ایجاد یک پروژه جدید
  • 08 - ساختار پروژه
  • 09 - پیش نمایش پروژه
  • 10 - چالش - نسخه Angular خود را به روز کنید
  • 11 - راه حل - نسخه Angular خود را به روز کنید

2. فعال کردن انیمیشن‌های زاویه ای

  • 12 - تایید بسته انیمیشن ها
  • 13 - پیکربندی ماژول پروژه
  • 14 - طرح بندی برنامه
  • 15 - ایجاد اجزای مسیر نمای
  • 16 - پیکربندی مسیرهای پروژه
  • 17 - چالش - یک نمای مسیر 404 ایجاد کنید
  • 18 - راه حل - یک نمای مسیر 404 ایجاد کنید

3. مبانی انیمیشن زاویه ای

  • 19 - آماده سازی تعامل اجزا
  • 20 - ایجاد داده‌های حالت دار
  • 21 - ایجاد انیمیشن بین حالت ها
  • 22 - توابع تاخیر و سهولت
  • 23 - انیمیشن پله ای با فریم‌های کلیدی
  • 24 - انیمیشن موازی با گروه
  • 25 - توابع پاسخ به تماس انیمیشن
  • 26 - چالش - متن پیام را پاک کنید
  • 27 - راه حل - متن پیام را پاک کنید

4. انیمیشن زاویه ای پیشرفته

  • 28 - انیمیشن اجزای مستقل
  • 29 - نوشتن انیمیشن‌های قابل استفاده مجدد
  • 30 - پارامترهای ورودی انیمیشن
  • 31 - پیکربندی انیمیشن روتر
  • 32 - انتخاب موارد با پرس و جو
  • 33 - استفاده از Stagger در یک انیمیشن
  • 34 - چالش - انیمیشن‌های روتر در هر صفحه
  • 35 - راه حل - انیمیشن‌های روتر در هر صفحه

5. متحرک سازی یک رابط موجود

  • 36 - نمای کلی پخش ویدیو
  • 37 - افزودن بسته‌های انیمیشن
  • 38 - پاکسازی انیمیشن قدیمی
  • 39 - ایجاد کامپوننت‌های Angular
  • 40 - نمونه سازی اجزا و ترجمه ارزش داده ها
  • 41 - متحرک سازی عنوان ویدیو
  • 42 - متحرک سازی پوشش پخش
  • 43 - ارائه حرکت لیست پخش
  • 44 - چالش - انتقال نوار ابزار با محو شدن
  • 45 - راه حل - انتقال نوار ابزار با محو شدن

6. بسته برای توزیع

  • 46 - ساخت پروژه

نتیجه

  • 47 - خداحافظ

دوره های مرتبط

مسیرهای مرتبط

درباره ما

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

شماره تلفنکانال آپاراتپشتیبانی تلگرامکانال تلگرامپیج اینستاگرام

کلیه‌ی حقوق این سایت متعلق به لینداکده می باشد

قوانین و شرایط|حریم خصوصی

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal