{"id":4260,"uri":"rw://betamax/collections/101","name":"Mastering Auto Layout","description":"

Dive a little deeper into auto layout. Learn more about creating complex constraints and creating universal layouts for all devices.

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":true,"created_at":"2018-05-03T17:09:24.239Z","updated_at":"2020-01-22T08:01:22.965Z","duration":3981,"difficulty":"intermediate","content_type":"collection","platform_id":25,"language_id":3,"editor_id":17,"group_id":null,"ordinal":null,"body":null,"warnings":[],"related_content_id":null,"popularity":2891.27777777778,"labelled_as_new":false,"display_attributes":{"concepts_covered":"","intended_audience":""},"average_rating":"2.9","rating_count":16,"professional":false,"to_param":"4260-mastering-auto-layout","released_versions_data":[{"id":4260,"url":"4260-mastering-auto-layout","description":"Swift 4, iOS 12, Xcode 10"},{"id":3933,"url":"3933-mastering-auto-layout","description":"Swift 3, iOS 10, Xcode 8"},{"id":3187,"url":"3187-adaptive-layout","description":"Swift 2, iOS 9, Xcode 7"},{"id":3201,"url":"3201-auto-layout","description":"Swift 2, iOS 9, Xcode 7"}],"groups":[{"id":183,"uri":"rw://betamax/parts/90","content_id":4260,"ordinal":0,"name":"Constraints","description":null,"created_at":"2018-05-13T15:05:40.635Z","updated_at":"2018-05-13T15:05:40.641Z","contents":[{"id":5268,"uri":"rw://betamax/videos/1772","name":"Introduction","description":"

Join us for a tour of the Auto Layout features that will allow you to create universal layouts that work great on all devices.

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":true,"created_at":"2018-05-14T12:17:19.166Z","updated_at":"2020-01-21T20:00:29.164Z","duration":143,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":183,"ordinal":1,"warnings":[],"related_content_id":null,"popularity":6977.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"2:23","identifier":"1772","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1772/31fda024-5667-44f0-a56e-857b6c4f815b.png","released":true,"has_materials_url":false},{"id":5269,"uri":"rw://betamax/videos/1773","name":"Constraint Inequalities","description":"

Sometimes you'll want a property to be constrained not equal to another, but greater than or equal or to it, or less than!

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-14T12:18:15.385Z","updated_at":"2020-01-22T07:00:40.161Z","duration":280,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":183,"ordinal":2,"warnings":[],"related_content_id":null,"popularity":5724.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"4:40","identifier":"1773","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1773/31897854-94e0-49c4-ac0e-b79617f691b9.png","released":true,"has_materials_url":true},{"id":5270,"uri":"rw://betamax/videos/1774","name":"Constraint Priorities","description":"

Satisfy ambiguous or conflicting constraints by defining priorities for them, to match your intended design.

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-14T12:18:58.328Z","updated_at":"2020-01-21T20:00:31.001Z","duration":226,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":183,"ordinal":3,"warnings":[],"related_content_id":null,"popularity":3953.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"3:46","identifier":"1774","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1774/7bdcfdc7-51fe-4d1a-a30a-4886935257a1.png","released":true,"has_materials_url":true},{"id":5271,"uri":"rw://betamax/videos/1775","name":"Challenge: Constraints in Scroll Views","description":"

Create an Auto Layout-based treasure map using scroll views, combined with what else you've learned in this course.

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":true,"created_at":"2018-05-14T12:19:43.768Z","updated_at":"2020-01-21T20:00:31.128Z","duration":272,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":183,"ordinal":4,"warnings":[],"related_content_id":null,"popularity":3980.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"4:32","identifier":"1775","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1775/3cae1916-4c86-4074-a1af-9b17d58c75e2.png","released":true,"has_materials_url":true},{"id":5272,"uri":"rw://betamax/videos/1776","name":"UILayoutGuide","description":"

Instead of using empty views to control the spacing of views, when you're not using Stack Views, you can use UILayoutGuides!

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-14T12:20:46.257Z","updated_at":"2020-01-22T07:00:40.534Z","duration":237,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":183,"ordinal":5,"warnings":[],"related_content_id":null,"popularity":3326.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"3:57","identifier":"1776","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1776/5f9d7dee-3c5d-4f34-8863-bc08cf30753a.png","released":true,"has_materials_url":true},{"id":5273,"uri":"rw://betamax/videos/1777","name":"NSLayoutAnchor","description":"

Layout anchors are used for creating constraints on views, in code. They also work on layout guides!

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-14T12:21:17.920Z","updated_at":"2020-01-21T20:00:31.401Z","duration":387,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":183,"ordinal":6,"warnings":[],"related_content_id":null,"popularity":3058.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"6:27","identifier":"1777","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1777/2b21c546-55db-4491-8ab9-8627c1f88737.png","released":true,"has_materials_url":true},{"id":5274,"uri":"rw://betamax/videos/1778","name":"Challenge: Stack View Conversion","description":"

Use your Auto Layout coding skills along with your knowledge of Stack Views in order to simplify your layout code.

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-14T12:21:51.470Z","updated_at":"2020-01-21T20:00:31.495Z","duration":228,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":183,"ordinal":7,"warnings":[],"related_content_id":null,"popularity":2506.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"3:48","identifier":"1778","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1778/2ecad0ab-b802-45a5-8ce8-eef726b557f1.png","released":true,"has_materials_url":true},{"id":5275,"uri":"rw://betamax/videos/1779","name":"Visual Format Language","description":"

The Visual Format Language allows you to create many Auto Layout constraints, without requiring many lines of code.

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-14T12:22:24.643Z","updated_at":"2020-01-21T20:00:31.712Z","duration":482,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":183,"ordinal":8,"warnings":[],"related_content_id":null,"popularity":2458.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"8:02","identifier":"1779","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1779/160a5376-eeae-4a1f-bf68-d1be677eadc5.png","released":true,"has_materials_url":true},{"id":5276,"uri":"rw://betamax/videos/1780","name":"Challenge: Visual Format Language","description":"

Create the constraints necessary to achieve a simple three-view layout using the Visual Format Language.

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-14T12:22:57.014Z","updated_at":"2020-01-21T20:00:31.898Z","duration":167,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":183,"ordinal":9,"warnings":[],"related_content_id":null,"popularity":1908.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"2:47","identifier":"1780","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1780/f47fa38f-232a-48b5-80db-62b93726634e.png","released":true,"has_materials_url":true},{"id":5277,"uri":"rw://betamax/videos/1781","name":"Conclusion","description":"

You're well on your way to mastering constraints. It's time to begin doing the same for adaptive layout!

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-14T12:23:22.199Z","updated_at":"2020-01-21T20:00:32.134Z","duration":23,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":183,"ordinal":10,"warnings":[],"related_content_id":null,"popularity":1410.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"0:23","identifier":"1781","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1781/6d4f0d4a-3220-4058-823a-cbecc638055d.png","released":true,"has_materials_url":false}]},{"id":184,"uri":"rw://betamax/parts/91","content_id":4260,"ordinal":1,"name":"Adaptive Layout","description":null,"created_at":"2018-05-13T15:05:40.650Z","updated_at":"2018-05-13T15:05:40.655Z","contents":[{"id":5278,"uri":"rw://betamax/videos/1782","name":"Introduction","description":"

Adaptive layout is about dealing with different screen sizes, but it's also a lot more than that! Let's learn how deep this water is!

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-14T12:24:01.889Z","updated_at":"2020-01-21T20:00:32.305Z","duration":62,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":184,"ordinal":11,"warnings":[],"related_content_id":null,"popularity":2692.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"1:02","identifier":"1782","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1782/84dc97f1-973b-4a76-b79a-f542edeece96.png","released":true,"has_materials_url":false},{"id":5279,"uri":"rw://betamax/videos/1783","name":"Size Classes","description":"

Use size classes to create universal layouts: ones that take advantage of the smallest iPhone to the largest iPad!

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-14T12:24:47.050Z","updated_at":"2020-01-21T20:00:32.527Z","duration":222,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":184,"ordinal":12,"warnings":[],"related_content_id":null,"popularity":2505.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"3:42","identifier":"1783","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1783/24c93fd0-39d8-4ae3-9cf5-aca001b518e0.png","released":true,"has_materials_url":true},{"id":5280,"uri":"rw://betamax/videos/1784","name":"Challenge: Size Classes","description":"

Create an adaptive layout, combining your new knowledge of size classes with what you know about constraints.

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-14T12:25:25.278Z","updated_at":"2020-01-22T08:00:42.439Z","duration":205,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":184,"ordinal":13,"warnings":[],"related_content_id":null,"popularity":2227.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"3:25","identifier":"1784","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1784/3ad166c9-b4de-4dca-a65a-18ad5a690ffc.png","released":true,"has_materials_url":true},{"id":5281,"uri":"rw://betamax/videos/1785","name":"Images and Other Properties","description":"

Views and constraints aren't the only things you might want to vary by size class. Learn how to adjust fonts, images, and more.

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-14T12:25:59.954Z","updated_at":"2020-01-22T08:00:42.780Z","duration":216,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":184,"ordinal":14,"warnings":[],"related_content_id":null,"popularity":1993.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"3:36","identifier":"1785","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1785/98d1390a-df4b-49aa-9000-2b0f06a90767.png","released":true,"has_materials_url":true},{"id":5282,"uri":"rw://betamax/videos/1786","name":"Challenge: Add Variations","description":"

Use the techniques learned in the last video to add a layout variation to two buttons based on environment width.

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-14T12:26:33.040Z","updated_at":"2020-01-21T20:00:32.845Z","duration":59,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":184,"ordinal":15,"warnings":[],"related_content_id":null,"popularity":1747.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"0:59","identifier":"1786","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1786/5f150e65-85a6-455d-bb92-ab6f5475dc8f.png","released":true,"has_materials_url":true},{"id":5283,"uri":"rw://betamax/videos/1787","name":"Adaptive Layout Environment","description":"

Learn about the types and protocols that form the basis for adaptive layout in iOS, for greater control in code.

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-14T12:27:08.989Z","updated_at":"2020-01-21T20:00:32.931Z","duration":429,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":184,"ordinal":16,"warnings":[],"related_content_id":null,"popularity":2068.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"7:09","identifier":"1787","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1787/a7062c81-a268-4cee-888e-25678116335a.png","released":true,"has_materials_url":true},{"id":5284,"uri":"rw://betamax/videos/1788","name":"Adaptive Presentation","description":"

View controllers can adapt how they are presented based on the adaptive environment. Learn what the framework does for you and how to modify default behavior.

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-14T12:27:40.513Z","updated_at":"2020-01-21T20:00:33.029Z","duration":239,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":184,"ordinal":17,"warnings":[],"related_content_id":null,"popularity":1887.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"3:59","identifier":"1788","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1788/622aa9ad-5396-4f2d-80fa-1b78180e496a.png","released":true,"has_materials_url":true},{"id":5285,"uri":"rw://betamax/videos/1789","name":"Conclusion","description":"

Let's have a recap of what you’ve learned in this course. Soon you'll be telling your own Auto Layout tales!

","released_at":"2018-05-17T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-14T12:28:14.787Z","updated_at":"2020-01-21T20:00:33.108Z","duration":104,"difficulty":"intermediate","content_type":"episode","platform_id":25,"language_id":3,"editor_id":17,"group_id":184,"ordinal":18,"warnings":[],"related_content_id":null,"popularity":1624.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"1:44","identifier":"1789","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1789/a1a97471-b5a3-46f3-bfb5-0604eaa40558.png","released":true,"has_materials_url":false}]}]}

Create your free learning account today!