Deep Dive iOS 16 Swift / SwiftUI Programming

Focused View

Dr. Ron Erez

14:34:36

180 View

1. Introduction

1. Introduction.mp4

01:12

2. Install Xcode 14 and SF Symbols.mp4

02:15

2. The Greetings App

1. Introducing modifiers.mp4

04:06

2. More Text Views in a VStack.mp4

03:37

3. Adding a View.mp4

02:31

4. Adding a Struct and an Array of Structs.mp4

02:35

5. Simplifying the code with the ForEach view.mp4

02:27

6. Add the Greeting Title and some Spacers.mp4

02:31

7. Cleaning up the code by refactoring and adding a background color.mp4

02:58

8. Adding a cool gradient background.mp4

02:57

9. Random color on tap gesture.mp4

04:52

10. Rotation animation of a circle using a @State variable.mp4

07:58

11. Creating a random caption.mp4

03:49

12. Dark Mode.mp4

09:40

13. Creating an App icon.mp4

04:58

14. Resizing the App icon.mp4

03:43

15. Clear the background of the App icon.mp4

01:00

16. Create a Launch Screen.mp4

02:50

17. Adding documentation to the Views.mp4

04:52

18. Localizing your App.mp4

05:44

19. Adding yet another language to the App.mp4

02:09

3. SwiftUI Basics

1. SwiftUI Basics 1.mp4

12:06

2. SwiftUI Basics 2.mp4

14:06

4. Xcode Code Snippets

1. Code Snippets.mp4

08:54

2. Page Tabbed View.mp4

06:35

3. Button Snippets.mp4

15:11

4. Gradient Text and Masks.mp4

04:29

5. Nice View Snippets.mp4

08:53

6. Avatar Snippet.mp4

04:24

7. Image Url Snippet.mp4

08:04

5. Introduction to the MVVM Design pattern with recipes

1. MVVM Example - Recipe Model.mp4

03:11

2. MVVM Example - Recipe View Model.mp4

03:39

3. MVVM Example - ListItem View.mp4

05:00

4. MVVM Example - Improving the View.mp4

07:09

5. MVVM Example - ShowRecipeView.mp4

06:43

6. MVVM Example - Touch up the image.mp4

02:34

6. Brevis App - Hotkeys

1. Brevis - Creating the Model.mp4

05:11

2. Creating the ViewModel.mp4

06:32

3. Creating the Hotkey View.mp4

07:13

4. Adding a list of hotkey descriptions.mp4

07:36

5. Rotate on Tap.mp4

10:55

6. Adding an image background.mp4

05:14

7. Tip Calculator

1. Supporting Light and Dark mode.mp4

05:46

2. Sine Path.mp4

08:13

3. Localizable Strings.mp4

06:05

4. Enter Total View.mp4

08:36

5. Choose Tip View.mp4

07:07

6. ChooseTipView - Adding State and Bindings.mp4

05:23

7. Implementing Split Bill.mp4

03:17

8. Payment Summary View.mp4

09:19

9. Payment Summary View - Computed Properties.mp4

05:46

10. Cleaning up the view.mp4

00:46

11. Custom Tip View.mp4

07:46

12. App Icon of Tip Calculator.mp4

06:37

13. Tap out of TextField.mp4

03:40

14. Change Display Name of Calculator.mp4

00:46

15. Human Interface Guidleines Layout.mp4

01:17

16. Supporting Landscape and Portrait mode.mp4

11:37

8. Flashcards App

1. Create Flashcard Project.mp4

05:59

2. Creating the Models.mp4

03:07

3. Import images.mp4

06:06

4. Creating the QuestionViewModel.mp4

04:08

5. Creating the FlashCardViewModel.mp4

03:27

6. TwoSidedBackgroundView.mp4

02:56

7. FillBar View.mp4

06:19

8. FlashItem View.mp4

10:15

9. Header View.mp4

07:46

10. TextAndOptionalImage View.mp4

05:19

11. Card View.mp4

13:30

12. Topic View.mp4

02:03

13. The Questions View.mp4

10:33

14. Creating the App Icon.mp4

00:57

15. ImageLink View.mp4

08:26

9. Mystic Puzzle

1. Creating the Puzzle Model.mp4

05:41

2. Adding documentation to the Model.mp4

05:13

3. Adding the view model and adding extensions to CGPoint.mp4

09:04

4. Adding tiles to the View.mp4

05:59

5. Adding some more tiles.mp4

06:20

6. Adding digits to the View.mp4

07:38

7. Adding the two digit numbers to the View.mp4

09:15

8. Add background images.mp4

04:27

9. Adding a custom font.mp4

07:27

10. Move tile on Tap.mp4

05:11

11. Shuffle Tiles.mp4

07:37

12. Adding buttons.mp4

06:39

13. Implementing the done() function.mp4

01:59

