آموزش راهنمای کامل انیمیشن‌های CSS - آخرین آپدیت

دانلود CSS Animations: The Complete Guide

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

راهنمای پیشرفته انیمیشن CSS برای توسعه دهندگان: بیش از 20 پروژه واقعی

افزایش مهارت‌های توسعه وب با یادگیری انیمیشن‌های CSS پیشرفته.

این دوره جامع به شما کمک می‌کند تا پروژه‌های وب خود را ارتقا داده و به عنوان یک توسعه دهنده، ارزش بیشتری به مهارت‌هایتان اضافه کنید. با یادگیری انیمیشن‌های جذاب CSS، وب‌سایت‌های خود را از دیگران متمایز کنید و به کسب‌وکارها خدمات ارزشمندی ارائه دهید.

چرا انیمیشن‌های CSS برای وب‌سایت شما حیاتی هستند؟

با یادگیری ساخت انیمیشن‌های CSS هیجان‌انگیز، تجربه کاربری وب‌سایت خود را بهبود بخشید و لبه تمایز بیشتری به پروژه‌های توسعه وب خود ببخشید.

انیمیشن‌هایی که در این دوره خواهید آموخت، مثال‌های واقعی هستند که می‌توانید برای ارتقای هر وب‌سایتی از آن‌ها استفاده کنید.

محتوای دوره انیمیشن CSS

  • انیمیشن‌های CSS (CSS Animations)
  • اهمیت قابلیت دسترسی (Accessibility) و تجربه کاربری (User Experience) در انیمیشن
  • انتقال‌های CSS (CSS Transitions)
  • کی‌فریم‌های CSS (CSS Keyframes)
  • انیمیشن‌های SVG
  • انیمیشن‌های جاوا اسکریپت (JavaScript Animations)
  • افزونه‌ها و کتابخانه‌های انیمیشن

این دوره برای چه کسانی مناسب است؟

این دوره گسترده انیمیشن CSS برای تمام توسعه‌دهندگان در هر سطح مهارتی، از جمله مبتدیان، قابل دنبال کردن است. داشتن دانش پایه HTML و CSS توصیه می‌شود، اما نیازی به دانستن هیچ چیز در مورد انیمیشن‌های وب نیست زیرا همه چیز به طور کامل آموزش داده خواهد شد. ما از اصطلاحات پیچیده استفاده نکرده‌ایم، بنابراین تا زمانی که درک پایه‌ای از زبان‌های فرانت‌اند وب داشته باشید، به راحتی می‌توانید این دوره را دنبال کنید.

چرا باید این دوره را بگذرانید؟

شما درک کاملی از نحوه استفاده از تمام جنبه‌های انیمیشن‌های CSS مانند transitions، transforms و keyframes برای متحرک‌سازی تصاویر، متن، آیکون‌ها، SVGs و موارد دیگر به دست خواهید آورد. ابتدا اصول اولیه انیمیشن‌های CSS را برای ساخت انیمیشن‌های ساده یاد خواهید گرفت و سپس به سراغ مثال‌های پیشرفته‌تر خواهید رفت.

شما قادر خواهید بود خلاقیت خود را به کار بگیرید و در عین حال انیمیشن‌هایی کاملاً قابل دسترس و با در نظر گرفتن تجربه کاربری بسازید. برای تمام پروژه‌های انیمیشنی که یاد خواهید گرفت بسازید، فایل‌های شروع کار را دریافت خواهید کرد که شامل تنظیمات پایه صفحه وب است، اما کدنویسی تمام انیمیشن‌ها از ابتدا و گسترش مهارت‌های توسعه خودتان به عهده شما خواهد بود.

فرصت‌های شغلی با تسلط بر انیمیشن‌های CSS

با پایان دوره، دانش تخصصی لازم برای افزایش تعرفه خدمات خود را به عنوان یک توسعه‌دهنده وب کسب خواهید کرد. همین امروز ثبت‌نام کنید!


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

مقدمه Introduction

  • چه چیزهایی یاد خواهید گرفت؟ What will you learn?

  • برای بیشترین بهره‌مندی از این دوره به چه چیزهایی نیاز دارید؟ What do you need to get the most from this course?

  • تاریخچه مختصری از انیمیشن‌های وب A brief history of web animation

  • خلاصه Summary

