آموزش کار با انیمیشن های Angular

Working with Angular Animations

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: این دوره به شما کمک می کند یاد بگیرید چگونه می توانید با تلفیق Angular 2 Animations برنامه های خود را زنده کنید. انیمیشن باعث می شود که رابط کاربری سرگرم کننده و هیجان انگیز باشد. در این دوره ، کار با انیمیشن های Angular ، می توانید تمام آنچه را که Angular 2 از طریق انیمیشن ارائه می دهد کشف کنید. شما با درک برخی از اصول انیمیشن شروع خواهید کرد ، قبل از اینکه به برخی از موضوعات عمیق تر از جمله انیمیشن های چند مرحله ای ، پاسخگویی انیمیشن ها ، فراخوانی چندین انیمیشن و زمان انیمیشن بروید. در مرحله بعدی ، شما می توانید از Angular-cli برای ایجاد یک پروژه جدید Angular 2 به عنوان راهی برای تمرین تمرین پیاده سازی تمام مفاهیم انیمیشن که تاکنون یاد گرفته اید استفاده کنید. سرانجام ، شما قصد دارید انیمیشن های مختلف مبتنی بر رویداد مانند متحرک سازی صفحه ورودی ، ارسال و حذف مورد و متحرک سازی اجزای تو در تو روتر را اعمال کنید. پس از اتمام این دوره ، شما آماده ایجاد انیمیشن هایی خواهید بود که درست در مقابل چشمان شما قرار می گیرند.

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

بررسی اجمالی دوره Course Overview

  • بررسی اجمالی دوره Course Overview

درک اصول انیمیشن Understanding Animation Basics

  • شروع شدن Getting Started

  • ساختار انیمیشن زاویه ای Angular Animation Structure

  • حالات و گذارها States and Transitions

  • Wildcard و Void States Wildcard and Void States

حفر عمیق تر به انیمیشن زاویه ای Digging Deeper into Angular Animation

  • زمان انیمیشن Animation Timing

  • انیمیشن های چند مرحله ای Multi-step Animations

  • پاسخ های انیمیشن Animation Callbacks

  • تماس با چندین انیمیشن Calling Multiple Animations

راه اندازی پروژه Setting up the Project

  • پیش نمایش پروژه Project Preview

  • راه اندازی پروژه ما Setting up Our Project

  • ایجاد کامپوننت ها و مسیرها Creating the Components and Routes

  • یکپارچه سازی بنیاد 6 Integrating Foundation 6

  • نوشتن HTML و CSS Writing the HTML and CSS

استفاده از انیمیشن ها Applying the Animations

  • انیمیشن در کانون ورودی Animating on Input Focus

  • متحرک کردن موارد ارسالی Animating the Item Submissions

  • متحرک سازی موارد Animating the Deletion of Items

  • متحرک کردن اجزای خروجی روتر Animating the Router-outlet Components

نمایش نظرات

آموزش کار با انیمیشن های Angular
جزییات دوره
1h 27m
18
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
88
4 از 5
دارد
دارد
دارد
Gary Simon
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Gary Simon Gary Simon

توسعه دهنده و مدرس Full Stack

  • توسعه دهنده Full Stack برای نزدیک به 2 دهه.
  • به عنوان یک مربی برای Pluralsight، LinkedIn/Lynda.com و Envato Network کار کرد