آموزش بصری‌سازی داده‌ها و منطق پیشرفته اپلیکیشن - آخرین آپدیت

ساخت افزونه رنگ بر اساس صفحه HTML Create a Color Extension Based on an HTML Page

• مقدمه‌ای بر تبدیل برنامه‌نویسی شده HTML به افزونه رنگ Introduction to Programmatically Converting HTML to a Color Extension

• استخراج رنگ از کد HTML Extract Color from HTML Code

• دریافت نام رنگ Get Color Name

• دریافت رنگ RGB Get RGB Color

• تولید کد Swift Generate Swift Code

• گسترش Color Extending Color

• افزونه‌های رنگ تصادفی Random Color Extensions

• تست شبکه رنگ‌ها Grid of Colors Test

• تمرین ویدئویی برای سنجش یادگیری Video Exercise to Test Your Understanding

بررسی نمودارها Exploring Charts

• مقدمه‌ای بر نمودارها Introduction to Charts

• ساختار پوشه‌ها و نمای Arc View Folder Structure and Arc View

• نمای Arc تصادفی از لیست رنگ‌ها Random Arc from Color List View

• نمای دکمه رنگ Color Button View

• تست دکمه رنگ و نمودار میله‌ای - بخش اول Color Button Test and Bar Chart - Part 1

• تست دکمه رنگ و نمودار میله‌ای - بخش دوم Color Button Test and Bar Chart - Part 2

• سازماندهی مجدد سری‌های نمودار - پایان دموی اول Reorganize Chart Series - End of Chart Demo 1

• دموی دوم - بررسی اولیه نمودارهای میله‌ای، حاشیه‌نویسی، مقیاس و محورهای XY Demo 2 - First Exploration of Bar Charts, Annotations, Chart Scale, ChartXYAxis

• استایل پیش‌زمینه و گروه‌های متعدد Foreground Style, Multiple Groups

• قابلیت مشاهده راهنمای نمودار و موقعیت/ترازبندی آن Legend Visibility and Legend Position/Alignment

• دموی سوم - ForEach و رنگ‌های سفارشی Demo 3 - ForEach, Custom Colors

• دموی سوم - نمودارهای میله‌ای، خطی و ناحیه‌ای Demo 3 - Bar, Line, Area Charts

• دموی سوم - تغییر حالت عمودی و افقی Demo 3 - Toggle Vertical and Horizontal Mode

• دموی سوم - رنگ‌های تصادفی - بخش اول Demo 3 - Random Colors - Part 1

• دموی سوم - رنگ‌های تصادفی - بازنویسی کد Demo 3 - Random Colors - Code Refactorization

• دموی سوم - رنگ‌های تصادفی - تکمیل نمودار میله‌ای Demo 3 - Random Colors - Complete the Bar Chart

• دموی چهارم - شروع به کار Demo 4 - Getting Started

• دموی چهارم - تنظیم نما و افزودن عنوان با ترازبندی Demo 4 - Adjusting View, Adding Title with Alignment

• دموی چهارم - دکمه ترازبندی عنوان Demo 4 - Title Alignment Button

• دموی چهارم - پشتیبانی از حالت ویرایش و افزودن دکمه اشتراک‌گذاری Demo 4 - Supporting Edit Mode, Add Share Button

• دموی چهارم - نشانگر خط‌کش قابل کشیدن - بخش اول Demo 4 - Draggable Rule Mark - Part 1

• دموی چهارم - نشانگر خط‌کش قابل کشیدن - بخش دوم Demo 4 - Draggable Rule Mark - Part 2

• دموی چهارم - نشانگر خط‌کش قابل کشیدن - بخش سوم Demo 4 - Draggable Rule Mark - Part 3

• دموی چهارم - افزودن حاشیه‌نویسی برای حالت ویرایش Demo 4 - Adding an Annotation for Edit Mode

• دموی چهارم - ساختار ChartItem Demo 4 - ChartItem Struct

• دموی چهارم - بازنویسی با ChartItem فوق‌العاده Demo 4 - Refactoring with the Amazing ChartItem

• دموی چهارم - بازنویسی LeftChartButtonsView Demo 4 - Refactoring LeftChartButtonsView

• دموی چهارم - بازنویسی RightChartButtonsView Demo 4 - Refactoring RightChartButtonsView

• دموی چهارم - بازنویسی نمای افقی نمودار میله‌ای Demo 4 - Refactoring Bar Chart Horizontal View

• دموی چهارم - بازنویسی LineChartHorizontalView Demo 4 - Refactoring LineChartHorizontalView

• دموی چهارم - اصلاح‌کننده نمای ChartDrag Demo 4 - ChartDrag View modifier

• دموی چهارم - بازنویسی LineChartVerticalView Demo 4 - Refactoring LineChartVerticalView

