Building your first iOS app - SwiftUI Livestream

Building your first iOS app - SwiftUI Livestream

DesignCode

3 года назад

82,702 Просмотров

The best way to start development on your first app with key resources, beginner-friendly steps and bridging design and code.

Topics discussed
- Design Tool
- UI Kits, Fonts and SF Symbols
- Figma Templates and Plugins
- Human Interface Guidelines
- Xcode and Swift Playgrounds on iPad
- SwiftUI Tutorials and Documentations
- Basic Layout
- Detail View
- Navigation View
- Tab Bar
- Organizing Components and Folders
- Basic Static Data

💾 Download source file (pro only): https://designcode.io/swiftui-livestream-building-your-first-ios-app

Resources
🎨 Figma design tool: https://www.figma.com
🎨 SwiftUI Inspector: https://swiftui.ai
🎨 iOS UI Kit: https://developer.apple.com/design/resources/
🎨 Figma iOS UI Kit: https://www.figma.com/community/file/858143367356468985
📕 iOS HIG: https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/
📕 SF Fonts: https://developer.apple.com/fonts
📱 SF Symbols: https://developer.apple.com/sf-symbols
📱 Dynamic Type: https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/typography
📕 SwiftUI by Example: https://www.hackingwithswift.com/quick-start/swiftui
🛠 Convert SVG to Swift: https://quassummanus.github.io/SVG-to-SwiftUI/
🛠 SwiftUIX: https://github.com/SwiftUIX/SwiftUIX
🍔 Illustrations: https://shape.so
🤳 Phone Mockups: http://angle.sh

Learn UI Design
🖌 UI Design for developers: https://designcode.io/ui-design
🌈 Design system in Figma: https://designcode.io/figma
🎨 Figma Handbook: https://designcode.io/figma-handbook
📱 iOS Design Handbook: https://designcode.io/ios-design-handbook

Learn SwiftUI
📱 Build an app for iOS 13: https://designcode.io/swiftui
📱 Build an app for iOS 14: https://designcode.io/swiftui-ios14
🛠 SwiftUI Handbook: https://designcode.io/swiftui-handbook

DesignCode
💬 Discord: https://discord.com/invite/JGDtQcdk72
🐦 Twitter: https://twitter.com/designcodeio
📸 Instagram: https://www.instagram.com/mengto
📱 iOS App beta: https://testflight.apple.com/join/dr79Sv7u

Тэги:

#swiftui_tutorial #build_iOS_app #iOS_development #beginner_friendly #design_and_code #figma_design_tool #Xcode_12 #navigation_view #tab_bar #basic_layout #swiftui_components #basic_static_data #figma_templates #human_interface_guidelines #swiftui_playgrounds
Ссылки и html тэги не поддерживаются


Комментарии:

@merandabutler183
@merandabutler183 - 04.10.2023 16:14

Hello, very helpful video. I would love to see a video about creating a Bluetooth app with time and dates capable of using WiFi to connect to a ultrasonic to make a certain device move.

Ответить
@lucasthin7726
@lucasthin7726 - 08.08.2023 14:55

I have the latest xcode beta for ios17 and can't drag and drop to the preview anymore. Anyone know the reason behind it?

Ответить
@Tigers.i
@Tigers.i - 04.07.2023 15:06

Truly grateful for you taking the time to make this tutorial! I really appreciate the figma resource and knowledge on the inspector, modals, and lazygrids

Ответить
@malikaiman9503
@malikaiman9503 - 26.04.2023 02:57

😍😍😍😍

Ответить
@user-sf6em1xs4y
@user-sf6em1xs4y - 19.04.2023 08:32

Great video. Thanks!

Ответить
@Aman-gw7ro
@Aman-gw7ro - 17.03.2023 22:50

loved it man, very nice tutorial, just explains everything .. best for beginner

Ответить
@douglasrutledge1325
@douglasrutledge1325 - 01.11.2022 17:37

it's been 5 months, I'm going to try it again to see if I learnt anything and get through this app build with no problems. I'll let you know!

Ответить
@mrondeu
@mrondeu - 14.09.2022 03:29

Drag image from library to preview does not work. Using Xcode 14. Is there a fix?

Ответить
@GoodlyRogue
@GoodlyRogue - 14.08.2022 23:28

Wow. What a great tutorial!

Ответить
@fromthefuture1238
@fromthefuture1238 - 04.08.2022 01:52

I like the way you explain how each function in swiftui works and compare with html css, it makes it easier for me to understand. I'm a front-end web developer, to be honest learning swiftui is easier than learning to use storyboards

Ответить
@dineshdas9983
@dineshdas9983 - 03.08.2022 07:09

where can I get a figma file

Ответить
@liftedjoshua1332
@liftedjoshua1332 - 26.07.2022 16:08

please where are the assets that you used in this video

Ответить
@douglasrutledge1325
@douglasrutledge1325 - 29.05.2022 21:30

