SwiftUI Views Specialist Course

Course Requirements

Xcode Version 14.0 or higher
Minimum deployment version: iOS 14 or Higher

What You'll Learn

SwiftUI Basics and UI Components

Explore Swift language updates and SwiftUI elements, including stacks and spacers.
Layering and Color Schemes

Learn depth with ZStacks and develop color schemes for UI designbru
Xcode and SwiftUI Integration

Apply design in Xcode, mastering SwiftUI and Xcode functionalities.
Core Screen Design

Design essential app screens, focusing on layout, text fields, and buttons.
Gradients and ScrollView Techniques

Enhance interfaces with gradient designs and ScrollView layouts.
Custom Shapes and Background

Create and apply custom shapes to improve UI aesthetics and backgrounds.

Why This Course?

Comprehensive SwiftUI and iOS Design Skills

Gain a deep understanding of SwiftUI and iOS design principles, equipping you with the skills to create visually appealing and user-friendly apps.
Practical Application with Xcode

Learn how to seamlessly integrate design and development by applying your design skills in Xcode, enhancing your efficiency and proficiency in app development.
Creative Mastery in UI/UX Design

Develop a strong foundation in UI/UX design, mastering techniques like gradients, custom shapes, and layout optimization to create innovative and engaging user interfaces.

Course curriculum

1. Introduction
2. Welcome
3. Resources
4. Where to Get Help?
1. What You Will Learn
2. Swift Language Changes
3. Preview Provider
4. Concepts
1. What You Will Learn
2. Using Shapes in your UI
3. Fun with Shape Modifiers
4. How to Use Text and Their Modifiers
1. What You Will Learn
2. The Vertical Stack
3. VStack Practical Exercise
4. Frames and Padding
5. Using the Spacer
1. ChallengePresentation.key
2. How to Present your Challenges
3. Challenge 1 - VStacks
4. Challenge 1 - Rewards
1. What You Will Learn
2. Side-by-Side Layout: The Horizontal Stack
3. HStack Practical Exercice
4. Challenge 2 - HStacks
5. Challenge 2 - Rewards
1. What You Will Learn
2. How to Use the ZStack (Depth Stack)
3. ZStack Practical Exercice
4. Challenge 3 - ZStacks
5. Challenge 3 - Rewards
1. What You Will Learn
2. How to Create Layers with Background & Overlay Modifiers
3. Layers Practical Exercise
4. Layers Practical Exercise - Backgrounds
5. Challenge 4 - Layers
6. Challenge 4 - Rewards
1. What You Will Learn
2. The Color Scheme Tester
3. ColorShemeTester v2.key
4. Sources for Color Scheme Inspiration
5. Color Tools to Create Your Scheme
6. Colors - Practical Exercise
7. Other Colors - Practical Exercise
8. Challenge 5 - Color Scheme
9. Challenge 5 - Rewards
1. What You Will Learn
2. Using Your Colors in Xcode
3. Easy Access to Your Colors
4. Challenge 6 - Colors in Xcode
5. Challenge 6 - Rewards
1. What You Will Learn
2. Live Preview
3. Code Folding
4. Groups
5. Dual Screens Open
6. Code Indentation
1. What You Will Learn
2. SwiftUI Screens
3. The Login Screen
4. TextFields & State
5. Buttons
6. Applying Transformational Effects in SwiftUI
7. Adding Your Color Scheme
8. Customizing TextFields
9. Flexible Frames
10. Challenge 7 - Login Screen
11. Challenge 7 - Rewards
1. What You Will Learn
2. Onboarding Setup & Image Preparation
3. Layout & Images
4. Buttons & Progress Indicator
5. Challenge 8 - Onboarding
6. Challenge 8 - Rewards
1. What You Will Learn
2. Using Properties for Views
3. Using Functions for Views
4. Using Structs for Views
5. Using Structs for Views with State Variables
6. Using ViewModifiers for Modifiers
7. Reusing Summary
1. What You Will Learn
2. Designing Gradients
3. Finding Colors
4. SwiftUI Linear Gradients in Xcode
5. Linear Gradient Options
6. Radial Gradients
7. Reusing Gradients as Struct
8. Gradients on Shapes
9. Gradients - Practical Exercise
10. Challenge 9 - Gradients
11. Challenge 9 - Rewards
1. What You Will Learn
2. The Browse Screen - Updating the Content
3. Working with Shadows
4. Working with Images
5. Challenge 10 - Browse Screen for iOS - Make your own!
6. Challenge 10 - Rewards
1. What You Will Learn
2. ScrollViews Intro
3. Horizontal Scrolling
4. Using ForEach
5. Using ForEach with Data
6. Vertical Scrolling with ForEach
7. Practical Exercise 1: Planning and Images
8. Practical Exercise 2: Setting up the Data
9. Practical Exercise 3: Layout
10. Practical Exercise 4: The Header
11. Practical Exercise 5: Categories
12. Practical Exercise 6: Quick Actions
13. Challenge 11 - Using ScrollViews in your UI
14. Challenge 11 - Rewards
1. What You Will Learn
2. Introduction
3. Your First Custom Shape
4. Using and Customizing Your Shape
5. Creating Your Next Shape: The Pentagon
6. Fixing and Using the Pentagon
7. Customizing the Pentagon
8. Shapes: The Wave
9. Customizing the Wave
10. Keep the Wave Within the Frame
11. Practical Exercise 1: Creating the Blueprint
12. Practical Exercise 2: Portfolio Screen
13. Challenge 12 - Use Your Shapes
14. Challenge 12 - Rewards
1. What You Will Learn
2. Enhancing your Backgrounds with Shapes
3. Using the GeometryReader
4. Practical Exercise 1: Onboarding Screen
5. Practical Exercise 2: Onboarding Using Blur
6. Practical Exercise 3: Signup Photo Background
7. Practical Exercise 4: Signup Adding Content
8. Practical Exercise 5: Signup Using Blur
9. Challenge 13 - Sign Up Screen
10. Challenge 13 - Rewards

SwiftUI Views Specialist Course

Course Requirements

What You'll Learn

SwiftUI Basics and UI Components

Layering and Color Schemes

Xcode and SwiftUI Integration

Core Screen Design

Gradients and ScrollView Techniques

Custom Shapes and Background

Why This Course?

Comprehensive SwiftUI and iOS Design Skills

Practical Application with Xcode

Creative Mastery in UI/UX Design

Course curriculum

Preparation

SwiftUI Designer Specialist - Introduction

Shapes and Text

Vertical Stacks and Spacers

Your First Challenge

Horizontal Stacks

Depth Stacks

Layers

Finding Your Perfect Color Scheme

Using Colors in Xcode and SwiftUI

Xcode and SwiftUI Tips and Tricks

The Login Screen

Onboarding Screens

Reusing Views and Modifiers

Gradients

The Browse Screen

Designing with ScrollViews

Using Shapes to Enhance Your UI

Enhancing Your Backgrounds with Shapes

About this course

Get Access to this course with a CWC+ Membership

Join over 1700+ iOS learners in CWC+