Learn SwiftUI by Building Popular App Layouts

您想学习 SwiftUI 但不知道要构建什么吗？这个迷你课程将非常适合您。我是加里，你这门课的老师。你们中的一些人可能从 YouTube 上认出了我，我在那里发布了有关 Swift、JS 和软件工程的教程和视频。我很高兴与大家分享我的第一门课程！

本课程将从探索 Figma 中 Instagram 的主页布局开始，并将设计分解为小的可组合视图。这将帮助我们快速构建 UI，因为它已成为一个很好的参考指南。然后我们将开始在 SwiftUI 中编写 Instagram 主页。

您将学习如何使用：

标签视图

堆栈

图像

文本

接下来，我们将构建 Tinder 滑动动画。这将为您提供有关手势和动画的出色介绍。好吧，在第一部分中构建拖动手势和卡片 UI，然后在第 2 部分中使其成为可滑动的卡片组。

您将学习如何使用：

动画片

拖动手势

状态

该迷你课程教您一些 SwiftUI 基础知识，并向您展示如何进行编码和解决这些特定的 UI 相关问题。这不是一门完整的课程。

课程的几个要求：

Swift 编程基础（了解循环、函数、变量、结构等）

不需要 SwiftUI 基础知识。

MacBook

Xcode 12+

Figma（可选）- 将有助于查看 Instagram 设计和细分。

Genre: eLearning | MP4 | Video: h264, 1280×720 | Audio: AAC, 48.0 KHz
Language: English | Size: 1.09 GB | Duration: 1h 6m
We start by build the Instagram home feed and then the Tinder swipe animation, see you in the course!

What you’ll learn
SwiftUI
Swift
iOS App Development
Mobile App Development

escription
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.

Who this course is for:
Beginner Swift and iOS developers interested in building UI
iOS mobile developers learning SwiftUI