دوره آموزشی انگولار: انیمیشن ها
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 - خداحافظ
دوره های مرتبط
- دوره آموزشی SketchUp برای معماری: صفحه آرایی
- دوره آموزشی اتوکد: کار با ابعاد
- دوره آموزشی Angular: مسیریابی
- دوره آموزشی فریمورک شیرپوینت برای توسعه دهندگان: بخش 5 SPFx و Angular
- دوره آموزشی ارتقا به Angular 1.6
- دوره آموزشی ساخت برنامه های Angular و Node با احراز هویت
- دوره آموزشی انگولار: اکوسیستم ها
- دوره آموزشی ساخت برنامه های کاربردی بزرگ با انگولار (2018)
مسیرهای مرتبط
- مسیر آموزشی ارتقاء مهارت های انگولار خود
- مسیر آموزشی توسعه وب را با Vanilla JavaScript کاوش کنید
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده Angular
- مسیر آموزشی تبدیل شدن به یک برنامه نویس AngularJS
- مسیر آموزشی مهارت های خود را به عنوان یک توسعه دهنده جنگو ارتقا دهید
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده MEAN Javascript
- مسیر آموزشی بهبود مهارت های برنامه نویسی طراحی وب خود
- مسیر آموزشی شروع به کار به عنوان یک توسعه دهنده هسته ASP.NET