14. Adding a sound effect.mp4

05:43

15. Saving state.mp4

03:50

16. Add an App Icon.mp4

02:24

10. Quote of the day App

1. Warming up with an awesome View.mp4

13:10

2. Getting started with the Main Quote App.mp4

06:08

3. Random Quote API and the Quote Model.mp4

03:28

4. The Quote View.mp4

02:26

5. The Quote View Model.mp4

06:54

6. Putting it all together.mp4

02:17

7. MVP Completed.mp4

00:44

8. Import Images.mp4

02:04

9. Select Image View.mp4

03:21

10. Select Font View.mp4

09:53

11. Import Custom Font.mp4

05:24

12. Add fonts to Select Image View.mp4

07:29

13. Dealing with large Quotes.mp4

01:52

14. Sliders for Text Opacity and Size.mp4

10:59

11. Speed code a Chill Meditation App

1. Chill Meditation App.mp4

29:45

12. Meditation App - Frontend

1. Getting Started.mp4

02:38

2. Color palette and the Home Screen.mp4

04:31

3. Creating the Greetings View.mp4

04:16

4. Creating the Chips View.mp4

09:54

5. Current Meditation View.mp4

07:34

6. The Feature View - Part 1.mp4

09:18

7. The Feature View - Part 2.mp4

04:42

8. The Feature View - Part 3.mp4

12:41

9. Tab View - Part 1.mp4

04:25

10. Tab View - Part 2.mp4

03:02

11. Cleaning up the code.mp4

02:34

13. Finance App UI

1. Intro Finance App.mp4

03:40

2. Getting started with the About view.mp4

03:40

3. Color Palette and the Avatar View.mp4

08:13

4. ChoicesView using a list of custom labels.mp4

08:06

5. About View - Final Tweeks and adding an Optional Description.mp4

03:52

6. CreditCardView - Import EMV Chip from Figma.mp4

00:59

7. CreditCardView - The Chip.mp4

04:25

8. CreditCardView - Working on the View.mp4

06:44

9. CreditCardViewPage.mp4

10:47

10. CreditCardViewPage Continued.mp4

07:40

11. CreditCardViewPage Completed.mp4

07:07

12. CreditCardView - TopView.mp4

04:34

13. CreditCardView - Adding Folders.mp4

01:19

14. CreditCardView - TransactionView.mp4

20:22

15. CreaditCardView - Import Icons from FlatIcons.mp4

02:37

16. CreditCardView - Using Icons.mp4

05:27

17. YourBalanceView - Getting Started.mp4

00:46

18. YourBalanceView - First Steps.mp4

02:57

19. YourBalanceView - Designing the Header.mp4

04:13

20. YourBalanceView - Designing the Amount View.mp4

09:33

21. YourBalanceView - Actions View.mp4

09:11

22. YourBalanceView - Action Of The Week View.mp4

03:44

23. YourBalanceView - Monthly Expenses View.mp4

06:52

24. YourBalanceView - Monthly Expenses View Completed.mp4

03:12

25. YourBalanceView - Monthly Expenses View Refactoring Bar View.mp4

01:23

14. Multilingual Animals

1. Getting Started and Creating the Background.mp4

03:55

2. Get pictures from Pexel.mp4

02:28

3. Resize and import images.mp4

02:11

4. Animal Image Enumeration.mp4

02:10

5. The Animal Model.mp4

08:12

6. Speech.mp4

02:30

7. AnimalViewModel.mp4

03:36

8. The Animal Image View.mp4

05:39

9. Language View Model.mp4

01:59

10. AnimateView Image.mp4

08:06

11. Animate View Buttons.mp4

02:01

12. AnimateView The Flags.mp4

05:54

13. Creating the App Icon.mp4

03:21

Description

Project-based approach to iOS development using the MVVM design pattern with SwiftUI and the Swift Programming language

What You'll Learn?

Learn to build an iOS 16 App
Learn good programming practices
Learn MVVM design pattern
Have fun programming and exploring

Who is this for?

Beginner-intermediate programmers or anyone wanting to learn to program iOS 15 and iOS 16 using SwiftUI

More details

Description
This course focuses on iOS development dedicated to iOS 16 programming using the Swift programming language and the SwiftUI framework. You will learn programming fundamentals of the Swift programming language. This is a project based course. In each project you will learn about more features of the language and gain more experience. The Apps will be written using the MVVMÂ software design pattern which goes hand in hand with SwiftUI and iOS 16 development. You will also learn how to efficiently use Xcode 14, navigate, use hotkeys and code snippets.

