آموزش طراحی اپلیکیشن iOS 12 و توسعه با Swift 5: طراحی UI/UX و تجربه کاربری - آخرین آپدیت

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

Course Roadmap

• [اختیاری] نقشه راه دوره [OPTIONAL] Course Roadmap

-----------------بخش 1: طراحی اپلیکیشن و UI/UX-------------- -----------------PART 1: App Design and UI/UX--------------

• به طراحی اپلیکیشن و UI/UX خوش آمدید Welcome to App Design and UI/UX

• الهام بخش طراحی Design Inspiration

مبانی Sketch Sketch Basics

• چرا Sketch Why Sketch

• آشنایی با رابط کاربری Sketch: قسمت 1 Understanding the Sketch Interface: Part 1

• عملیات Boolean Boolean Operations

• دریافت منابع طراحی Apple Getting Apple Design Resources

• آشنایی با رابط کاربری Sketch: قسمت 2 Understanding the Sketch Interface: Part 2

• چالش Challenge

طراحی آیکون و دارایی های اپلیکیشن App Asset and Icon Design

• ایجاد یک آیکون تنظیمات Creating a Settings Icon

• ایجاد یک آیکون خانه Creating a Home Icon

• مسطح کردن آیکون ها Flattening Icons

• ایجاد یک آیکون افزودن Creating an Add Icon

• ایجاد آیکون های Pixel Perfect Making Icons Pixel Perfect

• خط کش ها و Gridها Rulers and Grids

• ایجاد یک آیکون پروفایل Creating a Profile Icon

• ایجاد یک آیکون دوستان Creating a Friends Icon

• ایجاد یک آیکون Refresh Creating a Refresh Icon

• نمادها (Symbols) Symbols

• Artboards Artboards

• نقاط و پیکسل ها - دلیل نیاز ما به آیکون های @2x و @3x Points and Pixels - The Reason We Need @2x and @3x Icons

• چالش Challenge

اصول بنیادی طراحی Foundational Design Principles

• تفاوت UI و UX: تفاوت چیست؟ UI vs UX Design: What is the Difference?

• متدهای طراحی Design Methods

• تم ها و اصول طراحی iOS iOS Design Themes and Principles

• انتخاب طرح رنگ: قسمت 1 Choosing a Color Scheme: Part 1

• انتخاب طرح رنگ: قسمت 2 Choosing a Color Scheme: Part 2

• سیستم های رنگ iOS: درک RGBA، HSB، HEX، CYMK و GrayScale iOS Color Systems: Understanding RGBA, HSB, HEX, CYMK and GrayScale

• اهمیت فضاهای رنگ و Gamut The Importance of Color Spaces and Gamut

• تایپوگرافی Typography

• نحوه نصب یک فونت سفارشی در XCode How to Install a Custom Font in XCode

• چالش Challenge

طراحی لوگوی اپلیکیشن و ابزار Vector App Logo Design and The Vector Tool

• معرفی ابزار Vector Introducing the Vector Tool

• [اختیاری] خاستگاه منحنی Bezier [OPTIONAL] The Origins of the Bezier Curve

• تمرین ابزار Vector Vector Tool Practice

• ایجاد یک لوگو برای اپلیکیشن هواشناسی Creating a Weather App Logo

• وارد کردن لوگوی اپلیکیشن خود به Xcode Importing our App Logo into Xcode

• چالش Challenge

Wireframing با کیفیت پایین (Lo-Fi) Low Fidelity Wireframing (Lo-Fi)

• مقدمه ای بر Wireframe ها و Mockup ها Introduction to Wireframes and Mockups

• برنامه ریزی Wireframe Planning the Wireframe

• برنامه ریزی صفحه ها Planning the Screens

• Wireframe صفحه اصلی The Home Screen Wireframe

• نمادگذاری نوار تب Symbolising the Tab Bar

• Wireframe صفحه دوستان The Friends Screen Wireframe

• Wireframe صفحه پروفایل The Profile Screen Wireframe

• چالش Challenge

Wireframing با کیفیت بالا (Hi-Fi) و طراحی اتمی (Atomic Design) High Fidelity Wireframing (Hi-Fi) and Atomic Design

• طراحی اتمی و پالت رنگ Atomic Design and Colour Palette

• پست استوری Atomic UI - قسمت 1 Story Post Atomic UI - Part 1

• ایجاد آیکون قلب Creating the Heart Icon

• پست استوری Atomic UI - قسمت 2 Story Post Atomic UI - Part 2

• ایجاد آیکون GPS Creating the GPS Icon

• پست استوری Atomic UI - قسمت 3 Story Post Atomic UI - Part 3

• Wireframe صفحه اصلی The Home Screen Wireframe

• Wireframe صفحه دوستان The Friends Screen Wireframe

• پست دوستان Atomic UI Friends Post Atomic UI

• Wireframe صفحه پروفایل The Profile Screen Wireframe

• چالش Challenge

Mockupها Mockups

• استراتژی طراحی Mockup Mockup Design Strategy

• Mockup صفحه اصلی قسمت 1 Home Screen Mockup Part 1

• Mockup صفحه اصلی قسمت 2 Home Screen Mockup Part 2

• Mockup صفحه دوستان Friends Screen Mockup

• Mockup صفحه پروفایل Profile Screen Mockup

• چالش Challenge

اصول بنیادی تجربه کاربری (UX) Foundational User Experience (UX) Principles

