You must be logged in to take this course → LOGIN | REGISTER NOW
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.
Assessment
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.
Certification
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 | ||
Assessment | |||
Submit Your Assignment | 00:00:00 | ||
Certification | 00:00:00 |
Course Reviews
No Reviews found for this course.