Ionic Framework: Create a Chat App for Android Premium class

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

About This Class

30a831f5

Create a Real-time Chat Application for Android and iOS using HTML, CSS and JS and the server backend as well, on Cloud.

Ionic Framework: Jumpstart is an intermediate level course for students, web developers, professionals who have basic to moderate skills in web technologies like HTML, CSS and Javascript and want to create applications for mobile platforms such as Android and iOS. Ionic Framework is easy and always evolving. It is a young technology and growing every moment. In this course, you will learn to create a mobile app that will allow users to chat with each other in real-time.

4 of 4 students recommendSee All

It's a quiet goo start to learn Ionic
The course has good content. However, you need some background knowledge on Angularjs, Ionic, etc. Some stuff are not up-to-date and lecture 19 is wrongly inserted from another course.
Brilliant class for anyone getting started with Ionic. Thanks a lot for doing this!

183

Students

--

Projects

Samarth Agarwal

Full Stack Application/Web Developer