Udacity

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

Design of Transmission Line: Modelling and Performance (Coursera) Coursera
L&T EduTech

Design of Transmission Line: Modelling and Performance (Coursera)

Engineering

This course is designed to provide a detailed exploration of the critical elements involved in transmission lines' design, modeling, and performance assessment. By enrolling in this course, participants will not only gain theoretical knowledge but also practical skills that are directly applicable in the field of transmission line engineering. Whether you're a student aspiring to enter the industry or a professional seeking to deepen your expertise, this course offers a unique blend of theoretical insights and hands-on applications, equipping you with the tools to excel in this dynamic field.

May 18th 2026
3 Weeks
Modeling Performance Coursera Plus
Details
Data Visualization in Tableau (Udacity) Udacity
Udacity

Data Visualization in Tableau (Udacity)

Statistics & Data Analysis

Learn the fundamentals of data visualization and practice communicating with data. This course covers how to apply design principles, human perception, color theory, and effective storytelling with data. If you present data to others, aspire to be a business analyst or data scientist, or if you’d like to become more effective with visualization tools, then you can grow your skills with this course.

Self Paced
Self-Paced
Data Visualization Tableau Design Principles
Details
Learn CSS Grid (Coursera) 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.

May 11th 2026
1 Week
HTML CSS Layout
Details
Browser Rendering Optimization (Udacity) 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
Details
Design and Conduct of Clinical Trials (Coursera) Coursera
Johns Hopkins University

Design and Conduct of Clinical Trials (Coursera)

Health & Society

In this course, you’ll learn how to design and carry out clinical trials. Each design choice has implications for the quality and validity of your results. This course provides you and your team with essential skills to evaluate options, make good design choices, and implement them within your trial. You’ll learn to control for bias, randomize participants, mask treatments and outcomes, identify errors, develop and test hypotheses, and define appropriate outcomes.

Jun 1st 2026
4 Weeks
Clinical Trials Bias Recruitment
Details
Construction aspects of Steel Buildings (Coursera) 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.

May 25th 2026
3 Weeks
Construction Coursera Plus Building Construction
Details
Learning Experience Design: Development and Evaluation (Coursera) Coursera
University of Michigan

Learning Experience Design: Development and Evaluation (Coursera)

Education

Development and Evaluation allows you to build on your knowledge of how people learn and use your understanding of learning design frameworks to bring your own learning designs to life! As you conceptualize assessment as a communication tool, you’ll consider the role of diagnostic, formative, and summative assessments. Look at different assessment formats and how learners can use them to show what they know.

Jun 1st 2026
4 Weeks
Learning Instructional Design Design Assessments
Details
Learning Experience Design: Orientation to the Profession (Coursera) 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 1st 2026
4 Weeks
Learning Design Process Instructional Design
Details
Open Design (Coursera) Coursera
Duke University

Open Design (Coursera)

CS: Design & Product

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.

May 25th 2026
1 Week
Transparency Collaboration Equity
Details
Healthy Urban Systems - Part 3 : Design and policies (Coursera) 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 1st 2026
5-12 Weeks
Coursera Plus Design Urban Health
Details
Introduction to CSS3 (Coursera) 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 1st 2026
4 Weeks
Programming CSS Web Design
Details