Build A BeReal Clone-SwiftUI

Construct a BeReal, Twitter, and Instagram User Interface

5.00 (1 reviews)
Udemy
platform
English
language
Mobile Apps
category
6
students
5 hours
content
Mar 2023
last update
$19.99
regular price

What you will learn

Learn SwiftUI

Learn how to create the User Interface Skeleton for Twitter

Learn how to create User Interface Skeleton for BeReal

Learn how to create the User Interface Skeleton for Instagram

Learn how to make a Custom Search Bar UI

Learn everything to do with Text, Images, Padding, Spacing

Learn Alerts, ContextMenu, ConfirmationDialog

Learn everything to do with Buttons

Learn how to create a TabView

Learn everything to do with NavigationView, NavigationLink, Toolbar

Learn Sheets and FullScreenCover

Learn how to make Apps suitable for Dark MODE

Learn how to make Lists, Sections, and Groups

Learn how to make a Scrollview

Description

In this course you will be taught virtually all the fundamentals of SwiftUI needed to construct beautiful user interfaces for IOS applications all over a 5 hour time span. It builds on my last course tremendously. These fundamentals will be utilized to later construct the user interface skeleton clones of Twitter, BeReal, and Instagram. When constructing the interfaces you will learn a lot and see all the skills you have learned truly come together. This course assumes that you have a basic understanding of Swift. There will not be any functionality, just user interfaces, although some times there will be a small usage of Swift. If you do not know Swift, it is also okay, you will learn some fundamentals in this course. The course requires a few things before starting. You must have a Mac or MacBook with Xcode, SF Symbols, and Bakery downloaded. These can all be found on the App Store on your Mac or MacBook and they are all free! In this course we will utilize all of them and you will become extremely familiar with them all. At the end of this course I hope you all have a great understanding of SwiftUI and I hope you guys can go on and create beautiful user interfaces by yourself. Enjoy the course you guys!.

Content

Introduction

Introduction

Curriculum

Texts, Images, Padding, Spacing
Stacks - Zstack, Vstack, Hstack
Buttons
NavigationView, NavigationLink, Toolbar
Sheets & Full Screen Cover

Curriculum 2

Alert, ContextMenu, ConfirmationDialog
TabView
Lists
Sections & Groups
Scrollview

Twitter UI Skeleton

Intro/MainTab Set Up
Post Cell UI
Feed Views / Floating Button UI
Feed Filter Button UI
Finishing Home Page UI
Profile Page UI
Custom Search Bar and Search Page UI
Upload Post View UI
App Icon and Wrap Up

BeReal UI Skeleton

Intro & NavigationBar UI
Post Cell UI
ScrollView UI
Profile Page UI
Custom Search Bar UI
User Cell and Search Page UI
Current User Post UI
Comment View UI
Displaying Profile From Post
Dark Mode Support
App Icon and Wrap Up

Instagram UI Skelelton

Introduction & MainTab Set Up
PostCell View UI
Feed View UI
Comments View UI
Custom Back Button UI
Notification Cell & Page UI
Comment Input View UI
Post Grid View & Profile Filter Button UI
Creating the Profile Page UI
Upload Post UI
Custom Search Bar
User List View & Finishing Search Page
App Icon and Course Wrap Up

Screenshots

Build A BeReal Clone-SwiftUI - Screenshot_01Build A BeReal Clone-SwiftUI - Screenshot_02Build A BeReal Clone-SwiftUI - Screenshot_03Build A BeReal Clone-SwiftUI - Screenshot_04

Charts

Price

Build A BeReal Clone-SwiftUI - Price chart

Rating

Build A BeReal Clone-SwiftUI - Ratings chart

Enrollment distribution

Build A BeReal Clone-SwiftUI - Distribution chart

Related Topics

5210666
udemy ID
3/13/2023
course created date
3/27/2023
course indexed date
Bot
course submited by