• درک عملی از تجربه کاربری A Practical Understanding of User Experience

• 4 عنصر کلیدی تجربه کاربری The 4 Key Elements of User Experience

• تکرار و فرآیند طراحی اپلیکیشن Iteration and the App Design Process

• 5 مرحله فرآیند تفکر طراحی The 5 Stages of the Design Thinking Process

• 5 الگوی طراحی UX ضروری 5 Essential UX Design Patterns

• چالش Challenge

تحقیق UX و تست قابلیت استفاده (Usability) UX Research and Usability Testing

• مقدمه ای بر تحقیق UX و تست قابلیت استفاده Introduction to UX Research and Usability Testing

• متدهای تحقیق UX UX Research Methods

• تست A/B A/B Testing

• تست Heatmap Heatmap Testing

• تست چریکی (Guerrilla Testing) Guerrilla Testing

• چالش Challenge

نمونه سازی اولیه (Prototyping) Prototyping

• راه اندازی نمونه اولیه Prototype Setup

• نحوه اسکرول How to Scroll

• نحوه انتقال (Transition) How to Transition

• محدودیت های نمونه سازی اولیه Prototyping Limitations

• چالش Challenge

جریان های کاربری و قیف تبدیل (Conversion Funnel) User Flows and the Conversion Funnel

• مقدمه ای بر جریان های کاربری Introduction to User Flows

• جریان های کاربری با Sketch User Flows with Sketch

• عناصر اتمی جریان کاربری User Flow Atomic Elements

• چالش Challenge

نقشه برداری سفر کاربر (User Journey Mapping) User Journey Mapping

• مقدمه Introduction

• پرسوناهای کاربر User Personas

• ملزومات نقشه سفر کاربر User Journey Map Essentials

• نقشه های سفر کاربر عملی Practical User Journey Maps

• چالش Challenge

اصول UI/UX از افراد تاثیرگذار بزرگ در طراحی UI/UX Principles from Great Design Influencers

• مقدمه Introduction

• 3 قانون طراحی اپلیکیشن ماریسا مایر Marissa Mayer's 3 Rules of App Design

• اصول طراحی دونالد نورمن برای قابلیت استفاده Donald Norman's Design Principles for Usability

• 10 قانون اکتشافی قابلیت استفاده یا Heuristics جاکوب نیلسن برای طراحی UI Jakob Nielsen's 10 Usability Heuristics for UI Design

• چالش Challenge

[اختیاری] طراحی آیکون و دارایی های اپلیکیشن در Figma [OPTIONAL] Figma App Assets and Icon Design

• معرفی Figma Introduction to Figma

• رابط کاربری Figma The Figma Interface

• عملیات Boolean Boolean Operations

• مسطح سازی (Flattening) Flattening

• استایل آیکون تنظیمات شماره 1 Settings Icon Style #1

• استایل آیکون تنظیمات شماره 2 Settings Icon Style #2

• ابزار Arc Arc Tool

• آیکون ابر Cloud Icon

• Strokes و Joins Strokes and Joins

• چالش Challenge

[اختیاری] شبکه های Vector در Figma [OPTIONAL] Figma Vector Networks

• مقدمه ای بر شبکه های Vector Introduction to Vector Networks

• نقاط Vector Vector Points

• End Caps End Caps

• چالش Challenge

[اختیاری] مبانی Figma [OPTIONAL] Figma Fundamentals

• Gradients Gradients

• ویرایش Bitmap Bitmap Editing

• Masks Masks

• Blurs Blurs

• Shadows Shadows

• سازماندهی Organisation

• دریافت iOS GUI Kit Getting the iOS GUI Kit

• [اختیاری] رفع مشکل فونت San Fransisco [OPTIONAL] Fixing the San Fransisco Font Problem

• Components Components

• Layout و Grids Layout and Grids

• Pixel Perfection Pixel Perfection

• چالش Challenge

[اختیاری] Wireframeها، Mockupها و نمونه های اولیه (Prototypes) در Figma [OPTIONAL] Figma Wireframes, Mockups and Prototypes

• Wireframing با کیفیت پایین Low Fidelity Wireframing

• Constraints Constraints

• Wireframing با کیفیت بالا High Fidelity Wireframing

• Mockupها Mockups

• استفاده از iOS GUI Kit با Mockupها Using the iOS GUI Kit with Mockups

• نمونه سازی اولیه (Prototyping) Prototyping

• چالش Challenge

--------------بخش 2: توسعه بنیادی اپلیکیشن---------- --------------Part 2: Fundamental App Development----------

• به توسعه اپلیکیشن خوش آمدید Welcome to App Development

معرفی و راه اندازی Xcode Xcode Introduction and Setup

• دانلود Xcode Downloading Xcode

• گشت و گذار در Xcode Xcode Tour

• Hello World Hello World

شروع سریع iOS: اولین اپلیکیشن ما! Head First into iOS: Our First App!

• مقدمه Introduction

• راه اندازی رابط کاربری قسمت 1 User Interface Setup Part 1

• راه اندازی رابط کاربری قسمت 2 User Interface Setup Part 2

• منطق اپلیکیشن App Logic

Swift 5 مبتدی Beginner Swift 5

• مقدمه Introduction

• انواع و متغیرها - تغییرپذیری قسمت 1 Types and Variables - Mutability Part 1

• انواع و متغیرها - تغییرپذیری قسمت 2 Types and Variables - Mutability Part 2

• انواع و متغیرها - قراردادهای نامگذاری Types and Variables - Naming Conventions

