Published on November 23, 2016 by CodeWithChris

Firebase Tutorial for iOS Apps
Lesson 4: Building the User Interface
In this lesson, you’ll build the user interface for the Messaging App using the storyboard, multiple view controllers, segues, a navigation bar and a tableview.

Xcode Project for this video:
codewithchris.com/code/Firebase%20Tutorial%20L04%20Project.zip

This video series uses the latest and greatest from Apple (Xcode 8, Swift 3, iOS 10) and Google (Firebase) to create a messaging app with database features.

This series is intended for intermediate programmers or people who have gone through my Beginner series which can be found here:

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

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

CodeWithChris is dedicated to teaching beginners and non-programmers all about building iOS apps. 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 3, Xcode 8 and app building from my course and materials!

Intro & Outro music
“Heartbreaker” by Jahzzar (www.betterwithmusic.com/)

Leave a Reply

28 Comments on "Firebase Tutorial – Ep 4 – Building the User Interface"

Notify of
avatar

BAYAR BERG
Guest
BAYAR BERG
3 months 9 days ago

I keep getting this error,, while i have added it like how you did in the video,, and exact name,, please helpTerminating app due to uncaught exception 'com.firebase.core', reason: '`[FIRApp configure];` (`FirebaseApp.configure()` in Swift) could not find a valid GoogleService-Info.plist in your project. Please download one

BAYAR BERG
Guest
BAYAR BERG
3 months 9 days ago

solved and still thanks 🙂

C J
Guest
C J
6 months 16 days ago

Hey Chris, when using navigation bar under top view. When I change the view back ground color, the top view with the batter also changes color. How can I make the navigation bar to look similar to a navigation controller nav bar. Great tutorial btw!

Michael Ahern
Guest
Michael Ahern
7 months 19 days ago

add and cancel buttons are not working

Rogelio Ivan Galdamez
Guest
Rogelio Ivan Galdamez
7 months 24 days ago

Hey Chris – Excellent videos! – but at 15:09min my dismisses aren't working when using "presentingViewController?.dismiss(animated: true, completion: nil)"? 🙁

Rogelio Ivan Galdamez
Guest
Rogelio Ivan Galdamez
7 months 24 days ago

FYI for all – IBOutlet must be set as a UIButton eg; (_ sender: UIButton)

Chris Kasteler
Guest
Chris Kasteler
1 year 2 days ago

Great video!

KERBY D
Guest
KERBY D
1 year 3 days ago

cell return nill error..

carlos fernandez
Guest
carlos fernandez
4 months 17 days ago

fixed . my problem was the PostCell identifier. happy to found the error by myself.

carlos fernandez
Guest
carlos fernandez
4 months 17 days ago

same problem here , cell return nill error , i have triedwhat you said whatteheck but it did not work helppppppp

Whattheheck Dude
Guest
Whattheheck Dude
11 months 27 days ago

where it says cell?.textLabelinstead of a question mark put a "!"

Roland Horváth
Guest
Roland Horváth
1 year 23 days ago

Where can I find the beginner material which covers the TableView and Navigation Controller stuff? 🙂

Thomas Hafner
Guest
Thomas Hafner
7 months 16 days ago

I'd like to know that too. I'v gone through the War card game tutorial but that does not cover those things.

Peter Hubb
Guest
Peter Hubb
1 year 1 month ago

Best tutorial so far!!!

Eric García
Guest
Eric García
1 year 1 month ago

Hello Chris… I love your videos! I've a questiin: Why not fix tableview top layout problem with disable "Under Top Bars" ViewController options?

PSNCopy
Guest
PSNCopy
1 year 1 month ago

Hey man I don't get it… Somehow I can't slide the Text View in the ComposeViewController (6:28) can you maybe tell me what you think the issue could be? Thanks 🙂

Salaar Khan
Guest
Salaar Khan
1 year 25 days ago

Had the same issue as Jack Bowerman.This worked: on the window where we name the view controller as "ComposeViewController", make sure it the sub-class of UIViewController. By default, it will be a sub-class of something else so you'll have to scroll a bit down to locate UIViewController.

Jack Bowerman
Guest
Jack Bowerman
1 year 1 month ago

Ok let me know 🙂 Im also having trouble in the first instance customising the 2nd view controller to be compose view controller, That selection is not available

PSNCopy
Guest
PSNCopy
1 year 1 month ago

yea I found a solutuion. 🙂 forgot it tho :/ answer me on this comment maybe ill remember when i look at it again

Jack Bowerman
Guest
Jack Bowerman
1 year 1 month ago

Same problem man, you find a solution?

PSNCopy
Guest
PSNCopy
1 year 1 month ago

Im just copying the Lines right now but somehow I wish it would work as usual lol

PSNCopy
Guest
PSNCopy
1 year 1 month ago

Did everything like you did it so far.

wpDiscuz