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

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

Notify of
avatar

Fredrich Matiku
Guest
Fredrich Matiku
8 days 13 hours ago

It was easier than I expected

jenniferworldwide
Guest
jenniferworldwide
8 days 14 hours ago

Great video! I got tripped up on all the constraints, but figured it out. I recommend practicing the constraints in order to keep up with the pace of the video.

cabyambo
Guest
cabyambo
11 days 1 hour ago

Thanks so much! But for some reason I don't have the iPhone X view listed anywhere. Does anyone know how to fix this?

David Richard
Guest
David Richard
16 days 23 hours ago

Just started this series. Thanks for the step by step guide. After I watch these 10 guides what would you suggest I watch?

Moizgujjar Khan
Guest
Moizgujjar Khan
26 days 16 hours ago

chirs how o publish this app on play store

Francis McLeod
Guest
Francis McLeod
1 month 4 days ago

Hi Chris, Can you suggest a program for creating assets such as jpg and pngs for using with xcode?

CodeWithChris
Guest
CodeWithChris
1 month 4 days ago

Hey Francis, commonly Sketch and Photoshop are used! There are lots of tutorials for them if you do a search. You can also try Gravit Designer which is free (www.designer.io/)

Dylan Bond
Guest
Dylan Bond
1 month 12 days ago

this videos are perfect! so helpful and easy to follow! much easier to make these UI's cant wait to finish all the lessons!

Javen Barber
Guest
Javen Barber
1 month 12 days ago

@codewithchris for some reason when I launch the app in the sim, it shows as a totally white background. (Not sure if i've done anything wrong? )

noor milano
Guest
noor milano
1 month 13 days ago

Hello. What I need in the making of app on pc. (I mean designing app and programming language)And what’s came first designing or coding

Sanauyar Ali
Guest
Sanauyar Ali
1 month 27 days ago

hi Cris Thanks for wonderful work.Could u please provide the used asset in this aap please comment

1 2 3 7
wpDiscuz