مبانی انیمیشن‌های CSS The Fundamentals of CSS Animations

  • مقدمه Introduction

  • ترنزیشن‌ها Transitions

  • توابع زمان‌بندی /易化 Easing / Timing functions

  • فریم‌های کلیدی Keyframes

  • انیمیشن سه‌بعدی 3D animation

  • دسترسی‌پذیری Accessibility

  • آزمون مبانی انیمیشن CSS CSS Animation Fundamentals Quiz

  • خلاصه Summary

پروژه‌های انیمیشن CSS CSS Animation Projects

  • مقدمه Introduction

  • لینک‌های ناوبری منو Menu Navigation Links

  • دکمه‌ها Buttons

  • دکمه‌های نئونی درخشان Glowing Neon Buttons

  • دکمه پخش ویدئو Video Play Button

  • دکمه سه‌بعدی 3D Button

  • تغییر وضعیت کارت تصویر هنگام هاور Image Card Hover

  • پس‌زمینه گرادینتی Gradient Background

  • نشانگرهای اسکرول به پایین Scroll Down Indicators

  • به‌روزرسانی - اول بخوانید - چرخش کارت سه‌بعدی UPDATE - READ FIRST - 3D Card Rotate

  • چرخش کارت سه‌بعدی 3D Card Rotate

  • ورودی‌های متن فرم Form Text Inputs

  • نوار جستجو Search Bar

  • انیمیشن‌های بارگذاری Loading Animations

  • جلوه بارگذاری مایع Liquid Loading Effect

  • مسیر برش - کارت‌های اطلاعاتی Clip Path - Information Cards

  • مسیر برش - متن Clip Path - Text

  • به‌روزرسانی - اول بخوانید - پارالاکس UPDATE - READ FIRST - Parallax

  • پارالاکس Parallax

  • خلاصه Summary

پروژه‌های انیمیشن جاوا اسکریپت JavaScript Animation Projects

  • مقدمه Introduction

  • پوشش Overlay

  • همبرگری‌ها Hamburgers

  • منوی ناوبری کناری Side Navigation Menu

  • محو شدن هنگام اسکرول Fade-in on Scroll

  • حرکت ماوس - حاشیه دکمه Mouse Move - Button Border

  • خلاصه Summary

پروژه‌های انیمیشن SVG SVG Animation Projects

  • مقدمه Introduction

  • آیکون‌های SVG SVG Icons

  • متن SVG SVG Text

  • تصاویر SVG SVG Images

  • خلاصه Summary

افزونه‌ها و کتابخانه‌های انیمیشن Animation Plugins and Libraries

  • مقدمه Introduction

  • Hover.css Hover.css

  • Animate.css Animate.css

  • انیمیشن هنگام اسکرول Animate On Scroll

  • افزونه‌ها و کتابخانه‌های انیمیشن جاوا اسکریپت JavaScript Animation Plugins and Libraries

  • خلاصه Summary

آینده و خلاصه The Future and Summary

  • آینده انیمیشن‌های CSS The Future of CSS Animations

  • تبریک می‌گویم! Congratulations!

  • درس جایزه Bonus Lecture

نمایش نظرات

آموزش راهنمای کامل انیمیشن‌های CSS
جزییات دوره
7 hours
52
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
553
4.7 از 5
دارد
دارد
دارد
David Sealey
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

David Sealey David Sealey

توسعه دهنده وب

سلام، من دیوید هستم. من یک توسعه دهنده وب جلویی ارشد از نورویچ، انگلستان هستم.

من نقش‌های مختلفی در بخش بازاریابی دیجیتال از جمله SEO، مدیریت تبلیغات دیجیتال و تجربه کاربری داشته‌ام، اما این نقش فعلی من در توسعه وب است که در آن واقعاً اشتیاق من نهفته است.

من سال‌ها تجربه ساخت وب‌سایت‌ها، برنامه‌ها، اینفوگرافیک‌ها، تبلیغات دیجیتال و ابزارهای تجسم داده‌ها را برای بسیاری از مشتریان بین‌المللی با مشخصات بالا دارم.