Learn SwiftUI by Building Popular App Layouts

We start by building the Instagram home feed and then the Tinder swipe animation, see you in the course!

4.40 (44 reviews)
Udemy
platform
English
language
Other
category
instructor
2,796
students
1 hour
content
Oct 2021
last update
FREE
regular price

What you will learn

SwiftUI

Swift

iOS App Development

Mobile App Development

Description

Do you want to learn SwiftUI but don't know what to build? This mini-course will be perfect for you. I'm Gary, your teacher for this course. Some of you might recognize me from YouTube, where I post tutorials and videos around Swift, JS, and software engineering. I'm excited to share my first course with y'all!


This course will start by exploring the home layout of Instagram in Figma and breaking down the design into small composable views. This will help us quickly build the UI as it's becomes a great reference guide. Then we'll begin coding the Instagram home feed in SwiftUI.


You'll learn how to use:

  • TabView

  • Stacks

  • Image

  • Text


Next, we'll build out the Tinder swipe animation. This will give you an excellent introduction to gestures and animations. Well, build out the drag gesture and card UI in the first part, then make it a swipeable deck in part 2.


You'll learn how to use:

  • Animation

  • Drag gesture

  • State


The mini-course teaches you some SwiftUI fundamentals and shows you how to approach coding and solve these particular UI-related problems. It's not an entire course.


A few requirements for the course:

  • Swift programming basics (know loops, functions, variables, structs, etc.)

  • SwiftUI basics preferred not required.

  • MacBook

  • Xcode 12+

  • Figma (optional) - will help to see the Instagram designs and breakdown.

Content

Introduction

Introduction
Before You Start

Instagram Home Feed

Home Feed Overview in Figma
Coding in SwiftUI - NavBar and Stories
Coding in SwiftUI - Photo/Caption Feed

Tinder Swipe Animation

Tinder Swipe Animation - Part 1
Tinder Swipe Animation - Part 2

Screenshots

Learn SwiftUI by Building Popular App Layouts - Screenshot_01Learn SwiftUI by Building Popular App Layouts - Screenshot_02Learn SwiftUI by Building Popular App Layouts - Screenshot_03Learn SwiftUI by Building Popular App Layouts - Screenshot_04

Charts

Price

Learn SwiftUI by Building Popular App Layouts - Price chart

Rating

Learn SwiftUI by Building Popular App Layouts - Ratings chart

Enrollment distribution

Learn SwiftUI by Building Popular App Layouts - Distribution chart
4052994
udemy ID
5/16/2021
course created date
6/16/2021
course indexed date
medo3abed
course submited by