SwiftUI Basics, UI Design, and Data Flow

SwiftUI Basics, UI Design, and Data Flow

本课程是 Deep Dive into iOS & SwiftUI: 80-Hour Project Course 专项课程的一部分

位教师：Packt - Course Instructors

访问权限由 New York State Department of Labor 提供

8个模块

深入了解一个主题并学习基础知识。

中级等级

推荐体验

2 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

8个模块

深入了解一个主题并学习基础知识。

中级等级

推荐体验

2 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

您将学到什么

Master SwiftUI layout stacks, including HStack, VStack, and ZStack for building dynamic interfaces.
Implement state management and binding techniques for dynamic and interactive UIs.
Create custom animations and effects to enhance user experience in iOS apps.
Apply real-world SwiftUI practices for managing images, data flow, and navigation.

您将获得的技能

iOS Development

要了解的详细信息

可分享的证书

添加到您的领英档案

作业

10 项作业

授课语言：英语（English）

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

积累特定领域的专业知识

本课程是 Deep Dive into iOS & SwiftUI: 80-Hour Project Course 专项课程专项课程的一部分

在注册此课程时，您还会同时注册此专项课程。

向行业专家学习新概念
获得对主题或工具的基础理解
通过实践项目培养工作相关技能
获得可共享的职业证书

该课程共有8个模块

This course features Coursera Coach!

A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this course, you will gain a deep understanding of SwiftUI fundamentals, UI design principles, and effective data flow techniques. You'll explore key layout stacks like HStack, VStack, and ZStack, and learn how to utilize SwiftUI's color techniques, animations, and grid layouts. The course will guide you through essential state management practices using state variables, constants, gestures, and custom modifiers. The course structure provides practical exercises like building a "Buy Now" view and working with AsyncImage for image handling. Additionally, advanced topics such as observable objects, environment data flow, and iOS 18 features like mesh gradients, scroll transitions, and tab views will help you stay current with the latest technologies. Throughout the course, you’ll be engaged with real-world applications, gaining experience in structuring apps with data binding, gesture handling, and custom animations. From simple UI building to advanced navigation transitions, you’ll master techniques that bring your SwiftUI projects to life. By the end of the course, you will be able to implement complex SwiftUI layouts, manage state and data flow efficiently, create dynamic animations, and apply best practices for UI design in real-world applications.

In this module, we will cover the fundamentals of SwiftUI, focusing on layout stacks, state variables, gestures, and basic UI components. We will also explore new iOS 18 features like Mesh Gradients and advanced animations. Practical exercises will help you build a strong foundation for designing modern, dynamic interfaces in SwiftUI.

涵盖的内容

27个视频2篇阅读材料1个作业

27个视频总计257分钟

SwiftUI Basics: HStack, VStack, ZStack, Colors and Gradients 7分钟
State Variables, Let Constants, Tap Gesture 10分钟
MultilineTextAlignment, Rotations in 3D 12分钟
SwiftUI Basics Animate Font 8分钟
Exploring Grids 11分钟
Navigation Stack and TextField 20分钟
Animate Everything 13分钟
Simple List Example 14分钟
Video Exercise: Arithmetic Progression 13分钟
Exploring Xcode's Library Part 1 6分钟
Exploring Xcode's Library Part 2 15分钟
(NEW) Fun With Frames 7分钟
(NEW) Simplifying the Code Using a Custom View Modifier 7分钟
(NEW) Introducing Group Box View 4分钟
(NEW) Nested Group Boxes - User Info View 6分钟
(iOS18+) Mesh Gradient in a Nutshell 7分钟
(iOS18+) Animate Mesh Gradient With Timer 9分钟
(iOS18+) Scroll Transition and Container Relative Frame 22分钟
(iOS18+) Scroll Transition, Contrast, Brightness, Offset - Parallax Effect 8分钟
(iOS18+) Scroll Transition, Gray Scale and Squaring the Phase Value 5分钟
(iOS18+) Tab View, Search Role and Side Bar 5分钟
(iOS18+) Tab View With Selection 4分钟
(iOS18+) Tab Section 4分钟
Comparing Tab View in Landscape vs Portrait Mode on an iPad 1分钟
(iOS18+) @Previewable 3分钟
Exploring Blur Effects 16分钟
Exploring Blend Modes 21分钟

2篇阅读材料总计20分钟

