SwiftUI iOS 16 Crash Course - Emoji Quote App in SwiftUI

Overview

Class Central Tips

SwiftUI creates user interfaces for any Apple platform and helps create beautiful and dynamic apps quickly. SwiftUI helps build functional apps across all Apple platforms with surprisingly little code. The course begins with a brief introduction to the text, modifiers, stacks, state variables, and animations and then advances to cover ForEach views, sheets, pickers, sliders, toggle switches, scroll views, buttons, etc. You will move on to developing the main app and learn how to create an app icon based on Pexels Figma. Then, you will learn to disassemble an SVG image and convert it to PNG using Pexel Figma and Shape and Path to create a speech bubble and add text. You will create a color palette to support light and dark modes and develop a model of a quote-based app on a free quote API, part of the MVVM (Model, view model, View design pattern). When tapped, you will test the emoji to generate a new quote and copy the image to the clipboard with a long press. This course will teach you to create image grids using an iPad/iPhone and create a share sheet to customize the images/quotes; change text color/size or image size, share or save it, and test the app’s functionality on a simulator. Upon completion, you can develop an Emoji Quote app using SwiftUI/iOS 16. The course aims for succinct yet fairly comprehensive SwiftUI/iOS 16 development. This course caters to individuals wishing to acquire application development skills using SwiftUI/iOS 16 with beginner to advanced programming skillsets; however, more than basic to intermediate programming skills are desirable at least to make the most of the course. Anyone wishing to learn programming on iOS 16 using SwiftUI and individuals wanting to learn a quick course on what can be developed using SwiftUI would benefit from this course.

Syllabus

Introduction

In this module, we will introduce the core concepts and tools you'll be using throughout the course. You'll get an overview of the objectives and learn how to install and set up Xcode 14 beta and SF Symbols 4. We will also cover the basic interface and functions of Xcode 14.

Beyond the Basics

In this module, we will dive deeper into SwiftUI, exploring how to create more complex views and user interfaces. You'll learn about essential UI components such as lists, sheets, forms, and buttons. We'll also cover advanced topics like steppers, alerts, and computed properties to enhance your app's functionality.

Useful Tips

In this module, we will explore various hotkeys and productivity tips for Xcode. You'll learn how to use these shortcuts to speed up your development process and improve efficiency while working on your projects.

Emoji App

In this module, we will build the Emoji Quote app from scratch. You will start by creating the app icon and importing SVGs. We'll then focus on building and animating custom emoji views, including adding speech bubbles and text. Finally, we'll integrate API data to display quotes and implement sharing functionality with context menus and photo album storage.