دوره آموزشی انگولار: انیمیشن ها
2 ساعت 20 دقیقهمتوسط2020-08-21
مدرسین

Joseph Labrecque
University Professor, Adobe Educator, Studio Head
جزئیات دوره
حرکت کلید برنامه های وب مدرن است. Angular آماده است. قابلیت های متحرک سازی بومی این کتابخانه محبوب جاوا اسکریپت را کشف کرده و برنامه های کاربردی بسازید. این دوره مبتنی بر پروژه از Angular CLI و ماژول انیمیشن های آن برای ایجاد و تحریک یک نمایشی تعاملی استفاده می کند. نحوه تنظیم پارامترهایی مانند مدت زمان، تاخیر، کاهش و فراخوانی را بیاموزید که به شما امکان می دهد زمان و ترتیب انیمیشن خود را تنظیم کنید. مربی Joseph Labrecque همچنین نشان می دهد که چگونه می توانید عناصر جدا شده برنامه خود را با استفاده از توابع query و stagger متحرک کنید. پس از درک نحوه متحرک سازی یک پروژه جدید، جوزف شما را در جریان فرآیند متحرک سازی تعاملات در یک برنامه Angular موجود - پخش کننده تصویری سفارشی قرار می دهد. در نهایت، نحوه تدوین و بسته بندی پروژه برای توزیع در وب را بیابید.
اهداف یادگیری
نصب Angular CLI
ایجاد پروژه جدید
تأیید بسته انیمیشن ها
پیکربندی مسیرهای پروژه
متحرک سازی اجزاء
ایجاد انیمیشن بین حالتها
انیمیشن پله ای و موازی
نوشتن انیمیشن های قابل استفاده مجدد
متحرک سازی موارد جداگانه با پرس و جو و تکان دادن
متحرک سازی یک پروژه 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 - خداحافظ
دوره های مرتبط
- دوره آموزشی واکنشگرایی و سیگنالها در Angular
- دوره آموزشی ساخت کتابخانههای Angular
- دوره آموزشی رمزگشایی Angular: بهینهسازی عملکرد
- دوره آموزشی ساخت اپلیکیشنهای Angular و ASP.NET Web API
- دوره آموزشی مدیریت وضعیت در Angular با NgRx
- دوره آموزشی تکنیکهای بهینهسازی عملکرد Angular
- دوره آموزشی انگولار: ساخت برنامههای بزرگ
- دوره آموزشی تست و اشکال زدایی در انگولار