Certificate in Swift iOS 16 programming

TABLE OF CONTENT

Introduction

• Install Xcode 14 and SF Symbols
• Introducing Xcode 14
• Xcode 13 Versus Xcode 14
• Take a Tour of Xcode + Hotkeys

Swift Programming Language Fundamentals

• Introduction to Swift Fundamentals
• Variables and Let Constants
• String Arrays and For Loops
• Structs and Arrays of Structs
• Optionals, If, If Let
• A Note about Line Breaks
• Int, Double, Float, Type Of
• Division, Modulo, More For Loops and If Statements
• Simplify the Code with a Function
• Multiline Strings
• More on Loops (For, While, and Repeat)
• The Guard Statement
• Tuples and Named Tuples
• Enumerations
• Named Enumerations

The Greetings App

• Introduction to the Greetings App
• Introducing Modifiers
• More Text Views in a VStack
• Adding a View
• Adding a Struct and an Array of Structs
• Simplifying the Code with the ForEach View
• Add the Greeting Title and Some Spacers
• Cleaning Up the Code by Refactoring and Adding a Background Color
• Adding a Cool Gradient Background
• Random Color on Tap Gesture
• Rotation Animation of a Circle Using a @State Variable
• Creating a Random Caption
• Dark Mode
• Creating an App Icon
• Resizing the App Icon
• Clear the Background of the App Icon
• Create a Launch Screen
• Adding Documentation to the Views
• Localizing Your App
• Adding Yet Another Language to the App
• Change Language in Preview and Simulator
• Code Factorization and Some Thoughts on Landscape Mode and iPad Support
• Landscape Views
• Adapting to Portrait and Landscape Mode
• Supporting iPad
• Final Touch - Search Project - iOS 16
• Programmatically Change Current Language
• Persist Current Language
• An Interesting Question: Color.orange Versus .orange?
• Appendix: Alternative Way to Generate an App Icon
• Mark, Todo, Minimap, and Navigation
• Appendix: Preview Discussion

SwiftUI Basics

• SwiftUI Basics: HStack, VStack, ZStack, Colors, and Gradients
• State Variables, Let Constants, Tap Gesture
• MultilineTextAlignment, Rotations in 3D
• SwiftUI Basics Animate Font
• Exploring Grids in iOS 16
• Navigation Stack and Textfield
• Animate Everything
• Simple List Example
• Video Exercise: Arithmetic Progression
• Exploring Xcode's Library Part 1
• Exploring Xcode's Library Part 2

Exploring Images and AsyncImage

• Import Images and Creating Useful Enums
• Image Scale to Fit Versus Fill
• Aspect Ratio
• Scroll and Iterate Through Images
• Scroll and Overlay with Ease in Animation
• Introducing AsyncImage
• AsyncImage Continued
• Simplifying the AsyncImage Code
• Images and LazyVGrid
• Video Exercise: Play/Pause Image
• Solution: Play/Pause Image

Xcode Code Snippets

• Code Snippets
• Page Tabbed View
• Button Snippets
• Gradient Text and Masks
• Fitting the Gradient to the Text
• Nice View Snippets
• Image URL Snippet
• Awesome Three Button Default Snippet
• Animate Font, Font Weight, and Foreground Color
• Random Colors and Random Background Color
• Random Colors and Random Background Color

Cool and Interesting Questions

• NavigationStack - Replace Back Button - Part 1
• NavigationStack - Replace Back Button - Part 2
• NavigationStack - Replace Back Button - Part 3
• FlexToGrid Challenge 50 25 25 Split
• NavigationStack Title Color
• Drag Image from Above - Part 1
• Drag Image from Above - Part 2
• Drag Image from Above - Part 3
• Multi-Color Glowing Border Using Trim
• Generic ToolTipView Using LongPressGesture
• Challenge: Trimmed Split Capsule
• Chocolate View - Part 1
• Chocolate View - Part 2

Calculator Supporting Light and Dark Mode

