Published on October 19, 2017 by CodeWithChris

Learn how to make an app even if you have no programming experience!

This is a 10 part video series designed for beginners in mind to teach the fundamental skills for making apps on iOS.

In this lesson, you’ll put your Auto Layout and Stack View skills to the test.

You’ll use a combination of Stack Views and Auto Layout constraints to achieve the War Card Game layout.

Furthermore, it’ll work on multiple screen sizes and both portrait and landscape orientation.

In this lesson, you’ll also learn a new Auto Layout technique that’ll let you specify a constraint for a specific category of screens (known as a Size Class).

You can download the Image Assets and Xcode Project from here:

How to Make an App for Beginners (Lesson 4)

The lesson plan for the How To Make an App series can be found on my site here:

How To Make An App (for beginners) – Start Here

This video series uses the latest and greatest from Apple (Xcode 9, Swift 4, iOS 11) and will teach a beginner with no programming experience how to make iPhone apps. I’m creating these videos with the assumption that the student has no prior knowledge and is starting from scratch.

For more tutorials on how to build iPhone apps, make sure you subscribe and visit my site where you’ll find a community of like minded learners! Learning something new is always more fun with other people!

Website: codewithchris.com
Twitter: twitter.com/CodeWithChris

CodeWithChris is dedicated to teaching beginners and non-programmers all about how to make an app. On the site, you’ll find a ton of free resources and tutorials to aid you on your journey to learn iOS development. Many people have successfully picked up Swift 4, Xcode 9 and app building from my course and materials!

Here’s just a sample of the success stories my students have sent in:

68 Beginners Share Their Success Stories

Leave a Reply

150 Comments on "How to Make an App for Beginners – Lesson 4 (War UI)"

Notify of
avatar

Will Concord
Guest
Will Concord
14 hours 52 minutes ago

Hey Chris… Still got no idea of what to use the rest of the cards for… I mean you didn't even specify the function of the "Deal" button that we put! how to make those buttons work and put to use the rest of the cards? Thank u

Jones Smith
Guest
Jones Smith
3 days 13 hours ago

Hello, The learning is difficult but you make it a lot easier! You are great! Two thumbs up! You make life easier!

CodeWithChris
Guest
CodeWithChris
3 days 12 hours ago

Glad I can help! To help you during the journey, join us on Facebook! bit.ly/CWCCommunity

LitCircle App
Guest
LitCircle App
5 days 12 hours ago

Great job man! I was going to complain because my button and label were outside the card stack view and I didn't realize it, but then you went over it. Phew! I used to barely even go to storyboard when I was in Xcode. Thank you!

Scott bramley
Guest
Scott bramley
12 days 3 hours ago

Just finished lesson 4 with ease and understanding, now to repeat over and over and do alone just like lessons 1-3… your Awsome Chris thanks a lot.. I can get enough of it 😂😂😅

Scott bramley
Guest
Scott bramley
12 days 3 hours ago

Can’t get enough not (can)

Scott bramley
Guest
Scott bramley
12 days 4 hours ago

Hi Chris you are Awsome I’m on lesson 3 completed with no help now.. for this lesson 4 I was wondering where can I get the graphics from without using yours? Is it a case of just getting the graphics from google images ? Or is that not allowed ? Maybe a silly question :/

CodeWithChris
Guest
CodeWithChris
11 days 20 hours ago

For other resources, come and ask the students here: www.facebook.com/groups/codewithchriscommunity/

CodeWithChris
Guest
CodeWithChris
11 days 20 hours ago

If you start to work a lot in iOS dev, you'll often need graphic and icons. You'll quickly find places where you can get them copyright free. check icons8.com as a start!

Guy Hartstein
Guest
Guy Hartstein
16 days 5 hours ago

When I run the simulator, the app just turns blank and stops working until I restart it. Any fixes?

Ryan Smith
Guest
Ryan Smith
17 days 6 hours ago

wait…what about the rest of the cards? this tutorial is wonderful, man. thank you!

Bryan Pepe
Guest
Bryan Pepe
17 days 7 hours ago

I had some problems when switching to another device. My screen would not adapt to the different devices. How did you make your to fit all phones?

CodeWithChris
Guest
CodeWithChris
17 days 39 minutes ago

With auto layout your app should be designed to be working on all screen sizes. Now sometimes some screen sizes need additional tweaking. If you are looking for help, please come and ask your questions here: www.facebook.com/groups/codewithchriscommunity

Dee Dee
Guest
Dee Dee
19 days 22 hours ago

Chris, how do you resize the deal button to make it a little bigger?

CodeWithChris
Guest
CodeWithChris
19 days 12 hours ago

You can change the size of a button in the right panel, or by code, or by changing the constraints. Play around with those. It's also the best way to learn!

funny videos
Guest
funny videos
20 days 20 hours ago

Hey chris! Awesome video man!! I just wanted to ask Do I need a developer certificate to launch my own app in ios?? If yes then how will I get one? Kindly revert ASAP…

CodeWithChris
Guest
CodeWithChris
19 days 12 hours ago

You only need the developer account to publish your app to the world. To use an app on a real device, Xcode should be smart enough to connect all the dots as long as you have an Apple ID in Xcode settings.

1 2 3 10
wpDiscuz