• Optionals - حالت بدون مقدار Optionals - Valueless State

• Optionals - باز کردن (Unwrapping) Optionals - Unwrapping

• عملگرهای ریاضی و ترتیب ارزیابی Arithmetic Operators and Order of Evaluation

• عملگرهای مقایسه قسمت 1 Comparison Operators Part 1

• عملگرهای مقایسه قسمت 2 Comparison Operators Part 2

• عملگرهای منطقی Logical Operators

• سایر عملگرها Other Operators

• String Interpolation String Interpolation

• Enumerations و Switch قسمت 1 Enumerations and Switch Part 1

• Enumerations و Switch قسمت 2 Enumerations and Switch Part 2

• توابع - مبانی قسمت 1 Functions - Fundamentals Part 1

• توابع - مبانی قسمت 2 Functions - Fundamentals Part 2

• آرایه ها Arrays

• توابع - نامگذاری Functions - Naming

• Dictionaryها Dictionaries

• Control Flow - حلقه ها قسمت 1 Control Flow - Loops Part 1

• Control Flow - حلقه ها قسمت 2 Control Flow - Loops Part 2

• Control Flow - خروج زودهنگام و انتقال کنترل Control Flow - Early Exit and Control Transfer

اپلیکیشن داستان خانه ارواح Haunted House Story App

• مقدمه Introduction

• بررسی پروژه Starter Starter Project Walkthrough

• ساخت اپلیکیشن خود Building our App

تمرین Swift 5 مبتدی و چالش برنامه نویسی Beginner Swift 5 Practice and Coding Challenge

• مقدمه + نکات حل مسئله کد Introduction + Code Problem Solving Tips

• دانلود Playground چالش خود Download your Challenge Playground

Swift 5 بیشتر [برنامه نویسی شی گرا و پروتکل گرا] Further Swift 5 [Object Oriented and Protocol Oriented Programming]

• مقدمه Introduction

• انواع نامگذاری شده Named Types

• ساختارها (Structures) Structures

• کلاس ها: معناشناسی مرجع (Reference Semantics) Classes: Reference Semantics

• کلاس ها: Subclassing Classes: Subclassing

• کلاس ها: Type Casting Classes: Type Casting

• ساختارها در مقابل کلاس ها Structures vs Classes

• Properties Properties

• کنترل دسترسی Access Control

• [اختیاری] برنامه نویسی شی گرا: Composition [OPTIONAL] Object Oriented Programming: Composition

• [اختیاری] برنامه نویسی شی گرا: تست کد تا اینجا [OPTIONAL] Object Oriented Programming: Testing Our Code So Far

• [اختیاری] برنامه نویسی شی گرا: Polymorphism و افکار نهایی [OPTIONAL] Object Oriented Programming: Polymorphism and Final Thoughts

• پروتکل ها Protocols

• [اختیاری] برنامه نویسی پروتکل گرا [OPTIONAL] Protocol Oriented Programming

Auto Layout [Storyboard و Programmatic] Auto Layout [Storyboard and Programmatic]

• مبانی UIView UIView Fundamentals

• دلیل برای Autolayout The Case for Autolayout

• مبانی Constraints در Storyboard The Basics of Storyboard Constraints

• Constraints تراز بندی افقی و عمودی کانتینر Horizontal and Vertical Container Alignment Constraints

• Constraints تراز بندی لبه و مرکز Edge and Center Alignment Constraints

• اندازه محتوای ذاتی (Intrinsic Content Size) و Baseline Intrinsic Content Size and Baseline

• اولویت Content Hugging Content Hugging Priority

• اولویت مقاومت در برابر فشرده سازی محتوا (Content Compression Resistance Priority) Content Compression Resistance Priority

• Multiplier Multiplier

• تمرین Autolayout: فرم صورتحساب ساده Autolayout Practice: Simple Billing Form

• Constraints نسبت ابعاد (Aspect Ratio) Aspect Ratio Constraints

• [اختیاری] برنامه نویسی شی گرا: Abstraction، Inheritance & Encapsulation [OPTIONAL] Object Oriented Programming: Abstraction, Inheritance & Encapsulation

• مشکلات جهت Landscape Landscape Orientation Problems

• طرح بندی تطبیقی و Size Classes Adaptive Layout and Size Classes

• Autolayout جهت های Portrait و Landscape Portrait and Landscape Orientation Autolayout

• Autolayout آیفون و آیپد iPhone and iPad Autolayout

• Safe Areas Safe Areas

• چرا از iPhone 4S پشتیبانی کنیم؟ Why Support iPhone 4S?

• Autolayout به عنوان معادلات Autolayout as Equations

• مبانی Autolayout Programmatic Programmatic Autolayout Basics

• اولویت های Autolayout Programmatic Programmatic Autolayout Priorities

• Size Classes Autolayout Programmatic Programmatic Autolayout Size Classes

• چالش Challenge

اپلیکیشن کوئیز [معرفی MVC و چرخه عمر View Controller] Quiz App [Introduction to MVC and View Controller Life Cycle]

• مقدمه Introduction

• MVC چیست؟ What is MVC?

• ایجاد Model خود قسمت 1 Creating our Model Part 1

• ایجاد Model خود قسمت 2 Creating our Model Part 2

• ایجاد رابط کاربری Creating the User Interface

• چرخه عمر View Controller قسمت 1 View Controller Life Cycle Part 1