Here is a list of the topics we will cover and the Apps we will create.
Basics. The goal is not to give an encyclopedic treatment, rather cover a large chunk of the fundamentals and then quickly dive into as many apps as possible where we use these basics and beyond.
Programming basics, i.e. variables, constants, arrays, loops, structs, conditionals, basic data types, guard, tuples, enumerations, etc.
HStack, VStack, ZStack, gradients, colors, text, alignment, frames, rotations, grids, images, AsyncImage
Working with code Snippets in order to write programs more efficiently. This topic is rather simple but quite useful. We also cover useful topics in this sections such as
Page tabbed views
Background colors
Buttons
Gradient text and masks
Nice default views
Avatars
Clickable images which link to a website
Greetings App. The goal is to explore some basics of SwiftUI. In this short App we learn about basic layouts, animations, tap gestures, gradients (linear and radial), support for multiple languages such as English, Spanish, etc, creating an App icon for all devices, support for light and dark mode.
Calculator. We implement a nice UIÂ based on a beautiful design from dribbble. We support both light and dark mode and discuss state variables.
Recipe App MVVM. This is the first App in the course that covers the MVVMÂ design pattern which is central in this course. We also cover basic navigation and lists and custom views in this section.
Fizz Buzz. This App is based on a standard interview question called Fizz Buzz. We learn about Xcode's playground and then we move on to an app that relies heavily on String manipulation. We write an App that implements Fizz Buzz in several programming languages such as Swift, Rust, Go, C, Javascript/HTML. So we write a program that writes programs. Moreover we learn how to copy text to the clipboard and we discover the context menu.
HTMLÂ to Color Extension. In this section we write code that convertsÂ HTML to usable code in SwiftUI. Namely we automate the creation of color extensions which will be used in the Charts App of our course (or in any app for that matter).
Alarm App. This is one of the highlights of the course. We largely base the UIÂ on a design from dribbble. We support multiple languages out of the box, namely English, Spanish, French, Italian, German, Turkish. The UI is highly complex so this is an excellent opportunity to work with nice UIs. We work with navigation stacks, tab views, grids, shapes, Date pickers, etc. We even create a custom toggle button using tap and drag gestures, states and bindings. Moreover we cover advanced topics such as async-await (introduced in iOSÂ 15) and local push notifications. We also discuss Environment objects, Published, State and Binding. (These topics are covered in most of the Apps but in the alarm app this is used frequently.)
Conway's Game of Life. This is a standard programming exercise introduced by the British mathematician John Conway (check out the Wiki) who sadly passed from Covid. We generalize this game in the sense that the user can change the rules of the game. Once again we focus both on actual programming logic and on a nice UI such as working with sliders, constructing custom check boxes, ForEach views, etc.
Brevis App -Â Hotkeys. This is a relatively simple MVVM-based App that animates the background and rotates a custom card view.
Tip Calculator. My first thought was - not another tip calculator! To make things interesting this App is based on a beautiful design from dribbble. We also work with Shapes in this section and there is a major focus on State and Bindings.
Flashcards App. The name is self-explanatory. There is a major focus on tap, magnification and drag gestures in this App. As usual we follow the MVVMÂ design pattern. We also create rotating cards (similar to what we have seen in the Brevis App).
Mystic Puzzle Game. This is also referred to as the 15 puzzle game. In this game we shuffle 15 titles with one empty title and the user must move the tiles back into place. This project has highly not trivial logic and not just a nice UI.
Quote of the Day App.Â This uses a quote API, in other words we will learn how to grab data off the internet which is very important in many other apps. Amongst other things we use custom fonts in this section.
Speed code a Chill Meditation App. We create a very simple meditation in 30 minutes flat. This is to show what can be done easily in SwiftUIÂ with very little time and effort.
Multilingual Animals. This can be viewed as an educational game for children. The main goal of this project is to learn how to support text to speech in multiple languages, namely, English, Spanish and French. Of course other languages can easily be supported.
The remaining four apps focus on the frontend. All based on designs from dribbble. Namely.
Body Shape UI.
Meditation App UI.
Finance App UI.
Task Manager UI.

Moreover this course is dynamic in the sense that I will regularly post more material of my own and/or in response to specific requests from students.

I hope you enjoy this course as much as I enjoyed creating it. Also make the code your own. Experiment and be creative. Try to implement an App idea of your own.

Feel free to ask questions in the QÂ &Â A or message me directly. I'm always happy to answer questions and check for questions twice a day.

Happy programming and have a Great day

Ron

Who this course is for:
Beginner-intermediate programmers or anyone wanting to learn to program iOS 15 and iOS 16 using SwiftUI

User Reviews

Rating

average 0

Total votes0

Focused display

Dr. Ron Erez has been programming for over 30 years and has always been amazed by the creativity and satisfaction of writing computer programs. Ron is also an experienced teacher having taught mathematics, computer science and English literature from middle school to university level courses.In Ron's free time he is out cooking, cleaning, skateboarding and just living life.I hope you enjoy taking my course as much as I enjoyed teaching it.Good luck on your journey to learn something new and exciting.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.