کانال تلگرام پشتیبانی تلگرام شماره تماس پشتیبانی: 0930 395 3766
ورود ثبت نام

آموزش طراحی اجزای تعاملی UI/UX و جاوااسکریپت پیشرفته - آخرین آپدیت

دانلود Interactive UI/UX Components and Advanced JavaScript

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: این دوره شامل Coursera Coach است! روشی هوشمندانه‌تر برای یادگیری با گفتگوهای تعاملی و آنی که به شما کمک می‌کند تا دانش خود را آزمایش کنید، فرضیات خود را به چالش بکشید و در حین پیشرفت در دوره، درک خود را عمیق‌تر کنید. در این دوره، شما ساخت اجزای جذاب و تعاملی UI/UX را با استفاده از HTML، CSS و جاوااسکریپت پیشرفته به صورت تخصصی خواهید آموخت. از طریق پروژه‌هایی مانند سیستم امتیازدهی با ایموجی (Emoji Rating)، نوار ناوبری چسبان (Sticky Navbar) و صفحه فرود دوگانه (Double Landing Page)، یاد می‌گیرید که طرح‌های ریسپانسیو (واکنش‌گرا) بسازید که به تعاملات کاربر پاسخ دهند. هر بخش شما را در ترکیب ساختار، استایل و منطق برنامه، در حالی که بر مدیریت DOM، انیمیشن‌ها و برنامه‌نویسی رویداد-محور تسلط می‌یابید، راهنمایی می‌کند. با پیشرفت در دوره، پروژه‌هایی مانند سوییچ حالت تاریک (Dark Mode Toggle)، کیت درام (Drum Kits) و لیست انجام کارها (To-Do List) را با تمرکز بر تعاملات دنیای واقعی و متدهای کدنویسی تمیز پیاده‌سازی خواهید کرد. همچنین انیمیشن‌ها، افکت‌های اسکرول و یکپارچه‌سازی API را از طریق پروژه‌های خلاقانه‌ای مانند عکس‌های تصادفی و افکت‌های اسکرول تصویر پس‌زمینه بررسی خواهید کرد. این دوره برای یادگیرندگانی که با HTML، CSS و مفاهیم پایه جاوااسکریپت آشنا هستند و قصد دارند مهارت‌های فرانت‌اند خود را ارتقا دهند، ایده‌آل است. در پایان این دوره، شما قادر خواهید بود با استفاده از تکنیک‌های مدرن جاوااسکریپت، اجزای UI/UX پویا، بصری و حرفه‌ای طراحی کنید.
سرفصل ها و درس ها

پروژه امتیازدهی با ایموجی Project - Emoji Rating

  • پیش‌نمایش امتیازدهی با ایموجی Preview - Emoji Rating

  • ساختار HTML امتیازدهی با ایموجی HTML - Emoji Rating

  • استایل CSS امتیازدهی با ایموجی CSS - Emoji Rating

  • برنامه‌نویسی جاوااسکریپت امتیازدهی با ایموجی JavaScript - Emoji Rating

پروژه نوار ناوبری چسبان Project - Sticky Navbar

  • پیش‌نمایش نوار ناوبری چسبان Preview - Sticky Navbar

  • ساختار HTML نوار ناوبری چسبان HTML - Sticky Navbar

  • استایل CSS نوار ناوبری چسبان CSS - Sticky Navbar

  • برنامه‌نویسی جاوااسکریپت نوار ناوبری چسبان JavaScript - Sticky Navbar

پروژه صفحه فرود دوگانه Project - Double Landing Page

  • پیش‌نمایش صفحه فرود دوگانه Preview - Double Landing Page

  • ساختار HTML صفحه فرود دوگانه HTML - Double Landing Page

  • استایل CSS صفحه فرود دوگانه CSS - Double Landing Page

  • برنامه‌نویسی جاوااسکریپت صفحه فرود دوگانه JavaScript - Double Landing Page

پروژه انیمیشن افکت متن خودکار Project - Auto Text Effect Animation

  • پیش‌نمایش انیمیشن افکت متن خودکار Preview - Auto Text Effect Animation

  • ساختار HTML انیمیشن افکت متن خودکار HTML - Auto Text Effect Animation

  • استایل CSS انیمیشن افکت متن خودکار CSS - Auto Text Effect Animation

  • برنامه‌نویسی جاوااسکریپت انیمیشن افکت متن خودکار JavaScript - Auto Text Effect Animation