• چرخه عمر View Controller قسمت 2 View Controller Life Cycle Part 2

• ایجاد Controller خود Creating our Controller

Viewها و Layout Views and Layout

• Scroll View Scroll View

• اپلیکیشن PayPal قسمت 1: راه اندازی اولیه PayPal App Part 1: Basic Setup

• اپلیکیشن PayPal قسمت 2: View Balance PayPal App Part 2: Balance View

• اپلیکیشن PayPal قسمت 3: View Activity PayPal App Part 3: Activity View

• اپلیکیشن PayPal قسمت 4: View Security PayPal App Part 4: Security View

• اپلیکیشن PayPal قسمت 5: ارسال و دریافت پول PayPal App Part 5: Send and Receive Money

• اپلیکیشن PayPal قسمت 6: اتصال UI به کد PayPal App Part 6: Connecting UI to Code

• XIBS XIBS

• TableView TableView

• TableView با XIBS TableView with XIBS

• معرفی CollectionViewها Intro to CollectionViews

• مبانی CollectionView CollectionView Basics

• Insets و Spacing در CollectionView CollectionView Insets and Spacing

• CollectionView با XIBS CollectionView with XIBS

• سفارشی سازی نوار وضعیت (Status Bar) Customising the Status Bar

• چالش Challenge

اپلیکیشن لیست انجام کارها (To Do List) To Do List App

• مقدمه Introduction

• Model ToDoItem ToDoItem Model

• TableView لیست انجام کارها ToDoList TableView

• Push Segue Push Segue

• انتقال داده با Segueها Passing Data with Segues

• انتقال داده با Delegates Passing Data with Delegates

• Navigation Items Navigation Items

• Present Modally Segue Present Modally Segue

• حالت ویرایش TableView TableView Editing Mode

• Dismiss کردن ViewControllers Dismissing ViewControllers

• ایجاد یک Toolbar Creating a Toolbar

• TouchView قسمت 1 TouchView Part 1

• نظارت بر رویدادهای صفحه کلید Observing Keyboard Events

• TouchView قسمت 2 TouchView Part 2

• حفظ قابلیت مشاهده TextField هنگام نمایش صفحه کلید قسمت 1 Maintaining TextField Visibility when Keyboard Shows Part 1

• Delegate های TextField و TextView TextField and TextView Delegate

• حفظ قابلیت مشاهده TextField هنگام نمایش صفحه کلید قسمت 2 Maintaining TextField Visibility when Keyboard Shows Part 2

• حفظ قابلیت مشاهده TextField هنگام نمایش صفحه کلید قسمت 3 Maintaining TextField Visibility when Keyboard Shows Part 3

• قابلیت مشاهده TextView TextView Visibility

• اعتبارسنجی داده Data Validation

• گزارش خطاها با UIAlertController Reporting Errors with UIAlertController

• انتقال داده با Notifications قسمت 1: Objects Passing Data with Notifications Part 1: Objects

• انتقال داده با Notifications قسمت 2: UserInfo Passing Data with Notifications Part 2: UserInfo

• چالش Challenge

پایدارسازی داده محلی: Realm Local Data Persistence: Realm

• معرفی Realm Intro to Realm

• ایجاد یک مدل Realm Creating a Realm Model

• افزودن داده Adding Data

• خواندن و حذف داده Reading and Deleting Data

• به روز رسانی داده Updating Data

پایدارسازی داده محلی: Core Data Local Data Persistence: Core Data

• معرفی Core Data و راه اندازی Introduction to Core Data and Setup

• ایجاد یک Entity Core Data Creating a Core Data Entity

• افزودن داده Adding Data

• خواندن، به روز رسانی و حذف داده Reading, Updating and Deleting Data

• تست تغییرات Core Data خود Testing our Core Data Changes

Snapsie: اپلیکیشن دوربین عکس سفارشی [AVFoundation] Snapsie: Custom Photo Camera App [AVFoundation]

• Snapsie: دوربین عکس با UIImagePickerController Snapsie: Photo Camera with UIImagePickerController

• Snapsie Plus: رابط کاربری Snapsie Plus: User Interface

• Snapsie Plus: ایجاد جلسه Capture Snapsie Plus: Creating the Capture Session

• Snapsie Plus: لایه پیش نمایش Snapsie Plus: Preview Layer

• Snapsie Plus: Capture Delegate و پیش نمایش تصویر Snapsie Plus: Capture Delegate and Image Preview

Captureful: اپلیکیشن دوربین فیلمبرداری سفارشی [AVFoundation] Captureful: Custom Video Camera App [AVFoundation]

• رابط کاربری User Interface

• جلسه Capture Capture Session

• لایه پیش نمایش Preview Layer

• Recording Delegate Recording Delegate

• پخش ویدیو Playing Video

Git و Github: کنترل نسخه Git and Github: Version Control

• معرفی Git و راه اندازی Intro to Git and Setup

• اولین Commit ما Our First Commit

• Branching Branching

• سفر در زمان Time Travel

• مبانی خط فرمان Git و Gitignore Git Command Line Basics and Gitignore

• Push و Pull از Github Pushing and Pulling from Github

شبکه و REST APIs: اپلیکیشن هواشناسی Networking and REST APIs: Weather App

• نحوه کار Web API ها How Web APIs Work

• نمونه درخواست GET با استفاده از POSTMAN A GET Request Example using POSTMAN

• ساخت رابط کاربری اپلیکیشن هواشناسی خود Building our Weather App User Interface

