Your First iOS and SwiftUI App

Sep 3 2019 · Video Course (3 hrs, 20 mins) · Beginner

Updated for 2019! If you're a complete beginner to iOS and SwiftUI development and wondering how to get started, this is the course for you.

5/5 8 Ratings

Version

  • Swift 5, iOS 13, Xcode 11

Getting Started with SwiftUI

Introduction

4:06 Free

Learn about the first app you'll build - a simple but fun game called Bull's Eye - and get a preview of all the things you'll learn throughout this part.

1

SwiftUI vs. UIKit

5:05 Free

Learn about the differences between SwiftUI and UIKit, and whether you should learn SwiftUI, UIKit, or both.

2

Make a programming to-do list of all the things you'll need to do to build the game. This helps build a good programming practice of gathering requirements first!

3

Use SwiftUI's Canvas editor to easily add text fields and buttons to your app, in a visual manner.

4

Learn the basics of object-oriented programming, so you can better understand the Swift code created for you by the SwiftUI Canvas editor.

5

Learn how to connect your button to some Swift code that prints a message to the console.

6

SwiftUI State

9:53 Free

Learn about an important concept called SwiftUI state, which helps you keep your user interface and app state always consistent.

7

Solving Problems

5:36 Free

Learn how to solve problems beginners frequently run into, such as what to do when your code has an error.

8

Practice what you've learned so far by adding a knock-knock joke to your app.

9

Conclusion

0:48 Free

Let's review where you are with your programming to-do list, and discuss what's next.

10

Creating User Interfaces with SwiftUI

Introduction

1:05 Free

Let's review what you'll be learning in this part, and why it's important.

11

Learn how to convert your app from portrait to landscape mode, and how to configure the SwiftUI preview accordingly.

12

SwiftUI Views

5:13 Free

Learn what SwiftUI Views are, and discuss the general plan for the views you will use in Bull's Eye.

13

SwiftUI Layout

5:34 Free

Through a combination of the SwiftUI Canvas editor and writing code manually, lay out the first three rows in the Bull's Eye user interface.

14

Practice what you've learned by laying out the final row of the Bull's Eye user interface.

15

Learn how you can make Bull's Eye look a bit less cramped through the use of SwiftUI spacers and padding.

16

SwiftUI Bindings

4:00 Free

Use SwiftUI bindings to keep the value of the slider synchronized with a state variable.

17

Strings

2:50 Free

Learn about a very important data type you'll use in your iOS apps, which you can use to store a sequence of characters.

18

Variables

8:02 Free

Learn how to detect when the user moves the slider, and how to store the result in a variable.

19

Conclusion

0:37 Free

Learn how to detect when the user moves the slider, and how to store the result in a variable.

20

Swift Basics

Introduction

1:07 Free

Let's review what you'll be learning in this part, and why it's important.

21

Learn about the pre-built data types and functions you can use in your apps to solve a variety of common tasks.

22

Writing Methods

3:03 Free

Learn the syntax to write your own methods in Swift.

23

See if you can figure out an algorithm to calculate the positive difference between the target value and the slider value.

24

If/Else Statements

3:49 Free

Learn how to write if/else statements in Swift, and how you can use them to implement the algorithm.

25

Try improving the algorithm to calculate the difference so it is written in less lines of code.

26

Finalize the difference algorithm and score calculation, and learn about an important Swift concept: the difference between variables and constants.

27

Type Inference

3:44 Free

Learn how something called Swift type inference can help make your code more concise and easy to understand.

28

Variable Scope

3:09 Free

Make sure you understand the difference between local and instance variables, which is a common point of confusion for beginners to programming.

29

Conclusion

0:35 Free

Let's review where you are with your programming to-do list, and discuss what's next.

30

More Swift Basics

Introduction

1:16 Free

Let's review what you'll be learning in this part, and why it's important.

31

Practice some coding basics by modifying Bull's Eye to display the player's total score.

32

Your First Bug

5:08 Free

There's a subtle bug where Bull's Eye doesn't calculate the correct score. Learn why this is happening, and how to fix it.

33

It's time for an even bigger challenge: modifying Bull's Eye to keep track and report the current round of the game.

34

Better Alert Title

3:48 Free

Add some polish to the app by telling the player how well they did each round.

35

Get some practice with coding basics by giving the user bonus points if they are very close to the target.

36

Get some more coding practice by implementing the "Start Over" button in Bull's Eye.

37

Conclusion

0:27 Free

Let's review where you are with your programming to-do list, and discuss what's next.

38

Styling the App

Introduction

0:49 Free

Let's review what you'll be learning in this part, and why it's important.

39

Images

7:31 Free

Learn how to add images into your app, and how to name and size images.

40

View Modifiers

8:55 Free

Learn how you can use SwiftUI view modifiers to easily style groups of views within your apps.

41

Practice creating view modifiers by styling the value labels in Bull's Eye.

42

Learn how to customize the buttons and sliders in the app so they look nice.

43

Learn how to add multiple screens to your iOS apps, by adding an About page into Bull's Eye.

44

Get some more practice with view modifiers by adding some style to the About page.

45

Learn how to set up your app icon, and how to change the display name of your app.

46

Learn how to run your app on your own physical device so you can carry it around and show it off to your friends!

47

Conclusion

2:06 Free

Let's review what you learned in this course and discuss where to go from here to continue your iOS and Swift learning journey.

48

Who is this for?

Total beginners — no Swift, iOS, or previous developer knowledge required! This course walks you through building an app from start to finish.

You'll start by learning the basics of SwiftUI, a new way for iOS developers to build user interfaces for their apps using Swift. Then, you’ll master app fundamentals like strings, variables, and app state. You’ll even learn how to fix bugs! You’ll get a primer in coding basics to level-up your app-development skills. You’ll add more cool functionality to your game and practice your new coding skills.

Finally, you’ll amp up the flair by learning how to style your app!

This course isn’t suited for intermediate or advanced developers. If that’s you, check out our intermediate or advanced video courses for more ways to level-up your developer skills!

Covered concepts

This course covers all the concepts you’ll need to build your first app! Here are some of the topics you’ll conquer along the way:

  • OO programming
  • Swift Basics
  • Methods
  • Strings
  • Variables
  • Scope
  • SwiftUI Views
  • SwiftUI State
  • SwiftUI Bindings
  • Bug Fixes
  • Popups
  • Devs Docs
  • Styling

Contributors

Comments