آموزش رابط‌های تعاملی، انیمیشن‌ها و اپلیکیشن‌های گیمیفیکیشن (بازی‌وار) - آخرین آپدیت

دانلود Interactive Interfaces, Animations, and Gamified Apps

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: این دوره دارای قابلیت Coursera Coach است؛ روشی هوشمندانه‌تر برای یادگیری با گفتگوهای تعاملی و آنی که به شما کمک می‌کند دانش خود را بسنجید، پیش‌فرض‌ها را به چالش بکشید و در طول مسیر دوره، درک خود را عمیق‌تر کنید. در این دوره، شما به دنیای رابط‌های کاربری تعاملی، انیمیشن‌ها و اپلیکیشن‌های گیمیفیکیشن سفر خواهید کرد. از طریق پروژه‌های عملی، ساخت رابط‌های کاربری متحرک را بررسی کرده و کاربردهای عملی SwiftUI، Canvas و TimelineView را خواهید آموخت. در پایان این دوره، درک عمیقی از نحوه طراحی تجربه‌های کاربری غوطه‌ورکننده، از انیمیشن‌های بلادرنگ تا ساخت بازی‌های تعاملی و جذاب به دست خواهید آورد. سفر ما با درک مفاهیم پایه ترسیم و متحرک‌سازی در بوم (Canvas) در SwiftUI آغاز می‌شود، جایی که انیمیشن‌های پویا با تم عنکبوت و ساعت‌های دیجیتال خواهید ساخت. در ادامه، «بازی زندگی کانوی» (Conway's Game of Life) را بررسی می‌کنید و یاد می‌گیرید چگونه الگوهای تعاملی پیچیده مانند تولید الگو، ژست‌های لمسی (Tap Gestures) و به‌روزرسانی‌های خودکار را در محیط SwiftUI پیاده‌سازی کنید. همچنین این دوره شامل توسعه اپلیکیشن‌های کاربردی مانند چالش رابط کاربری فرم بدن (Body Shape UI)، ماشین حساب انعام (Tip Calculator) و اپلیکیشن فلش‌کارت است. هر پروژه مفاهیم ضروری مانند چیدمان UI، مدیریت ژست‌ها و اجرای انیمیشن‌ها را معرفی می‌کند تا مجموعه‌ای جامع از مهارت‌ها را کسب کنید. این دوره برای توسعه‌دهندگانی که با برنامه‌نویسی Swift آشنا هستند و به دنبال ارتقای مهارت‌های خود در ساخت اپلیکیشن‌های تعاملی، بازی‌وار و متحرک هستند، مناسب است. همچنین برای کسانی که می‌خواهند یاد بگیرند چگونه انیمیشن‌ها و عناصر تعاملی را به‌طور یکپارچه در اپلیکیشن‌های خود ادغام کنند، ایده‌آل است. هیچ تجربه قبلی در توسعه بازی مورد نیاز نیست، اما آشنایی با SwiftUI و اصول پایه طراحی UI توصیه می‌شود. در پایان دوره، شما قادر خواهید بود اپلیکیشن‌های تعاملی را طراحی و متحرک کنید، انیمیشن‌های بلادرنگ با استفاده از TimelineView بسازید، بازی‌هایی را با استفاده از Canvas در SwiftUI خلق کنید و اپلیکیشن‌های گیمیفیکه‌شده را با اجزای پیشرفته UI، ژست‌ها و مدیریت داده‌ها توسعه دهید.

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

ترسیم و متحرک‌سازی با Canvas و Timeline در SwiftUI Drawing and Animating With Canvas & Timeline in SwiftUI

  • کاوش در Canvas با یک اپلیکیشن با تم عنکبوت Exploring Canvas With a Spider-Themed App

  • تولید نقاط تصادفی روی بوم (Canvas) Generating Random Points on the Canvas

  • تعامل کاربر با ژست کشیدن (Drag Gesture) User Interaction With a Drag Gesture

  • ترسیم خطوط به نقطه کشیده شده Drawing Lines to the Dragged Point

  • رندر کردن خطوط بر اساس نزدیکی Rendering Lines Conditioned on Proximity

  • تغییر اندازه و رنگ نقاط بر اساس فاصله Distance-Based Dot Scaling and Coloring

  • بسیار هیجان‌انگیز: ترسیم پاهای عنکبوت Let's Make Some Noise - Drawing the Spider Legs

  • جمع‌بندی با یک مقدمه متنی نرم Wrapping Up With a Smooth Text Intro

  • ساخت ساعت دیجیتال بلادرنگ با TimelineView Building a Real-Time Digital Clock With TimelineView

  • ترسیم ساعت آنالوگ با SwiftUI Canvas و Timeline View Drawing an Analog Clock With SwiftUI Canvas and Timeline View

  • افزودن عقربه‌ها به ساعت آنالوگ Adding the Hands to the Analog Clock

  • افزودن اعداد به ساعت آنالوگ Adding the Digits to the Analog Clock

  • ساعت آنالوگ: افزودن خطوط درجه‌بندی Analog Clock - Adding the Tick Marks

  • ساعت آنالوگ: افزودن دایره محیطی Analog Clock - Adding the Surrounding Circle

بازی زندگی کانوی (Conway's Game of Life) Conway's Game of Life

  • مقدمه‌ای بر بازی زندگی کانوی Introduction to Conway's Game of Life

  • ساختار کلی نمای اصلی (Main View) General Structure of the Main View

  • طراحی نمای عنوان جذاب Cool Title View

  • انتقال رنگ‌ها به پوشه Assets Moving the Colors to the Assets Folder

  • منابع تصویری Image Resources

  • مدل BoardModel و متدهای بنیادی BoardModel and Fundamental Methods

  • نوع طراحی (DesignType) DesignType

  • راه‌اندازی ویرایشگر الگو (Pattern Editor) Setting Up the Pattern Editor

  • ایجاد نمای شبکه الگو (Pattern Grid View) Creating the Pattern Grid View

  • نمای ویرایشگر الگو Pattern Editor View

  • اعتبارسنجی شناسه‌ها Identifier Validation

  • پیش‌نمایش کد Code Preview

  • تولید کد الگو Generating the Pattern Code

  • نهایی‌سازی DesignType با ویرایشگر الگو Finalizing DesignType With the Pattern Editor

  • پیاده‌سازی applyDesignPattern در مدل بورد Implementing applyDesignPattern in the Board Model

  • شبکه موجودات (Creature Grid) Creature Grid

  • پیاده‌سازی نمای بورد (Board View) Implementing the Board View

  • پیاده‌سازی قابلیت ضربه برای افزودن الگوی طراحی در نمای بورد Implementing Tap to Add Design Pattern in Board View

  • تنظیم تصویر پس‌زمینه برای نمای بورد Setting a Background Image for the Board View

  • تولید نسل بعدی با تایمر در نمای بازی زندگی Generating the Next Generation With a Timer in Game of Life View

  • تنظیم سرعت و بازنشانی بازی در GameOfLifeView Adjusting Speed and Resetting the Game in GameOfLifeView

  • نمای انتخاب طراحی Design Selection View

  • افزودن اسکرول ویو به نمای انتخاب طراحی Adding a Scroll View to the Design Selection View

  • ایجاد مجموعه‌های stillLifeDesign، OscillatorsDesign و SpaceShipsDesign Creating stillLifeDesign, OscillatorsDesign, and SpaceShipsDesign Collections

  • راه‌اندازی نمای کنترل (Control View) Setting Up the Control View

  • ایجاد نمای دکمه (Button View) Creating the Button View

  • شمارش ControlButtonType ControlButtonType Enumeration

  • افزودن دکمه‌ها به نمای کنترل Adding Buttons to the Control View

  • ایجاد دکمه‌های طراحی برای نمای انتخاب طراحی Creating the Design Buttons for the Design Selection View

چالش رابط کاربری فرم بدن (Body Shape UI) Body Shape UI Challenge

  • مقدمه‌ای بر رابط کاربری فرم بدن (Body Shape UI) Introduction to Body Shape UI

  • شروع کار و انتخاب رنگ‌ها Getting Started and Selecting Colors

  • طراحی آیکون راست Icon Right

  • نمای پیام خوش‌آمدگویی Welcome Message View

  • نمای وزن - بخش اول Weight View Part 1

  • نمای وزن - بخش دوم: افزودن FillBarView Weight View Part 2 Adding FillBarView

  • نمای خلاصه داده‌ها - ردیف اول Data Summary View Row 1

  • نمای خلاصه داده‌ها - ردیف دوم Data Summary View Row 2

  • نمای خلاصه داده‌ها - ردیف دوم بخش دوم Data Summary View Row 2 Part 2

  • نمای دکمه‌ها Buttons View

  • مقدمه‌ای بر صفحه شروع (Splash Screen) Body Shape UI Intro to Body Shape UI Splash Screen

  • نمای صفحه شروع چالش Body Shape UI Body Shape UI Challenge Splash Screen View

  • نمای نتایج: شروع کار Results View - Getting Started

  • نمای نتایج: ایجاد ردیف بالا Results View - Create Top Row

  • نمای نوار تقویم - بخش اول Calendar Bar View - Part 1

  • نمای نوار تقویم - نوار نقاط عمودی - بخش دوم Calendar Bar View - Vertical Dot Bar - Part 2

  • نمای نوار تقویم - وضعیت IsSelected نوار نقاط عمودی - بخش سوم Calendar Bar View - Vertical Dot Bar IsSelected - Part 3

  • نمای نوار تقویم - تنظیمات نوار نقاط عمودی - بخش چهارم Calendar Bar View - Vertical Dot Bar Adjustments - Part 4

  • نمای نوار تقویم - افزودن نوار نقاط عمودی - بخش پنجم Calendar Bar View - Add Vertical Dot Bar - Part 5

  • نمای نوار تقویم - افزودن نوار نقاط عمودی - بخش ششم Calendar Bar View - Add Vertical Dot Bar - Part 6

  • ساختار کلی و اجزای جدید General Structure and New Components

  • نمای فعالیت‌های اصلی - بخش اول Main Activities View - Part 1

  • نمای فعالیت‌های اصلی - بخش دوم Main Activities View - Part 2

  • تکمیل نمای فعالیت‌های جاری Completing Current Activities View

  • نمای ضربان قلب Heart Rate View

  • تکمیل نمای نتایج - بله! Complete Result View - Yes!

ماشین حساب انعام Tip Calculator

  • مقدمه‌ای بر ماشین حساب انعام Introduction to the Tip Calculator

  • شروع کار Getting Started

  • نمای ماشین حساب انعام (بررسی کلی) Tip Calculator View (Overview)

  • بومی‌سازی (Localization) Localization

  • نمای پس‌زمینه و شکل سینوسی Background View and Sine Shape

  • پشتیبانی از حالت روشن و تاریک (Light and Dark Mode) Supporting Light and Dark Mode

  • نمای SubTotalView SubTotalView

  • نمای PaymentSummaryView PaymentSummaryView

  • افزودن پشتیبانی از آیپد برای PaymentSummaryView Adding iPad Support for PaymentSummaryView

  • محاسبه انعام، صورت‌حساب و مجموع هر نفر Calculating Tip, Bill, Total per Person

  • فرمت‌بندی و بومی‌سازی نمای خلاصه پرداخت Format and Localize Payment Summary View

  • راه‌اندازی نمای انتخاب انعام (Choose Tip View) Setting Up Choose Tip View

  • نمای SelectButtonView SelectButtonView

  • شمارش درصد انعام (Tip Percentage Enum) Tip Percentage Enum

  • نمای CustomTipView CustomTipView

  • نمای انتخاب انعام Choose Tip View

  • مدل انعام (Tip Model) Tip Model

  • نمای ورود مبلغ کل Enter Total View

  • ادامه نمای ماشین حساب انعام Tip Calculator View Continued

  • نمای عنوان Title View

  • نمای تقسیم (Split View) Split View

  • خروج از TextField با ضربه زدن Tap Out of TextField

  • راه‌اندازی LandscapeTipCalculatorView Setting Up LandscapeTipCalculatorView

  • تکمیل LandscapeTipCalculatorView Completing the LandscapeTipCalculatorView

  • تطبیق با آیپد (iPad) Adapting to iPad

  • طراحی آیکون اپلیکیشن ماشین حساب انعام App Icon of Tip Calculator

اپلیکیشن فلش‌کارت Flashcards App

  • مقدمه‌ای بر فلش‌کارت‌ها Introduction to Flashcards

  • ایجاد پروژه فلش‌کارت Create Flashcard Project

  • ایجاد مدل‌ها Creating the Models

  • وارد کردن تصاویر Import Images

  • ایجاد QuestionViewModel Creating the QuestionViewModel

  • ایجاد FlashCardViewModel Creating the FlashCardViewModel

  • نمای TwoSidedBackgroundView TwoSidedBackgroundView

  • نمای FillBar FillBar View

  • نمای FlashItem FlashItem View

  • نمای هدر (Header View) Header View

  • نمای TextAndOptionalImage TextAndOptionalImage View

  • نمای کارت (Card View) Card View

  • نمای کارت: ژست‌ها Card View - Gestures

  • نمای موضوع (Topic View) Topic View

  • نمای سوالات The Questions View

  • مخفی کردن نوار ناوبری (Navigation Bar) Hide Navigation Bar

  • ایجاد آیکون اپلیکیشن Creating the App Icon

  • افزونه پشتیبانی از آیپد iPad Support Extension

  • پشتیبانی از آیپد برای اپلیکیشن فلش‌کارت iPad Support for Flashcard App

  • پشتیبانی از Markdown در نمای متن Supporting Markdown in the Text View

نمایش نظرات

آموزش رابط‌های تعاملی، انیمیشن‌ها و اپلیکیشن‌های گیمیفیکیشن (بازی‌وار)
جزییات دوره
15h 48m
115
(آخرین آپدیت)
36
- از 5
دارد
دارد
دارد
Chris Croft
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Croft Chris Croft

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