iOS User Interfaces

iOS User Interfaces

English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 14h 55m | 8.60 GB

The user interface is one of the most important parts of your app, sine that’s what your users see and interact with every single day! Get started with layout in iOS with SwiftUI and AutoLayout, see how to work with table and collection views, and bring your apps to life with great animations in this iOS learning path!

SwiftUI
A deep dive into getting started with SwiftUI. This course will cover the basics to get you off the ground running before moving on to create SwiftUI interfaces that seamlessly integrate alongside UIKit. You’ll cover SwiftUI components, accessibility as well as the new layout system to create a completed app at the end of the course.

This course is for iOS developers who have experience building user interfaces with storyboards and know the basics of Auto Layout.

Covered concepts

  • Learn the basic components of SwiftUI
  • Learn how to build interfaces in a data-driven, declarative way
  • Learn the differences between UIKit and SwiftUI
  • Learn how to phase existing UIKit applications into using SwiftUI
  • Learn how to build interfaces interactively with Live Update
  • Learn to use documentation efficiently and effectively: An essential skill when working with Beta Tools.
  • Build an app that goes from simple components to complex interfaces that are animated and look great on all devices

Layout in iOS
SwiftUI and UIKit have different systems for layout. You’ll learn about both in this course! For SwiftUI, that means Stacks and Alignment. For Auto Layout, it’s Stack Views and Constraints, in Interface Builder.

The first part of the course is all SwiftUI. To begin with, you’ll start working with Alignments, which are key to making the most out of Stacks. You’ll learn how to use built-in alignment guides, and create your own custom ones.

Moving on from Alignment, the SwiftUI material concludes with the ZStack and GeometryReader structures.

The other two parts of the course cover the basics of Auto Layout in UIKit: UIStackView and constraints. Auto Layout’s simple predecessor, Autoresizing, is also covered.

Throughout the course, you’ll practice everything you learn with hands-on challenges, recreating the kind of scalable layouts you’ll find in popular iOS apps.

Covered concepts

  • SwiftUI Stacks
  • Stack Alignment
  • alignmentGuide Modifier
  • AlignmentID Protocol
  • GeometryReader + GeometryProxy
  • UIKit Stack Views
  • Interface Builder
  • Intrinsic Content Size
  • Auto Layout Constraints
  • Autoresizing

Table Views
Learn all about table views: one of the most common tools in iOS development. Display and manipulate data in customizable table views while practicing fundamental concepts used across iOS & UIKit.

Beginner iOS developers with some UIKit experience. You should be comfortable with Auto Layout and intermediate Swift concepts. We recommend you follow along with learning path courses in order.

Covered concepts

  • Delegates & Data Sources
  • Diffable Data Sources
  • Hashable & Equatable
  • Cell Dequeuing
  • Cell Selection
  • Custom Prototype Cells
  • Static Cells
  • Headers & Footers
  • Adding/Deleting/Moving Rows

Beginning Collection Views
Learn all about using collection views in iOS to build composable and flexible layouts both in code and using Interface Builder. You’ll learn how to implement custom cells, animate changes and work with different types of data sources

You’ll start off by building a simple collection view that displays numbers is rows and grids using brand new diffable data sources and compositional layout APIs.

Then, you’ll take a small detour to build an emoji library app using pre-iOS 13 API by implementing data sources and flow layouts.

Finally, you’ll combine the two approaches to build a RayWenderlich.com library app that lets you browse courses.

Throughout the course, you’ll practice everything you learn with hands-on challenges.

Covered concepts

  • Data Sources
  • Diffable Data Sources
  • Compositional Layouts
  • Flow Layouts
  • Structuring layouts in Interface Builder
  • Handling touches with UICollectionViewDelegate
  • Customizing layouts with UICollectionViewDelegateFlowLayout
  • Creating custom collection view cells
  • Implementing reusable headers and footers using UICollectionReusableView

Beginning iOS Animations
Get started animating your views in iOS! You’ll be controlling changes in their visible properties over time, and transitions between the views themselves.

Developers who know the basics of Swift and Xcode, but are beginners to animation in iOS.

  • Covered concepts
  • Animating Auto Layout Constraints
  • Springs
  • View and Views Controller Transitions
  • Transforms
  • Keyframes

Gesture Recognizers in iOS
Touch interaction is a fundamental component of iOS and UIGestureRecognizer is the key to easy-to-use gestures beyond simple button taps. Learn about it here!