• راه اندازی Alamofire و SwiftyJSON Setting Up Alamofire and SwiftyJSON

• راه اندازی API Client Setting Up the API Client

• تشخیص موقعیت مکانی کاربر با Core Location قسمت 1 User Location Detection with Core Location Part 1

• تشخیص موقعیت مکانی کاربر با Core Location قسمت 2 User Location Detection with Core Location Part 2

• ایجاد درخواست ها با URLSession قسمت 1 Creating Requests with URLSession Part 1

• ایجاد درخواست ها با URLSession قسمت 2 Creating Requests with URLSession Part 2

• ایجاد درخواست ها با Alamofire Creating Requests with Alamofire

• #1 تجزیه JSON: روش دستی #1 Parsing JSON: The Manual Way

• #2 تجزیه JSON: استفاده از SwiftyJSON #2 Parsing JSON: Using SwiftyJSON

• #3 تجزیه JSON: استفاده از پروتکل Codable قسمت 1 #3 Parsing JSON: Using Codable Protocol Part 1

• #3 تجزیه JSON: استفاده از پروتکل Codable قسمت 2 #3 Parsing JSON: Using Codable Protocol Part 2

Grand Central Dispatch و مدیریت حافظه Grand Central Dispatch and Memory Management

• Grand Central Dispatch قسمت 1: صف های Serial و Global Grand Central Dispatch Part 1: Serial and Global Queues

• Grand Central Dispatch قسمت 2: صف های همزمان Global سفارشی Grand Central Dispatch Part 2: Custom Global Concurrent Queues

• مدیریت حافظه: Weak و Unowned References Memory Management: Weak and Unowned References

• مدیریت حافظه: Capture Lists Memory Management: Capture Lists

رسیدگی به خطا Error Handling

• Do...Catch, Try و Throws Do...Catch, Try and Throws

• رسیدگی عملی به خطا Practical Error Handling

برنامه نویسی تابعی (Functional Programming) Functional Programming

• مقدمه Introduction

• توابع به عنوان شهروندان درجه یک (First Class Citizens) Functions as First Class Citizens

• Closure ها به عنوان شهروندان درجه یک Closures as First Class Citizens

• Closure Expressions Closure Expressions

• Escaping Closures Escaping Closures

• Type Alias Type Alias

• توابع مرتبه بالاتر (Higher Order Functions) Higher Order Functions

• برنامه نویسی تابعی در عمل Functional Programming In Practice

یادگیری ماشین با CoreML 2 و Vision: اپلیکیشن طبقه بندی اشیا Machine Learning with CoreML 2 and Vision: Object Classification App

• مقدمه ای بر یادگیری ماشین و شهود اساسی Introduction to Machine Learning and Basic Intuition

• درخواست تجزیه و تحلیل تصویر Image Analysis Request

• تشخیص اشیا Detecting Objects

یادگیری ماشین با CreateML: ایجاد یک مدل طبقه بندی حیوانات مزرعه Machine Learning with CreateML: Creating a Farm Animal Classifier Model

• مقدمه Introduction

• شبکه های عصبی کانولوشنال (Convolutional Neural Networks) Convolutional Neural Networks

• یادگیری انتقالی (Transfer Learning) Transfer Learning

• معرفی CreateML Introducing CreateML

• یافتن و سازماندهی مجموعه داده Finding and Curating a Dataset

• آموزش (Training) Training

• بهبود دقت آموزش و اعتبار سنجی Improving Training and Validation Accuracy

• تست و ارزیابی Testing and Evaluation

[اختیاری] الگوهای طراحی و اصول نرم افزار [OPTIONAL] Design Patterns and Software Principles

• مقدمه Introduction

• اصول SOLID قسمت 1 SOLID Principles Part 1

• اصول SOLID قسمت 2 SOLID Principles Part 2

• الگوی طراحی Singleton Singleton Design Pattern

• الگوی طراحی Delegate Delegate Design Pattern

• الگوی طراحی Extension Extension Design Pattern

• الگوی طراحی Observer Observer Design Pattern

• الگوی طراحی Adapter Adapter Design Pattern

• الگوی طراحی Factory Factory Design Pattern

Generics و پروتکل های پیشرفته Generics and Advanced Protocols

• پروتکل Equatable قسمت 1 Equatable Protocol Part 1

• پروتکل Equatable قسمت 2 Equatable Protocol Part 2

• پروتکل Comparable Comparable Protocol

• پروتکل Hashable Hashable Protocol

• Generics قسمت 1 Generics Part 1

• Generics قسمت 2 Generics Part 2

شبیه ساز اینستاگرام: مقدمه Instagram Clone: Introduction

• مقدمه Introduction

شبیه ساز اینستاگرام: رابط کاربری Instagram Clone: User Interface

• بررسی پروژه Starter Starter Project Overview

• Storyboardها و ViewControllers Storyboards and ViewControllers

• نوار تب قسمت 1 Tab Bar Part 1

• نوار تب قسمت 2 Tab Bar Part 2

• نوار تب قسمت 3 Tab Bar Part 3

• راه اندازی HomeViewController HomeViewController Setup

• راه اندازی Stories Stories Setup

• StoriesTableViewCell StoriesTableViewCell

• تکمیل XIB مربوط به FeedTableViewCell Completing the FeedTableViewCell XIB

• کد FeedTableViewCell و StoryTableViewCell FeedTableViewCell and StoryTableViewCell Code

