Create the User Interface with SwiftUI

This course is part of Meta iOS Developer Professional Certificate

Instructor: Taught by Meta Staff

Sponsored by JK Lakshmipat University Jaipur

9,013 already enrolled

4 modules

Gain insight into a topic and learn the fundamentals.

4.7

(107 reviews)

Beginner level

Recommended experience

Flexible schedule

Approx. 20 hours

Learn at your own pace

82%

Most learners liked this course

4 modules

Gain insight into a topic and learn the fundamentals.

4.7

(107 reviews)

Beginner level

Recommended experience

Flexible schedule

Approx. 20 hours

Learn at your own pace

82%

Most learners liked this course

What you'll learn

UI development
Mobile app development
UI interactivity
Project development

Skills you'll gain

Mobile Development

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

23 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

Build your Mobile and Web Development expertise

This course is part of the Meta iOS Developer Professional Certificate

When you enroll in this course, you'll also be enrolled in this Professional Certificate.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate from Meta

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

There are 4 modules in this course

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!

In this introductory module, you'll discover the basics of mobile user interfaces (UI) and some of the unique challenges related to building iOS UIs. You'll set up your Xcode environment and get started with SwiftUI. You'll learn all about SwiftUI in relation to cross-platform app development, the syntax in SwiftUI, as well as some of the features and UI elements fundamental to UI creation.

What's included

11 videos13 readings5 assignments1 discussion prompt

11 videosTotal 46 minutes

Introduction to Create the User Interface3 minutesPreview module
Mobile interface design3 minutes
Unique challenges for iOS UI3 minutes
Setting up the environment3 minutes
What is SwiftUI ?5 minutes
Declarative and imperative syntaxes4 minutes
SwiftUI scenes and views5 minutes
Observing changes and feedback4 minutes
Text and TextField4 minutes
Observing a TextField3 minutes
Module summary: Getting started with SwiftUI5 minutes

13 readingsTotal 190 minutes

Course syllabus10 minutes
How to be successful in this course10 minutes
Xcode in SwiftUI mode20 minutes
Additional resources5 minutes
App structure / app protocol / SwiftUI architecture20 minutes
Exercise: Setting up a SwiftUI app30 minutes
Solution: Setting up a SwiftUI app10 minutes
Additional resources5 minutes
Observable, Observed, State and Binding15 minutes
Exploring Text20 minutes
Exercise: Observing a TextField30 minutes
Solution: Observing a TextField10 minutes
Additional resources5 minutes

5 assignmentsTotal 90 minutes

Module quiz: Getting Started with SwiftUI30 minutes
Self-review: Setting up a SwiftUI app9 minutes
Knowledge check: Getting started with SwiftUI21 minutes
Self-review: Observing a TextField9 minutes
Knowledge check: Observing UI elements21 minutes

1 discussion promptTotal 10 minutes

What do you hope to learn?10 minutes

In this module, you will build on your learning by covering the foundations of SwiftUI. You'll discover views and how to create them using stacks. You'll learn about different UI elements, including controls and images, and how to add them to your UIs. You'll also discover view hierarchies in SwiftUI and related concepts and practice setting up parent and child views in your UI.

What's included

8 videos12 readings7 assignments

8 videosTotal 33 minutes

Frames and layouts4 minutesPreview module
Stacks and views4 minutes
Creating views using stacks3 minutes
Controls in SwiftUI3 minutes
Adding images and system images4 minutes
Container views5 minutes
Views within views3 minutes
Module summary: SwiftUI foundations4 minutes

12 readingsTotal 175 minutes

Frame and layouts examples20 minutes
Stacks cheat sheet10 minutes
Exercise: Creating a simple view using stacks30 minutes
Solution: Creating a simple view using stacks10 minutes
Additional resources5 minutes
Controls cheat sheet10 minutes
Exercise: Adding controls30 minutes
Solution: Adding controls10 minutes
Additional resources5 minutes
Exercise: Setting up parent and child views30 minutes
Solution: Setting up parent and child views10 minutes
Additional resources5 minutes

7 assignmentsTotal 120 minutes

Module quiz: SwiftUI foundations30 minutes
Self-review: Creating a simple view using stacks9 minutes
Knowledge check: Creating views using stacks21 minutes
Self-review: Adding controls9 minutes
Knowledge check: UI elements21 minutes
Self-review: Setting up parent and child views9 minutes
Knowledge check: View hierarchy21 minutes

In this module, you'll cover more advanced SwiftUI concepts. You'll explore the different types of navigation and how to use navigation in your apps. You'll also learn how to display list data and add gestures to your views in order to create interactive apps that your users will love!

What's included

7 videos11 readings7 assignments

7 videosTotal 25 minutes

Flat and hierarchical navigation3 minutesPreview module
Hierarchical navigation3 minutes
Tabbed navigation3 minutes
ScrollView and List4 minutes
Gestures4 minutes
Add gestures to a view2 minutes
Module summary: Advanced SwiftUI3 minutes

11 readingsTotal 175 minutes

Exercise: Navigating an app30 minutes
Solution: Navigating an app10 minutes
Additional resources5 minutes
ScrollView and List in detail20 minutes
Exercise: Displaying a list30 minutes
Solution: Displaying a list10 minutes
Additional resources5 minutes
Gestures in-depth20 minutes
Exercise: Gestures and callbacks30 minutes
Solution: Gestures and callbacks10 minutes
Additional resources5 minutes

7 assignmentsTotal 114 minutes

Module quiz: Advanced SwiftUI30 minutes
Self-review: Navigating an app6 minutes
Knowledge check: Navigation21 minutes
Self-review: Displaying a list6 minutes
Knowledge check: Displaying data21 minutes
Self-review: Gestures and callbacks9 minutes
Knowledge check: Gestures and callbacks21 minutes

In this module, you will be assessed on the key skills covered in the course and demonstrate your practical SwiftUI skillset by creating a project to add to your portfolio.

What's included

3 videos6 readings4 assignments1 peer review2 discussion prompts

3 videosTotal 16 minutes

Course recap: Create the User Interface8 minutesPreview module
Exemplar: Little Lemon reservation app4 minutes
Congratulations, you have completed Create the User Interface3 minutes

6 readingsTotal 113 minutes

About the final project10 minutes
Set up the app30 minutes
Planning the views and navigation30 minutes
Adding the form and interactivity30 minutes
Solution: Little Lemon reservation app10 minutes
Next steps3 minutes

4 assignmentsTotal 57 minutes

Final graded quiz: Create the User Interface30 minutes
Readiness check: Have you completed the initial setup?9 minutes
Readiness check: Have you set up the views and navigation?9 minutes
Readiness check: Have you implemented the form and interactivity?9 minutes

1 peer reviewTotal 60 minutes

Submit your Little Lemon reservation app project60 minutes

2 discussion promptsTotal 20 minutes

Share the challenges you encountered when creating your Little Lemon reservation app10 minutes
What did you find most interesting in this course?10 minutes