AutoLayout (Udacity)

Offered by Udacity,
AutoLayout (Udacity)

Using Constraint-Based Design. With this course, you will learn about AutoLayout and how to use stack views and constraints to create pixel-perfect UIs. Also, you will take a deep dive and learn about some of the most commonly misunderstood properties affecting layout like distribution, alignment, content hugging, and compression resistance.

Class Deals by MOOC List - Click here and see Udacity's Active Discounts, Deals, and Promo Codes.

Then, you will put all of this knowledge to use and start creating functional interfaces with multiple stack views and UI elements. In fact, you will recreate an interface from a very well known app. And, by the end of this course, you will be ready to create beautiful interfaces from scratch.
For many developers, AutoLayout can be a curse: a complex system with unpredictable behavior that you can't run away from.
This course will remove the veil of mystery that shrouds AutoLayout.
You will be able to create any UI for any device.
Even better, you will actually understand what's going on!

What you will learn

Welcome to AutoLayout!
Learn all the possible ways of laying out a view.
Determine how views should adapt when the available screen size changes.
Explore AutoLayout and constraints — the premiere tools for building adaptive views.

Using AutoLayout
Survey various methods for implementing AutoLayout.
Use stack views to intuitively construct interfaces without getting muddled in the details.

View Properties
Investigate the properties which control how elements are sized using AutoLayout.
Examine the nuances of compression resistance and content hugging.

StackViews 101
Build and tweak layouts while exploring all the properties of stack views.
Modify axes, spacing, alignments, and distributions to arrange contained subviews.

Positioning StackViews
Generate and configure constraints using Interface Builder and storyboards.
Analyze the interplay between stack views and different UI elements and devices.

Horizontal Layouts
Troubleshoot common problems affecting horizontal stack views and elements with similar view properties.
Compose interfaces that embed stack views within stack views.

Vertical Layouts
Use stack views to experiment with vertical layouts.
Recreate an interface from a very well known app!

Prerequisites and requirements
You will need to be familiar with UIKit and Storyboards.

Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

Open Design (Coursera) Coursera
Duke University

Open Design (Coursera)

What is design? How is it a deeply human endeavor? How can we design better products, services, and experiences in our communities? If you’re interested in helping create a more equitable and accessible world, this Center for Computational Thinking module on Open Design is for you.

Sep 14th 2026
1 Week
Operations Systems Excellence (Coursera) Coursera
University of London

Operations Systems Excellence (Coursera)

The sole task of organisations is to either deliver customers the services that they require, or design, manufacture, and deliver products that customers are after. How do firms and organisations manage the very tasks that they carry out? How can operations themselves give excellence to organisations to enable them to be competitive? Operations management is concerned with the design, planning and control of operating systems for the provision of goods and services. This course will provide an introduction not only into the development of operational systems but more importantly into the how operating methods can help achieve corporate excellence.

Aug 31st 2026
3 Weeks
Field Operations and Administrative Tools in Construction Management (edX) EdX
University of Maryland, College Park,University System of Maryland - USM,USMx,UMD

Field Operations and Administrative Tools in Construction Management (edX)

Learn the Construction Management tools needed to manage the people and the project, including estimating and scheduling. These tools combined with methods of control will ensure effective feedback and create a powerful system for delivery on-schedule and under budget.

Self Paced
Self-Paced
Human-Computer Interaction III: Ethics, Needfinding & Prototyping (edX) EdX
Georgia Institute of Technology,GTx

Human-Computer Interaction III: Ethics, Needfinding & Prototyping (edX)

Build on your knowledge of HCI’s core principles by learning to design interfaces in the real world. Begin with the ethics of human subjects research, then learn critical methods for requirements gathering and brainstorming design alternatives. In this course, you’ll begin by learning the design life cycle. This is the process by which we investigate user needs, brainstorm potential designs, create prototypes, and evaluate those prototypes. This life cycle provides the structure for the third and fourth courses in this professional certificate.

