How long does it take to complete the course?

The course is approximately 13 hours of video content. Depending on your pace and how much time you spend on exercises, you can expect to complete the course in a few days to a few weeks.

Can I preview a course before enrolling?

Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.

When will I have access to the lectures and assignments?

If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.

What will I get when I enroll?

Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.

When will I receive my Course Certificate?

If you complete the course successfully, your electronic Course Certificate will be added to your Accomplishments page - from there, you can print your Course Certificate or add it to your LinkedIn profile.

Why can’t I audit this course?

This course is currently available only to learners who have paid or received financial aid, when available.

Is financial aid available?

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Advanced UI Components & Data Visualization in SwiftUI

Ce cours n'est pas disponible en Français (France)

Nous sommes actuellement en train de le traduire dans plus de langues.

Advanced UI Components & Data Visualization in SwiftUI

Ce cours fait partie de Spécialisation Deep Dive into iOS & SwiftUI: 80-Hour Project Course

Instructeur : Packt - Course Instructors

Inclus avec

5 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Intermédiaire

Expérience recommandée

1 semaine à compléter

à 10 heures par semaine

Planning flexible

Apprenez à votre propre rythme

5 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Intermédiaire

Expérience recommandée

1 semaine à compléter

à 10 heures par semaine

Planning flexible

Apprenez à votre propre rythme

Ce que vous apprendrez

Learn how to extend SwiftUI’s color capabilities for dynamic color creation.
Master the creation and customization of interactive charts and data visualizations.
Implement advanced UI components such as activity trackers with pie and donut charts.
Gain hands-on experience with MapKit for integrating interactive maps in SwiftUI apps.

Compétences que vous acquerrez

Catégorie : Debugging
Catégorie : User Interface (UI) Design
Catégorie : Color Theory
Catégorie : Interactive Data Visualization
Catégorie : Swift Programming
Catégorie : Hypertext Markup Language (HTML)
Catégorie : Animations
Catégorie : Apple iOS
Catégorie : User Interface (UI)
Catégorie : Plot (Graphics)
Catégorie : Data Management
Catégorie : Apple Xcode

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

février 2026

Évaluations

7 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

En savoir plus sur Coursera pour les affaires

logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Élaborez votre expertise du sujet

Ce cours fait partie de la Spécialisation Deep Dive into iOS & SwiftUI: 80-Hour Project Course

Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.

Apprenez de nouveaux concepts auprès d'experts du secteur
Acquérez une compréhension de base d'un sujet ou d'un outil
Développez des compétences professionnelles avec des projets pratiques
Obtenez un certificat professionnel partageable

Il y a 5 modules dans ce cours

This course features Coursera Coach!

A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Dive into the world of UI components and data visualization with SwiftUI in this comprehensive course. You’ll learn how to extend Swift’s color capabilities, work with various chart types, and implement advanced data-driven UI features. From understanding color extraction from HTML to building interactive charts, this course empowers you to create dynamic interfaces that respond to real-time data. The journey begins with creating custom color extensions and moves through building complex charting functionalities. You will explore bar charts, line charts, area charts, and even funnel charts, refining your skills with each step. Additionally, you’ll dive into practical examples such as developing an activity tracker with pie and donut charts, implementing custom views and buttons, and exploring MapKit fundamentals to add geographical interactivity to your app. This course is ideal for developers who want to deepen their understanding of SwiftUI and data visualization, and those looking to bring more interactivity and design flexibility into their apps. Whether you're looking to integrate dynamic charts or extend Swift's built-in UI components, this course offers a hands-on, practical approach. By the end of the course, you will be able to design and implement advanced UI components, create various interactive charts, manage dynamic data, and build intuitive, visually appealing applications using SwiftUI.

In this module, we will explore how to create a SwiftUI color extension by converting HTML color codes into usable Swift color values. You will learn to extract color data from HTML strings and enhance your Color struct with additional functionality to generate and test dynamic colors.

Inclus

9 vidéos2 lectures1 devoir

9 vidéos Total 82 minutes

Introduction to Programmatically Converting HTML to a Color Extension 2 minutes
Extract Color From HTML Code 6 minutes
Get Color Name 13 minutes
Get RGB Color 6 minutes
Generate Swift Code 14 minutes
Extending Color 12 minutes
Random Color Extensions 4 minutes
Grid of Colors Test 15 minutes
Video Exercise to Test Your Understanding 9 minutes

2 lectures Total 20 minutes

