SwiftUI Foundations: Layouts, State, and Core UI Components

Packt via Coursera

Go to class Write review

Details

Go to class

Provider

Coursera
Pricing

Paid Course
Languages

English
Certificate

Certificate Available
Effort

15 weeks, 1 hour a week
Sessions

Self-Paced
Level

Intermediate
Subtitles

English

Found in

Overview

Google, IBM & Meta Certificates – 40% Off

One Coursera Plus subscription covers most Professional Certificates on Coursera.

Unlock All Certificates

Build a strong foundation in SwiftUI by mastering layouts, state management, and essential UI elements. Learn to create dynamic, responsive interfaces and develop your first interactive iOS apps. This course introduces you to the fundamentals of SwiftUI, focusing on its declarative architecture and core layout systems such as stacks, grids, and text handling. You will explore state management techniques and apply them to build interactive apps like a color mixer, image gallery, and ToDo list. By working with images, lists, scroll views, and basic animations, you will gain the skills needed to design scalable and maintainable user interfaces for modern iOS applications. The course uses a project-based approach, guiding learners through real-world app scenarios to reinforce each concept. You will progress from foundational UI building blocks to practical app development, ensuring both conceptual understanding and hands-on experience. This course is part one of a three-course Specialization designed to build a complete and cohesive understanding of the subject. While it offers valuable skills on its own, you'll gain the most benefit by progressing through all three courses as a structured learning journey. This course is based on SwiftUI Bootcamp- Hands-On Projects for iOS 26 Development, by DevTechie.com DevTechie.com. This course is licensed and distributed by Packt. All rights reserved. Packt is one of the world's most prolific publishers of cutting-edge technical content. For over two decades we've made it our mission to curate and publish the knowledge of only the very best technical experts. We focus on real-world courses that help our customers get the job done, with coverage that extends across a wide range of established and cutting-edge technical topics. If you're an individual or an organisation that embraces learning by doing, Packt is the perfect fit for you.

Syllabus

Introduction
- This module introduces learners to the course structure, key objectives, and the foundational concepts of SwiftUI architecture. It provides an overview of how declarative design influences modern iOS application development and sets the stage for hands-on project work.
Basics
- This module introduces core layout containers in SwiftUI, focusing on how to organize and structure user interfaces using VStack, HStack, and ZStack. Learners will gain practical skills in arranging UI elements vertically, horizontally, and in layers, while understanding key properties like spacing and alignment.
State Management in SwiftUI
- This module covers the essential concepts of state management in SwiftUI, including how to effectively use State, Binding, StateObject, and ObservedObject to build dynamic and responsive user interfaces. Learners will gain practical knowledge on managing shared data and UI updates in scalable app development.
Color Mixer App
- This module guides learners through building a color mixer app using SwiftUI, focusing on UI components, state management, and interactive design. It covers the development of a dynamic interface with sliders and reusable views, emphasizing practical app-building skills.
Images
- This module covers the integration and customization of images and SF Symbols in SwiftUI apps. Learners will gain hands-on skills in importing, styling, and manipulating visual elements to enhance user interfaces. The content also includes techniques for dynamic color application and image overlays.
Image Gallery App
- This module teaches learners how to build and enhance a photo gallery app using SwiftUI. It covers UI design, state management, and interactive features such as overlays and enlarged image views. Learners will gain hands-on experience in creating a visually engaging and functional app interface.
SwiftUI Lazy Views
- This module explores SwiftUI's lazy view components, focusing on how to optimize user interface performance through efficient view loading. Learners will understand the differences between vertical and horizontal lazy layouts and how to implement them for structured, scalable UIs. The module also covers best practices for using LazyVStack, LazyHStack, LazyVGrid, and LazyHGrid in real-world applications.
Text View
- This module covers the fundamentals of displaying and formatting text in SwiftUI, including multiline support, styling, and date formatting. Learners will gain practical skills in building user-friendly text elements and understanding key properties and behaviors.
Lists and ForEach View
- This module focuses on building and customizing lists in SwiftUI, including creating structured data displays, enhancing lists with images and text, and improving usability through advanced styling and customization techniques.
ToDo List App
- This module guides learners through the process of building a functional ToDo list application using SwiftUI. It covers essential concepts such as state management, list rendering, and user input handling, equipping learners with practical skills to develop interactive app features.
ScrollViews
- This module covers essential techniques for building scrollable interfaces in SwiftUI. Learners will gain hands-on experience in implementing scroll views, designing dynamic card UIs, and adding refresh functionality for interactive user experiences.
Buttons, Labels, Sliders, Color Pickers
- This module teaches learners how to implement and customize interactive UI elements in SwiftUI, including buttons, labels, sliders, toggles, and color pickers. It covers their common usage, styling, and dynamic behavior, enabling developers to build intuitive user interfaces.
Animation Basics
- This module introduces the core concepts of animations in SwiftUI, focusing on how to implement and customize animations using both implicit and explicit methods. Learners will gain practical skills in applying animation modifiers and understanding animation triggers. The content also covers advanced animation parameters to enhance user experience.
Complex Animations
- This module teaches how to create dynamic visual effects using SwiftUI, including 3D card animations and snowfall animations. Learners will gain hands-on experience in implementing interactive elements and animation techniques. The content focuses on using state, gestures, and animation properties effectively.
Mastering GeometryReader
- This module guides learners through the practical use of GeometryReader in SwiftUI, focusing on layout measurements, dynamic design, and responsive user interfaces. It covers how to access container dimensions and implement efficient UI solutions. Learners will gain hands-on experience with advanced layout techniques.