• تکمیل HomeViewController Completing the HomeViewController

• ExploreCollectionViewCell ExploreCollectionViewCell

• ایجاد جستجو Creating the Search

• طرح بندی سفارشی Collection قسمت 1 Custom Collection Layout Part 1

• طرح بندی سفارشی Collection قسمت 2 Custom Collection Layout Part 2

• طرح بندی سفارشی Collection قسمت 3 Custom CollectionLayout Part 3

• تکمیل SearchViewController Completing the SearchViewController

• راه اندازی Storyboard پست جدید New Post Storyboard Setup

• Delegate نوار تب Tab Bar Delegate

• NewPostViewController NewPostViewController

• PageViewController قسمت 1 PageViewController Part 1

• PageViewController قسمت 2 PageViewController Part 2

• PageViewController قسمت 3 PageViewController Part 3

• دوربین ساده Simple Camera

• آلبوم عکس Photo Album

• تست پست جدید New Post Test

• راه اندازی رابط کاربری Activity Activity Interface Setup

• Custom Segmented Control Part 1

• Custom Segmented Control قسمت 2 Custom Segmented Control Part 2

• ActivityTableViewCell XIB ActivityTableViewCell XIB

• ActivityView XIB ActivityView XIB

• ActivityViewController قسمت 1 ActivityViewController Part 1

• ActivityViewController قسمت 2 ActivityViewController Part 2

• ActivityViewController تست ActivityViewController Test

شبیه سازی اینستاگرام: نصب Firebase Instagram Clone: Firebase Installation

• بررسی اجمالی پروژه استارتر (Starter Project Overview) Starter Project Overview

• نصب Firebase Installation of Firebase

• Helper + Extension Helper + Extension

شبیه سازی اینستاگرام: احراز هویت (ورود و ثبت نام) Instagram Clone: Authentication (Login and Sign Up)

• احراز هویت: ورود قسمت 1 Authentication: Login Part 1

• احراز هویت: ورود قسمت 2 Authentication: Login Part 2

• احراز هویت: خروج Authentication: Sign Out

• احراز هویت: ثبت نام Authentication: Sign Up

• مدل کاربر (User Model) User Model

• انواع رویداد داده Firebase Firebase Data Event Types

شبیه سازی اینستاگرام: Google Cloud Storage و SDWebImage Instagram Clone: Google Cloud Storage and SDWebImage

• UIImagePicker (کتابخانه عکس و دوربین) UIImagePicker (Photo Library and Camera)

• UIProgressView UIProgressView

• آپلود به Google Cloud Storage قسمت 1 Upload to Google Cloud Storage Part 1

• آپلود به Google Cloud Storage قسمت 2 Upload to Google Cloud Storage Part 2

• SDWebImage SDWebImage

شبیه سازی اینستاگرام: پست ها Instagram Clone: Posts

• ایجاد یک پست قسمت 1 Creating a Post Part 1

• ایجاد یک پست قسمت 2 Creating a Post Part 2

• بازسازی مدل پست (Refactoring the Post Model) Refactoring the Post Model

• نمایش پست ها Displaying Posts

• جزئیات پست کاربر (User Post Details) User Post Details

شبیه سازی اینستاگرام: لایک ها Instagram Clone: Likes

• مدل لایک ها Likes Model

• لایک کردن و آنلایک کردن پست ها قسمت 1 Liking and Unliking Posts Part 1

• لایک کردن و آنلایک کردن پست ها قسمت 2 Liking and Unliking Posts Part 2

شبیه سازی اینستاگرام: نظرات Instagram Clone: Comments

• مدل نظرات Comments Model

• به روز رسانی نماینده فید (Updating the Feed Delegate) Updating the Feed Delegate

• به روز رسانی CommentTableViewCell Updating the CommentTableViewCell

• ایجاد یک نظر Creating a Comment

• مشاهده نظرات جدید Observing New Comments

• مشاهده پست های جدید Observing New Posts

صفحه بندی و حذف پست ها Pagination and Deleting Posts

• صفحه بندی (Pagination) Pagination

• حذف پست ها قسمت 1 Deleting Posts Part 1

• حذف پست ها قسمت 2 Deleting Posts Part 2

• به روز رسانی HomeViewController Updating HomeViewController

شبیه سازی اینستاگرام: جستجو Instagram Clone: Search

• به روز رسانی SearchViewController Updating SearchViewController

• جستجو قسمت 1 Search Part 1

• جستجو قسمت 2 Search Part 2

• جستجو قسمت 3 Search Part 3

• بازسازی ProfileViewController قسمت 1 Refactoring the ProfileViewController Part 1

• بازسازی ProfileViewController قسمت 2 Refactoring the ProfileViewController Part 2

• انتخاب نظرات و نتایج جستجو Selecting Comments and Search Results

شبیه سازی اینستاگرام: دنبال کردن و آنفالو کردن Instagram Clone: Following and Unfollowing

• تعداد فالوور، فالویینگ و پست Following, Follower and Post Count

• مدل فالو (Follow Model) Follow Model

• تغییر وضعیت فالو (Toggle Following) Toggle Following

---------Part 3: Custom Interface Development and Animation--------------------- ---------Part 3: Custom Interface Development and Animation---------------------

• خوش آمدید به توسعه رابط کاربری سفارشی Welcome to Custom Interface Development

CALayer و گرادینت ها CALayer and Gradients

• ویژگی های CALayer قسمت 1 CALayer Properties Part 1