• Introduction to the Light and Dark Mode Calculator
• Calculator - Getting Started
• Dribble Design and Selecting the Calculator Colors
• Dark and Light Mode
• Colors for Moon and Sun
• Continue Main Calculator View
• Implement Sun Moon View
• Implementing the Computation View
• The Enumerations
• Button View
• Buttons Model and Calcs Button View
• String Helper Functions
• Implementing the Calculator Logic - Part 1
• Implementing Equality Logic
• Implementing the Decimal Point Logic
• Refactoring Code
• iPad Detection
• Adapting to iPad - Part 1
• Adapting to iPad - Part 2
• UIScreen - Begone!
• No Symbol Found - Away!

Introduction to the MVVM Design Pattern with Recipes

• MVVM Example - Recipe Model
• MVVM Example - Recipe View Model
• MVVM Example - ListItem View
• MVVM Example - Improving the View
• MVVM Example - ShowRecipeView
• MVVM Example - Touch Up the Image

FizzBuzz and Programs That Write Programs!

• Introduction to FizzBuzz
• Introducing FizzBuzz in the Playground
• The Main View
• The About View
• Background Image View
• Completing the About View
• The FizzBuzz View
• FizzBuzz Algorithm Model
• FizzBuzz Algorithm View Model
• Indent String extension
• Complete the FizzBuzz Model
• Code Creator View

Create a Color Extension Based on an HTML Page

• Introduction to Programmatically Converting HTML to a Color Extension
• Extract Color from HTML Code
• Get Color Name
• Get RGB Color
• Generate Swift Code
• Extending Color
• Random Color Extensions
• Grid of Colors Test
• Video Exercise to Test Your Understanding

Exploring Charts

• Introduction to Charts
• Folder Structure and Arc View
• Random Arc from Color List View
• Color Button View
• Color Button Test and Bar Chart - Part 1
• Color Button Test and Bar Chart - Part 2
• Reorganize Chart Series - End of Chart Demo 1
• Demo 2 - First Exploration of Bar Charts, Annotations, Chart Scale, ChartXYAxis
• Foreground Style, Multiple Groups
• Legend Visibility and Legend Position/Alignment
• Demo 3 - ForEach, Custom Colors
• Demo 3 - Bar, Line, Area Charts
• Demo 3 - Toggle Vertical and Horizontal Mode
• Demo 3 - Random Colors - Part 1
• Demo 3 - Random Colors - Code Refactorization
• Demo 3 - Random Colors - Complete the Bar Chart
• Demo 4 - Getting Started
• Demo 4 - Adjusting View, Adding Title with Alignment
• Demo 4 - Title Alignment Button
• Demo 4 - Supporting Edit Mode, Add Share Button
• Demo 4 - Draggable Rule Mark - Part 1
• Demo 4 - Draggable Rule Mark - Part 2
• Demo 4 - Draggable Rule Mark - Part 3
• Demo 4 - Adding an Annotation for Edit Mode
• Demo 4 - ChartItem Struct
• Demo 4 - Refactoring with the Amazing ChartItem
• Demo 4 - Refactoring LeftChartButtonsView
• Demo 4 - Refactoring RightChartButtonsView
• Demo 4 - Refactoring Bar Chart Horizontal View
• Demo 4 - Refactoring LineChartHorizontalView
• Demo 4 - ChartDrag View modifier
• Demo 4 - Refactoring LineChartVerticalView
• Demo 4 - Combine Line and Area Views
• Demo 4 - Yes! It Works!
• Demo 4 - Adjusting Color Button for Line and Area Views
• Demo 4 - Edit Title and Add Border
• Funnel Chart Exercise
• Funnel Chart Solution

Alarm App

