• No products in the cart.

Learn about AutoLayout that allows you to calculate the size and position of all the views in your view hierarchy dynamically, based on constraints placed on those views with the [course_title] course.

In the course, you will learn to use stack views and constraints to create pixel-perfect UIs. The course also discusses the most commonly misunderstood properties affecting layouts like distribution, alignment, content hugging, and compression resistance.

Upon completion, you will be able to apply all these knowledge for recreating an interface from a very well known app. The course will prepare you to create beautiful interfaces from scratch.


This course does not involve any written exams. Students need to answer 5 assignment questions to complete the course, the answers will be in the form of written work in pdf or word. Students can write the answers in their own time. Each answer needs to be 200 words (1 Page). Once the answers are submitted, the tutor will check and assess the work.


Edukite courses are free to study. To successfully complete a course you must submit all the assignment of the course as part of the assessment. Upon successful completion of a course, you can choose to make your achievement formal by obtaining your Certificate at a cost of £49.

Having an Official Edukite Certification is a great way to celebrate and share your success. You can:

  • Add the certificate to your CV or resume and brighten up your career
  • Show it to prove your success


Course Credit: Udacity

Course Curriculum

Lesson 1: Introduction to AutoLayout
Welcome to AutoLayout! 00:01:00
Why AutoLayout? 00:01:00
Laying Out Views 00:02:00
The Need for Adaptive UI’s 00:02:00
The Screen Sizes, They are a Changin´ 00:01:00
What AutoLayout Really Is 00:02:00
Lesson 2: Using AutoLayout
Four Ways to Skin the AutoLayout Cat 00:01:00
Enter UIStackView 00:01:00
Lesson 3: View Properties used by AutoLayout
Intrinsic Content Size 00:00:00
Compression Resistance 00:01:00
Content Hugging 00:01:00
Lesson 4: Beginning StackViews
StackViews 101 00:01:00
Axis 00:01:00
Spacing 00:01:00
Distribution 00:03:00
Alignment 00:01:00
What on Earth is Going On? 00:01:00
Properties of a StackView Recap 00:02:00
Commandments and Principles 00:03:00
Lesson 5: Positioning Views & Constraints
What Does It Mean To Position A View? 00:01:00
Creating a Row of Views 00:02:00
Different Devices 00:01:00
Expand to Take the Whole Width 00:01:00
Content Hugging and Compression Resistance 00:01:00
Compression Resistance and Content Hugging Revisited 00:01:00
Of Margins and Training Wheels 00:01:00
Lesson 6: Horizontal Layouts
Two Text Fields in a Row 00:01:00
Frames Will Be Different At Runtime 00:02:00
Distribution 00:01:00
Composition: StackViews within StackViews 00:01:00
Lesson 7: Vertical Layouts
Summing It Up! 00:01:00
Image View as Big as Possible 00:01:00
Header and Footer 00:02:00
Header and Footer Solved 00:04:00
Textfields with the Same Size 00:01:00
Centered, Square And Fat Image View 00:05:00
Submit Your Assignment 00:00:00
Certification 00:00:00

Course Reviews


9 ratings
  • 5 stars0
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0

No Reviews found for this course.

©2021 Edukite. All Rights Resereved
Edukite is A Part Of Ebrahim College, Charity Commission
Reg No 110841