پروژه افکت اسکرول تصویر پس‌زمینه Project - Background Image Scroll Effect

  • پیش‌نمایش افکت اسکرول تصویر پس‌زمینه Preview - Background Image Scroll Effect

  • ساختار HTML افکت اسکرول تصویر پس‌زمینه HTML - Background Image Scroll Effect

  • استایل CSS افکت اسکرول تصویر پس‌زمینه CSS - Background Image Scroll Effect

  • برنامه‌نویسی جاوااسکریپت افکت اسکرول تصویر پس‌زمینه JavaScript - Background Image Scroll Effect

پروژه پاپ‌آپ با پس‌زمینه مات Project - Blurred Background Popup

  • پیش‌نمایش پاپ‌آپ با پس‌زمینه مات Preview - Blurred Background Popup

  • ساختار HTML پاپ‌آپ با پس‌زمینه مات HTML - Blurred Background Popup

  • استایل CSS پاپ‌آپ با پس‌زمینه مات CSS - Blurred Background Popup

  • برنامه‌نویسی جاوااسکریپت پاپ‌آپ با پس‌زمینه مات JavaScript - Blurred Background Popup

پروژه سوییچ حالت تاریک Project - Dark Mode Toggle

  • پیش‌نمایش سوییچ حالت تاریک Preview - Dark Mode Toggle

  • ساختار HTML سوییچ حالت تاریک HTML - Dark Mode Toggle

  • استایل CSS سوییچ حالت تاریک CSS - Dark Mode Toggle

  • برنامه‌نویسی جاوااسکریپت سوییچ حالت تاریک JavaScript - Dark Mode Toggle

پروژه کیت درام Project - Drum Kits

  • پیش‌نمایش کیت درام Preview - Drum Kits

  • ساختار HTML کیت درام HTML - Drum Kits

  • استایل CSS کیت درام CSS - Drum Kits

  • برنامه‌نویسی جاوااسکریپت کیت درام JavaScript - Drum Kits

پروژه لیست انجام کارها Project - To Do List

  • پیش‌نمایش لیست انجام کارها Preview - To Do List

  • ساختار HTML لیست انجام کارها HTML - To Do List

  • استایل CSS لیست انجام کارها CSS - To Do List

  • برنامه‌نویسی جاوااسکریپت لیست انجام کارها JavaScript - To Do List

پروژه عکس‌های تصادفی Project - Random Photos

  • پیش‌نمایش عکس‌های تصادفی Preview - Random Photos

  • ساختار HTML عکس‌های تصادفی HTML - Random Photos

  • استایل CSS عکس‌های تصادفی CSS - Random Photos

  • برنامه‌نویسی جاوااسکریپت عکس‌های تصادفی JavaScript - Random Photos

نمایش نظرات

آموزش طراحی اجزای تعاملی UI/UX و جاوااسکریپت پیشرفته
جزییات دوره
11h 41m
40
(آخرین آپدیت)
29
- از 5
دارد
دارد
دارد
Chris Croft

https://donyad.com/d/6df377

جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Croft Chris Croft

مربی مدیریت، سخنران، نویسنده

Web Design Event-Driven Programming Web Design and Development Responsive Web Design HTML and CSS User Interface and User Experience (UI/UX) Design Animations Data Persistence Real Time Data Javascript Front-End Web Development User Interface (UI) Design Application Programming Interface (API) Interactive Design Cascading Style Sheets (CSS) UI Components User Interface (UI) Hypertext Markup Language (HTML) طراحی وب برنامه‌نویسی رویداد-محور طراحی و توسعه وب طراحی وب ریسپانسیو HTML و CSS طراحی رابط کاربری و تجربه کاربری (UI/UX) انیمیشن‌ها پایداری داده‌ها داده‌های آنی جاوااسکریپت توسعه فرانت‌اند وب طراحی رابط کاربری (UI) رابط برنامه‌نویسی کاربردی (API) طراحی تعاملی CSS اجزای UI HTML