• Create the Alarm Project
• Creating the App Icon
• Folder Structure
• Localization
• Color Palette
• Time of Day Icon - Part 1
• Time of Day Icon - Part 2
• The Time Model
• Time and Date Support
• The Alarm Model
• Dummy Alarm Data
• Splash Screen View Structure
• Splash Screen: Animated Circles Subview
• Four Cool Circles View
• Splash Screen: Animate Four Cool Circles
• Cool Text View and Custom Fonts
• Import Image and Complete Splash Screen
• Enable Notifications View - General Structure
• MainGradient, ButtonView, and Complete Enable Notifications View UI
• About View
• Add and Edit Alarm - Part 1 - You Did It View
• Add and Edit Alarm - Part 2 - ToBedWakeUpView
• Cancel and Save Buttons
• Alarm Toggle View - Part 1
• Time Picker
• Select Activity View
• SelectActivityView - Part 2
• Back to the Main Alarm View
• Create List of the Alarms View
• List of the Alarms View Continued
• Alarm Row View
• Create AddEditCircularAlarmView
• CentralDatePickerView
• Circular Time View Computed Properties
• TimeArcView
• DisplayIconOnCircularTimeView
• MainAddEditView
• Replacing Context Menu with Menu
• Add Border to Select Activity View
• Select Activity View Expanded - Row of Circles
• Select Activity View Expanded - Row of Activities
• Select Activity View Expanded - In Action
• Extending Localized Strings and Adding More Languages
• Local Notification Manager
• Enable Notifications and Scene Phase
• Adding the Alarm Model and Saving State
• Get Pending Alarms
• Sounds, Play Sounds, Sounds UI - Part 1
• Sounds, Play Sounds, Sounds UI - Part 2
• Sounds, Play Sounds, Sounds UI - Part 3
• Sounds, Play Sounds, Sounds UI - Part 4
• Sounds, Play Sounds, Sounds UI - Part 5
• Cleaning Up ToBedWakeUpView
• List of Alarms and Alarms Row View - Connect to Backend
• List of Alarms View Continued
• Adding Schedule to Local Notification Manager
• Adding Schedule to Local Notification Manager Continued
• Remove Request
• Connecting Backend to List of Alarms View
• CancelSaveAlarm Functionality
• CancelSaveAlarm - Schedule Alarm on Save
• Add Sheet to ListOfAlarmsView and Add Backend to AddEditAlarmView
• Binding currentAlarmIndex and Using Breakpoints
• Foreground Local Push Notification
• ListOfTheAlarmsView - Sheet for Add Alarm Button
• Prepare Groundwork for AddEditCircularAlarmView
• Choose Alarm View
• Get Circular Alarm View in the Picture
• Improve UX - AlarmRowViewButton
• Tweak Alarm Model and Connect Circular Alarm View
• Toggle Between Circular and Standard View
• Toggle Add Edit Alarm Type - Image Display View
• Toggle Add Edit Alarm Type - Select View

Conway's Game of Life

• Introducing John Conway's Game of Life
• General Structure of the Main View
• Cool Title View
• Introducing the Board Model
• BoardModel: GetCreature and Vitality
• Introducing the Board View
• Completing the Board View
• Supporting Methods for Next Generation
• Implementing Next Generation
• Putting It All Together - Minimal Viable Product
• Introducing the Controls View
• Adding a Slider and Play Pause Button to the Control View
• ButtonView and Play, Refresh, Clear Buttons
• Completing the Control View
• Play / Pause Button Implementation
• Implementing Speed
• Rules View - Structure
• Rules View - Part 2 - Structure
• Rules View - RoundButtonView
• Rules View - GlowingCard View Modifier
• Rules View - RulesCheckboxView
• Rules View - ToggleButtonView
• Rules View - Completed
• Information View

Body Shape UI Challenge

• Introduction - Body Shape UI
• Getting Started and Selecting Colors
• Icon Right
• Welcome Message View
• Weight View Part 1
• Weight View Part 2 Adding FillBarView
• Data Summary View Row 1
• Data Summary View Row 2
• Data Summary View Row 2 Part 2
• Buttons View
• Introduction to Body Shape UI Splash Screen
• Body Shape UI Challenge Splash Screen View
• Results View - Getting Started
• Results View - Create Top Row
• Calendar Bar View - Part 1
• Calendar Bar View - Vertical Dot Bar - Part 2
• Calendar Bar View - Vertical Dot Bar isSelected - Part 3
• Calendar Bar View - Vertical Dot Bar adjustments - Part 4
• Calendar Bar View - Add Vertical Dot Bar - Part 5
• Calendar Bar View - Add Vertical Dot Bar - Part 6
• General Structure and New Components
• Main Activities View - Part 1
• Main Activities View - Part 2
• Completing Current Activities View
• Heart Rate View
• Complete Result View - Yes!

Brevis App - Hotkeys

• Brevis - Creating the Model
• Creating the ViewModel
• Creating the Hotkey View
• Adding a List of Hotkey Descriptions
• Rotate on Tap
• Adding an Image Background
• Adjusting the Detailed View

Tip Calculator

