آموزش طراحی رابط کاربری (UI)، بومی‌سازی و پروژه‌های نهایی UI - آخرین آپدیت

کدنویسی سریع اپلیکیشن مدیتیشن آرامش‌بخش Speed Code a Chill Meditation App

• اپلیکیشن مدیتیشن آرامش‌بخش Chill Meditation App

فرانت‌اند اپلیکیشن مدیتیشن Meditation App - Frontend

• شروع به کار Getting Started

• پالت رنگی و صفحه اصلی Color Palette and the Home Screen

• ساخت نمای خوش‌آمدگویی Creating the Greetings View

• ساخت نمای چیپس‌ها (Chips View) Creating the Chips View

• نمای مدیتیشن فعلی Current Meditation View

• نمای ویژگی‌ها - بخش اول The Feature View - Part 1

• نمای ویژگی‌ها - بخش دوم The Feature View - Part 2

• نمای ویژگی‌ها - بخش سوم The Feature View - Part 3

• نمای تب (Tab View) - بخش اول Tab View - Part 1

• نمای تب (Tab View) - بخش دوم Tab View - Part 2

• پاک‌سازی و بهینه‌سازی کد Cleaning Up the Code

طراحی UI اپلیکیشن مالی Finance App UI

• مقدمه اپلیکیشن مالی Introduction - Finance App

• شروع کار با نمای درباره ما (About View) Getting Started with the About View

• پالت رنگی و نمای آواتار Color Palette and the Avatar View

• نمای انتخاب‌ها با استفاده از لیست برچسب‌های سفارشی ChoicesView Using a List of Custom Labels

• نمای درباره ما - اصلاحات نهایی و افزودن توضیحات اختیاری About View - Final Tweaks and Adding an Optional Description

• نمای کارت اعتباری - وارد کردن تراشه EMV از فیگما CreditCardView - Import EMV Chip from Figma

• نمای کارت اعتباری - بخش تراشه CreditCardView - The Chip

• نمای کارت اعتباری - کار روی نما CreditCardView - Working on the View

• صفحه نمای کارت اعتباری CreditCardViewPage

• ادامه صفحه نمای کارت اعتباری CreditCardViewPage Continued

• تکمیل صفحه نمای کارت اعتباری CreditCardViewPage Completed

• نمای کارت اعتباری - نمای بالایی CreditCardView - TopView

• نمای کارت اعتباری - افزودن پوشه‌ها CreditCardView - Adding Folders

• نمای کارت اعتباری - نمای تراکنش‌ها CreditCardView - TransactionView

• نمای کارت اعتباری - وارد کردن آیکون‌ها از FlatIcons CreditCardView - Import Icons from FlatIcons

• نمای کارت اعتباری - استفاده از آیکون‌ها CreditCardView - Using Icons

• نمای موجودی شما - شروع به کار YourBalanceView - Getting Started

• نمای موجودی شما - اولین قدم‌ها YourBalanceView - First Steps

• نمای موجودی شما - طراحی هدر YourBalanceView - Designing the Header

• نمای موجودی شما - طراحی نمای مبلغ YourBalanceView - Designing the Amount View

• نمای موجودی شما - نمای اکشن‌ها YourBalanceView - Actions View

• نمای موجودی شما - نمای اکشن هفته YourBalanceView - Action of the Week View

• نمای موجودی شما - نمای هزینه‌های ماهانه YourBalanceView - Monthly Expenses View

• نمای موجودی شما - تکمیل نمای هزینه‌های ماهانه YourBalanceView - Monthly Expenses View Completed

• نمای موجودی شما - بازسازی کد نمای هزینه‌های ماهانه YourBalanceView - Monthly Expenses View Refactoring Bar View

• تمرین ویدئویی (UI تمرین تناسب اندام اپل) Video Exercise (Apple Fitness Exercise UI)

• مهم! IMPORTANT!

• راه حل - بخش اول Solution - Part 1

• راه حل - بخش دوم Solution - Part 2

• راه حل - بخش سوم Solution - Part 3

• راه حل - بخش چهارم Solution - Part 4

• راه حل - بخش پنجم Solution - Part 5

• راه حل - بخش ششم Solution - Part 6

اپلیکیشن چندزبانه حیوانات Multilingual Animals

• شروع به کار و ایجاد پس‌زمینه Getting Started and Creating the Background

• دریافت تصاویر از Pexels Get Pictures from Pexels

• تغییر اندازه و وارد کردن تصاویر Resize and Import Images

• شمارش تصاویر حیوانات (Enumeration) Animal Image Enumeration

• مدل حیوان The Animal Model

• گفتار و متن Speech

• مدل ویومدال حیوان (AnimalViewModel) AnimalViewModel

• نمای تصویر حیوان The Animal Image View

• مدل ویومدال زبان Language View Model

• نمای متحرک: تصویر AnimateView: Image

• دکمه‌های نمای متحرک Animate View Buttons

• نمای متحرک: پرچم‌ها AnimateView: The Flags

• طراحی آیکون اپلیکیشن Creating the App Icon

تمرین طراحی UI مدیریت تسک Task Manager UI Exercise

• بخش اول - نمای شروع به کار Part 1 - The Getting Started View

• پالت رنگی The Color Palette

• ساخت نمای آواتار Create the Avatar View

• پاک‌سازی و بهینه‌سازی کد Cleaning Up the Code

• ساخت یک شکل سفارشی (Custom Shape) Creating a Custom Shape

• افزودن نمای ناوبری (Navigation View) Adding a Navigation View

• بازسازی کد و افزودن نماهای متعدد Code Refactoring and Adding Multiple Views

• حالت تاریک (Dark Mode) Dark Mode

• بخش دوم - نمای بررسی ماهانه Part 2 - The Monthly Review View

• آواتار دایره‌ای The Circle Avatar

• تکمیل نمای آواتار بالایی Completing the Top Avatar View

• دایره‌های هم‌مرکز با استفاده از ForEach و ScaleEffect Concentric Circles Using ForEach and ScaleEffect

• نمای طراحی اپلیکیشن موبایل Mobile App Design View

• نمای عنوان بررسی ماهانه Monthly Review Title View

• نمای خلاصه تسک‌ها Task Summary View