Course Highlights
  • UI development
  • Mobile app development
  • UI interactivity
  • Project development
Curriculum

30 Topics
Introduction to Create the User Interface
Mobile interface design
Unique challenges for iOS UI
Setting up the environment
What is SwiftUI ?
Declarative and imperative syntaxes
SwiftUI scenes and views
Observing changes and feedback
Text and TextField
Observing a TextField
Module summary: Getting started with SwiftUI
Course syllabus
How to be successful in this course
Xcode in SwiftUI mode
Additional resources
App structure / app protocol / SwiftUI architecture
Exercise: Setting up a SwiftUI app
Solution: Setting up a SwiftUI app
Additional resources
Observable Observed State and Binding
Exploring Text
Exercise: Observing a TextField
Solution: Observing a TextField
Additional resources
Self-review: Setting up a SwiftUI app
Knowledge check: Getting started with SwiftUI
Self-review: Observing a TextField
Knowledge check: Observing UI elements
Module quiz: Getting Started with SwiftUI
What do you hope to learn?

27 Topics
Frames and layouts
Stacks and views
Creating views using stacks
Controls in SwiftUI
Adding images and system images
Container views
Views within views
Module summary: SwiftUI foundations
Frame and layouts examples
Stacks cheat sheet
Exercise: Creating a simple view using stacks
Solution: Creating a simple view using stacks
Additional resources
Controls cheat sheet
Exercise: Adding controls
Solution: Adding controls
Additional resources
Exercise: Setting up parent and child views
Solution: Setting up parent and child views
Additional resources
Self-review: Creating a simple view using stacks
Knowledge check: Creating views using stacks
Self-review: Adding controls
Knowledge check: UI elements
Self-review: Setting up parent and child views
Knowledge check: View hierarchy
Module quiz: SwiftUI foundations

25 Topics
Flat and hierarchical navigation
Hierarchical navigation
Tabbed navigation
ScrollView and List
Gestures
Add gestures to a view
Module summary: Advanced SwiftUI
Exercise: Navigating an app
Solution: Navigating an app
Additional resources
ScrollView and List in detail
Exercise: Displaying a list
Solution: Displaying a list
Additional resources
Gestures in-depth
Exercise: Gestures and callbacks
Solution: Gestures and callbacks
Additional resources
Self-review: Navigating an app
Knowledge check: Navigation
Self-review: Displaying a list
Knowledge check: Displaying data
Self-review: Gestures and callbacks
Knowledge check: Gestures and callbacks
Module quiz: Advanced SwiftUI

16 Topics
Course recap: Create the User Interface
Exemplar: Little Lemon reservation app
Congratulations you have completed Create the User Interface
About the final project
Set up the app
Planning the views and navigation
Adding the form and interactivity
Solution: Little Lemon reservation app
Next steps
Readiness check: Have you completed the initial setup?
Readiness check: Have you set up the views and navigation?
Readiness check: Have you implemented the form and interactivity?
Final graded quiz: Create the User Interface
Submit your Little Lemon reservation app project
Share the challenges you encountered when creating your Little Lemon reservation app
What did you find most interesting in this course?

  Write a Review

Create the User Interface with SwiftUI

Go to Free Course