Create the User Interface with SwiftUI
In this course learners will learn how to build meaningful and functional user interfaces for iOS using Swift and UI frameworks.
Monthly Subscription Starting at AED 99 + VAT
- Level Foundation
- Duration 21 hours
- Course by Meta
-
Offered by
About
In this course learners will learn how to build meaningful and functional user interfaces for iOS using Swift and UI frameworks. By the end of this course, you’ll be able to: -Utilize a range of different approaches for building UI with Swift -Build a basic UI with the Swift Interface Builder -Create and control UI views with the UIKit framework -Create simple applications with the UIKit framework -Build interfaces using the SwiftUI framework -Utilize lists and forms in SwiftUI in order to build frameworks -Organize UI with the use of containers -Create stylish UI using advanced views -Enhance views with the use of transformations, drawings and animations You’ll gain experience with the following tools and software: -Swift UI framework -Interface building software -UIKit application and view building features -Lists and forms -UI containers -UI transformation, drawing and animation tools To take this course, you should understand the basics of Swift and cross-platform development for mobile applications. Additionally, it always helps to have a can-do attitude!Modules
Introduction
-
4
Videos
-
4
Readings
-
1
Discussion
1
Discussions
- What do you hope to learn?
4
Videos
- Introduction to Create the User Interface
- Mobile interface design
- Unique challenges for iOS UI
- Setting up the environment
4
Readings
- Course syllabus
- How to be successful in this course
- Xcode in SwiftUI mode
- Additional resources
Setting up SwiftUI
-
3
Videos
-
4
Readings
-
2
Assignment
2
Assignment
- Self-review: Setting up a SwiftUI app
- Knowledge check: Getting started with SwiftUI
3
Videos
- What is SwiftUI ?
- Declarative and imperative syntaxes
- SwiftUI scenes and views
4
Readings
- App structure / app protocol / SwiftUI architecture
- Exercise: Setting up a SwiftUI app
- Solution: Setting up a SwiftUI app
- Additional resources
Observing UI elements
-
4
Videos
-
5
Readings
-
3
Assignment
3
Assignment
- Self-review: Observing a TextField
- Knowledge check: Observing UI elements
- Module quiz: Getting Started with SwiftUI
4
Videos
- Observing changes and feedback
- Text and TextField
- Observing a TextField
- Module summary: Getting started with SwiftUI
5
Readings
- Observable, Observed, State and Binding
- Exploring Text
- Exercise: Observing a TextField
- Solution: Observing a TextField
- Additional resources
Creating views
-
3
Videos
-
5
Readings
-
2
Assignment
2
Assignment
- Self-review: Creating a simple view using stacks
- Knowledge check: Creating views using stacks
3
Videos
- Frames and layouts
- Stacks and views
- Creating views using stacks
5
Readings
- Frame and layouts examples
- Stacks cheat sheet
- Exercise: Creating a simple view using stacks
- Solution: Creating a simple view using stacks
- Additional resources
UI elements
-
2
Videos
-
4
Readings
-
2
Assignment
2
Assignment
- Self-review: Adding controls
- Knowledge check: UI elements
2
Videos
- Controls in SwiftUI
- Adding images and system images
4
Readings
- Controls cheat sheet
- Exercise: Adding controls
- Solution: Adding controls
- Additional resources
View hierarchy
-
3
Videos
-
3
Readings
-
3
Assignment
3
Assignment
- Self-review: Setting up parent and child views
- Knowledge check: View hierarchy
- Module quiz: SwiftUI foundations
3
Videos
- Container views
- Views within views
- Module summary: SwiftUI foundations
3
Readings
- Exercise: Setting up parent and child views
- Solution: Setting up parent and child views
- Additional resources
Navigation
-
3
Videos
-
3
Readings
-
2
Assignment
2
Assignment
- Self-review: Navigating an app
- Knowledge check: Navigation
3
Videos
- Flat and hierarchical navigation
- Hierarchical navigation
- Tabbed navigation
3
Readings
- Exercise: Navigating an app
- Solution: Navigating an app
- Additional resources
Displaying list data
-
1
Videos
-
4
Readings
-
2
Assignment
2
Assignment
- Self-review: Displaying a list
- Knowledge check: Displaying data
1
Videos
- ScrollView and List
4
Readings
- ScrollView and List in detail
- Exercise: Displaying a list
- Solution: Displaying a list
- Additional resources
Interaction and gestures
-
3
Videos
-
4
Readings
-
3
Assignment
3
Assignment
- Self-review: Gestures and callbacks
- Knowledge check: Gestures and callbacks
- Module quiz: Advanced SwiftUI
3
Videos
- Gestures
- Add gestures to a view
- Module summary: Advanced SwiftUI
4
Readings
- Gestures in-depth
- Exercise: Gestures and callbacks
- Solution: Gestures and callbacks
- Additional resources
Final project assessment
-
2
Videos
-
5
Readings
-
1
Discussion
-
1
PeerReview
-
4
Assignment
4
Assignment
- 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
1
Peer Review
- Submit your Little Lemon reservation app project
1
Discussions
- Share the challenges you encountered when creating your Little Lemon reservation app
2
Videos
- Course recap: Create the User Interface
- Exemplar: Little Lemon reservation app
5
Readings
- About the final project
- Set up the app
- Planning the views and navigation
- Adding the form and interactivity
- Solution: Little Lemon reservation app
Course wrap-up
-
1
Videos
-
1
Readings
-
1
Discussion
1
Discussions
- What did you find most interesting in this course?
1
Videos
- Congratulations, you have completed Create the User Interface
1
Readings
- Next steps
Auto Summary
"Create the User Interface with SwiftUI" is an essential course for anyone interested in mastering the art of building functional and visually appealing user interfaces for iOS applications. Offered in the domain of IT and Computer Science, this course will guide you through the fundamentals and advanced techniques of UI development using Swift and its associated frameworks. Under the expert instruction of Coursera, you will delve into various methodologies for constructing user interfaces. By the end of the course, you will be proficient in utilizing the Swift Interface Builder, controlling UI views with UIKit, and creating simple applications using the UIKit framework. Moreover, you'll explore how to build sophisticated interfaces with the SwiftUI framework, effectively organize UI elements with containers, and enhance your designs with advanced views, transformations, drawings, and animations. This comprehensive course spans approximately 1260 minutes and is ideal for learners with a foundational understanding of Swift and mobile cross-platform development. The course is available through a Starter subscription, making it accessible to those eager to elevate their UI development skills. If you're looking to build stunning and functional user interfaces for iOS, this course is tailored for you. Embrace the opportunity to expand your expertise and create impactful applications with SwiftUI.
Taught by Meta Staff