Skip to main content Skip to secondary navigation
Page Content

 

The lectures for the Spring 2020 version of Stanford University's course CS193p (Developing Applications for iOS using SwiftUI) were delivered to our students in an on-line fashion due to the novel coronavirus outbreak.  Stanford is in the process of making those on-line video lectures available to all (two per week) via YouTube.  This website was set up to give everyone access to the supporting material that was distributed to students during the quarter (homework, demo code, etc.).

For more, check out the About page.

Demo Screen Capture
Lecture 1

Course Logistics and Intro to SwiftUI

After going over the mechanics of how the course works, this first lecture dives right into creating an iOS application (a card-matching game called Memorize).  The Xcode development environment is used to demonstrate the basics of SwiftUI's declarative approach to composing user-interfaces.

Watch Video

Slides
MVVM Graphic
Lecture 2

MVVM and the Swift Type System

Conceptual overview of the architectural paradigm underlying the development of applications for iOS using SwiftUI: MVVM.  In addition, a key underpinning of the Swift Programming Language, its type system, is explained.  The Memorize demonstration continues, incorporating MVVM.

Watch Video

Slides

Reading 1

Assignment 1
Reactive Coding Example
Lecture 3

Reactive UI Protocols Layout

Now that MVVM has been applied to Memorize, we can use the reactive nature of SwiftUI to make the cards flip over by processing multitouch events, updating our Model through our ViewModel and having our UI stay in sync with our Model at all times.  An important concept, protocols, is covered in more detail as well as the basics about how to lay out Views in the UI.

Watch Video

Slides
Memorize App Laid Out in Grid
Lecture 4

Grid enum Optionals

The survey of the Swift type system completes with a discussion of enum.  An important language construct, Optionals, is both explained in slides and then demonstrated in Memorize as we fully implement the logic of the game.

Watch Video

Slides

GridLayout.swift

Reading 2

Assignment 2
Cardified Circle
Lecture 5

ViewBuilder Shape ViewModifier

Access Control.  More about drawing, including the @ViewBuilder construct for expressing a conditional list of Views, the Shape protocol for custom drawing and ViewModifier, a mechanism for making incremental modifications to Views.

Watch Video

Slides
Animated Cards
Lecture 6

Animation

@State (temporary state in a View) and property observers.  Deep dive into animation, including implicit vs. explicit animations, transitions, Shape animations, animating ViewModifiers and more.  Animate flipping of cards, new game and “pie” bonus countdown.

Watch Video

Slides

Reading 3

Assignment 3
Sunset view from Stanford Campus