Design+Code logo

Quick links

No results found

Suggested search

UIKit for iOS 15

20 sections - 5 hours of video

icon

Add to favorites

icon

Notify me

Design and code a UIKit app for iOS 15 with storyboards, custom layouts, scroll detection, and accessibility using Xcode 13

Instructor avatar

Taught by Sai Kambampati

Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.

20 topics

All techniques are explained step-by-step, in a beginner-friendly format so that you can easily follow in a cohesive way.

1

UIKit for iOS 15

Design and code a UIKit app for iOS 15 with storyboards, custom layouts, scroll detection, and accessibility using Xcode 13

6:35

2

Introduction to Storyboards and the Interface Builder

Learn about the fundamentals of Xcode's Interface Builder and Storyboards

12:49

3

Building the Card View

Explore Different Objects in the Interface Builder and Build Your First View

12:32

4

Introduction to Swift and Swift Playgrounds

Learn the basics of programming in Swift

12:34

5

Connecting Storyboards to Code

Create IBOutlets to bridge the gap between the Interface Builder and Swift code

13:28

6

Auto Layout and Dark Mode

Go beyond the basics of Auto Layout as we Adapt our App into More Configurations

9:07

7

Introduction to Collection Views

Learn about one of the most popular ways to display dynamic data in UIKit through Collection Views

13:26

8

Designing our Collection View Cells

Write Swift code to dynamically change the number of cells in our Handbooks Collection View

12:47

9

Classes in Swift

Learn about Swift classes and create your own to display different data in each collection view cell

11:49

10

Introduction to Table View

Use storyboards to create a table view to display the many Design+Code courses

11:43

11

Designing our Table View Cells

Learn about the delegate and data source methods that power a UITableView

13:11

12

Segues in UIKit

Perform transitions between two view controllers and pass data through segues

13:14

13

Scroll Detection

Mathematically compute scroll behavior to change the UI of our application

8:31

14

Building the Detail View

Breeze through this fast-paced recap of everything we've learned so far as we build our Courses View Controller

13:16

15

Interface Builder Actions

Create IBActions to bridge functionality between the storyboards and code

20:54

16

Introduction to UIMenu and UIButton

Create the standard iOS menu with UIMenu

15:55

17

Animating the Tab Bar

Explore the UITabBarController and all its customizable attributes

11:08

18

Building the Explore Screen

Discover new ways to build immersive views with UIKit

17:55

19

Advanced Auto Layout and SF Symbols

Take advantage of Apple’s powerful SF Symbols in new and delightful ways

21:05

20

Making our App Accessible

Increase the Accessibility of our App by enabling Dynamic Type

16:06

Templates and source code

Download source files

Download the videos and assets to refer and learn offline without interuption.

check

Design template

check

Source code for all sections

check

Video files, ePub and subtitles

Browse all downloads

What's included?

All courses come with downloadable files to help you design, code and follow the course offline.

300+ hours of video

300+ hours of video

Subtitles in English, Chinese

Subtitles in English, Chinese

Source files, ePub

Source files, ePub

UI, icons, illustrations

UI, icons, illustrations

Premium, support chat

Premium, support chat

Source files

Source files

Design templates and source code files are included to help you learn.

ePub files

ePub files

Read offline using Books for iOS, Mac or other apps that can read this format.

Video files

Video files

Download the videos so that you can watch later or offline using any video player.

Meet the instructor

We all try to be consistent with our way of teaching step-by-step, providing source files and prioritizing design in our courses.

Sai Kambampati

Student. Engineer. Designer. Not always in that order.

Student at UCSC constantly learning about new technologies, building innovative mobile apps, and designing breakthrough products.

icon

6 courses - 24 hours

course logo

Jetpack Compose for Designers

Learn the fundamentals of Jetpack Compose to build a beautiful Android application using Kotlin and Android Studio

4 hrs

course logo

UIKit for iOS 15 Part 2

Learn advanced techniques about animations, layout, localization, Firebase, Xcode Cloud, and more!

3 hrs

course logo

UIKit for iOS 15

Design and code a UIKit app for iOS 15 with storyboards, custom layouts, scroll detection, and accessibility using Xcode 13

5 hrs

course logo

Advanced Development in SwiftUI

Advance your SwiftUI skills by developing an app using Core Data, CloudKit, In App Purchases, Sign In With Apple, and Firebase Authentication

4 hrs

course logo

Flutter for Designers Part 2

Continuing on from the previous Flutter for Designers course, this course has a heavier emphasis on using Firebase API's to combine Firebase and Flutter. There will be a lesser emphasis on creating front-end Flutter UI and more emphasis on how to build functional applications capable of being shipped to the App Store. A review of the previous course and the Dart programming language will be very helpful. That being said, you will also be introduced to some new Flutter widgets and packages.

4 hrs

course logo

Flutter for Designers

Flutter is a relatively new toolkit that makes it easy to build cross-platform apps that look gorgeous and is easy to use. By utilizing a platform's native components we'll build an app that can run on both iOS and Android that will look and feel like it was developed natively. Furthermore we'll see how with one single codebase, Flutter provides us with native performance, hot reload for fast development, and access to beautiful, native components.

4 hrs

Flutter

Certificate

Figma

Certificate

SwiftUI

Certificate

UI Design

Certificate

Create a profile

Get certificates

After passing a test, we’ll award you with an online certificate. You can add them to your profile after completing the courses.

Stories

How students learned from our courses

See what people have learned and built by taking courses from Design+Code

Mogens Egeskov

iOS Developer

Author avatar

Mogens Egeskov

iOS Developer

After months of hard work i'm excited to share my new app "Read" which helps you reach your yearly book goal by telling you how many pages or percent to read daily. You can time your read.

Christiano Mere

Designer

Author avatar

Christiano Mere

Designer

My studies of swiftUI with a little help and inspirations of @designcodeio and @MengTo. Thanks for the today's live. Illustrations by @FireartStudio

Artem Adams

Artchitect at IBM

Author avatar

Artem Adams

Artchitect at IBM

Learned a lot from your course to port my app from #AppleWatch to #iPhone, #iPad and #Mac. All SwiftUI, one code base, iCloud, learn words with Widgets.

David Norris

App Developer

Author avatar

David Norris

App Developer

Big thanks to you and your DesignCode team. A big help to me. Learning design is just as important as the code that drives it. Built @getNebulaApp, using the SwiftUI courses. Essential for learning iOS and macOS app dev.

Daniel Korpai

Designer at Invision

The new React for Designers course by @mengto is my dream course since I started learning front-end dev as a designer! I wish a similar course would have existed back in the days. Everything is in one place for designers, this is just pure gold! ✨

Rachel Nelson

Mobile developer

Your first book was extremely helpful for me because, like yourself, I also started off as a pixel-pusher and I liked to make things look pretty without thinking too much of how design really functions. Your book has really helped me to fine-tune my skills in design!

Trusted by teams

120,000 people

Many startups look for designers who code and developers who design. They use our courses to help train new hires and expand skill sets.