How to Create Your Own Chat App in 59 min | Chat Application

Показать описание

Content
00:53 Why Chat Application

04:39 Categorisation of Chat Apps

07:46 Challenges while Making a Chat App

09:10 Overview of App

10:40 Demo of Chat App that we are going to build

12:17 Why a group chat

13:05 Start of code

14:20 Creating a new UI5 project

15:28 Intro to Split Screen App in UI5 Master View and Detail View

15:51 Creating a Split Screen App

17:25 Creating an additional View

21:37 Addition of Input Box in Master View

23:23 Addition of List in Master View

24:08 Addition of Dummy Data for List

26:04 Intro to models for binding data

26:26 Set Model to core component of app

27:56 Data Binding for list

28:28 Data Binding syntax

30:03 SAPUI5 documentation and how to use it

32:58 Checking App on Browser

33:00 Bug Detected -- BindItems not BindList

33:16 Bug Fixed -- Changed BindList to BindItems

33:35 Bug Detected -- Master View Coming in place of Detail View

35:15 Bug Fixed -- Defined Master and Detail View for the page

36:11 changeName function creation

37:26 Intro to MessageToast Component of UI5

38:14 enterGroup function creation

42:25 Why Binding Data to Model is necessary

44:57 Testing on Browser

45:47 Creating Chat View

46:17 Intro to Scroll Container Component

48:01 Intro to Timeline Component

49:49 Addition of Input box in Detail View

50:42 Testing on Browser

51:09 Bug Fixed -- Added the library

51:16 Testing on Browser

52:18 Creating Chat Data

57:08 Data Binding in Detail View Title

59:36 Testing On Browser to check whether the group name is
updating in Detail View

01:00:30 Pubnub Integration

01:00:50 Getting keys from Pubnub Dashboard

01:01:52 Initializing Pubnub

01:03:13 subscribeToGroup function creation

01:04:16 Testing on Browser

01:04:21 Bug Detected -- Pubnub Library not loaded

01:04:38 Bug Fixed -- Pubnub Library Loaded

01:05:43 Bug Detected -- A comma missing while defining new function in group controller

01:06:30 Bug Fixed -- Fixed the comma

01:06:34 Testing on Browser

01:06:55 Including check for already subscribed channel

01:10:34 Addition of Pubnub subscribe API

01:12:12 Addition of Pubnub addListener API

01:12:40 sendMessage function creation

01:15:10 Addition of Pubnub publish API

01:18:36 Testing on browser

01:19:09 Filling the Pubnub addListener API

01:19:32 Testing on browser -- This time to check the response in pubnub listener

01:21:05 Adding Chat data

01:25:51 Bug Detected -- We were refreshing data while we needed to refresh model

01:25:53 Bug Fixed

01:26:24 Added data binding to Timeline Component

01:27:16 Intro to TimelineItem

01:29:05 Final testing of app

01:29:47 Summary of the App

01:30:07 How can the app be made better

01:30:58 About Pubnub Presence APIs

01:31:53 Check our youtube channel -

01:32:11 Check our UI5CN platform for courses and books -