Introduction to the Course 'SwiftUI Basics, UI Design, and Data Flow 10分钟
Full Specialization Resource 10分钟

1个作业总计15分钟

SwiftUI Basics - Asessment 15分钟

In this module, we will work through practical exercises to build real-world UI components, starting with the "Buy Now" view. You will be guided through the process of crafting user-friendly interfaces while learning to implement SwiftUI best practices for UI design and functionality.

涵盖的内容

3个视频1个作业

In this module, we will explore key concepts related to data flow in SwiftUI, including state management and data binding with property wrappers. You'll learn how to manage data efficiently across views using @Binding, @ObservedObject, and the EnvironmentObject. Additionally, we will cover migration strategies to newer data flow protocols like the Observable Macro.

涵盖的内容

11个视频1个作业

11个视频总计85分钟

State Variables 14分钟
Solution to @State Homework 8分钟
Introducing @Binding Example 7分钟
Setting Up CustomColorPicker and ColorCircle Views 3分钟
Custom Color Picker Using @Binding 14分钟
ObservedObject, StateObject, Published, Observable 9分钟
Observation Framework 4分钟
EnvironmentObject 7分钟
Migrating From the Observable Object Protocol to the Observable Macro 1分钟
Environment Example 7分钟
Bindable 11分钟

1个作业总计15分钟

Data Flow - Assessment 15分钟

In this module, we will explore SwiftUI's image handling capabilities, including image scaling, aspect ratio control, and asynchronous loading with AsyncImage. You will also learn how to integrate images into collection views for smooth user experiences and implement animations like scroll and overlay effects.

涵盖的内容

11个视频1个作业

11个视频总计65分钟

Start Project, Import Images, Enums 11分钟
Image Scale to Fit vs Fill 11分钟
Aspect Ratio 2分钟
Scroll and Iterate Through Images 4分钟
Scroll and Overlay With Ease in Animation 7分钟
Introducing AsyncImage 3分钟
AsyncImage Continued 4分钟
Simplifying the AsyncImage Code 7分钟
Images and LazyVGrid 5分钟
Video Exercise: Play / Pause Image 1分钟
Solution: Play / Pause Image 8分钟

1个作业总计15分钟

Exploring Images and AsyncImage - Assessment 15分钟

In this module, we will focus on creating and using Xcode code snippets to boost productivity. You will learn how to generate reusable code for common UI components such as buttons, gradient text, and image handling, saving time and ensuring consistency across your projects.

涵盖的内容

12个视频1个作业

12个视频总计99分钟

Code Snippets 9分钟
Page Tabbed View 7分钟
Button Snippets 15分钟
Gradient Text and Masks 4分钟
Cool Masking Text Example 9分钟
Nice Cool View Snippets 9分钟
Avatar Snippet 4分钟
Image URL Snippet 8分钟
Awesome Three Button Default Snippet 16分钟
Animate Font, FontWeight and Foreground Color 6分钟
Random Colors and Random Background Color 8分钟
Simple Background Snippets 3分钟

1个作业总计15分钟

Xcode Code Snippets - Assessment 15分钟

In this module, we will dive into animation techniques in SwiftUI, from basic SF Symbol animations to advanced phase-based and keyframe animations. You'll also explore exciting new animation styles introduced in iOS 18, including Breathe, Rotate, and Wiggle effects, and learn to customize animations for rich, interactive UIs.

涵盖的内容

9个视频1个作业

9个视频总计95分钟

SF Symbols Animations Part 1 20分钟
SF Symbols Content Transitions Part 2 12分钟
Phase Animations - Part 1 17分钟
Phase Animations - Part 2 6分钟
Phase Animations - Part 3 5分钟
Key Frame Animations 12分钟
(iOS18+) Breathe, Rotate, Wiggle 13分钟
(iOS18+) Breathe, Rotate, Wiggle Using SymbolEffect 4分钟
(iOS18+) Generating Animations From SF Symbols 5分钟

1个作业总计15分钟

Animations - Assessment 15分钟

In this module, we will explore the new navigation zoom transition effect introduced in iOS 18. You will learn how to implement smooth, visually engaging transitions that improve app navigation and provide a more interactive user experience.

涵盖的内容

1个视频1个作业

In this module, we will cover the basics of gestures in SwiftUI, including drag, rotate, and magnify gestures. You will learn how to apply animations like bounce-back effects, persist gesture states, and create fluid, interactive UI elements that respond to user input intuitively.