Ionic Framework: Create a Chat App for Android | Samarth Agarwal | Skillshare

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

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.

276

Students

--

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Samarth Agarwal

Full Stack Application/Web Developer

Report class