Get In Touch
Course Outline

Create Smart Apps

iOS UI Design: Storyboards, Auto Layout, and SwiftUI Basics Training Course

Rating

9/10

Duration

3 Days

Course Overview

This course provides a comprehensive introduction to designing user interfaces for iOS applications using Storyboards, Auto Layout, and SwiftUI. Participants will learn how to create responsive UI layouts with Interface Builder, manage constraints effectively using Auto Layout, and get started with SwiftUI for building modern, declarative UIs. The training includes hands-on exercises to help participants design scalable and visually appealing iOS apps.

Format of Training

  • Instructor-led sessions
  • Hands-on lab exercises
  • Interactive discussions
  • Practical coding demonstrations

Course Objectives

  1. Design and build UI using Storyboards and Interface Builder.
  2. Use Auto Layout to create responsive and adaptable designs.
  3. Implement stack views and constraints for scalable UI layouts.
  4. Work with Dynamic Type and Dark Mode for accessibility.
  5. Get started with SwiftUI and understand its core principles.
  6. Create reusable UI components using SwiftUI Views.
  7. Optimize UI performance and layout responsiveness.

Prerequisites

  • Basic programming knowledge (Swift preferred).
  • Familiarity with Xcode and iOS project structure.
  • No prior experience with Auto Layout or SwiftUI required.
Course Outline

Day 1: Introduction to Storyboards and Auto Layout

Session 1: Introduction to iOS UI Design

  • Overview of UI design principles for iOS.
  • Understanding Storyboards vs. Programmatic UI vs. SwiftUI.
  • Setting up a new iOS project and exploring Interface Builder.

Session 2: Working with Storyboards and UI Components

  • Adding UI elements (Labels, Buttons, ImageViews, TextFields).
  • Connecting UI components to ViewController using IBOutlet and IBAction.
  • Managing UI state and interactions.

Session 3: Understanding Auto Layout and Constraints

  • Introduction to Auto Layout and why it’s important.
  • Setting up constraints manually in Interface Builder.
  • Working with intrinsic content size and compression resistance.

Day 2: Advanced Auto Layout and Adaptive UI Design

Session 1: Using Stack Views for Flexible Layouts

  • Creating horizontal and vertical stack views.
  • Nesting stack views for complex UI layouts.
  • Adjusting spacing and distribution for different screen sizes.

Session 2: Designing Adaptive UI for Multiple Screen Sizes

  • Working with Size Classes and Safe Areas.
  • Implementing Dark Mode and Dynamic Type for accessibility.
  • Using trait variations to customize UI for different devices.

Session 3: Debugging Auto Layout Issues

  • Identifying and fixing common constraint conflicts.
  • Using Xcode’s Auto Layout Debugger.
  • Best practices for maintaining a scalable and responsive UI.

Day 3: Introduction to SwiftUI for Modern UI Design

Session 1: Getting Started with SwiftUI

  • Overview of SwiftUI vs. UIKit.
  • Understanding View hierarchies and Modifiers.
  • Creating basic UI components with SwiftUI.

Session 2: Building Reusable Components in SwiftUI

  • Creating custom views and reusable UI elements.
  • Implementing state management with @State and @Binding.
  • Using VStack, HStack, and ZStack for layout structuring.

Session 3: Hands-On Project: Designing a Responsive iOS App

  • Building a UI with both Storyboards and SwiftUI.
  • Implementing Auto Layout for adaptive layouts.
  • Optimizing UI performance and ensuring accessibility compliance.

Bespoke Option

We are open to customizing this program to align with your specific learning objectives. If your team has particular goals or areas they wish to focus on, we would be happy to tailor the course outline to meet those needs and ensure the program supports the achievement of your desired outcomes.

Course Enquiry

Further Learning Opportunities

Concurrency and Multithreading in iOS: GCD and Operation Queues Training Course

This course provides a deep dive into concurrency and multithreading in iOS applications, covering Grand Central Dispatch (GCD) and Operation Queues for handling background tasks efficiently.

View course Outline

Publishing iOS Apps: App Store Deployment and Monetization Training Course

This course provides a comprehensive guide to publishing iOS applications on the App Store, covering the app submission process, App Store guidelines, and monetization strategies.

View course Outline

iOS Native Features: Integrating Camera, GPS, Sensors, and Notifications Training Course

This course provides hands-on experience in integrating native iOS features, including GPS, camera, sensors (accelerometer, gyroscope), and push notifications.

View course Outline

iOS UI Design: Storyboards, Auto Layout, and SwiftUI Basics Training Course

Course Name: iOS UI Design: Storyboards, Auto Layout, and SwiftUI Basics Training Course

Request More Information