Self Paced
Self-Paced
Browser Rendering Optimization (Udacity) Udacity
Udacity,Google

Browser Rendering Optimization (Udacity)

Building 60 FPS Web Apps. Performance matters to users. Web developers need to build apps that react quickly and render smoothly. Google performance guru Paul Lewis is here to help you destroy jank and create web apps that maintain 60 frames per second performance. You'll leave this course with the tools you need to profile apps and identify the causes of jank. You'll explore the browser's rendering pipeline and uncover patterns that make it easy to build performant apps.

Self Paced
Self-Paced
Knowledge-Based AI: Cognitive Systems (Udacity) Udacity
Georgia Institute of Technology,Udacity

Knowledge-Based AI: Cognitive Systems (Udacity)

The Core of Artificial Intelligence. This is a core course in artificial intelligence. It is designed to be a challenging course, involving significant independent work, readings, assignments, and projects. It covers structured knowledge representations, as well as knowledge-based methods of problem solving, planning, decision-making, and learning.

Self Paced
Self-Paced
Enabling Community-Based Leadership in Design: Sustainable Development of Historic Faith Buildings (FutureLearn) FutureLearn
The Open University,UNESCO UNITWIN Complex Systems Digital Campus,The Glass-house

Enabling Community-Based Leadership in Design: Sustainable Development of Historic Faith Buildings (FutureLearn)

Mobilise the power of communities to re-imagine and shape their place. Learn how to enable communities to lead design initiatives in places of worship. Apart from being special places where people practise their faith, places of worship play an important role for the wider community by providing pastoral care and much-needed local services. Community-based design initiatives can enhance the value of these places as a sustainable resource for multiple communities.

Self Paced
5-12 Weeks
Designing an SAP Solution (Coursera) Coursera
SAP

Designing an SAP Solution (Coursera)

Designing an SAP Solution is the fourth course in the SAP Technology Consultant Professional Certificate program. The course dives into the SAP Implementation lifecycle so you can immerse yourself in the key phases, including design, pitch, and re-design. You’ll work with SAP Activate methodology and look at how to identify business requirements to determine system and data requirements. You’ll learn how to interrogate the gaps between SAP technical capabilities within Business Technology Platform and the customer’s existing environment.

Aug 31st 2026
5-12 Weeks
Fundamentals of NuxtJS (Coursera) Coursera
Board Infinity

Fundamentals of NuxtJS (Coursera)

Welcome to the "Fundamentals of NuxtJS" course, a comprehensive journey into the world of NuxtJS, an incredibly powerful framework for building web applications. This course is structured into two modules. Module 1 provides a strong foundation in NuxtJS and its core concepts, and Module 2 delves into advanced features, state management, SEO, and deployment. By the end of this course, you will be well-equipped to create dynamic, performant, and SEO-friendly web applications with NuxtJS.

Aug 31st 2026
2 Weeks
Design Basics of Steel Buildings (Coursera) Coursera
L&T EduTech

Design Basics of Steel Buildings (Coursera)

"Design Basics of Steel Buildings" is a comprehensive course that covers all fundamental aspects of designing steel structures. Participants delve into the foundational elements essential for successful building design, including understanding the basis for design through comprehensive reports and considering site location in conjunction with building functionality. Geometric parameters of the building are explored to ensure structural integrity and aesthetic appeal.

Aug 31st 2026
5-12 Weeks
Create video, audio and infographics for online learning (Coursera) Coursera
Macquarie University

Create video, audio and infographics for online learning (Coursera)

Multimodal texts make learning interesting. Video, podcasts and infographics not only have the capability to excite and engage, but to reach a broader demography of learners who don’t thrive on verbal language knowledge acquisition and exchange alone. Multimodal texts provide a variety of ways in which to communicate and provide information to learners, as well as meet the needs of different learners’ preferences.

Aug 24th 2026
5-12 Weeks