I have only one problem with the code: ListView sheet. In this sheet the ListItems appear and all propagate with the correct data based on the array. The .onTapGesture activates the DetailView(item: item), the DetailView opens but it never opens with the correct DetailView data, it defaults to the first item in the array. I've been trying for hours to figure out the issue but I can not.
The other views that open up the DetailView all work fine and the correct data appears in the DetailView based not tap or selection.
Any suggestions. THANKS

Ответить
@douglasrutledge1325
@douglasrutledge1325 - 29.05.2022 14:22

I have the M1 iMac, it seems to crash a lot. Xcode doesn't work that great with it, not sure why???

Ответить
@akshaycrasta
@akshaycrasta - 19.05.2022 12:48

Thanks a lot mahn, this was amazing video and you explained the design basics beautifully. Thanks a ton!

Ответить
@Wiintb
@Wiintb - 06.05.2022 09:37

You are talking way too much; 9 minutes and you have not started anything useful. Lucky I save $120 USD on the annual subscription.

Ответить
@enkelly7496
@enkelly7496 - 03.05.2022 05:38

This tutorial was a game changer for me. This is the first iOS app I've gotten to work on, and I loved the in depth explanations, visuals, and context. This is better than most university classes. THANK YOU!

Ответить
@omggodbs
@omggodbs - 20.04.2022 01:52

i got a question , whenever i use the navigation link, the padding for my "SwiftUI for iOS 14" and the description padding gets all weird do you know why? like the alignment just goes wack

Ответить
@omggodbs
@omggodbs - 11.04.2022 01:49

bruh i cant get assets unless im a subscriber?! thats unfair

Ответить
@anaslaraki
@anaslaraki - 07.04.2022 12:15

great tutorial

Ответить
@NTuneLabs
@NTuneLabs - 13.02.2022 06:23

This was a great explanation for a true beginner like myself. Thank you.

Ответить
@sovrinfo
@sovrinfo - 11.01.2022 19:46

Thank you so much

Ответить
@alexluzinki206
@alexluzinki206 - 06.12.2021 18:01

great.

Ответить
@m.v.ramazanov6966
@m.v.ramazanov6966 - 20.11.2021 01:15

👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼 thank you so much

Ответить
@mustafatahannejad1478
@mustafatahannejad1478 - 02.11.2021 18:55

Thank you So much Man.
I Love You Tutorials.

Ответить
@user-xm7md4ei2b
@user-xm7md4ei2b - 23.09.2021 20:19

Wow!! Thank you very much for this Super Interesting stream. I'm just two weeks ago decided to learn Swift.

Ответить
@tristanlistanco7308
@tristanlistanco7308 - 11.06.2021 18:05

good pm sir how to implement navigation link per cardview to proceed to another view? thnks❤️‍🔥❤️‍🔥

Ответить
@tristanlistanco7308
@tristanlistanco7308 - 11.06.2021 18:03

navigation view per careview?

Ответить
@bambi4199
@bambi4199 - 04.05.2021 13:26

Thank you so much!
How would we provide data in a better way? Would we use json that we filled manually and put the json files in our app or we would get it from a database?

Ответить
@risardirisardi4556
@risardirisardi4556 - 01.05.2021 11:39

Just want to say Thank You

Ответить
@kingsleywong
@kingsleywong - 30.04.2021 06:10

this is much appreciated, thanks so much!

Ответить
@colleenryan9089
@colleenryan9089 - 28.04.2021 18:54

How do you add these figma templates that you talk about in your design + code courses? I can download them but how do i open them in figma?

Ответить
@adhamelkelany2752
@adhamelkelany2752 - 25.04.2021 23:23

Much Appreciated!! Keep it mixed between design and code so we can know what is practical.

Ответить
@amacodes7347
@amacodes7347 - 25.04.2021 19:39

Thanks Meng really excited to get my Mac and start magic

Ответить
@levmorozov8937
@levmorozov8937 - 25.04.2021 16:58

It's a gorgeous tutorial.
Recently I thought it's a super complex process,
but now I realize that it's easier than it seems, especially for beginners as I am.
Thank you for that one 🙌

Ответить
@udonmai
@udonmai - 25.04.2021 09:00

Really liked it!

Ответить
@elatighetfaghaoubeid9463
@elatighetfaghaoubeid9463 - 24.04.2021 23:44

Great content bro

Ответить
@lennyedwards62
@lennyedwards62 - 24.04.2021 10:27

Thoroughly enjoyable session. Cheers and best wishes

Ответить
@rodrigogomezsaldana5911
@rodrigogomezsaldana5911 - 24.04.2021 06:20

Where can I download the assets? Amazing tutorial!

Ответить
@santicomp
@santicomp - 24.04.2021 04:45

This is awesome content thanks.
A livestream or tutorial on responsive ui with SwiftUI would be awesome.

Ответить
@Bharat_s
@Bharat_s - 24.04.2021 04:36

Thanks a lot! I knew most of the things from this tutorial but I really like the way you teach. Keep it coming. Thanks again. love it!!!

Ответить
@exalandconcept
@exalandconcept - 24.04.2021 01:55

Great Tutorial :) Very good Job Meng 👍

Ответить
@xgabisx
@xgabisx - 24.04.2021 00:29

Simply amazing.

Ответить