SwiftUI Views Specialist

This views mastery course will show you how to construct any user interface that you can think of!

You'll also learn how to build many popular app UI layouts quickly with blueprints that you can easily copy into your own project.

Course curriculum

  • 1

    Preparation

    • Welcome

    • Resources

    • Where to Get Help?
  • 2

    SwiftUI Designer Specialist - Introduction

    • What You Will Learn

    • Swift Language Changes

    • Preview Provider

    • Concepts
  • 3

    Shapes and Text

    • What You Will Learn

    • Using Shapes in your UI

    • Fun with Shape Modifiers

    • How to Use Text and Their Modifiers
  • 4

    Vertical Stacks and Spacers

    • What You Will Learn

    • The Vertical Stack

    • VStack Practical Exercise

    • Frames and Padding

    • Using the Spacer
  • 5

    Your First Challenge

    • ChallengePresentation.key

    • How to Present your Challenges

    • Challenge 1 - VStacks

    • Challenge 1 - Rewards
  • 6

    Horizontal Stacks

    • What You Will Learn

    • Side-by-Side Layout: The Horizontal Stack

    • HStack Practical Exercice

    • Challenge 2 - HStacks

    • Challenge 2 - Rewards
  • 7

    Depth Stacks

    • What You Will Learn

    • How to Use the ZStack (Depth Stack)

    • ZStack Practical Exercice

    • Challenge 3 - ZStacks

    • Challenge 3 - Rewards
  • 8

    Layers

    • What You Will Learn

    • How to Create Layers with Background & Overlay Modifiers

    • Layers Practical Exercise

    • Layers Practical Exercise - Backgrounds

    • Challenge 4 - Layers

    • Challenge 4 - Rewards
  • 9

    Finding Your Perfect Color Scheme

    • What You Will Learn

    • The Color Scheme Tester

    • ColorShemeTester v2.key

    • Sources for Color Scheme Inspiration

    • Color Tools to Create Your Scheme

    • Colors - Practical Exercise

    • Other Colors - Practical Exercise

    • Challenge 5 - Color Scheme

    • Challenge 5 - Rewards
  • 10

    Using Colors in Xcode and SwiftUI

    • What You Will Learn

    • Using Your Colors in Xcode

    • Easy Access to Your Colors

    • Challenge 6 - Colors in Xcode

    • Challenge 6 - Rewards
  • 11

    Xcode and SwiftUI Tips and Tricks

    • What You Will Learn

    • Live Preview

    • Code Folding

    • Groups

    • Dual Screens Open

    • Code Indentation
  • 12

    The Login Screen

    • What You Will Learn

    • SwiftUI Screens

    • The Login Screen

    • TextFields & State

    • Buttons

    • Applying Transformational Effects in SwiftUI

    • Adding Your Color Scheme

    • Customizing TextFields

    • Flexible Frames

    • Challenge 7 - Login Screen

    • Challenge 7 - Rewards
  • 13

    Onboarding Screens

    • What You Will Learn

    • Onboarding Setup & Image Preparation

    • Layout & Images

    • Buttons & Progress Indicator

    • Challenge 8 - Onboarding

    • Challenge 8 - Rewards
  • 14

    Reusing Views and Modifiers

    • What You Will Learn

    • Using Properties for Views

    • Using Functions for Views

    • Using Structs for Views

    • Using Structs for Views with State Variables

    • Using ViewModifiers for Modifiers

    • Reusing Summary
  • 15

    Gradients

    • What You Will Learn

    • Designing Gradients

    • Finding Colors

    • SwiftUI Linear Gradients in Xcode

    • Linear Gradient Options

    • Radial Gradients

    • Reusing Gradients as Struct

    • Gradients on Shapes

    • Gradients - Practical Exercise

    • Challenge 9 - Gradients

    • Challenge 9 - Rewards
  • 16

    The Browse Screen

    • What You Will Learn

    • The Browse Screen - Updating the Content

    • Working with Shadows

    • Working with Images

    • Challenge 10 - Browse Screen for iOS - Make your own!

    • Challenge 10 - Rewards
  • 17

    Designing with ScrollViews

    • What You Will Learn

    • ScrollViews Intro

    • Horizontal Scrolling

    • Using ForEach

    • Using ForEach with Data

    • Vertical Scrolling with ForEach

    • Practical Exercise 1: Planning and Images

    • Practical Exercise 2: Setting up the Data

    • Practical Exercise 3: Layout

    • Practical Exercise 4: The Header

    • Practical Exercise 5: Categories

    • Practical Exercise 6: Quick Actions

    • Challenge 11 - Using ScrollViews in your UI

    • Challenge 11 - Rewards
  • 18

    Using Shapes to Enhance Your UI

    • What You Will Learn

    • Introduction

    • Your First Custom Shape

    • Using and Customizing Your Shape

    • Creating Your Next Shape: The Pentagon

    • Fixing and Using the Pentagon

    • Customizing the Pentagon

    • Shapes: The Wave

    • Customizing the Wave

    • Keep the Wave Within the Frame

    • Practical Exercise 1: Creating the Blueprint

    • Practical Exercise 2: Portfolio Screen

    • Challenge 12 - Use Your Shapes

    • Challenge 12 - Rewards
  • 19

    Enhancing Your Backgrounds with Shapes

    • What You Will Learn

    • Enhancing your Backgrounds with Shapes

    • Using the GeometryReader

    • Practical Exercise 1: Onboarding Screen

    • Practical Exercise 2: Onboarding Using Blur

    • Practical Exercise 3: Signup Photo Background

    • Practical Exercise 4: Signup Adding Content

    • Practical Exercise 5: Signup Using Blur

    • Challenge 13 - Sign Up Screen

    • Challenge 13 - Rewards