-
2. Getting started with SwiftUI
10 Lessons-
Preview2.1 Create your First Project with Xcode 14
-
Preview2.2 Navigate Your Files in Xcode 14
-
Preview2.3 Working with the Navigator Area
-
Preview2.4 Introduction to SwiftUI Views
-
Preview2.5 Using the SwiftUI Preview to speed up your development
-
Preview2.6 How to add an App Icon
-
Preview2.7 Launch Screen
-
Preview2.8 Find Help with the SwiftUI Documentation
-
Preview2.9 Typical Errors and How to Avoid Them
-
StartFinished Project for this Section
-
-
3. Layout Basics
29 Lessons-
Preview3.1 VStack, HStack and ZStack
-
Preview3.2 Spacer and Divider
-
Start3.3 Padding and IgnorSafeArea
-
Start3.4 Image Sizing
-
Preview3.5 Frame
-
StartQuiz time
-
Start3.6 Background and Overlay
-
Preview3.7 Material Backgrounds
-
Start3.8 Position and Offset
-
Start3.9 SwiftUI Layout System
-
PreviewLayout Challenge 1
-
PreviewLayout Challenge 2
-
Start3.10 Group and @ViewBuilder
-
Start3.11 GroupBox and Styling
-
Start3.12 ControlGroup
-
Start3.13 Foreach and Identifiable
-
Start3.14 ScrollView
-
Start3.15 Scrolling Programmatically
-
Start3.16 EdgeInsets
-
Start3.17 LazyVStack and LazyHStack
-
Start3.18 LazyVGrid and LazyHGrid
-
Start3.19 Complex Example with Images
-
Start3.20 Modifying Alignment Guides
-
Start3.21 Alignment Guide Examples
-
Start3.22 Custom Alignment Guides
-
Start2.23 Example Movie Detail View for Custom Alignment Guides
-
Preview2.24 Grid View
-
Preview2.25 Grid View more Examples
-
StartFinished Project for this Section
-
-
4. Styling
15 Lessons-
Preview4.1 Motivation behind a Style Guide
-
Start4.2 Adding custom Colors
-
Start4.3 Using Color
-
Start4.4 Include Colors in your Style Guide
-
Start4.5 How to create different Gradients
-
Start4.6 Where to use Gradients
-
Start4.7 Including Gradients in your Style Guide
-
Start4.8 Create Shadows and Card Views
-
Start4.9 How to write your own view modifiers
-
Start4.10 Introduction to system fonts
-
Start4.11 Using custom fonts with dynamic type
-
Start4.12 Styling a example text view
-
Start4.13 Defining a Typography Style Guide
-
Start4.14 How Button styles work on different platforms
-
Start4.15 How to define your own button style
-
-
5. Images, Icons and Drawings
12 Lessons-
Start5.1 Exploring different system provided shapes
-
Start5.2 Drawing shapes with stroke, fill and trim
-
Start5.3 How to transform your views and shapes with modifiers
-
Start5.4 How to create a custom shape
-
Start5.5 Example: Drawing an Arrow
-
Start5.6 How to use, scale and style system icons
-
Start5.7 Working with images: resizing
-
Start5.8 Working with images: brightness, saturation, and opacity
-
Start5.9 How you could include images in your project
-
Start5.10 How to make your own icons
-
Start5.11 How to include icons into your macOS apps
-
Start5.12 rotation3DEffect
-
-
7. App Architecture with SwiftUI
15 Lessons-
Start7.1 What we will build in this section
-
Start7.2 Let's make a new project with a Master-Detail Navigation
-
Start7.3 Working with Lists
-
Start7.4 NavigationView: NavigationBarTitle, NavigationBarItems and NavigationLink
-
Start7.5 TabView
-
Start7.6 Using a new Tab in TabView to show different Presentation options
-
Start7.7 How to use popover
-
Start7.8 How to use Alerts
-
Start7.9 How to use ActionSheet
-
Start7.10 How to show a view in Modal Presentation
-
Start7.11 Advanced Navigation
-
Start7.12 Advanced Navigation: programmatically navigate anywhere
-
Start7.13 Different Style for iPhone and iPad
-
Start7.14 Let's make a Mac app
-
Start7.15 Special feature for macOS: make a new window!
-
-
8. Animation
20 Lessons-
Preview8.1 Introduction to Animation
-
Start8.2 How to make Animation Go: Implicit Animations
-
Start8.3 How to make Animation Go: Explicit Animations
-
Start8.4 What is the difference between implicit and Explicit Animations?
-
Start8.5 How implicit animations work on stack views
-
Start8.6 How to make Animations go: automatically when the view appears
-
Start8.7 Changing the timing of an animation: timing curves
-
Start8.8 Changing the timing of an animation: repeat, delay and speed
-
Start8.9 Transitions: Animate views appearing and disappearing
-
Start8.10 Transition: example with lists
-
Start8.11 Transition: Animate within a appearing stack
-
Start8.12 Transition: Example
-
Start8.13 What is Animatable?
-
Start8.14 How to make gradients animatable
-
Start8.15 Animating shapes with Animatable
-
Start8.16 Animating spaces with trim and StrokeStyle
-
Start8.17 Creating your own progress indicator
-
Start8.18 Onboarding Example: Sequenced Animation
-
StartCoding Callenge: Success state
-
StartCoding Callenge: Solution
-
-
9. Adaptive Layout
9 Lessons-
Start9.1 Introduction to Adaptive layout
-
Start9.2 Walk through to our sample application: Inspiring Quotes
-
Start9.3 How Size Classes work
-
Start9.4 Knowing the device orientation and window size
-
Start9.5 Some Basics: ViewBuilder, Closures and Generics
-
Start9.6 Let's make our own custom stack views
-
Start9.7 How to make a grid view
-
Start9.8 Warning: NavigationLinks and conditional layout
-
Start9.9 How to make your WindowSizeManager work with the SwiftUI preview
-
-
10. Gestures
9 Lessons-
Preview10.1 Walk-through of our sample application
-
Start10.2 Using .onTap and .onLongPress
-
Start10.3 Add a gesture with the .gesture() modifier
-
Start10.4 DragGesture and how to implement a swipe
-
Start10.5 MagnificationGesture and RotationGesture: how to change an image view
-
Start10.6 Composing gestures for more complex interaction
-
Start10.7 How to handel competing gestures
-
Start10.8 Example: Using gestures to create a photo preview editor
-
Start10.9 Example: Using a Swipe gesture for amazing onboarding animations
-
-
12. Integration with UIKit and AppKit
8 Lessons-
Start12.1 AcitvityIndicator
-
Start12.2 MapKit and how to make your code work on multiple platforms
-
Start12.3 PageControl
-
Start12.4 PageViewController
-
Start12.5 Show a website with WebKit
-
Start12.6 SignInWithAppleButton
-
Start12.7 Example: Make a drawing app with PencilKit
-
Start12.8 Example: Make a drawing app part 2
-
-
14. Prototyping
17 Lessons-
Start14.1 Introduction to user experience design for mobile applications
-
Start14.2 Make your first fake view
-
Start14.3 Add a fake data model to prototype faster
-
Start14.4 Make a fake grid view with HStacks and VStack
-
Start14.5 Fake a map view with nearby toast
-
Start14.5 Fake a list with detail toast Images
-
Start14.6 How to show all app idea on the device
-
Start14.7 How to fake user interactions and transitions (with MatchingGeometryEffect)
-
Start14.8 Case study: the IKEA app for iPad
-
Start14.9 Design considerations for iPad and iOS 14
-
Start14.10 Sketching out the new iPad version of the IKEA app
-
Start14.11 Let's make a sidebar list as the main navigation for the IKEA app
-
Start14.12 How to use images to fast prototype the inspirational section of the IKEA app
-
Start14.13 Integrating a fake virtual walkthrough of IKEA stores
-
Start14.14 Integrating Newsroom and Offers
-
Start14.15 More complexe navigation in Product section
-
Start14.16 Final wrap up: Wish list and Mood-board
-

