Ionic Framework: Create a Chat App for Android

Samarth Agarwal, Full Stack Application/Web Developer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
37 Videos (3h 34m)
    • Promo

      1:12
    • Course Introduction

      1:17
    • Course Requirements

      1:12
    • Course Contents

      0:58
    • Setting up tools and services

      1:52
    • Setting up Ionic Project

      3:30
    • States and Navigation

      5:08
    • Creating the Login Page

      4:43
    • Creating the Chat Page

      7:58
    • States and State Parameters

      4:07
    • c9 and NodeJs

      4:40
    • Writing the Basic Server Code

      4:41
    • Socket.IO Basics

      3:56
    • Configuring Ionic to use Socket.IO

      7:46
    • Making First Communication Over Socket.IO

      6:00
    • Sending and Receiving Messages

      5:57
    • socket.emit() vs io.emit()

      3:41
    • Sending Simple Log Messages

      8:04
    • Sending First Chat

      4:06
    • Conditional Styling with Socket

      10:17
    • Styling Log Messages

      8:57
    • Fixing Log Messages and Chat Bubbles

      5:46
    • Sending Messages on Enter Key

      5:31
    • Playing with Colors

      8:00
    • Scrolling the ion-content

      7:48
    • Emoticons

      9:13
    • Adding Sounds

      10:14
    • Testing Sounds on Emulator

      3:12
    • "User is Typing..." Message

      10:16
    • Customizations using CSS

      10:15
    • Login with Facebook 1

      4:52
    • Login with Facebook 2

      6:21
    • Login with Facebook 3

      5:14
    • Login with Facebook 4

      5:36
    • Login with Facebook 5

      6:41
    • Using Ionic Resources

      4:03
    • Deployement on Cloud

      10:31