• Supporting Light and Dark Mode
• Sine Path
• Localizable Strings
• Enter Total View
• Choose Tip View
• ChooseTipView - Adding State and Bindings
• Implementing Split Bill
• Payment Summary View
• Payment Summary View - Computed Properties
• Cleaning Up the View
• Custom Tip View
• App Icon of Tip Calculator
• Tap Out of TextField
• Change Display Name of Calculator
• Human Interface Guidelines Layout
• Supporting Landscape and Portrait Mode
• Tip Calculator - iPad Support

Flashcards App

• Create Flashcard Project
• Creating the Models
• Import Images
• Creating the QuestionViewModel
• Creating the FlashCardViewModel
• TwoSidedBackgroundView
• FillBar View
• FlashItem View
• Header View
• TextAndOptionalImage View
• Card View
• Topic View
• The Questions View
• Creating the App Icon
• Magnification Gesture
• iPad Support for Flashcard App

Mystic Puzzle

• Creating the Puzzle Model
• Adding Documentation to the Model
• Adding the View Model and Adding Extensions to CGPoint
• Adding Tiles to the View
• Adding Some More Tiles
• Adding Digits to the View
• Adding the Two-Digit Numbers to the View
• Add Background Images
• Add a Custom Font
• Move Tile on Tap
• Shuffle Tiles
• Adding Buttons
• Implementing the done() Function
• Adding a Sound Effect
• Saving State
• Add an App Icon

Quote of the Day App

• Warming Up with an Awesome View
• Getting Started with the Main Quote App
• Random Quote API and the Quote Model
• The Quote View
• The Quote View Model
• Putting It All Together
• MVP Completed
• Import Images
• Select Image View
• Select Font View
• Import Custom Font
• Add Fonts to Select Image View
• Dealing with Large Quotes
• Sliders for Text Opacity and Size

Speed Code a Chill Meditation App

• Chill Meditation App

Meditation App - Frontend

• Getting Started
• Color Palette and the Home Screen
• Creating the Greetings View
• Creating the Chips View
• Current Meditation View
• The Feature View - Part 1
• The Feature View - Part 2
• The Feature View - Part 3
• Tab View - Part 1
• Tab View - Part 2
• Cleaning Up the Code

Finance App UI

• Introduction - Finance App
• Getting Started with the About View
• Color Palette and the Avatar View
• ChoicesView Using a List of Custom Labels
• About View - Final Tweaks and Adding an Optional Description
• CreditCardView - Import EMV Chip from Figma
• CreditCardView - The Chip
• CreditCardView - Working on the View
• CreditCardViewPage
• CreditCardViewPage Continued
• CreditCardViewPage Completed
• CreditCardView - TopView
• CreditCardView - Adding Folders
• CreditCardView - TransactionView
• CreditCardView - Import Icons from FlatIcons
• CreditCardView - Using Icons
• YourBalanceView - Getting Started
• YourBalanceView - First Steps
• YourBalanceView - Designing the Header
• YourBalanceView - Designing the Amount View
• YourBalanceView - Actions View
• YourBalanceView - Action of the Week View
• YourBalanceView - Monthly Expenses View
• YourBalanceView - Monthly Expenses View Completed
• YourBalanceView - Monthly Expenses View Refactoring Bar View
• Video Exercise (Apple Fitness Exercise UI)
• IMPORTANT!
• Solution - Part 1
• Solution - Part 2
• Solution - Part 3
• Solution - Part 4
• Solution - Part 5
• Solution - Part 6

Multilingual Animals

• Getting Started and Creating the Background
• Get Pictures from Pexels
• Resize and Import Images
• Animal Image Enumeration
• The Animal Model
• Speech
• AnimalViewModel
• The Animal Image View
• Language View Model
• AnimateView: Image
• Animate View Buttons
• AnimateView: The Flags
• Creating the App Icon

Task Manager UI Exercise

• Part 1 - The Getting Started View
• The Color Palette
• Create the Avatar View
• Cleaning Up the Code
• Creating a Custom Shape
• Adding a Navigation View
• Code Refactoring and Adding Multiple Views
• Dark Mode
• Part 2 - The Monthly Review View
• The Circle Avatar
• Completing the Top Avatar View
• Concentric Circles Using ForEach and ScaleEffect
• Mobile App Design View
• Monthly Review Title View
• Task Summary View