Create the User Interface with SwiftUI

Create the User Interface with SwiftUI

Name: Create the User Interface with SwiftUI
Rating: 4.666666666666667 (105 reviews)

This course is part of Meta iOS Developer Professional Certificate

Instructor: Taught by Meta Staff

8,714 already enrolled

Included with Coursera Plus

4 modules

Gain insight into a topic and learn the fundamentals.

4.7

(105 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

(105 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

Category: iOS App Development
Category: Application development
Category: Swift Programming
Category: use navigation in your apps

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

23 assignments

Taught in English

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

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
Module quiz: Getting Started with SwiftUI30 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

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
Module quiz: SwiftUI foundations30 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

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
Module quiz: Advanced SwiftUI30 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

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
Final graded quiz: Create the User Interface30 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

Instructor

Instructor ratings

4.4 (32 ratings)

Taught by Meta Staff

Offered by

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

Showing 3 of 105

4.7

105 reviews

5 stars
80%
4 stars
11.42%
3 stars
4.76%
2 stars
2.85%
1 star
0.95%

Reviewed on Dec 10, 2022

Reviewed on Jul 8, 2024

Reviewed on Jul 22, 2023

Frequently asked questions

Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:

The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.

If you subscribed, you get a 7-day free trial during which you can cancel at no penalty. After that, we don’t give refunds, but you can cancel your subscription at any time. See our full refund policy.

Create the User Interface with SwiftUI

What you'll learn

Skills you'll gain

Details to know

Build your Mobile and Web Development expertise

Earn a career certificate

There are 4 modules in this course

Getting started with SwiftUI

What's included

11 videosTotal 46 minutes

13 readingsTotal 190 minutes

5 assignmentsTotal 90 minutes

1 discussion promptTotal 10 minutes

SwiftUI foundations

What's included

8 videosTotal 33 minutes

12 readingsTotal 175 minutes

7 assignmentsTotal 120 minutes

Advanced SwiftUI

What's included

7 videosTotal 25 minutes

11 readingsTotal 175 minutes

7 assignmentsTotal 114 minutes

Creating a SwiftUI app

What's included

3 videosTotal 16 minutes

6 readingsTotal 113 minutes

4 assignmentsTotal 57 minutes

1 peer reviewTotal 60 minutes

2 discussion promptsTotal 20 minutes

Instructor

Offered by

Why people choose Coursera for their career

Learner reviews

Frequently asked questions

Coursera

Community

More

Mobile App

Create the User Interface with SwiftUI

What you'll learn

Skills you'll gain

Details to know

Build your Mobile and Web Development expertise

Earn a career certificate

There are 4 modules in this course

Getting started with SwiftUI

What's included

SwiftUI foundations

What's included

Advanced SwiftUI

What's included

Creating a SwiftUI app

What's included

Instructor

Offered by

Why people choose Coursera for their career

Learner reviews

Frequently asked questions

When will I have access to the lectures and assignments?

What will I get if I subscribe to this Certificate?

What is the refund policy?