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 Lessons (3h 34m)
    • 1. Promo

      1:12
    • 2. Course Introduction

      1:17
    • 3. Course Requirements

      1:12
    • 4. Course Contents

      0:58
    • 5. Setting up tools and services

      1:52
    • 6. Setting up Ionic Project

      3:30
    • 7. States and Navigation

      5:08
    • 8. Creating the Login Page

      4:43
    • 9. Creating the Chat Page

      7:58
    • 10. States and State Parameters

      4:07
    • 11. c9 and NodeJs

      4:40
    • 12. Writing the Basic Server Code

      4:41
    • 13. Socket.IO Basics

      3:56
    • 14. Configuring Ionic to use Socket.IO

      7:46
    • 15. Making First Communication Over Socket.IO

      6:00
    • 16. Sending and Receiving Messages

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

      3:41
    • 18. Sending Simple Log Messages

      8:04
    • 19. Sending First Chat

      4:06
    • 20. Conditional Styling with Socket

      10:17
    • 21. Styling Log Messages

      8:57
    • 22. Fixing Log Messages and Chat Bubbles

      5:46
    • 23. Sending Messages on Enter Key

      5:31
    • 24. Playing with Colors

      8:00
    • 25. Scrolling the ion-content

      7:48
    • 26. Emoticons

      9:13
    • 27. Adding Sounds

      10:14
    • 28. Testing Sounds on Emulator

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

      10:16
    • 30. Customizations using CSS

      10:15
    • 31. Login with Facebook 1

      4:52
    • 32. Login with Facebook 2

      6:21
    • 33. Login with Facebook 3

      5:14
    • 34. Login with Facebook 4

      5:36
    • 35. Login with Facebook 5

      6:41
    • 36. Using Ionic Resources

      4:03
    • 37. Deployement on Cloud

      10:31

Project Description

Your Own ChatApp

Follow lectures and code along with me and create your very own Chat Application just like the one below. We will call it ChatApp. Name it whatever you want. Share the end results with all of us here.

b418d3c1

Student Projects