• ویژگی های CALayer قسمت 2 CALayer Properties Part 2

• گرادینت ها با CAGradientLayer Gradients with CAGradientLayer

• معرفی اپلیکیشن مسافرتی Travel App Intro

• اپلیکیشن مسافرتی قسمت 1 Travel App Part 1

• اپلیکیشن مسافرتی قسمت 2 Travel App Part 2

• چالش Challenge

انیمیشن مبتدی Beginner Animation

• آناتومی انیمیشن های iOS Anatomy of iOS Animations

• درک توابع زمان بندی Understanding Timing Functions

• انیمیشن های UIView قسمت 1: اصول اولیه UIView Animations Part 1: The Basics

• انیمیشن های UIView قسمت 2: زنجیره ای کردن انیمیشن ها UIView Animations Part 2: Chaining Animations

• انیمیشن های UIView قسمت 3: توابع زمان بندی و فنرها UIView Animations Part 3: Timing Functions and Springs

• انیمیشن های ویژگی (Property Animations) قسمت 1: تئوری و اصول اولیه Property Animations Part 1: Theory and Basics

• انیمیشن های ویژگی (Property Animations) قسمت 2: حالت انیمیشن Property Animations Part 2: Animation State

• انیمیشن های ویژگی (Property Animations) قسمت 3: معکوس، Scrub، قطع و اضافه کردن پویا Property Animations Part 3: Reverse, Scrub, Interrupt and Dynamic Addition

• اپلیکیشن ورود متحرک قسمت 1 Animated Login App Part 1

• اپلیکیشن ورود متحرک قسمت 2 Animated Login App Part 2

• انیمیشن های Constraint قسمت 1: تنظیم رابط کاربری Constraint Animations Part 1: Interface Setup

• انیمیشن های Constraint قسمت 2: باز/بسته کردن منو Constraint Animations Part 2: Open/Close Menu

• چالش Challenge

طراحی حرکتی (Motion Design) Motion Design

• مقدمه ای بر طراحی حرکتی (Motion Design) Introduction to Motion Design

• کاربرد Usage

• پیوستگی Continuity

• انتقال ها (Transitions) Transitions

• سرعت Speed

• چالش Challenge

Microinteractions Microinteractions

• تئوری Microinteractions Microinteractions Theory

• استارتر Microinteraction نوار تب (Tab Bar) Tab Bar Microinteraction Starter

• پایانی Microinteraction نوار تب (Tab Bar) Tab Bar Microinteraction Final

• چالش Challenge

انیمیشن متوسط Intermediate Animation

• درک لایه های مدل و نمایش Understanding Model and Presentation Layers

• CABasicAnimation قسمت 1: اصول اولیه، حالت های مدل و نمایش و Delegate CABasicAnimation Part 1: Basics, Model & Presentation States, and Delegate

• CABasicAnimation قسمت 2: KVO، FillMode و همگام سازی لایه های مدل و نمایش CABasicAnimation Part 2: KVO, FillMode and Model & Presentation Layer Sync

• اپلیکیشن گرادینت متحرک به سبک اینستاگرام Instagram Style Animated Gradient App

• CAKeyFrameAnimation و انیمیشن لرزش ورود CAKeyFrameAnimation and Shaking Login Animation

• لایه های مستقل و پشتیبان Standalone and Backing Layers

• CATransaction قسمت 1: دسته بندی و Override کردن مدت زمان و توابع زمان بندی CATransaction Part 1: Batching and Overriding Duration & Timing Functions

• CATransaction قسمت 2: غیرفعال کردن انیمیشن و Callback تکمیل CATransaction Part 2: Disabling Animation and Completion Callback

• گروه بندی انیمیشن ها با CAAnimationGroup Grouping Animations with CAAnimationGroup

• چالش Challenge

تعامل و انتقال های سفارشی Interactivity and Custom Transitions

• اصول UX انتقال های سفارشی و طراحی تعاملی UX Principles of Custom Transitions and Interactive Design

• انتقال های Modal سفارشی Custom Modal Transitions

• انتقال Modal دایره ای قسمت 1 Circular Modal Transition Part 1

• انتقال Modal دایره ای قسمت 2 Circular Modal Transition Part 2

• انتقال Navigation سفارشی Custom Navigation Transition

• انتقال آلبوم عکس قسمت 1: راه اندازی Photo Album Transition Part 1: Setup

• انتقال آلبوم عکس قسمت 2: انیمیشن نمایش Photo Album Transition Part 2: Present Animation

• انتقال آلبوم عکس قسمت 3: انیمیشن Dismiss Photo Album Transition Part 3: Dismiss Animation

• تشخیص دهنده های Pan Gesture Pan Gesture Recognizers

• کارت Swipe به سبک Tinder قسمت 1: راه اندازی اولیه Tinder Style Swipe Card Part 1: Basic Setup

• کارت Swipe به سبک Tinder قسمت 2: Swipe به راست Tinder Style Swipe Card Part 2: Swipe Right

• کارت Swipe به سبک Tinder قسمت 3: کارت جدید Tinder Style Swipe Card Part 3: New Card

• کارت Swipe به سبک Tinder قسمت 4: Swipe به چپ و Pivot Tinder Style Swipe Card Part 4: Swipe Left and Pivot

• تعامل Pan به سبک YouTube قسمت 1: راه اندازی YouTube Style Pan Interaction Part 1: Setup

