Diving Deeper Into SwiftUI Views

In this mini-course, you'll learn how to create the perfect color scheme, use shadows to add depth, work with horizontal grids and more.

Get Access

Course Requirements

  • Xcode 12, Swift 5.3, macOS 10.15 (Catalina) or later

What You'll Learn

  • Layout Systems

    Learn about how to use HStack, VStack, and ZStack to create simple and complex layouts in SwiftUI

  • Prototyping

    Learn how to prototype layouts in SwiftUI from the app designs you can find on the internet

  • Blueprints

    Learn how to create blueprints which are reusable SwiftUI views that can serve as a template for any SwiftUI projects

  • Showing Depth

    Learn techniques for polishing your UI by showing depths with shadows

  • Light/Dark mode

    Learn how to create and organize color schemes in the assets catalog so colors can easily be accessed and reused throughout the project and make it work for both light and dark modes

  • Decide which Grid is Right for You

    Learn what your options are when you need to use grids to layout items in a UI

Why This Course?

  • Practice Makes Perfect SwiftUI Layouts

    Layouting is a very important skill when it comes to creating SwiftUI views, and the best way to learn and improve it is through practice and repetition

  • Learn Reusability

    Reusable SwiftUI views and layouts are a quick way to develop features by simply having templates you can use on any project

  • Better Visuals Pay Off

    This course not only teaches you how to layout simple and complex views, but it also teaches you how to make your views visually appealing with the use of shadows and colors

Course curriculum

    1. Welcome

    2. Course Materials

    3. Where to Get Help?

    1. SwiftUI Views Live: 1 - Want to Master SwiftUI Layout?

    2. What are blueprints?

    3. Introduction to Blueprints

    4. Understanding the Layout Views

    5. What is the "Secondary Color"?

    6. Creating the Blueprint

    7. Xcode Project

    1. SwiftUI Views Live: 2 - Using Shadows to Enhance Your UI

    2. Xcode Project

    1. SwiftUI Views Live: 3 - Color Schemes in SwiftUI

    2. The Finished UI

    3. Xcode Project

    1. SwiftUI Views Live: 4 - Horizontal Grid Layout Options in SwiftUI

    2. Deciding on the right horizontal layout option

    3. Fixed, Flexible or Adaptive Grid?

    4. Row and Column Spacing

    5. Fixed Grid Item Sizes

    6. LazyHGrid Row & Column Spacing

    7. Properties Mean Different things for Different Grids

    8. Xcode Project

About this course

  • Free
  • 23 lessons
  • 4.5 hours of video content

Get Access to this course with a CWC+ Membership

With a membership, you'll get access to all of our programs, structured learning paths and training courses to help you become an iOS developer or indie app developer.

Learn More

Join over 1700+ iOS learners in CWC+

Transform into a professional iOS developer or indie app developer even if you don't have any coding experience.

Get Started 14-day money-back guarantee