• دموی چهارم - ترکیب نماهای خطی و ناحیه‌ای Demo 4 - Combine Line and Area Views

• دموی چهارم - بله! کار می‌کند! Demo 4 - Yes! It Works!

• دموی چهارم - تنظیم دکمه رنگ برای نماهای خطی و ناحیه‌ای Demo 4 - Adjusting Color Button for Line and Area Views

• دموی چهارم - ویرایش عنوان و افزودن حاشیه Demo 4 - Edit Title and Add Border

• تمرین نمودار قیفی (Funnel Chart) Funnel Chart Exercise

• پاسخ تمرین نمودار قیفی Funnel Chart Solution

اپلیکیشن هشدار Alarm App

• ایجاد پروژه هشدار Create the Alarm Project

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

• ساختار پوشه‌ها Folder Structure

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

• پالت رنگی Color Palette

• آیکون زمان روز - بخش اول Time of Day Icon - Part 1

• آیکون زمان روز - بخش دوم Time of Day Icon - Part 2

• مدل زمان The Time Model

• پشتیبانی از تاریخ و زمان Time and Date Support

• مدل هشدار The Alarm Model

• داده‌های نمونه برای هشدار Dummy Alarm Data

• ساختار نمای صفحه شروع (Splash Screen) Splash Screen View Structure

• صفحه شروع: نمای فرعی دایره‌های متحرک Splash Screen: Animated Circles Subview

• نمای چهار دایره جذاب Four Cool Circles View

• صفحه شروع: متحرک‌سازی چهار دایره Splash Screen: Animate Four Cool Circles

• نمای متن جذاب و فونت‌های سفارشی Cool Text View and Custom Fonts

• وارد کردن تصویر و تکمیل صفحه شروع Import Image and Complete Splash Screen

• نمای فعال‌سازی اعلان‌ها - ساختار کلی Enable Notifications View - General Structure

• MainGradient، ButtonView و تکمیل رابط کاربری فعال‌سازی اعلان‌ها MainGradient, ButtonView, and Complete Enable Notifications View UI

• نمای درباره ما About View

• افزودن و ویرایش هشدار - بخش اول - نمای موفقیت Add and Edit Alarm - Part 1 - You Did It View

• افزودن و ویرایش هشدار - بخش دوم - نمای ToBedWakeUp Add and Edit Alarm - Part 2 - ToBedWakeUpView

• دکمه‌های لغو و ذخیره Cancel and Save Buttons

• نمای سوئیچ هشدار - بخش اول Alarm Toggle View - Part 1

• انتخاب‌گر زمان (Time Picker) Time Picker

• نمای انتخاب فعالیت Select Activity View

• نمای انتخاب فعالیت - بخش دوم SelectActivityView - Part 2

• بازگشت به نمای اصلی هشدارها Back to the Main Alarm View

• ایجاد نمای لیست هشدارها Create List of the Alarms View

• ادامه نمای لیست هشدارها List of the Alarms View Continued

• نمای ردیف هشدار Alarm Row View

• ایجاد AddEditCircularAlarmView Create AddEditCircularAlarmView

• نمای CentralDatePickerView CentralDatePickerView

• ویژگی‌های محاسباتی نمای زمان دایره‌ای Circular Time View Computed Properties

• نمای TimeArcView TimeArcView

• نمایش آیکون در نمای زمان دایره‌ای DisplayIconOnCircularTimeView

• نمای MainAddEdit MainAddEditView

• جایگزینی Context Menu با Menu Replacing Context Menu with Menu

• افزودن حاشیه به نمای انتخاب فعالیت Add Border to Select Activity View

• نمای گسترش‌یافته انتخاب فعالیت - ردیف دایره‌ها Select Activity View Expanded - Row of Circles

• نمای گسترش‌یافته انتخاب فعالیت - ردیف فعالیت‌ها Select Activity View Expanded - Row of Activities

• نمای گسترش‌یافته انتخاب فعالیت - در عمل Select Activity View Expanded - In Action

• گسترش رشته‌های بومی‌سازی شده و افزودن زبان‌های بیشتر Extending Localized Strings and Adding More Languages

• مدیریت اعلان‌های محلی Local Notification Manager

• فعال‌سازی اعلان‌ها و Scene Phase Enable Notifications and Scene Phase

• افزودن مدل هشدار و ذخیره وضعیت Adding the Alarm Model and Saving State

• دریافت هشدارهای در انتظار Get Pending Alarms

• صداها، پخش صدا و رابط کاربری صدا - بخش اول Sounds, Play Sounds, Sounds UI - Part 1

• صداها، پخش صدا و رابط کاربری صدا - بخش دوم Sounds, Play Sounds, Sounds UI - Part 2

• صداها، پخش صدا و رابط کاربری صدا - بخش سوم Sounds, Play Sounds, Sounds UI - Part 3

