iOS Swift Tutorial - From Sketch Design to Real App

Overview

Create a real iOS app from a login screen design in this Swift tutorial. Learn to implement UI elements, set up constraints, customize text fields, and apply colors to match a Sketch design. Follow along to transform a static mockup into a functional login interface, covering topics like background image positioning, text field customization, and multi-component UI layouts. Gain practical experience in iOS development while bridging the gap between design and implementation.

Syllabus

Introduction
Design Assets
Xcode Setup
Background Image
Positioning
Constraints
Aspect Fit
BG Card
Text Field
Color
UITextField
Override TextRect
Edit TextField
Add Label
Add Text Field
Apply Constraints
Add Leading Space
Change Text Color
Forgot Password Button
Password Button Outlet
Multiple User Interface Components
Text Color