Introduction to the Course 'Advanced UI Components & Data Visualization in SwiftUI' 10 minutes
Full Specialization Resource 10 minutes

1 devoir Total 15 minutes

Create a Color Extension Based on an HTML Page - Assessment 15 minutes

In this module, we will dive deep into SwiftUI's charting capabilities. We will explore how to build various charts such as bar, line, and area charts, integrating customization options like legends, annotations, and dynamic color features. You'll also learn essential techniques for improving chart interactivity and refining your code for better maintainability.

Inclus

38 vidéos1 devoir

38 vidéos Total 353 minutes

Introduction to Charts 1 minute
Folder Structure and Arc View 14 minutes
Random Arc From Color List View 14 minutes
Color Button View 15 minutes
Color Button Test and Bar Chart - Part 1 8 minutes
Color Button Test and Bar Chart - Part 2 10 minutes
Reorganize Chart Series - End of Chart Demo 1 4 minutes
Demo 2 - First Exploration of Bar Charts, Annotations, Chart Scale, ChartXYAxis 14 minutes
Foreground Style, Multiple Groups 6 minutes
Legend Visibility and Legend Position/Alignment 7 minutes
Demo 3 - ForEach, Custom Colors 12 minutes
Demo 3 - Bar, Line, Area Charts 6 minutes
Demo 3 - Toggle Vertical and Horizontal Mode 5 minutes
Demo 3 - Random Colors - Part 1 5 minutes
Demo 3 - Random Colors - Code Refactorization 11 minutes
Demo 3 - Random Colors - Complete for Bar Chart 5 minutes
Demo 4 - Getting Started 5 minutes
Demo 4 - Adjusting View, Adding Title With Alignment 15 minutes
Demo 4 - Title Alignment Button 21 minutes
Demo 4 - Supporting Edit Mode, Add Share Button 7 minutes
Demo 4 - Draggable Rule Mark - Part 1 12 minutes
Demo 4 - Draggable Rule Mark - Part 2 14 minutes
Demo 4 - Draggable Rule Mark - Part 3 11 minutes
Demo 4 - Adding an Annotation for Edit Mode 3 minutes
Demo 4 - ChartItem Struct 4 minutes
Demo 4 - Refactoring With the Amazing ChartItem 9 minutes
Demo 4 - Refactoring LeftChartButtonsView 3 minutes
Demo 4 - Refactoring RightChartButtonsView 5 minutes
Demo 4 - Refactoring Bar Chart Horizontal View 12 minutes
Demo 4 - Refactoring LineChartHorizontalView 8 minutes
Demo 4 - ChartDrag View Modifier 8 minutes
Demo 4 - Refactoring LineChartVerticalView 4 minutes
Demo 4 - Combine Line and Area Views 7 minutes
Demo 4 - Yes! It Works! 2 minutes
Demo 4 - Adjusting Color Button for Line and Area Views 16 minutes
Demo 4 - Edit Title and Add Border 19 minutes
Funnel Chart Exercise 10 minutes
Funnel Chart Solution 19 minutes

1 devoir Total 15 minutes

Exploring Charts - Assessment 15 minutes

In this module, we will focus on building a fully functional activity tracker that includes pie and donut charts. You'll learn to integrate dynamic UI elements, manage data input, and visualize activity trends using charts. The module also covers how to enhance user interactivity with custom controls like sliders, buttons, and color adjustments.

Inclus

10 vidéos1 devoir

10 vidéos Total 67 minutes

(NEW) Setting Up Project and Activity Model 6 minutes
(NEW) Hello SectorMark, Pie Chart and Donut Chart 8 minutes
(NEW) Computed Properties, Sliders, TextFields, Buttons 10 minutes
(NEW) Implement Add Activity 8 minutes
(NEW) ActivityRow 3 minutes
(NEW) Edit Button, Delete and Content Unavailable View 10 minutes
(NEW) Running the App 7 minutes
(NEW) Foreground Color, Reset HoursPerDay, Modify isSelected 7 minutes
(NEW) Implementing getSelected 4 minutes
(NEW) Chart Background 4 minutes

1 devoir Total 15 minutes

Activity Tracker - Pie Charts and Donut Charts With Swift Data - Assessment 15 minutes

In this module, we will dive into advanced line plotting techniques. You'll learn to create dynamic line plots from random data points, explore Lissajous curves and their parametric equations, and visualize mathematical functions like cosine and its Taylor polynomial. Additionally, we’ll introduce interactive features to control the graph's appearance in real-time.

