Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Make a Chat App! (Firebase : Swift in Xcode)
Rating: 3.9 out of 5(77 ratings)
276 students

Make a Chat App! (Firebase : Swift in Xcode)

Make a chat application from start to finish!
Created byJared Davidson
Last updated 7/2016
English
English [Auto],

What you'll learn

  • Make a Chat Application using Firebase
  • Upload and Retrieve Messages from the Database
  • Upload and Retrieve Photos from Storage
  • Add Email and Password Login
  • Create Users and Load Them into a Table View

Course content

1 section18 lectures2h 3m total length
  • Introduction!1:20

    Learn to build a chat app with Firebase as back end, using Swift in Xcode, from setup to email/password login, profile pictures in Firebase storage, and chats via Firebase database.

  • Setting Up Your App With Firebase!7:41

    Set up a Swift iOS chat app with Firebase by creating an Xcode project, adding Firebase via CocoaPods, installing authorization, storage, and database pods, and configuring Firebase.

  • Add Email Login! (Pt. 1)3:03

    Build an email login interface with firebase by adding email and password text fields, log in and create account buttons, and apply constraints and placeholders for a polished user interface.

  • Add Email Login! (Pt. 2)9:03

    Hook up Firebase email login in a Swift in Xcode project. Create accounts and log in with email and password, handle errors, and navigate to the profiles view upon success.

  • Add Setup Page!5:11

    Create a setup page with a custom camera to capture a selfie and a display name field. Submit the photo and display name to Firebase for the user profile.

  • Custom Camera View in Setup Page!9:30

    Build a custom camera view in Swift using AVFoundation, featuring a front-facing camera, capture session, still image output, and live preview, ready to capture photos for Firebase storage.

  • Take A Photo!2:52

    Capture a photo from the video connection, convert it to JPEG data, create a UI image from the data, assign it to the profile image, and upload it to Firebase.

  • Upload Photo to Firebase!9:53

    Upload a user’s display name and profile photo to firebase by creating storage and database references, using the current user id, and updating the user data and download url.

  • Ad Authorization to go to Setup View!8:36

    Learn to implement Firebase authentication in Swift, verify user profiles by checking the username and profile image in the database, and navigate to the setup view.

  • Automatic Login!6:37

    Store the user email and password using NSUserDefaults to enable automatic login. Retrieve these values on view load and log in automatically, then navigate to the profile.

  • Add Profile Page!4:05

    Set up a profile page with a table view showing each profile's photo and name; tapping opens chat view, wiring up firebase storage and database in the storyboard.

  • Setup Profile Page!13:50

    Create a profile page by defining a user structure with username, profile image, and user ID, then load and display all users from firebase in a table view.

  • Asynchronous Loading of Profiles!2:36

    Enhance profile loading by asynchronously updating profile images and names, starting with their alpha at zero. Animate the updates over a duration to create a smoother, more professional look.

  • Setup Chat Page!5:41

    Set up a chat page by creating a view controller with a vertical stack view, table view, and navigation controller in Swift using Xcode, and import Firebase components.

  • Load Posts Onto Chat Page!10:25

    Load posts onto the chat page by wiring the chat view table to a Firebase database reference, observe child added, order by key, and reload the table.

  • Post Something!11:20

    Learn how to post chat messages to Firebase in a Swift Xcode app by wiring a text field and send button, creating posts with user id, username, and body.

  • Notifications! (THE END)11:40

    Learn how to implement push notifications in a Swift chat app, enabling remote notifications and background fetch, requesting user permission, integrating Firebase database data, and displaying local alerts.

  • Project Files

Requirements

  • You NEED a Mac or something that run macOS.
  • Xcode (Free)
  • Firebase Account (Free to try)
  • CocoaPods (Free)

Description

In this 15 video course series, I will take you from square one, and help you make your own complete chat application for the iPhone/iPad using Swift 2 in Xcode. We'll be using Firebase.com to host the information inside of the app (profile pictures, usernames, messages, etc) which is free to try out. (See promo video for more details)

Testimonials!

Anonymous - Awesome tutorials. I like that you are straight to the point. Half way I am usually thinking... 'Aww but how would I do this', then you nearly always end up answering it anyway. Thanks heaps for all the great help you give the programming community. Keep it up mate.

Netronelson - excellent video... pace was great, not too much jargon. nice and clear! (from a non-techs guy).

Abdullah Callo - Thank you very much, all of your tutorial are very informative, clear and easy to follow.

Who this course is for:

  • FOR those looking for a quick and simple course on making a chat app.
  • NOT for beginners, I don't hold your hand, and tell you what everything means.