نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
این دوره به شما نشان می دهد که هنگام استفاده از NativeScript چگونه می توانید انیمیشن ها را با استفاده از تکنیک های متداول مبتنی بر چارچوب و همچنین نکات و ترفندهای غیر متعارف به برنامه های خود اضافه کنید. با استفاده از تکنیک های انیمیشن تازه آموخته شده با استفاده از انیمیشن کد و انیمیشن CSS بهبود می یابند. در این دوره ، NativeScript: Animations Techniques ، عمیقاً به روش هایی می پردازید که می توانید از قدرت محیط خود برای به دست آوردن انیمیشن های زیبا با روش های مستند استفاده کنید. ابتدا می آموزید که چگونه کد انیمیشن ساده JavaScript را بدون چارچوب بنویسید. در مرحله بعدی ، ایجاد انیمیشن را از تصاویر sprite با استفاده از JavaScript خالص یاد خواهید گرفت. سپس ، خواهید آموخت که از کلاس ها و عملکردهای انیمیشن مبتنی بر کد استفاده می کنید که با NativeScript و Angular 2 ارسال می شود. در آخر ، شما در اصول انیمیشن CSS فرو رفته و آنها را در برنامه نمونه خود استفاده می کنید و به قدرت خام سیستم عامل های بومی در پایان این دوره ، شما درباره NativeScript with Angular و نحوه ساخت انیمیشن های زیبا برای برنامه های تلفن همراه خود بیشتر خواهید دانست.
سرفصل ها و درس ها
بررسی اجمالی دوره
Course Overview
-
بررسی اجمالی دوره
Course Overview
معرفی دوره
Course Introduction
-
معرفی دوره
Course Introduction
-
پیش نیازها
Prerequisites
-
درباره کد همراه
About Accompanying Code
-
طراحی برنامه کنفرانس RPS
RPS Conference Application Design
-
کاربرد RPS: قبل و بعد
RPS Application: Before and After
-
طرح کلی دوره
Course Outline
مفاهیم اصلی انیمیشن
Core Animation Concepts
-
مقدمه
Introduction
-
انیمیشن های خالص جاوا اسکریپت
Pure JavaScript Animations
-
انیمیشن عمومی
Generic Animation
-
قانون
The Law
-
ما برای RPS چه مشکلی را حل می کنیم
What Problem We Are Solving for RPS
-
نسخه ی نمایشی: استفاده از انیمیشن خالص جاوا اسکریپت
Demo: Applying Pure JavaScript Animation
-
کاری که نمی توانید انجام دهید
What You Cannot Do
-
خلاصه
Summary
استفاده از انیمیشن های ضروری
Applying Imperative Animations
-
مقدمه
Introduction
-
درباره Sprites
About Sprites
-
نسخه ی نمایشی: انیمیشن Sprite
Demo: Sprite Animation
-
راه NativeScript
The NativeScript Way
-
نسخه ی نمایشی: با استفاده از عملکرد متحرک
Demo: Using the Animate Function
-
کلاس انیمیشن
Animation Class
-
نسخه ی نمایشی: با استفاده از کلاس انیمیشن
Demo: Using the Animation Class
-
متحرک کردن ویژگی های چندگانه
Animating Multiple Properties
-
نسخه ی نمایشی: منحنی ها و ویژگی های چندگانه
Demo: Curves and Multiple Properties
-
انیمیشن های زاویه دار
Angular Animations
-
نسخه ی نمایشی: استفاده از انیمیشن 2 Angular
Demo: Applying Angular 2 Animations
-
خلاصه
Summary
استفاده از انیمیشن های اعلامی
Applying Declarative Animations
-
مقدمه
Introduction
-
چرا انیمیشن های CSS؟
Why CSS Animations?
-
انواع انیمیشن CSS
CSS Animation Types
-
ویژگی های متحرک
Animatable Properties
-
نسخه ی نمایشی: استفاده از انیمیشن های Keyframe
Demo: Applying Keyframe Animations
-
نسخه ی نمایشی: استفاده از انیمیشن های Keyframe بیشتر
Demo: Taking Keyframe Animations Further
-
شبه گزیننده ها
Pseudo-selectors
-
نسخه ی نمایشی: شبه انتخاب کننده
Demo: Pseudo-selector
-
نسخه ی نمایشی: کارت جلسه با Keyframes
Demo: Session Card with Keyframes
-
کتابخانه های حزب سوم
3rd Party Libraries
-
نسخه ی نمایشی: Animate.css
Demo: Animate.css
-
خلاصه
Summary
فراخوانی API های انیمیشن بومی
Calling Native Animation APIs
-
مقدمه
Introduction
-
چرا باید از انیمیشن های بومی استفاده کرد؟
Why Use Native Animations?
-
نسخه ی نمایشی: استفاده از انیمیشن های بومی
Demo: Applying Native Animations
-
خلاصه
Summary
خلاصه دوره
Course Summary
-
به روز بودن
Staying up to Date
-
گسترش جعبه ابزار خود
Extending Your Toolkit
-
خلاصه دوره
Course Summary
نمایش نظرات