• تعامل Pan به سبک YouTube قسمت 2 YouTube Style Pan Interaction Part 2

• تعامل Pan به سبک YouTube قسمت 3 YouTube Style Pan Interaction Part 3

• تعامل Pan به سبک YouTube قسمت 4 YouTube Style Pan Interaction Part 4

• انتقال نوار تب سفارشی قسمت 1 Custom Tab Bar Transition Part 1

• انتقال نوار تب سفارشی قسمت 2 Custom Tab Bar Transition Part 2

• View Transitions View Transitions

• چالش Challenge

Core Graphics (Quartz 2D Drawing) Core Graphics (Quartz 2D Drawing)

• درک Context و State Understanding Context and State

• Strokes، Fills و Paths قسمت 1 Strokes, Fills and Paths Part 1

• Strokes، Fills و Paths قسمت 2 Strokes, Fills and Paths Part 2

• ساختن Arc ها Making Arcs

• گرادینت ها Gradients

• Clipping و حفظ State Clipping and Preserving State

• سایه ها Shadows

• Transformations: تغییر ماتریس تبدیل فعلی Transformations: Modifying the Current Transform Matrix

• Transformations: Affine Transforms Transformations: Affine Transforms

• نمودار میله ای قسمت 1: داده ها Bar Graph Part 1: The Data

• نمودار میله ای قسمت 2: برچسب ها Bar Graph Part 2: The Labels

• نمودار میله ای قسمت 3: میله ها Bar Graph Part 3: The Bars

• چالش Challenge

کامپوننت های UI سفارشی با CAShapeLayer Custom UI Components with CAShapeLayer

• ایجاد اشکال Creating Shapes

• ویژگی های CAShapeLayer CAShapeLayer Properties

• ماسک های CAShapeLayer CAShapeLayer Masks

• Transformations CAShapeLayer CAShapeLayer Transformations

• نمودار حلقه ای قسمت 1: پس زمینه Ring Graph Part 1: The Backdrop

• نمودار حلقه ای قسمت 2: لایه پیشرفت Ring Graph Part 2: The Progress Layer

• نمودار حلقه ای قسمت 3: Stroke گرادینت Ring Graph Part 3: The Gradient Stroke

• انیمیشن لودینگ Marching Ants قسمت 1: مورچه ها Marching Ants Loading Animation Part 1: The Ants

• انیمیشن لودینگ Marching Ants قسمت 2: انیمیشن Marching Marching Ants Loading Animation Part 2: The Marching Animation

• انیمیشن لودینگ Marching Ants قسمت 3: برچسب Pulsating Marching Ants Loading Animation Part 3: Pulsating Label

• چالش Challenge

راه اندازی و انیمیشن سفارشی برنامه Custom App Launch and Animation

• اصول UX و اهداف راه اندازی برنامه UX Principles and Goals of App Launch

• Human Interface Guidelines در مورد راه اندازی برنامه Human Interface Guidelines on App Launch

• صفحه Splash به سبک توییتر قسمت 1: راه اندازی اولیه Twitter Style Splash Screen Part 1: Basic Setup

• صفحه Splash به سبک توییتر قسمت 2: راه اندازی متحرک Twitter Style Splash Screen Part 2: Animated Launch

• راه اندازی Skeleton به سبک فیس بوک قسمت 1: راه اندازی اولیه Facebook Style Skeleton Launch Part 1: Basic Setup

• راه اندازی Skeleton به سبک فیس بوک قسمت 2: Shimmering Facebook Style Skeleton Launch Part 2: Shimmering

• راه اندازی Skeleton به سبک فیس بوک قسمت 3: ماسک Facebook Style Skeleton Launch Part 3: The Mask

• راه اندازی Skeleton به سبک فیس بوک قسمت 4: جمع بندی همه چیز Facebook Style Skeleton Launch Part 4: Wrapping It All Up

• چالش Challenge

[BONUS] کنترل های سفارشی - برنامه کنترل دمای اتاق [BONUS] Custom Controls - Room Temperature Control App

• مقدمه ای بر کنترل های سفارشی Introduction to Custom Controls

• شروع کار با کنترل های سفارشی Getting Started with Custom Controls

• نشانگر توپ (Ball Indicator) The Ball Indicator

• روش های ردیابی UIControl UIControl Tracking Methods

• شروع و ادامه ردیابی Begin and Continue Tracking

• زاویه توپ Ball Angle

• مرکز توپ Ball Centre

• بازخورد دما Temperature Feedback

• اجرای آزمایشی Test Run

• چالش Challenge

[BONUS] برنامه Speed Gauge برای پیاده روی یا دویدن [BONUS] Speed Gauge App for Walking or Running

• مقدمه Introduction

• ایجاد لایه Gauge Creating the Gauge Layer

• ایجاد طرح بندی Gauge Creating the Gauge Layout

• نقطه Anchor The Anchor Point

• قوس (Arc) The Arc

• نشانگرها The Markers

• برچسب ها The Labels

• چرخش Rotation

• چالش Challenge

انیمیشن پیشرفته Advanced Animation

• توابع زمان بندی سفارشی Custom Timing Functions

• انیمیشن Path Path Animation

• انیمیشن های فنر سیال قسمت 1: تئوری اساسی Fluid Spring Animations Part 1: The Underlying Theory

• انیمیشن های فنر سیال قسمت 2: کاربرد عملی Fluid Spring Animations Part 2: Practical Application

• CADisplayLink CADisplayLink

• چالش Challenge