• صداها، پخش صدا و رابط کاربری صدا - بخش چهارم Sounds, Play Sounds, Sounds UI - Part 4

• صداها، پخش صدا و رابط کاربری صدا - بخش پنجم Sounds, Play Sounds, Sounds UI - Part 5

• پاک‌سازی ToBedWakeUpView Cleaning Up ToBedWakeUpView

• اتصال لیست هشدارها و ردیف هشدار به بک‌اند List of Alarms and Alarms Row View - Connect to Backend

• ادامه نمای لیست هشدارها List of Alarms View Continued

• افزودن زمان‌بندی به مدیریت اعلان‌های محلی Adding Schedule to Local Notification Manager

• ادامه افزودن زمان‌بندی به مدیریت اعلان‌های محلی Adding Schedule to Local Notification Manager Continued

• حذف درخواست Remove Request

• اتصال بک‌اند به نمای لیست هشدارها Connecting Backend to List of Alarms View

• قابلیت CancelSaveAlarm CancelSaveAlarm Functionality

• زمان‌بندی هشدار هنگام ذخیره در CancelSaveAlarm CancelSaveAlarm - Schedule Alarm on Save

• افزودن Sheet به لیست هشدارها و اتصال بک‌اند به AddEditAlarmView Add Sheet to ListOfAlarmsView and Add Backend to AddEditAlarmView

• اتصال currentAlarmIndex و استفاده از Breakpoints Binding currentAlarmIndex and Using Breakpoints

• اعلان محلی در پیش‌زمینه (Foreground) Foreground Local Push Notification

• نمای لیست هشدارها - شیت برای دکمه افزودن هشدار ListOfTheAlarmsView - Sheet for Add Alarm Button

• آماده‌سازی زیرساخت برای AddEditCircularAlarmView Prepare Groundwork for AddEditCircularAlarmView

• نمای انتخاب هشدار Choose Alarm View

• پیاده‌سازی نمای هشدار دایره‌ای در طرح Get Circular Alarm View in the Picture

• بهبود تجربه کاربری - دکمه AlarmRowView Improve UX - AlarmRowViewButton

• اصلاح مدل هشدار و اتصال نمای هشدار دایره‌ای Tweak Alarm Model and Connect Circular Alarm View

• تغییر وضعیت بین نمای دایره‌ای و استاندارد Toggle Between Circular and Standard View

• تغییر نوع افزودن/ویرایش هشدار - نمای نمایش تصویر Toggle Add Edit Alarm Type - Image Display View

• تغییر نوع افزودن/ویرایش هشدار - نمای انتخاب Toggle Add Edit Alarm Type - Select View

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

• معرفی بازی زندگی جان کانوی Introducing John Conway's Game of Life

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

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

• معرفی مدل صفحه (Board Model) Introducing the Board Model

• مدل صفحه: GetCreature و Vitality BoardModel: GetCreature and Vitality

• معرفی نمای صفحه (Board View) Introducing the Board View

• تکمیل نمای صفحه Completing the Board View

• متدهای پشتیبان برای نسل بعدی Supporting Methods for Next Generation

• پیاده‌سازی نسل بعدی Implementing Next Generation

• جمع‌بندی نهایی - محصول مینیمم پذیرفتنی (MVP) Putting It All Together - Minimal Viable Product

• معرفی نمای کنترل‌ها Introducing the Controls View

• افزودن اسلایدر و دکمه پخش/توقف به نمای کنترل Adding a Slider and Play Pause Button to the Control View

• ButtonView و دکمه‌های پخش، رفرش و پاک‌سازی ButtonView and Play, Refresh, Clear Buttons

• تکمیل نمای کنترل Completing the Control View

• پیاده‌سازی دکمه پخش / توقف Play / Pause Button Implementation

• پیاده‌سازی سرعت Implementing Speed

• نمای قوانین - ساختار Rules View - Structure

• نمای قوانین - بخش دوم - ساختار Rules View - Part 2 - Structure

• نمای قوانین - RoundButtonView Rules View - RoundButtonView

• نمای قوانین - اصلاح‌کننده GlowingCard Rules View - GlowingCard View Modifier

• نمای قوانین - RulesCheckboxView Rules View - RulesCheckboxView

• نمای قوانین - ToggleButtonView Rules View - ToggleButtonView

• نمای قوانین - تکمیل شد Rules View - Completed

• نمای اطلاعات Information View

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

• مقدمه - رابط کاربری فرم بدن Introduction - 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

• مقدمه‌ای بر صفحه شروع رابط کاربری فرم بدن Introduction to Body Shape UI Splash Screen

• نمای صفحه شروع چالش رابط کاربری فرم بدن 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

• نمای نوار تقویم - وضعیت انتخاب شده نوار نقاط عمودی - بخش سوم 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!