Udemy – CSS Animation, Javascript Animation, Tailwind for Web Design 2025-7

توضیحات

دوره CSS Animation, Javascript Animation, Tailwind for Web Design. این دوره آموزشی جامع برای طراحان و توسعه‌دهندگان وب طراحی شده است که به انیمیشن‌سازی و ایجاد وب‌سایت‌های تعاملی با استفاده از HTML، CSS، JavaScript، Tailwind و Python علاقه دارند. در بخش مقدمه، مبانی انیمیشن وب شامل کاربردها و محدودیت‌های فنی آموزش داده می‌شود. بخش اول به انیمیشن‌های CSS می‌پردازد و انواعی مانند انیمیشن متن، شناور، جهشی، چرخشی، بزرگ‌نمایی، دکمه، گرادیان و منوی کشویی را پوشش می‌دهد. بخش دوم بر انیمیشن‌سازی با JavaScript و Anime JS تمرکز دارد و شامل ساخت تایمر شمارش معکوس، مکان‌نمای متحرک و انیمیشن ایزومتریک است. در بخش سوم، طراحی وب‌سایت‌های تعاملی با Tailwind CSS آموزش داده می‌شود، از جمله صفحات رزرو پرواز و قیمت‌گذاری با افکت‌های hover و دکمه‌های متحرک. بخش چهارم به ساخت انیمیشن‌های Python با Turtle اختصاص دارد، مانند اسپینر بارگذاری و درخت در حال رشد. بخش پنجم شامل بصری‌سازی داده‌ها با D3 JS و ساخت نمودار میله‌ای متحرک برای نمایش رشد جمعیت است. در پایان دوره، یک صفحه محصول Ecommerce با کارت‌های فلیپ‌شونده و دکمه add to cart متحرک ایجاد می‌شود. این دوره ترکیبی از تئوری و تمرین عملی را ارائه می‌دهد تا مهارت‌های طراحی و توسعه وب را ارتقا بخشد.

آنچه فرا خواهید گرفت

• اصول اولیه انیمیشن وب: شرکت‌کنندگان با اصول اولیه انیمیشن وب، از جمله موارد استفاده، محدودیت‌های فنی و انواع مختلف انیمیشن‌ها آشنا می‌شوند.
• انیمیشن‌های CSS: یاد می‌گیرند که چگونه انیمیشن‌های متن، دکمه، منوی کشویی، انتقال رنگ پس‌زمینه گرادیان، انیمیشن‌های شناور و جهشی، و انیمیشن‌های چرخشی و بزرگ‌نمایی را با CSS ایجاد کنند.
• انیمیشن‌های JavaScript: یاد می‌گیرند که چگونه انیمیشن‌های تایمر شمارش معکوس، انیمیشن مکان‌نما، و انیمیشن ایزومتریک رنگارنگ را با JavaScript ایجاد کنند.
• طراحی با Tailwind CSS: یاد می‌گیرند که چگونه صفحات رزرو پرواز و صفحات قیمت‌گذاری را با Tailwind CSS طراحی کنند.
• انیمیشن‌های Python: یاد می‌گیرند که چگونه انیمیشن اسپینر بارگذاری و انیمیشن پس‌زمینه را با Python و Turtle ایجاد کنند.
• بصری‌سازی داده‌ها با D3 JS: یاد می‌گیرند که چگونه بصری‌سازی داده‌ها را با D3 JS انیمیشن‌سازی کنند.
• طراحی صفحه محصول Ecommerce: یاد می‌گیرند که چگونه یک صفحه محصول Ecommerce را با استفاده از CSS طراحی و انیمیشن‌سازی کنند.

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

• طراحان وب: کسانی که علاقه‌مند به طراحی وب‌سایت‌های تعاملی و جذاب بصری با استفاده از Tailwind CSS هستند.
• توسعه‌دهندگان فرانت‌اند وب: کسانی که علاقه‌مند به انیمیشن‌سازی کامپوننت‌های وب با استفاده از CSS، JavaScript و Python هستند.

مشخصات دوره CSS Animation Javascript Animation Tailwind for Web Design

• ناشر: Udemy
• مدرس: Christ Raharja
• سطح آموزش: مبتدی تا پیشرفته
• مدت زمان آموزش: 3 ساعت و 34 دقیقه
• تعداد دروس: 21

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

پیشنیازهای دوره CSS Animation Javascript Animation Tailwind for Web Design

• No previous experience in CSS animation is required
• Basic knowledge in Javascript

تصاویر دوره

نمونه فیلم دوره

لینک دانلود

دانلود بخش 1 – 1 گیگابایت

دانلود بخش 2 – 59 مگابایت

گذرواژه فایل(ها): www.downloadly.ir

حجم فایل

1.05 گیگابایت