لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش راهنمای نهایی انیمیشنها، تبدیلها و انتقالها در CSS3
CSS3 Animations, Transforms and Transitions Ultimate Guide
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
افزایش تجربه کاربر، صفحات تعاملی، انیمیشن های سه بعدی، پروژه های واقعی و بهترین روش ها با انیمیشن های CSS3 تبدیل های دو بعدی و سه بعدی: ترجمه، مقیاس، چرخش و انحراف آوردن زنده و تعاملی به صفحه خود با انتقال اضافه کردن حرکت پیشرفته و پیچیده به صفحه شما صفحه با انیمیشنهای فریم کلیدی کشف قدرت واقعی انیمیشنهای CSS3 جابجاییها و جلوههای شگفتانگیز CSS3 تبدیلهای زیبای CSS با مثالها و پروژهای جامع پیشرفتهترین و مدرنترین تکنیکهای CSS3 استانداردها و بهترین شیوههای صنعت پیشرفته پروژههای تعاملی، جلسات آزمایشگاهی و همایشها تجربه کاربری (UX) با انیمیشن های CSS پیش نیازها: درک پایه در HTML5 درک اولیه در CSS3 درک پایه در جاوا اسکریپت ویرایشگر متن برای توسعه مرورگر وب مدرن کنجکاوی برای یادگیری تکنیک های توسعه وب حرفه ای اشتیاق برای تبدیل شدن به یک توسعه دهنده حرفه ای
# جامع ترین دوره آموزشی انیمیشن های CSS در Udemy!
# جلسات آزمایشگاه و پروژه های زندگی واقعی
# زیرنویس انگلیسی (به طور خودکار ایجاد نمی شود)
# همه منابع و نمونه کد را می توان دانلود کرد
# نویسنده باتجربه و پاسخگو
CSS به یک زبان بسیار محبوب و ضروری برای توسعه دهندگان منفرد در پشته توسعه وب مدرن تبدیل شده است و این زبان با داشتن قابلیت های بیشتر به تکامل خود ادامه می دهد. امروزه، CSS میتواند اکثر نیازهای حرکت و انیمیشن را با استفاده از انتقالهای CSS، تبدیلهای CSS و انیمیشنهای فریم کلیدی CSS برطرف کند.
در این دوره، ما تمام نکات کلیدی اضافه کردن حرکت به طراحی ها و صفحات وب شما را با هم پوشش خواهیم داد. این دوره به شما نشان می دهد که چگونه با تبدیل ها، انتقال ها و انیمیشن های فریم کلیدی در مرورگرهای مدرن کار کنید.
همه موضوعات توسط نمونههای جامع CSS3 Transform، Transition و Keyframe Animation پشتیبانی میشوند، پروژهها و همچنین جلسات آزمایشگاهی برای پشتیبانی و تقویت منحنی یادگیری اضافه میشوند.
بنابراین برای تبدیل شدن به یک متخصص CSS و یک توسعه دهنده وب خوب، باید موضوعات اساسی را به وضوح درک کنید. مهمترین موضوعات انیمیشن های CSS در این دوره گنجانده شده است تا همه چیز در ذهن شما روشن شود.
موضوعات تحت پوشش این دوره عمدتاً عبارتند از:
تبدیل های CSS چیست و چگونه از آنها استفاده کنیم
درک تبدیلهای دو بعدی: translate()، scale()، rotate() و skew()
جان بخشیدن به صفحه با انتقال
جلوه های انتقال ساده و پیشرفته
آنچه را میتوانید تغییر دهید و نمیتوانید تغییر دهید و متحرک کنید
درک نحو مختصر خصوصیات انتقال CSS
توابع زمان بندی انتقال CSS
نحوه متحرک سازی با CSS با استفاده از فریم های کلیدی
ویژگی های انیمیشن و جزئیات نحو
درک تبدیل های 3d: translate3d()، scale3d()، rotate3d() و skew3d()
دیدگاه
در پایان این دوره، درک بهتری از قابلیت ها و پتانسیل های CSS Transformations، Transitions و Animations به دست خواهید آورد.
فراموش نکن! تعاملات کوچک تأثیرات بزرگ
سرفصل ها و درس ها
معرفی
Introduction
بررسی اجمالی دوره
Course Overview
راه اندازی محیط کار
Setting Up the Working Environment
انیمیشن وب چیست؟ چرا متحرک سازی کنیم؟
What is Web Animation? Why to animate?
ساخت اولین انیمیشن ما
Creating Our First Animation
تبدیل می کند
Transforms
مقدمه ای بر تبدیل
Introduction to Transforms
حرکت عناصر با استفاده از تابع ترجمه
Moving Elements using Translate Function
تغییر اندازه عناصر با استفاده از تابع مقیاس
Resizing Elements using Scale Function
چرخش عناصر با استفاده از تابع چرخش
Spinning Elements using Rotate Function
کج کردن عناصر با استفاده از تابع Skew
Tilting Elements using Skew Function
عناصر قابل تبدیل
Transformable Elements
حرکت مبدأ عنصر
Moving the Origin of the Element
چند تبدیل در یک عنصر
Multiple Transforms on One Element
یودمی یکی از بزرگترین پلتفرمهای آموزشی آنلاین است که به میلیونها کاربر در سراسر جهان امکان دسترسی به دورههای متنوع و کاربردی را فراهم میکند. این پلتفرم امکان آموزش در زمینههای مختلف از فناوری اطلاعات و برنامهنویسی گرفته تا زبانهای خارجی، مدیریت، و هنر را به کاربران ارائه میدهد. با استفاده از یودمی، کاربران میتوانند به صورت انعطافپذیر و بهینه، مهارتهای جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.
یکی از ویژگیهای برجسته یودمی، کیفیت بالای دورهها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد میدهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و میتوانند به بهترین شکل ممکن از آموزشها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرمهای آموزشی آنلاین، به افراد امکان میدهد تا به راحتی و با کیفیت، مهارتهای مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.
نمایش نظرات