Udacity

AutoLayout (Udacity)

Offered by 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

Coursera

University of Lausanne

Healthy Urban Systems - Part 3 : Design and policies (Coursera)

Health & Society

This MOOC is the third part (out of three parts) of the whole MOOC on Healthy Urban Systems. This PART III is very recommended (but not obliged) to take after the PART I and PART II. Once you understood the main concepts and visions of Urban Health, and the best practices of observation in PART I, the theories and models in PART II, you are better prepared to take this PART III on Design and policies.

Jun 22nd 2026

5-12 Weeks

Coursera Plus Design Urban Health

Coursera

University of Michigan

Learning Experience Design: Orientation to the Profession (Coursera)

Education

In Orientation to the Profession, you’ll be introduced to the “big ideas” of LXD. Begin with the essential aspects of the design process, from ideation to evaluation. During this section, you’ll also take a brief look at learning theories and design frameworks that help LXDs move from an initial concept to a completed course.

Jun 15th 2026

4 Weeks

Learning Design Process Instructional Design

Udacity

Udacity,Google

Browser Rendering Optimization (Udacity)

Computer Science

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

HTML Javascript CSS

Udacity

Georgia Institute of Technology,Udacity

Knowledge-Based AI: Cognitive Systems (Udacity)

Data Science

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

Planning Artificial Intelligence Creativity

Coursera

L&T EduTech

Construction aspects of Steel Buildings (Coursera)

Engineering Sci: Environment

The Construction Aspects of Steel Buildings course offers comprehensive insights into key construction components. It begins with detailed exploration of shear, moment, and splice connections, providing practical examples. Participants learn about industrial building types, structural framing, roofing, and wall materials, alongside load evaluation.

Jun 22nd 2026

3 Weeks

Construction Coursera Plus Building Construction

Coursera

University of Michigan

Introduction to CSS3 (Coursera)

CS: Software Engineering CS: Programming

The web today is almost unrecognizable from the early days of white pages with lists of blue links. Now, sites are designed with complex layouts, unique fonts, and customized color schemes. This course will show you the basics of Cascading Style Sheets (CSS3). The emphasis will be on learning how to write CSS rules, how to test code, and how to establish good programming habits.

Jun 22nd 2026

4 Weeks

Programming CSS Web Design

Coursera

L&T EduTech

Design Concepts in Metro Rails (Coursera)

Sci: Environment

This course has been created for Civil and Transportation Engineers. The "Design concepts in Metro Rail systems" course is intended for entry level Engineers, those who want to comprehend and navigate the concepts in design of Metro rail systems. Throughout this course, participants will learn about the fundamental principles of design of Metro Rail systems in five modules. Tailored by industrial experts, this course is for the consumption of entry level Engineers in the Indian Subcontinent.

Jun 15th 2026

5-12 Weeks

Design Process Coursera Plus Design

Coursera

SAP

Designing an SAP Solution (Coursera)

Management & Leadership Business

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.

Jun 22nd 2026

5-12 Weeks

SAP SAP Solution Manager Pitch

Coursera

University of Michigan

Practicing Collaborative, Continuous Improvement (Coursera)

Education

Practicing Collaborative, Continuous Improvement supports local change agents in developing foundational capabilities for iterative analysis, design, implementation, and evaluation. Learn to address local needs, opportunities, and problems, with a focus on improvement science as a specific approach to collaborative, continuous improvement that is useful in classrooms, communities, schools, and systems.

Jun 22nd 2026

5-12 Weeks

Collaboration Continuous Improvement Coursera Plus

Coursera

Scrimba

Learn CSS Grid (Coursera)

Computer Science

The CSS Grid module is a pivotal tool that streamlines website layout creation, offering simplicity in both HTML and CSS while affording greater control over a website's layout. This course equips front-end developers with essential skills to harness CSS Grid effectively, ensuring they remain at the forefront of web development trends.

Jun 8th 2026

1 Week

HTML CSS Layout

Coursera

Microsoft

Creative Designing in Power BI (Coursera)

Statistics & Data Analysis Data Science

This course forms part of the Microsoft Power BI Analyst Professional Certificate. This Professional Certificate consists of a series of courses that offers a good starting point for a career in data analysis using Microsoft Power BI. In this course, you will learn how to creatively design dashboards, reports and charts that are easier for the audience to use.

Jun 15th 2026

4 Weeks

Storytelling Data Analysis Visualization

Coursera

Parsons School of Design, The New School

Using Design to Generate Innovative Business Solutions (Coursera)

Business

This rigorous online course shows you how to use design to generate innovative business solutions. It starts by focusing on alternative design methodologies, including the non-negotiable essentials: design thinking methodology and jobs to be done. It then delves into strategies for choosing the right business model. This includes exploring value-creating and sustainable business models. After covering these foundational concepts, the course examines design tools that can be used to develop the business model in market by creating shared value and tips to manage the conversion funnel. The course concludes by looking at digital dynamics and providing insider tips to promote success.

Jun 22nd 2026

4 Weeks

Prototyping Design Thinking Business Model