SwiftUI

Oct 22 2019 · Video Course (3 hrs, 58 mins) · Intermediate

A deep dive into getting started with SwiftUI. This course will cover the basics to get you off the ground running before moving on to create SwiftUI interfaces that seamlessly integrate alongside UIKit. You'll cover SwiftUI components, accessibility as well as the new layout system to create a completed app at the end of the course.

4.5/5 11 Ratings

Version

  • Swift 5, iOS 13, Xcode 11

SwiftUI Views

Introduction

2:42 Free

Welcome to the SwiftUI course. In this section you're going to learn the basics of building out interfaces using SwiftUI.

1

In this episode you'll get familiar with what SwiftUI is and how it will help you as a developer in your day-to-day life when building out user interfaces.

2

In this episode you'll start to work with SwiftUI's View protocol as well as learn why we no longer need UIViewControllers.

3

In this episode you'll begin working with the Text component as well as altering its appearance using Modifiers.

4

In this episode you'll apply more styling to your components and experience live rendering in the canvas.

5

Image

9:29

In this episode you'll get familiar with SwiftUI's Image component and how to create the style you want with its modifiers.

6

Button

8:54

Button is a fantastic component in terms of what's changed from UIKit. Here, you'll get familiar with the much more flexible Button component.

7

Working with documentation is an absolutely vital skill to learn. In this episode you'll learn how to access it in several forms depending on what you need.

8

Slider and Stepper components are great tools for gathering info from users. Here you'll get them working along with some bindings to store that data.

9

The DataPicker and Toggle components should be familiar from UIKit. In this episode you'll learn how they translate to SwiftUI.

10

Conclusion

0:42

Congratulations! You completed the first section of this course. You've learned so much! Now its time to move onto the next section to learn more about SwiftUI.

11

Building Interfaces with Container Views

In this part of the course, you'll learn more about combining your knowledge to make even more interesting user interfaces.

12

Stacks are incredible tools for combining components. They come in 3 forms depending on which axis you want to build your UI in.

13

So far you've worked with basic layouts. In this video we'll cover what's really going on under the hood and how to control your layouts more precisely.

14

ForEach makes it a breeze when iterating over a collection of data to produce similar SwiftUI Views. All you need is a unique ID for each element.

15

SwiftUI has changed how you'll work with lists of repeated views, similar to UITableViews. Here you'll cover how to get started.

16

When you want to create more advanced layouts similar to UICollectionViews in SwiftUI, ScrollViews and Stacks are there to help.

17

Navigation

10:02

Navigating from one part of your app to another has never been easier thanks the Navigation component. Here you'll get started with moving around your apps.

18

TabViews

3:08

TabViews are SwiftUI's answer to the UITabBarController from UIKit. It is so easy to get started with and customise to get the result you want.

19

Conclusion

0:49

Congratulations on completing the 2nd section of the course! You're now ready to get your hands on binding your own models to your views!

20

Binding Data to Views & Accessibility

You're now ready to get started with understanding binding data to SwiftUI views. You'll cover state, custom models and ways to pass a model app-wide.

21

In this episode you'll take a deep-dive into what's going on with the state attribute and how it operates under the hood when binding to your components.

22

In this video you'll learn about binding custom models to your components as well as passing state through layers of the UI hierarchy.

23

Drawing your own custom views and shapes is so much fun with SwiftUI! You'll learn how to do so using the device's screen dimensions to create scalable results.

24

The Environment is an incredibly powerful feature in SwiftUI allowing you to gather important information about where you app is running as well as respond.

25

In this episode you'll refactor an App to be more accessible and support users who rely on assistive technologies such as VoiceOver.

26

In this episode you'll continue to make your app even more accessible for users who'll be interacting with your app using assistive technologies.

27

Conclusion

0:29

Amazing work! You've completed section 3 and learned so much about binding data and accessibility. See you in the next section where we'll put it all together.

28

Integrating with UIKit & Putting it All Together

Welcome to section 4! You're going to put all of the great SwiftUI goodness you've learned so far, and more, together to build out CatKit!

29

In this episode you'll build a state-driven social media feature for cats to browse the local news. They'll be able to like and share posts for others!

30

In this episode you'll add features to the news list to allow cats to react to each post and filter them as a result.

31

In this episode you'll work with bindings to create a model that can be shared across multiple Views to allow cats to monitor their human 'pets'.

32

In this episode you'll create a stunning UI for cats to monitor the mood of their human 'pets' and keep and eye on them using awesome animations!

33

Here you'll learn how to add new SwiftUI Views to your existing UIKit applications that support iOS 13 and above.

34

In this lesson you'll learn how to add some new UIKit features to your existing SwiftUI application.

35

In this lesson you'll add a UIPageController to a SwiftUI application and put all of the pieces together to get both UI frameworks working in tandem.

36

Conclusion

1:20

Amazing job! You have learned so much in such a short time. It's time to get out there and get using SwiftUI in your UIKit apps or in new applications!

37

Who is this for?

This course is for iOS developers who have experience building user interfaces with storyboards and know the basics of Auto Layout.

Covered concepts

  • Learn the basic components of SwiftUI
  • Learn how to build interfaces in a data-driven, declarative way
  • Learn the differences between UIKit and SwiftUI
  • Learn how to phase existing UIKit applications into using SwiftUI
  • Learn how to build interfaces interactively with Live Update
  • Learn to use documentation efficiently and effectively: An essential skill when working with Beta Tools.
  • Build an app that goes from simple components to complex interfaces that are animated and look great on all devices

Contributors

Comments