Swift: Firebase 3 - Logging in with Email and Password (Ep 3)

Today, let's enhance our UI to allow users to also log into our chat application by only providing an email and password. To do so, I'll be going over how to programmatically modify constraints such that toggle a switch will make certain UI elements disappear. This gets a little tricky but once you see the example, you should understand the concept behind it.

Completed Source Code

[EnvyxCloud]

Young iOS dev here, with your tutorials alone you've swayed me to use storyboards only when necessary!

[lostmajesty]

Thank you for the tutorials :) -- for those having problems wrapping their heads around programatically programming the interface, you can do the following in the story board

1) Create the segmented control in your main view controller
2) Add TWO container views, one for registration & one for login
3) set up an if statement for the selected segmented control to show whichever container is relevant though the .isHidden feature.

- all relevant code for registration & logging in would need to be entered into new classes for each of the mini storyboards created by the container view.

[dervla]

I personally love the fact that you primarily use code to build interfaces. There a countless tutorials online for using Storyboards. I always have a hard time finding great tutorials using code which is also my preference. Keep up the great work! Love what you're doing!

[Gccgle]

I had a really hard time when I was beginning to watch your videos and the programmatic process. But now that I've done it, I love it. It is especially good for beginners learning to use swift and iOS. I started creating an app using storyboards the other day after having watched your videos, and it made everything so much clearer, I actually understood WHY I was doing what I was doing.

[---mljd]

one more benefit setting up the UI in code rather than storyboards is that all programming languages have code, but not all have storyboards!
thanks Brian amazing series (so far :D)

[thesjaveed]

Brian, just watched a bit of this video and had to pause it when you were talking about resizing the segmented control using the code vs. storyboard. I've got to say one of the things I love about your work is the fact that you do this without using storyboards and using code that essentially reveals the magic that storyboards actually accomplish visually.

There are plenty of tutorials out there with people showing how to get things done using Storyboards so this is very refreshing.

As far as justifications for using programmatic UIs is concerned, I'd say the primary one is one of easier conflict resolution when collaborating using a version control system. Everything else (including speed) is a matter of familiarity with the tools and so is already at parity between the two ways of doing things. I can imagine, however, a workflow where a single designer is responsible for maintaining the storyboard as a way of documenting the design even as the UI itself is implemented fully in code.

TL;DR: Love the programmatic UI - we don't need any justifications for using it over storyboards :-)

[LynxSavage]

I started off in storyboards and they drove me nuts. Not to mention they worked really slowly on my computers. Watching your videos I have started rewriting my current apps programmatically and I am not looking back. So much faster.

[SurgedGraphics]

Dude thank you for explaining it all in code. It shows me that doing it in code is much less daunting than I thought. I appreciate all your help

[vanjiang]

I like your video tutorial because your pronunciation is really clear and easy to understand. I can understand you even though I'm not good at English or iOS dev (I'm a web front-end developer). Keep posting new videos man!

[cmdcreativity]

I like how you programmatically do the constraints but I prefer the storyboard implementation. I found out that all you have to do to change one of those constraints from the storyboard in code, you just drag and create an outlet. I find that method easier for this app in particular. Great work! I really, really enjoy this series and add on my own things to learn. :)

[jincat]

This is great! Most of us may only know how to use storyboard to build UI, now I have better understanding about the code behind it. Using code could let us handle items easier and customize them in some complicated UI design. It is good to learn both ways to make UI. Thanks!
BTW: about Joe said, you could put the main topic of each ep following, i.e.: [swift:ProjectName(Ep3: building UI)], [swift:ProjectName(Ep4: create user)] ...

[Armygroupb]

Love the level at which your tutorials are. Further than beginner but created in a way a beginner like myself can follow along and understand. I consider myself a fast learner and these videos are perfect for me to jump ahead in coding programmatically. Thanks!

[aalenazi]

I never liked storyboard to design my apps, having said that coding my views is much faster, clean, and I get my design as I want! so i encourage you & your way for app development. thumbs up for your tutorials Thanks

[faisalmaqsood]

your way of teaching is nice man. i only got pain when i try to make controls programmatically. now i am using storyboard and your all tutorials are going well instead on first one :) Cheers mate

[toiysam]

Great video! best coding tutorial videos online!!
Building UI programmatically makes everything simpler and more "logical" to me. I was dying trying to learn with storyboards, especially when using a 13" laptop screen. I was scrolling and changing windows 80% of my time!

[kyliele]

I LOLed when you rant on about Storyboards :D. As a junior iOS dev, just know that you convinced me. Thanks for everything! I'm trying to watch all your videos, so keep it up!

[andrewdavies]

Your videos are great! Doing things programmatically should always be where to start. It gives a vital understanding of the basics you might miss using storyboards from the off + as an engineer code is <3

[tuantranminh]

Thanks to your tutorials and demo, I begin to love use programmatic controls instead of storyboard. So effective!

[nattakarnosborne]

"Just because you are doing something faster doesn't mean it's better" I am completely agree with that after dealing with complicate autolayout in storyboard. 😀 Fixing it in code is much better. Thank you for your tutorial!! I wish you have something on UIScrollview too.

[mehulsrivastava]

Thank you so much for the great content. It's great to see the techniques you use to make apps. Gives a good indication of what to think when starting. And no one really covers the topic as well as you. Also, great job breaking the video in playlists. That really helps.