Inclus

5 vidéos1 devoir

5 vidéos Total 40 minutes

(iOS18+) Line Plot of Random Data Points 7 minutes
Lissajous Curve and Parametrizations 9 minutes
(iOS18+) Graphing Functions - Cosine and Its Taylor Polynomial 9 minutes
(iOS18+) Implementation of Cosine and Its Taylor Polynomial 9 minutes
(iOS18+) Adding Buttons to the Cosine and Taylor Polynomial View 6 minutes

1 devoir Total 15 minutes

Charts Continued - Line Plots - Assessment 15 minutes

In this module, we will focus on MapKit to help you build interactive, customized map applications. You'll learn how to use various features like markers, polyline customization, and drag gestures. We'll also explore map interaction modes and the Look Around feature, allowing you to create more engaging and dynamic map views with custom controls.

Inclus

10 vidéos1 lecture3 devoirs

10 vidéos Total 93 minutes

Let's Visit Spain Using MapKit and Markers 5 minutes
Styling and Customizing Polylines in SwiftUI Maps: A Practical Demo 15 minutes
PolyLine Demo Continued 17 minutes
Exploring Locations With MapKit - Adjustable Regions and Camera Positioning 12 minutes
ZoomSliderView and ParisTitleView 18 minutes
Implement Drag Gesture and Pin 5 minutes
Map Controls 5 minutes
Map Styles 7 minutes
Interaction Modes 1 minute
Look Around View 8 minutes

1 lecture Total 10 minutes

Conclusion to the Course 'Advanced UI Components & Data Visualization in SwiftUI' 10 minutes

3 devoirs Total 90 minutes

MapKit Fundamentals - Assessment 15 minutes
Full Course Assessment 60 minutes
Full Course Practice Assessment 15 minutes

Obtenez un certificat professionnel

Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.

Instructeur

Packt - Course Instructors

Packt

1 414 Cours 377 667 apprenants

Offert par

Packt

En savoir plus sur Software Development

Statut : Essai gratuit
Packt
Data Visualization & Advanced App Logic
Cours
Statut : Essai gratuit
Packt
UI Components, Snippets & Theming
Cours
Statut : Essai gratuit
Packt
Advanced Navigation and Data Handling
Cours
Statut : Essai gratuit
Packt
SwiftUI Basics, UI Design, and Data Flow
Cours

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018

’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020

’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021

’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Ouvrez de nouvelles portes avec Coursera Plus

Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.

Faites progresser votre carrière avec un diplôme en ligne

Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne

Découvrir les diplômes

Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires

Améliorez les compétences de vos employés pour exceller dans l’économie numérique

Foire Aux Questions

"Advanced UI Components & Data Visualization in SwiftUI" is a comprehensive course focused on developing sophisticated user interfaces and data visualization tools using SwiftUI. This specialization is relevant because SwiftUI is a modern framework for building iOS applications, and having the ability to create dynamic UI components and visualize data efficiently is crucial for developers looking to build engaging, interactive apps. Mastery of these skills is particularly valuable as data-driven apps become increasingly popular across industries.

This course covers a variety of advanced topics in SwiftUI, including creating custom UI components like color extensions, building interactive charts, and developing sophisticated data visualizations such as pie charts, donut charts, and line plots. Additionally, it dives into practical applications such as an activity tracker using charts and MapKit for location-based visualizations. Through hands-on demos and exercises, you'll learn to enhance your apps with complex, dynamic visual elements.

After completing this course, you will be capable of implementing a wide range of advanced UI components in SwiftUI. You’ll be able to create and customize color extensions, build various types of charts (bar, line, pie, and donut), integrate interactive features like draggable elements, and apply MapKit functionalities to create rich, data-driven user interfaces. You will also be able to improve your app’s functionality with UI components that support real-time data manipulation and visualization.

To enroll in this course, you should have a foundational understanding of Swift programming and basic SwiftUI concepts. Familiarity with building simple user interfaces and handling basic data structures will help you get the most out of the course. If you're new to SwiftUI, it’s recommended that you take an introductory course or have experience with building iOS apps using SwiftUI.

This course is ideal for intermediate to advanced iOS developers who are looking to enhance their skills in SwiftUI and data visualization. It’s particularly suited for those who want to build data-driven applications or integrate complex UI components into their existing projects. Whether you're a developer looking to build apps with sophisticated visual elements or a designer wanting to understand how to incorporate dynamic charts and maps into your apps, this course will help you take your skills to the next level.