boarzVideosClipsStatistics

#️⃣EP 157 - Today's Stream

🎦
📅 2022-01-20 (615 days ago)
⌛ 0:57:55
Zainboar
AllClipsEpisodesHas Blog PostZainThaneshKartikTorey
001
Build Break and Code
📅 2021-07-14 
(805 days ago)
⌛ 0:58:43
ZainboarKartikboar
002
Build, Break & Fix
📅 2021-07-15 
(804 days ago)
⌛ 0:53:45
ZainboarKartikboar
🎬
Krunchmaster Kartik
Build, Break & Fix
ZainboarKartikboar
003
Build, Break & Fix
📅 2021-07-16 
(803 days ago)
⌛ 1:09:05
ZainboarKartikboar
004
Special Edition: We don't stop until we get our code working
📅 2021-07-16 
(802 days ago)
⌛ 2:27:06
ZainboarKartikboar
🎬
Killing it
Special Edition: We don't stop until we get our code working
ZainboarKartikboar
005
Build,Break & Fix // Weekend two hour special
📅 2021-07-17 
(801 days ago)
⌛ 2:00:31
ZainboarKartikboar
🎬
Schooling in brown countries
Build,Break & Fix // Weekend two hour special
ZainboarKartikboar
🎬
Unprofessional Kartik
Build,Break & Fix // Weekend two hour special
ZainboarKartikboar
006
Build, Break & Fix
📅 2021-07-19 
(800 days ago)
⌛ 1:03:20
ZainboarKartikboar
007
Build, Break & Fix
📅 2021-07-20 
(799 days ago)
⌛ 1:04:37
ZainboarKartikboar
008
Build, Break & Fix
📅 2021-07-21 
(798 days ago)
⌛ 1:00:37
ZainboarKartikboar
009
Build, Break & Fix
📅 2021-07-22 
(797 days ago)
⌛ 1:17:02
ZainboarKartikboar
010
Build, Break & Fix
📅 2021-07-23 
(796 days ago)
⌛ 1:04:59
ZainboarKartikboar
011
Build, Break & Fix
📅 2021-07-23 
(795 days ago)
⌛ 1:48:16
ZainboarKartikboar
012
Build, Break & Fix
📅 2021-07-24 
(794 days ago)
⌛ 2:05:28
ZainboarKartikboar
013
Build, Break & Code //First Special Guest Appearance
📅 2021-07-26 
(793 days ago)
⌛ 1:09:09
ZainboarKartikboar
014
Build, Break & Fix
📅 2021-07-27 
(792 days ago)
⌛ 1:05:37
ZainboarKartikboar
015
Build, Break & Fix // Setting a blog using Hugo and AWS Amplify
📅 2021-07-28 
(791 days ago)
⌛ 1:07:46
ZainboarKartikboar
🎬
Brain Refresh
Build, Break & Fix // Setting a blog using Hugo and AWS Amplify
ZainboarKartikboar
016
Build, Break & Fix // Working on FETCH APIs
📅 2021-07-29 
(790 days ago)
⌛ 1:03:57
ZainboarKartikboar
017
Build, Break & Fix // Working on FETCH APIs
📅 2021-07-30 
(789 days ago)
⌛ 1:06:45
ZainboarKartikboar
018
Build, Break & Fix // creating get methods with FETCH API
📅 2021-07-30 
(788 days ago)
⌛ 2:00:16
ZainboarKartikboar
019
Build, Break & Fix // BLOG REVEAL!! &Fixing our broken Hugo blog
📅 2021-07-31 
(787 days ago)
⌛ 2:03:11
📰
ZainboarKartikboar
020
Build, Break & Fix // Fixing the uncaught exception error in FETCH APIs
📅 2021-08-02 
(786 days ago)
⌛ 1:02:04
ZainboarKartikboar
021
Build, Break & Fix // Trying different things to resolve the error
📅 2021-08-03 
(785 days ago)
⌛ 1:04:49
📰
ZainboarKartikboar
022
Build, Break & Fix // Special Guest announcement for tomorrow!
📅 2021-08-04 
(784 days ago)
⌛ 1:03:15
📰
ZainboarKartikboar
023
Special Episode : Talking to a Principal Developer at Seek
📅 2021-08-05 
(783 days ago)
⌛ 1:04:56
📰
ZainboarKartikboar
024
Build, Break & Fix // Working out Software design
📅 2021-08-06 
(782 days ago)
⌛ 1:08:19
📰
ZainboarKartikboar
🎬
Finger driven architecture
Build, Break & Fix // Working out Software design
ZainboarKartikboar
🎬
Fast food driven architecture
Build, Break & Fix // Working out Software design
ZainboarKartikboar
025
Build, Break & Fix
📅 2021-08-06 
(781 days ago)
⌛ 2:01:05
📰
ZainboarKartikboar
🎬
Can't be ashamed if there's never a first version
Build, Break & Fix
ZainboarKartikboar
🎬
Not a uni student
Build, Break & Fix
ZainboarKartikboar
026
Weekend Special 1.5 hours
📅 2021-08-08 
(780 days ago)
⌛ 1:35:49
📰
Zainboar
027
30 mins of deployment 😠 || 30 mins of coding 🥲
📅 2021-08-09 
(779 days ago)
⌛ 1:07:48
📰
ZainboarKartikboar
🎬
Can't work, deploying
30 mins of deployment 😠 || 30 mins of coding 🥲
ZainboarKartikboar
028
Today's Broadcast
📅 2021-08-10 
(778 days ago)
⌛ 1:18:59
📰
ZainboarKartikboar
🎬
Two points of contact
Today's Broadcast
ZainboarKartikboar
🎬
CORS exclusive lovin'
Today's Broadcast
ZainboarKartikboar
029
Build Break Fix
📅 2021-08-11 
(777 days ago)
⌛ 1:01:46
📰
ZainboarKartikboar
030
Today's Stream
📅 2021-08-12 
(776 days ago)
⌛ 1:09:24
📰
ZainboarKartikboar
🎬
Sensible policy
Today's Stream
ZainboarKartikboar
🎬
Shoes in mouth
Today's Stream
ZainboarKartikboar
031
Buidl Break Fix
📅 2021-08-13 
(775 days ago)
⌛ 1:05:05
📰
ZainboarKartikboar
🎬
The code always wins
Buidl Break Fix
ZainboarKartikboar
🎬
Chicken curry in the brown way
Buidl Break Fix
ZainboarKartikboar
032
Today's Broadcast
📅 2021-08-14 
(774 days ago)
⌛ 1:20:18
📰
ZainboarKartikboar
033
Build - Break - Fix
📅 2021-08-15 
(773 days ago)
⌛ 1:34:03
📰
ZainboarKartikboar
034
Build Break Fix
📅 2021-08-16 
(772 days ago)
⌛ 1:18:19
📰
ZainboarKartikboar
🎬
Finger memory practice
Build Break Fix
ZainboarKartikboar
🎬
See you later Kartik
Build Break Fix
ZainboarKartikboar
035
Today's Broadcast
📅 2021-08-17 
(771 days ago)
⌛ 1:04:07
📰
ZainboarKartikboar
🎬
Keep your code looking sexy
Today's Broadcast
ZainboarKartikboar
🎬
Echo chamber Zain
Today's Broadcast
ZainboarKartikboar
🎬
And Kartik never got a job again...
Today's Broadcast
ZainboarKartikboar
036
Build, Break, Fix
📅 2021-08-18 
(770 days ago)
⌛ 1:03:21
📰
ZainboarKartikboar
037
Special Guest - Sam Nolan
📅 2021-08-19 
(769 days ago)
⌛ 1:05:19
📰
ZainboarKartikboar
038
Today's Broadcast
📅 2021-08-20 
(768 days ago)
⌛ 1:01:55
📰
ZainboarKartikboar
039
Today's Broascast
📅 2021-08-21 
(767 days ago)
⌛ 1:33:11
📰
ZainboarKartikboar
🎬
Pilot? What even iz dat kind of fing
Today's Broascast
ZainboarKartikboar
040
Build - Break - Fix
📅 2021-08-22 
(766 days ago)
⌛ 1:33:18
📰
ZainboarKartikboar
🎬
Fish and Chips
Build - Break - Fix
ZainboarKartikboar
🎬
Backup career
Build - Break - Fix
ZainboarKartikboar
041
Build Break Fix
📅 2021-08-23 
(765 days ago)
⌛ 0:57:11
📰
Zainboar
042
Today's Broadcast
📅 2021-08-24 
(764 days ago)
⌛ 1:06:08
📰
ZainboarKartikboar
🎬
Professional background? Wat even iz dat?
Today's Broadcast
ZainboarKartikboar
🎬
Private mentorship group
Today's Broadcast
ZainboarKartikboar
043
Today's Stream
📅 2021-08-25 
(763 days ago)
⌛ 1:13:08
📰
ZainboarKartikboar
🎬
Actually good job advice from Zain
Today's Stream
ZainboarKartikboar
044
Today's Stream
📅 2021-08-26 
(762 days ago)
⌛ 0:49:48
📰
ZainboarKartikboar
🎬
What a classic!
Today's Stream
ZainboarKartikboar
🎬
Uber driver in training
Today's Stream
ZainboarKartikboar
045
Today's Stream
📅 2021-08-27 
(761 days ago)
⌛ 1:08:21
📰
ZainboarKartikboar
046
Weekend Special
📅 2021-08-28 
(760 days ago)
⌛ 1:32:51
ZainboarKartikboar
047
Weekend Special
📅 2021-08-29 
(759 days ago)
⌛ 1:01:39
Zainboar
048
Today's Broadcast
📅 2021-08-30 
(758 days ago)
⌛ 1:17:19
ZainboarKartikboar
049
Today's Broadcast
📅 2021-08-31 
(757 days ago)
⌛ 1:00:16
ZainboarKartikboar
🎬
Viewer burn
Today's Broadcast
ZainboarKartikboar
050
CELEBRATION: 50th Episode
📅 2021-09-01 
(756 days ago)
⌛ 1:01:53
ZainboarKartikboar
051
Today's Broadcast
📅 2021-09-02 
(755 days ago)
⌛ 1:05:39
ZainboarKartikboar
🎬
Time for a nap
Today's Broadcast
ZainboarKartikboar
🎬
A sniffer of a line
Today's Broadcast
ZainboarKartikboar
🎬
Slow Zain
Today's Broadcast
ZainboarKartikboar
052
Today's Broadcast
📅 2021-09-03 
(754 days ago)
⌛ 1:12:47
ZainboarKartikboar
🎬
No single point of failure
Today's Broadcast
ZainboarKartikboar
🎬
Gambling on bad logic
Today's Broadcast
ZainboarKartikboar
🎬
Estimated Time of New-Careers
Today's Broadcast
ZainboarKartikboar
🎬
Fake Nod
Today's Broadcast
ZainboarKartikboar
053
NEW SETUP!!
📅 2021-09-04 
(753 days ago)
⌛ 1:04:04
ZainboarKartikboar
🎬
Investing in 'the brand'
NEW SETUP!!
ZainboarKartikboar
🎬
Hitting a brick
NEW SETUP!!
ZainboarKartikboar
🎬
Master of the green screen
NEW SETUP!!
ZainboarKartikboar
🎬
Logiclesstech
NEW SETUP!!
ZainboarKartikboar
054
Weekend Special
📅 2021-09-05 
(752 days ago)
⌛ 1:41:54
ZainboarKartikboar
055
Today's Stream
📅 2021-09-06 
(751 days ago)
⌛ 1:20:05
ZainboarKartikboar
🎬
Get him to the greenscreen
Today's Stream
ZainboarKartikboar
🎬
Change the digit to a number
Today's Stream
ZainboarKartikboar
056
Today's Broadcast
📅 2021-09-07 
(750 days ago)
⌛ 1:25:44
ZainboarKartikboar
🎬
The benefits of pair programming
Today's Broadcast
ZainboarKartikboar
057
Today's Stream
📅 2021-09-08 
(749 days ago)
⌛ 1:00:33
ZainboarKartikboar
🎬
Xs, the healthy choice
Today's Stream
ZainboarKartikboar
🎬
Xs vs mother
Today's Stream
ZainboarKartikboar
058
Today's Stream
📅 2021-09-09 
(748 days ago)
⌛ 1:13:08
ZainboarKartikboar
🎬
The beginning of the end of productivity
Today's Stream
ZainboarKartikboar
🎬
Unprofessional Zain
Today's Stream
ZainboarKartikboar
🎬
Blazing fast
Today's Stream
ZainboarKartikboar
🎬
Premature celebratory dance
Today's Stream
ZainboarKartikboar
🎬
Timeline slippage
Today's Stream
ZainboarKartikboar
🎬
Speed coding
Today's Stream
ZainboarKartikboar
059
Today's Broadcast
📅 2021-09-10 
(747 days ago)
⌛ 1:50:40
ZainboarKartikboar
🎬
Sorry I dont know that voice
Today's Broadcast
ZainboarKartikboar
🎬
Definition of done
Today's Broadcast
ZainboarKartikboar
🎬
Amway bites
Today's Broadcast
ZainboarKartikboar
🎬
A cool stream
Today's Broadcast
ZainboarKartikboar
🎬
Spooky Kartik
Today's Broadcast
ZainboarKartikboar
060
Today's Stream
📅 2021-09-12 
(745 days ago)
⌛ 1:02:36
ZainboarKartikboar
061
Today's Stream
📅 2021-09-13 
(744 days ago)
⌛ 1:00:40
ZainboarKartikboar
🎬
Water physics 101
Today's Stream
ZainboarKartikboar
🎬
Scrum master Zain
Today's Stream
ZainboarKartikboar
🎬
Zain applying his scrum master skills
Today's Stream
ZainboarKartikboar
062
Today's Stream
📅 2021-09-14 
(743 days ago)
⌛ 1:11:29
ZainboarKartikboar
063
Today's Stream
📅 2021-09-15 
(742 days ago)
⌛ 1:07:00
ZainboarKartikboar
🎬
Zain the blunderer
Today's Stream
ZainboarKartikboar
🎬
Healthier than other traditional drinks
Today's Stream
ZainboarKartikboar
🎬
Real headscratcha
Today's Stream
ZainboarKartikboar
🎬
Bracket blues
Today's Stream
ZainboarKartikboar
🎬
If statements are not good practice
Today's Stream
ZainboarKartikboar
🎬
Kappa Quality Code
Today's Stream
ZainboarKartikboar
🎬
Exciting switch statements
Today's Stream
ZainboarKartikboar
064
Today's Broadcast
📅 2021-09-16 
(741 days ago)
⌛ 1:20:45
📰
ZainboarKartikboar
🎬
Switched-on hat
Today's Broadcast
ZainboarKartikboar
🎬
Functions, one of the big coding challenges
Today's Broadcast
ZainboarKartikboar
🎬
Break fast
Today's Broadcast
ZainboarKartikboar
🎬
Blood and breath pumping up
Today's Broadcast
ZainboarKartikboar
🎬
Wrong since day 1
Today's Broadcast
ZainboarKartikboar
065
test
📅 2021-09-16 
(740 days ago)
⌛ 2:03:01
📰
ZainboarKartikboar
🎬
Electronic waves
test
ZainboarKartikboar
🎬
RAWR coders
test
ZainboarKartikboar
🎬
Transit in Japawn
test
ZainboarKartikboar
🎬
Xs sponsorship
test
ZainboarKartikboar
🎬
Lame roars
test
ZainboarKartikboar
🎬
Setting up a suppository in Diagon Alley
test
ZainboarKartikboar
🎬
Background Diagon Alley
test
ZainboarKartikboar
🎬
Half speed zain
test
ZainboarKartikboar
🎬
One second penetration
test
ZainboarKartikboar
🎬
Top loading switches
test
ZainboarKartikboar
🎬
Making it rain with CodeBuild
test
ZainboarKartikboar
066
Today's Broadcast
📅 2021-09-19 
(738 days ago)
⌛ 1:46:13
📰
ZainboarKartikboar
067
Today's Stream
📅 2021-09-20 
(737 days ago)
⌛ 1:03:46
📰
ZainboarKartikboarToreyboar
🎬
What is a sea cable?
Today's Stream
ZainboarKartikboarToreyboar
068
Today's Stream
📅 2021-09-21 
(736 days ago)
⌛ 1:09:13
📰
ZainboarKartikboarToreyboar
069
Today's Broadcast
📅 2021-09-22 
(735 days ago)
⌛ 1:03:51
📰
ZainboarKartikboar
070
Today's Stream
📅 2021-09-23 
(734 days ago)
⌛ 1:59:01
📰
ZainboarKartikboar
071
Today's Stream
📅 2021-09-24 
(733 days ago)
⌛ 0:28:57
📰
ZainboarKartikboar
072
Today's Stream
📅 2021-09-24 
(733 days ago)
⌛ 0:39:33
📰
ZainboarKartikboar
073
Today's Stream
📅 2021-09-26 
(731 days ago)
⌛ 1:21:14
📰
Zainboar
074
Today's Stream
📅 2021-09-27 
(2 years ago)
⌛ 1:03:40
📰
ZainboarKartikboar
075
Today's Stream
📅 2021-09-28 
(729 days ago)
⌛ 1:04:05
📰
ZainboarKartikboar
076
Today's Broadcast
📅 2021-09-29 
(728 days ago)
⌛ 0:58:07
📰
ZainboarKartikboar
077
Today' Broadcast
📅 2021-09-30 
(727 days ago)
⌛ 1:13:14
📰
ZainboarKartikboar
078
Today's Broadcast
📅 2021-10-01 
(726 days ago)
⌛ 1:23:11
📰
ZainboarKartikboar
🎬
If statements are bad practice
Today's Broadcast
ZainboarKartikboar
🎬
Tomato fan
Today's Broadcast
ZainboarKartikboar
079
Today's Stream
📅 2021-10-03 
(724 days ago)
⌛ 1:14:52
📰
ZainboarKartikboar
080
Today's Stream
📅 2021-10-04 
(723 days ago)
⌛ 1:05:10
📰
ZainboarKartikboar
081
Today's Stream
📅 2021-10-05 
(722 days ago)
⌛ 1:01:05
📰
Zainboar
082
Today's Stream
📅 2021-10-06 
(721 days ago)
⌛ 0:54:10
📰
ZainboarKartikboar
083
Today's Stream
📅 2021-10-07 
(720 days ago)
⌛ 1:15:04
📰
ZainboarKartikboar
🎬
Strong intro
Today's Stream
ZainboarKartikboar
084
Today's Stream
📅 2021-10-08 
(719 days ago)
⌛ 1:12:59
ZainboarKartikboar
085
Today's Stream
📅 2021-10-10 
(717 days ago)
⌛ 1:17:09
📰
ZainboarKartikboar
🎬
Impossible URL
Today's Stream
ZainboarKartikboar
🎬
Clever devs
Today's Stream
ZainboarKartikboar
086
Today's Stream
📅 2021-10-11 
(716 days ago)
⌛ 1:00:57
📰
ZainboarKartikboar
🎬
Always CORS related problems
Today's Stream
ZainboarKartikboar
🎬
CORS headscratcha
Today's Stream
ZainboarKartikboar
087
Today's Stream
📅 2021-10-12 
(715 days ago)
⌛ 0:51:02
📰
ZainboarKartikboar
088
Today's Stream
📅 2021-10-13 
(714 days ago)
⌛ 1:07:31
📰
ZainboarKartikboar
089
Today's Broadcast
📅 2021-10-14 
(713 days ago)
⌛ 1:07:16
📰
ZainboarKartikboar
090
Today's Stream
📅 2021-10-15 
(712 days ago)
⌛ 1:01:10
📰
Zainboar
091
Today's Stream
📅 2021-10-17 
(710 days ago)
⌛ 1:26:37
📰
ZainboarKartikboarThaneshboar
🎬
Torres Strait Icelander people
Today's Stream
ZainboarKartikboarThaneshboar
092
Today's Stream
📅 2021-10-18 
(709 days ago)
⌛ 1:05:40
📰
ZainboarKartikboarThaneshboar
🎬
Icelander or Islander?
Today's Stream
ZainboarKartikboarThaneshboar
093
Today's Stream
📅 2021-10-19 
(708 days ago)
⌛ 1:01:58
📰
ZainboarThaneshboar
094
Today's Stream
📅 2021-10-20 
(707 days ago)
⌛ 1:04:18
📰
ZainboarKartikboar
095
Today's Stream
📅 2021-10-21 
(706 days ago)
⌛ 1:16:08
📰
ZainboarKartikboarThaneshboar
096
100th Episode
📅 2021-10-23 
(704 days ago)
⌛ 1:13:16
📰
ZainboarKartikboar
097
101/200 Episodes
📅 2021-10-24 
(703 days ago)
⌛ 1:00:53
📰
ZainboarThaneshboar
🎬
Best Practices
101/200 Episodes
ZainboarThaneshboar
098
102/200 Episode
📅 2021-10-25 
(702 days ago)
⌛ 1:09:20
📰
ZainboarKartikboar
099
103/200 Episode
📅 2021-10-26 
(701 days ago)
⌛ 1:10:51
📰
ZainboarKartikboarThaneshboar
100
104/200
📅 2021-10-27 
(700 days ago)
⌛ 1:03:23
📰
ZainboarKartikboar
101
105/200
📅 2021-10-28 
(699 days ago)
⌛ 1:15:24
📰
ZainboarThaneshboar
🎬
ROAR coders
105/200
ZainboarThaneshboar
102
107/200
📅 2021-10-29 
(698 days ago)
⌛ 1:14:04
📰
ZainboarKartikboar
103
109/200
📅 2021-10-31 
(696 days ago)
⌛ 1:11:38
📰
ZainboarKartikboarThaneshboar
104
110/200
📅 2021-11-01 
(695 days ago)
⌛ 1:04:53
📰
ZainboarKartikboar
105
111/200
📅 2021-11-02 
(694 days ago)
⌛ 1:11:33
📰
ZainboarKartikboarThaneshboar
106
112/200
📅 2021-11-03 
(693 days ago)
⌛ 1:00:17
📰
ZainboarKartikboar
🎬
Diagon Alley? What is that kind of fing?
112/200
ZainboarKartikboar
107
113/200
📅 2021-11-04 
(692 days ago)
⌛ 1:03:53
📰
Zainboar
🎬
C.O.D.I.N.G
113/200
Zainboar
108
114/200
📅 2021-11-05 
(691 days ago)
⌛ 0:56:39
Zainboar
109
115/200
📅 2021-11-07 
(689 days ago)
⌛ 1:02:25
📰
ZainboarThaneshboar
🎬
What's testing
115/200
ZainboarThaneshboar
🎬
CORS coders
115/200
ZainboarThaneshboar
110
116/200
📅 2021-11-08 
(688 days ago)
⌛ 1:09:37
📰
ZainboarKartikboar
111
117/200
📅 2021-11-09 
(687 days ago)
⌛ 1:06:25
📰
ZainboarKartikboarThaneshboar
112
118/200
📅 2021-11-10 
(686 days ago)
⌛ 1:02:39
📰
ZainboarKartikboar
113
119/200
📅 2021-11-11 
(685 days ago)
⌛ 1:08:01
📰
ZainboarKartikboarThaneshboar
114
120/200
📅 2021-11-12 
(684 days ago)
⌛ 1:00:14
📰
Zainboar
115
120/200
📅 2021-11-14 
(682 days ago)
⌛ 1:06:19
📰
ZainboarKartikboarThaneshboar
116
122/200
📅 2021-11-15 
(681 days ago)
⌛ 1:00:31
ZainboarKartikboar
117
Today's Stream
📅 2021-11-22 
(674 days ago)
⌛ 1:01:46
📰
KartikboarThaneshboar
118
How This Video Has 12 Views, Explained
📅 2021-11-25 
(671 days ago)
⌛ 0:59:47
KartikboarThaneshboar
119
How This Video Has 14 Views, Explained
📅 2021-11-29 
(667 days ago)
⌛ 1:16:20
📰
KartikboarThaneshboar
120
Special Guest - Torey Littlefield Pt.2
📅 2021-11-30 
(666 days ago)
⌛ 1:12:15
📰
ZainboarToreyboar
121
Today's Stream
📅 2021-12-02 
(664 days ago)
⌛ 1:02:25
KartikboarThaneshboar
122
Today's Stream
📅 2021-12-06 
(660 days ago)
⌛ 1:02:01
📰
KartikboarThaneshboar
123
Today's Broadcast
📅 2021-12-07 
(659 days ago)
⌛ 1:01:00
KartikboarThaneshboar
124
Today's Stream
📅 2021-12-09 
(657 days ago)
⌛ 1:05:48
📰
ZainboarThaneshboar
🎬
Complimenting the wrong person
Today's Stream
ZainboarThaneshboar
🎬
Alt+F4 Zain
Today's Stream
ZainboarThaneshboar
125
Today's Stream
📅 2021-12-10 
(656 days ago)
⌛ 1:07:15
ZainboarToreyboar
126
Today's Stream
📅 2021-12-12 
(654 days ago)
⌛ 0:12:47
📰
ZainboarThaneshboar
127
Today's Stream
📅 2021-12-12 
(654 days ago)
⌛ 0:50:29
📰
ZainboarThaneshboar
128
Today's Stream
📅 2021-12-13 
(653 days ago)
⌛ 1:02:31
📰
ZainboarKartikboar
129
Today's Stream
📅 2021-12-14 
(652 days ago)
⌛ 1:10:28
📰
ZainboarToreyboar
130
Today's Stream
📅 2021-12-16 
(650 days ago)
⌛ 1:16:51
📰
ZainboarThaneshboar
131
Today's Stream
📅 2021-12-17 
(649 days ago)
⌛ 1:10:59
ZainboarKartikboarToreyboar
132
Today's Stream
📅 2021-12-19 
(647 days ago)
⌛ 1:00:49
📰
Zainboar
133
Today's Stream
📅 2021-12-20 
(646 days ago)
⌛ 1:01:49
📰
ZainboarKartikboar
134
Today's Stream
📅 2021-12-21 
(645 days ago)
⌛ 1:03:43
📰
ZainboarThaneshboar
135
Today's Stream
📅 2021-12-22 
(644 days ago)
⌛ 1:06:30
📰
ZainboarKartikboar
136
Today's Stream
📅 2021-12-23 
(643 days ago)
⌛ 1:00:09
Zainboar
137
Today's Stream
📅 2021-12-26 
(640 days ago)
⌛ 1:17:00
📰
ZainboarThaneshboar
🎬
Fixing and failing
Today's Stream
ZainboarThaneshboar
138
Today's Stream
📅 2021-12-27 
(639 days ago)
⌛ 1:05:22
📰
ZainboarKartikboar
139
Today's Stream
📅 2021-12-28 
(638 days ago)
⌛ 1:16:17
📰
ZainboarToreyboar
140
WebSocket Integration
📅 2021-12-29 
(637 days ago)
⌛ 1:02:44
📰
Zainboar
141
AWS WebSocket API Integration Pt.2
📅 2021-12-30 
(636 days ago)
⌛ 1:08:23
📰
ZainboarToreyboar
142
AWS WebSocket Integration with SAM Pt.3
📅 2022-01-02 
(633 days ago)
⌛ 1:03:18
📰
ZainboarToreyboar
143
Today's Stream
📅 2022-01-03 
(632 days ago)
⌛ 1:07:18
📰
ZainboarKartikboar
144
AWS WebScoket Integration with SAM Pt.4
📅 2022-01-04 
(631 days ago)
⌛ 1:04:18
📰
ZainboarToreyboar
145
AWS WebSocket Integration with SAM Pt.5
📅 2022-01-05 
(630 days ago)
⌛ 1:03:21
📰
ZainboarKartikboar
146
AWS WebSocket Integration with SAM Pt. 6
📅 2022-01-06 
(629 days ago)
⌛ 1:03:18
📰
ZainboarToreyboar
147
Today's Stream
📅 2022-01-07 
(628 days ago)
⌛ 1:11:55
📰
ZainboarToreyboar
148
Connect AWS WebSocket to DynamoDB Pt.1
📅 2022-01-09 
(626 days ago)
⌛ 1:10:25
📰
ZainboarToreyboar
149
Connect AWS WebSocket to DynamoDB
📅 2022-01-10 
(625 days ago)
⌛ 1:02:06
ZainboarKartikboar
150
"Blank Line" Bug In Lambda Response For AWS Websocket Pt.1
📅 2022-01-11 
(624 days ago)
⌛ 0:58:13
📰
ZainboarKartikboarToreyboar
151
"Blank Line" Bug In Lambda Response From Lambda
📅 2022-01-13 
(622 days ago)
⌛ 1:04:40
📰
ZainboarToreyboar
152
AWS WebSocket + Lambda + DynamoDB
📅 2022-01-14 
(621 days ago)
⌛ 1:04:33
📰
ZainboarThaneshboar
153
AWS WebSocket + Lambda + DynamoDB
📅 2022-01-16 
(619 days ago)
⌛ 1:11:37
📰
ZainboarToreyboar
154
Test
📅 2022-01-17 
(618 days ago)
⌛ 1:03:13
📰
ZainboarThaneshboar
155
Today's stre
📅 2022-01-18 
(617 days ago)
⌛ 0:45:24
ZainboarToreyboar
156
AWS Websocket + DyanmoDb + Lambda
📅 2022-01-19 
(616 days ago)
⌛ 1:06:33
📰
ZainboarThaneshboar
🎬
Brown is always better than white
AWS Websocket + DyanmoDb + Lambda
ZainboarThaneshboar
▶️
Today's Stream
📅 2022-01-20 
(615 days ago)
⌛ 0:57:55
📰
Zainboar
158
Today's Stream
📅 2022-01-21 
(614 days ago)
⌛ 1:02:17
📰
ToreyboarZainboar
159
Today's Stream
📅 2022-01-23 
(612 days ago)
⌛ 1:13:29
📰
ZainboarToreyboar
🎬
Wild street dogs
Today's Stream
ZainboarToreyboar
160
How To Host A Web App using AWS S3 and CloudFront
📅 2022-01-24 
(611 days ago)
⌛ 1:16:15
📰
ZainboarThaneshboar
161
How to Host Web App In AWS S3 using CloudFront, Route53 and CloudFormation
📅 2022-01-25 
(610 days ago)
⌛ 1:01:07
ZainboarToreyboar
162
How to Host Web App Using AWS S3, CloudFront and Route53
📅 2022-01-26 
(609 days ago)
⌛ 1:03:12
ZainboarThaneshboar
🎬
The more you know
How to Host Web App Using AWS S3, CloudFront and Route53
ZainboarThaneshboar
163
How To Host Web App In AWS S3 with Custom Domain
📅 2022-01-27 
(608 days ago)
⌛ 1:08:48
📰
ZainboarToreyboar
164
How To Host Web App In AWS S3 with Custom Domain Using Route 53
📅 2022-01-28 
(607 days ago)
⌛ 1:08:57
📰
ZainboarThaneshboar
🎬
Inactive brain
How To Host Web App In AWS S3 with Custom Domain Using Route 53
ZainboarThaneshboar
165
How To Host Web App In AWS S3 with Custom Domain Using Route 53
📅 2022-01-30 
(605 days ago)
⌛ 0:28:17
Zainboar
166
Today's Broadcast
📅 2022-01-31 
(604 days ago)
⌛ 1:11:16
📰
ThaneshboarToreyboar
167
How To Host Web App In AWS S3 with Custom Domain Using Route 53
📅 2022-02-01 
(603 days ago)
⌛ 1:06:35
📰
ZainboarToreyboar
168
Generate SSL Certificate via AWS Certificate Manager
📅 2022-02-02 
(602 days ago)
⌛ 0:58:02
📰
ZainboarThaneshboar
169
Test AWS Websocket Connection With Multiple Users
📅 2022-02-03 
(601 days ago)
⌛ 1:01:59
📰
ZainboarToreyboar
170
Adding Redirection To The AWS S3 Page
📅 2022-02-04 
(600 days ago)
⌛ 0:25:00
Zainboar
171
Redirecting AWS S3 page
📅 2022-02-06 
(598 days ago)
⌛ 0:54:11
Zainboar
172
Today's Broadcast
📅 2022-02-07 
(597 days ago)
⌛ 1:05:20
📰
ThaneshboarToreyboar
173
Today's Stream
📅 2022-02-08 
(596 days ago)
⌛ 1:05:29
ZainboarToreyboar
174
Today's Stream
📅 2022-02-10 
(594 days ago)
⌛ 1:05:47
ZainboarToreyboar
🎬
No electricity in Bali
Today's Stream
ZainboarToreyboar
175
How To Send Messages To Multiple Clients Through AWS Websocket
📅 2022-02-13 
(591 days ago)
⌛ 1:02:05
ZainboarToreyboar
176
How To CRUD Data Through AWS Websocket with Multiple Clients
📅 2022-02-16 
(588 days ago)
⌛ 1:07:32
ZainboarThaneshboar
177
Today's Stream
📅 2022-02-17 
(587 days ago)
⌛ 0:58:01
ZainboarToreyboar
🎬
Francesco
Today's Stream
ZainboarToreyboar
178
How To Change String Property to Object in AWS SAM and Deploy
📅 2022-02-20 
(584 days ago)
⌛ 1:21:24
ZainboarToreyboar
179
Today's Stream
📅 2022-02-23 
(581 days ago)
⌛ 0:59:43
📰
ZainboarThaneshboar
180
How To HASH A Password using BCRYPT in Node
📅 2022-02-25 
(579 days ago)
⌛ 1:03:48
ZainboarThaneshboar
181
How to Hash Passcode with BCRYPT using Node Pt.2
📅 2022-02-27 
(577 days ago)
⌛ 1:07:59
ZainboarToreyboar
182
Create Passcode UI
📅 2022-02-28 
(576 days ago)
⌛ 1:01:29
📰
ZainboarThaneshboar
183
How To Make FrontEnd Talk to Backend with Node
📅 2022-03-01 
(575 days ago)
⌛ 1:01:33
ZainboarToreyboar
184
How To Positioning A Div
📅 2022-03-04 
(572 days ago)
⌛ 1:09:27
ZainboarToreyboar
185
Today's Stream
📅 2022-03-06 
(570 days ago)
⌛ 1:00:29
Zainboar
186
Today's Stream
📅 2022-03-07 
(569 days ago)
⌛ 0:55:51
ZainboarThaneshboar
187
Today's Stream
📅 2022-03-09 
(567 days ago)
⌛ 1:00:11
ZainboarThaneshboar
188
Compare Hashed Passwords Using Bcryptjs
📅 2022-03-10 
(566 days ago)
⌛ 1:01:31
ZainboarToreyboar
🎬
Indian givers
Compare Hashed Passwords Using Bcryptjs
ZainboarToreyboar
189
Special Appearance
📅 2022-03-11 
(565 days ago)
⌛ 0:58:44
ZainboarThaneshboarKartikboar
190
Today's Stream
📅 2022-03-13 
(563 days ago)
⌛ 1:16:40
ZainboarToreyboar
🎬
Cold coffee, cold tea
Today's Stream
ZainboarToreyboar
191
How To Make Frontend Talk To The Backend - NodeJS
📅 2022-03-14 
(562 days ago)
⌛ 1:07:00
ZainboarThaneshboar
192
Today's Stream
📅 2022-03-15 
(561 days ago)
⌛ 1:05:51
ZainboarToreyboar
193
Today's Stream
📅 2022-03-17 
(559 days ago)
⌛ 1:21:59
ZainboarToreyboar
194
How To Apply Authentication When Saving NodeJs
📅 2022-03-18 
(558 days ago)
⌛ 1:05:27
Zainboar
195
How to Compare Passcodes Using Bcrytp Node.js
📅 2022-03-20 
(556 days ago)
⌛ 1:04:19
ZainboarToreyboar
196
Today's Broadcast
📅 2022-03-21 
(555 days ago)
⌛ 1:06:59
ThaneshboarToreyboar
197
Today's Stream
📅 2022-03-22 
(554 days ago)
⌛ 1:02:51
ZainboarToreyboar
198
Verify Passcode Saving Information to DynamoDB with NodeJs
📅 2022-03-23 
(553 days ago)
⌛ 1:03:09
ZainboarThaneshboar
🎬
Tough questions
Verify Passcode Saving Information to DynamoDB with NodeJs
ZainboarThaneshboar
199
Today's Stream
📅 2022-03-25 
(551 days ago)
⌛ 1:12:27
ZainboarToreyboar
200
Today's Stream
📅 2022-03-27 
(549 days ago)
⌛ 1:14:36
ZainboarToreyboar
201
Today's Stream
📅 2022-03-28 
(548 days ago)
⌛ 1:08:28
ZainboarThaneshboar
202
How To Do A Merge Using VSCode and Github
📅 2022-03-29 
(547 days ago)
⌛ 1:05:33
ZainboarToreyboar
203
Today's Stream
📅 2022-03-30 
(546 days ago)
⌛ 0:57:26
ZainboarThaneshboar
🎬
Tandoor? Wat even iz dat kind of fing
Today's Stream
ZainboarThaneshboar
204
Today's Stream
📅 2022-03-31 
(545 days ago)
⌛ 0:57:10
ZainboarToreyboar
🎬
This is why you don't click ops
Today's Stream
ZainboarToreyboar
205
Today's Stream
📅 2022-04-01 
(544 days ago)
⌛ 1:00:36
Zainboar
206
Today's Stream
📅 2022-04-03 
(542 days ago)
⌛ 1:06:56
ZainboarToreyboar
207
Get Board Columns from Frontend to Backend NodeJS
📅 2022-04-04 
(541 days ago)
⌛ 1:00:38
ZainboarThaneshboarToreyboar
🎬
Bish Bash Bosh
Get Board Columns from Frontend to Backend NodeJS
ZainboarThaneshboarToreyboar
208
Today's Stream
📅 2022-04-05 
(540 days ago)
⌛ 0:57:30
ZainboarToreyboar
209
Today's Stream
📅 2022-04-06 
(539 days ago)
⌛ 0:59:39
ZainboarThaneshboar
🎬
Zip first developer
Today's Stream
ZainboarThaneshboar
210
Today's Stream
📅 2022-04-07 
(538 days ago)
⌛ 1:04:46
Zainboar
🎬
Busted again
Today's Stream
Zainboar
211
Store String Array in DynamoDB using NodeJS
📅 2022-04-08 
(537 days ago)
⌛ 0:19:27
Zainboar
212
Today's Stream
📅 2022-04-10 
(535 days ago)
⌛ 1:07:24
Zainboar
213
Today's Stream
📅 2022-04-11 
(534 days ago)
⌛ 1:02:34
ZainboarThaneshboar
214
Today's Stream
📅 2022-04-12 
(533 days ago)
⌛ 0:27:43
Zainboar
215
Jira Organising & Beta Testing Day 1
📅 2022-04-13 
(532 days ago)
⌛ 0:58:09
ZainboarThaneshboar
216
Implement Passcode Tab Feature
📅 2022-04-17 
(528 days ago)
⌛ 0:58:49
ZainboarToreyboar
217
Beta Testing Fixes Part 2
📅 2022-04-19 
(526 days ago)
⌛ 1:00:24
ZainboarToreyboar
🎬
Torey the stinker
Beta Testing Fixes Part 2
ZainboarToreyboar
218
Beta Testing Fixes Part 3
📅 2022-04-20 
(525 days ago)
⌛ 1:01:02
ZainboarThaneshboar
🎬
Torcoders which are roarers
Beta Testing Fixes Part 3
ZainboarThaneshboar
🎬
Delusional Zain
Beta Testing Fixes Part 3
ZainboarThaneshboar
🎬
Hey guys, torey here
Beta Testing Fixes Part 3
ZainboarThaneshboar
219
Beta Testing Fixes Part 4
📅 2022-04-21 
(524 days ago)
⌛ 1:00:13
ZainboarToreyboar
220
Beta Testing 5
📅 2022-04-22 
(523 days ago)
⌛ 1:10:18
ThaneshboarToreyboar
221
Today's Stream
📅 2022-04-25 
(520 days ago)
⌛ 1:01:01
ZainboarThaneshboar
🎬
Zain's going platinum
Today's Stream
ZainboarThaneshboar
🎬
Doggy dog
Today's Stream
ZainboarThaneshboar
222
WebSocket Heartbeat & Thanesh's Farewell
📅 2022-04-27 
(518 days ago)
⌛ 0:51:08
ZainboarThaneshboar
223
Today's Stream
📅 2022-04-28 
(517 days ago)
⌛ 1:00:33
ZainboarToreyboar
224
Save Notes Through Websocket
📅 2022-04-29 
(516 days ago)
⌛ 0:51:30
Zainboar
225
Saving Object Through Websocket in DynamoDB
📅 2022-05-01 
(514 days ago)
⌛ 0:49:15
ZainboarToreyboar
226
Saving Object Through Websocket in DynamoDb
📅 2022-05-02 
(513 days ago)
⌛ 0:55:26
Zainboar
227
Today's Stream
📅 2022-05-05 
(510 days ago)
⌛ 1:01:32
ZainboarToreyboar
228
Welcome Back Kartik Party
📅 2022-05-08 
(507 days ago)
⌛ 0:55:32
ZainboarToreyboarKartikboar
229
Testing Prevention of XSS attack
📅 2022-05-10 
(505 days ago)
⌛ 0:29:16
Zainboar
230
How To Test Prevention XSS Attack
📅 2022-05-11 
(504 days ago)
⌛ 0:40:42
ZainboarKartikboar
🎬
Fartik
How To Test Prevention XSS Attack
ZainboarKartikboar
231
Fixing Websocket
📅 2022-05-19 
(496 days ago)
⌛ 0:49:55
Zainboar
232
Today's Stream
📅 2022-05-20 
(495 days ago)
⌛ 0:56:10
ZainboarKartikboar
233
Today's Stream
📅 2022-05-22 
(493 days ago)
⌛ 0:55:33
Zainboar
🎬
Second Favourite
Today's Stream
Zainboar
🎬
Disco Zain
Today's Stream
Zainboar
234
Today's Stream
📅 2022-05-24 
(491 days ago)
⌛ 0:23:19
Zainboar
235
Websockets bugs
📅 2022-05-27 
(488 days ago)
⌛ 1:00:51
ZainboarKartikboar
236
Websocket Bug Fix
📅 2022-05-29 
(486 days ago)
⌛ 0:49:50
Zainboar
237
Hook Up AWS Websocket
📅 2022-05-30 
(485 days ago)
⌛ 0:48:59
Zainboar
🎬
Keyboard allergies
Hook Up AWS Websocket
Zainboar
238
Hook up AWS Websocket Pt.2
📅 2022-05-31 
(484 days ago)
⌛ 0:53:07
Zainboar
239
Today's Stream
📅 2022-06-01 
(483 days ago)
⌛ 0:21:05
Zainboar
240
AWS Websocket Bug Fix
📅 2022-06-05 
(479 days ago)
⌛ 0:52:47
Zainboar
241
AWS Websocket Bug Fix Pt.2
📅 2022-06-06 
(478 days ago)
⌛ 0:23:52
Zainboar
242
Hook Up Board Columns to Websockets Nodejs + AWS Websockets
📅 2022-07-27 
(427 days ago)
⌛ 1:00:06
Zainboar
🎬
As you been poopin?
Hook Up Board Columns to Websockets Nodejs + AWS Websockets
Zainboar

Blog

Today we started to researched on how to wire the websocket connection to the frontend as we want the client to connect to websocket when the index.html opens. We instantiated WebSocket object and tried to connect to the ws endpoint using onopen method however, were unable to. We are one step closer to getting it working.

Subtitles

0:00:00
[Music]
0:00:25
what is going on guys welcome back to
0:00:28
another session or bill breaking fix
0:00:30
brought to you by
0:00:32
yes you guessed it the rule coders
0:00:36
yeah i hope you're all doing very well
0:00:38
and um another session another another
0:00:42
session of fun and excitement and
0:00:45
learning with breaking stuff and then
0:00:48
fixing it
0:00:50
which is going to be fantastic
0:00:53
all right guys so um i just wanted to
0:00:56
kind of break down a bit
0:00:59
like what we
0:01:01
gonna do so
0:01:02
uh actually first of all let's try and
0:01:06
get the acknowledgement of the country
0:01:08
down so
0:01:10
here
0:01:10
goes i begin today by acknowledging the
0:01:13
traditional custodians of the land on
0:01:16
which we gather today and pay my
0:01:18
respects to the elders past present and
0:01:20
future i extend their respect to
0:01:23
aboriginal and torres strait islander
0:01:25
people here today
0:01:28
all right fantastic that is all done
0:01:32
so
0:01:33
so you might be wondering what are we
0:01:35
going to be doing today
0:01:38
so what we can uh underneath um so
0:01:44
just to give you a bit of a recap
0:01:48
um
0:01:49
we
0:01:50
managed to remove the connection id from
0:01:53
the
0:01:55
dynamodb yes today and
0:01:59
that was
0:02:00
successful which was brilliant
0:02:03
so
0:02:05
now in terms of the
0:02:07
adwords websocket integration what's
0:02:10
happening is that when the user connects
0:02:13
to the websocket
0:02:15
uh his connection id would get
0:02:20
stored in the in the database
0:02:22
and when it would this disconnect then
0:02:26
the connection id will be removed
0:02:29
so that is where we are all up to at the
0:02:31
moment
0:02:33
um
0:02:33
so today what we're going to be doing is
0:02:37
we will be
0:02:38
[Music]
0:02:40
uh working
0:02:42
uh
0:02:43
towards
0:02:45
integrating the
0:02:47
websocket and in wiring the websocket in
0:02:50
the front end
0:02:52
all right so let's get down to it
0:02:56
cool so
0:02:59
where do we want to go
0:03:02
we wanted to go to
0:03:04
[Music]
0:03:09
um let's share my screen
0:03:12
to be honest i have never done that so i
0:03:14
don't know what's gonna happen but
0:03:17
let's see how we go
0:03:19
all right
0:03:22
[Music]
0:03:24
so share my screen
0:03:27
i guess first of all we'll have to do a
0:03:29
bit of researching
0:03:31
and then do it in that way
0:03:34
all right
0:03:36
so
0:03:38
um
0:03:38
[Music]
0:03:40
integrate
0:03:42
call
0:03:43
as in wire
0:03:45
we want a wire
0:03:50
we want to wire
0:03:52
[Music]
0:03:58
wire
0:04:11
to
0:04:13
[Music]
0:04:17
okay
0:04:19
working with websocket
0:04:21
frontend mobile aws um
0:04:26
building voice chat right
0:04:29
yeah this might be it
0:04:32
let's check this one out
0:04:35
because now what we want to do we want
0:04:37
to
0:04:41
wire the websocket in the front end
0:04:44
so it's okay i oh
0:04:47
it was wrapped around talking don't
0:04:49
don't require pc connection
0:04:51
actually let's play a bit of music
0:04:58
today
0:05:20
all right i'll change this
0:05:23
source to
0:05:26
have
0:05:39
hope you guys can hear it now
0:05:45
[Music]
0:05:59
okay
0:06:02
so now what we want to do is
0:06:06
[Music]
0:06:32
actually forget the music
0:06:35
that's kind of distracting me a bit
0:06:39
all right um i put this back to my
0:06:44
source
0:06:47
all right um so
0:06:54
okay it's away so how we're gonna do
0:06:56
this
0:06:58
so client we need to call back talking
0:07:01
from the client
0:07:03
brief explanation we know the view
0:07:05
application
0:07:07
right so uh it was good i've gone
0:07:10
through the last one
0:07:12
where i was preparing up here and have
0:07:14
one problem that only that this
0:07:16
showed you how to configure website by
0:07:18
the developer
0:07:21
you need to know how to integrate it
0:07:27
you need to know how to
0:07:29
integrating
0:07:31
how to
0:07:34
create into your application
0:07:37
aha yeah this wouldn't help you though
0:07:40
huh
0:07:42
no i don't need that one can't bring in
0:07:45
the okay oh so we have this one we don't
0:07:48
need to worry about comforting the back
0:07:50
end
0:07:51
which we have already done
0:07:54
um allow lambda rolls yeah that's fine
0:07:57
cool
0:07:58
so note yeah this is all done
0:08:03
uh just to keep an eye on the chat as
0:08:05
well
0:08:08
hey gaga
0:08:10
good to have you right
0:08:13
yeah
0:08:14
those three was a bit too too loud um
0:08:18
so
0:08:18
because i don't know how to
0:08:21
how to measure how
0:08:23
loud or not is
0:08:25
i just basically turned it off
0:08:28
um
0:08:29
tory him him he must have been
0:08:32
occupied with something really important
0:08:35
which is
0:08:36
why
0:08:37
um he couldn't make it so
0:08:41
yeah
0:08:43
uh i guess
0:08:45
today you're stuck with me
0:08:47
you and cue jesse
0:08:50
right um so
0:08:53
just to give a bit of a brief um
0:08:56
overview of what i'm doing at the moment
0:08:58
um i'm i'm trying to
0:09:00
wire the web socket to the front and now
0:09:04
um
0:09:05
because i i haven't done this before so
0:09:08
i'm just
0:09:09
going through
0:09:11
um the tutorials
0:09:14
and check
0:09:15
whether i can find a how to do it
0:09:19
um this indication is going to um
0:09:22
let's connect to the verb soccer
0:09:26
hardware connect
0:09:32
view application chat and user
0:09:36
okay
0:09:37
it doesn't really talk about the front
0:09:39
end
0:09:41
any more messages no
0:09:44
so do do
0:09:52
uh
0:09:56
okay
0:09:57
let's actually play some
0:09:59
music
0:10:10
i mean now if uh this is too loud as
0:10:13
well get deaf
0:10:22
actually i don't really
0:10:24
like
0:10:25
this one
0:10:30
actually that's fine
0:10:36
uh
0:10:37
do that
0:10:44
[Music]
0:10:47
so video chat app websocket now
0:10:52
how to use website
0:10:55
connect to clients
0:11:00
connect
0:11:05
[Music]
0:11:18
applications yeah that is the one
0:11:21
basically we need
0:11:23
[Music]
0:11:25
actually i'm already feeling this
0:11:29
[Music]
0:11:43
creating your website you know it's a
0:11:45
communication
0:11:47
you need to create a website
0:11:49
and this is automatically attempted to
0:11:52
open up into the server
0:11:54
connection
0:11:55
so this just tells
0:11:58
all right
0:12:01
so basically what we need to do in our
0:12:05
front end
0:12:07
we need to
0:12:11
doing this way
0:12:13
so
0:12:15
connection creating a websocket object
0:12:18
so possibly in
0:12:20
this way
0:12:22
client application
0:12:24
that's okay
0:12:26
yes
0:12:27
this is a msdn1
0:12:30
i would probably need
0:12:41
[Music]
0:12:47
okay yeah so i need
0:12:50
this part here
0:13:01
[Music]
0:13:06
okay so this is the backhand
0:13:09
[Music]
0:13:16
[Music]
0:13:19
let's change the music
0:13:23
this is
0:13:24
making me fall asleep to be honest
0:13:28
recording music
0:13:38
[Music]
0:13:51
[Music]
0:14:08
[Music]
0:14:11
this
0:14:26
okay that's the backhand no i don't need
0:14:29
this one
0:14:32
this
0:14:33
this is how simple application using
0:14:37
we have no computer
0:14:39
[Music]
0:14:41
how does he use
0:14:44
the front end
0:14:48
you can't get my
0:14:50
service
0:14:55
[Music]
0:14:56
um
0:15:08
[Music]
0:15:13
what
0:15:18
so how would this work
0:15:20
basically
0:15:22
i would have to call
0:15:25
so we would have to call it
0:15:30
when the user opens up the board page
0:15:34
only then he will be able to connect
0:15:37
so windows overload
0:15:43
connect to
0:15:45
this
0:15:48
okay
0:15:51
next
0:16:04
is
0:16:08
and just kind of working with
0:16:10
website apis
0:16:13
and use happening community back service
0:16:21
um
0:16:22
setting up club can i connect
0:16:25
as a client from uws
0:16:28
can i connect to personal kpi as a
0:16:32
connection
0:16:34
as a client from it to this giveaway
0:16:38
oh wow no one answered it that's pretty
0:16:40
interesting
0:16:44
[Music]
0:16:54
okay
0:16:56
so that would be there
0:17:00
[Music]
0:17:11
send message from um
0:17:14
how can i connect
0:17:37
[Music]
0:17:42
using
0:17:43
[Music]
0:17:45
in this video we're going to implement
0:17:46
the real-time chat application
0:17:48
okay
0:17:50
so does he do it
0:17:54
on the board and he says join the chat
0:17:59
and so we've got the
0:18:04
i've got these
0:18:11
this one the
0:18:17
frontend code
0:18:19
[Music]
0:18:21
message one message how is he getting
0:18:24
these messages
0:18:26
hello mode
0:18:30
[Music]
0:18:36
disconnect
0:18:38
all right okay
0:18:41
[Music]
0:18:50
[Music]
0:18:52
connect yeah this is exactly the one we
0:18:55
want connect so here's your okay so he's
0:18:59
using react
0:19:00
so we basically have to add in our own
0:19:03
connect
0:19:07
function
0:19:09
[Music]
0:19:10
disconnects in the public
0:19:14
okay so what exactly is he doing
0:19:18
i'm gonna
0:19:20
first of all um
0:19:22
pause the music because i'm gonna
0:19:25
hear a tutorial and then we can take it
0:19:28
from there
0:19:35
will show us the prompts which we'll be
0:19:37
able to enter our public message
0:19:39
once we'll do currently he just calls
0:19:42
the onsen public message callback
0:19:44
and here it asks us for the public
0:19:46
message and once we enter it it logs it
0:19:49
to the console like we see here on the
0:19:52
left we see a list of users once we'll
0:19:54
get the list of users from our socket
0:19:56
we're going to display them here
0:19:58
currently we just have fake information
0:20:00
user one user two
0:20:07
there's is just updates in real time
0:20:09
here
0:20:12
once we enter the message
0:20:14
it will call the onsen private message
0:20:16
callback
0:20:17
as you can see here now we have the two
0:20:19
variable which is the recipient of our
0:20:26
also it works in a similar way with the
0:20:28
disconnect button he just calls the
0:20:30
disconnect callback which we it worked
0:20:32
to the console all are
0:20:34
when we're in a disconnected state we
0:20:36
see that our indicator has turned to
0:20:38
gray
0:20:39
and now we have a button to connect when
0:20:42
we click the connect button it will call
0:20:48
are on connect callback which is here
0:20:50
currently it just logs connect to the
0:20:52
console but we're going to change it to
0:20:54
connect to our websocket also it works
0:20:57
in a similar way with the disconnect
0:20:59
button it just calls the disconnect
0:21:00
callback which we have here
0:21:03
when we send a public message it will
0:21:05
show us a prompt in which we'll be able
0:21:07
to enter our public message right so
0:21:09
what this is
0:21:10
doing is basically also it works in a
0:21:13
similar way with a disconnect button it
0:21:15
just calls the disconnect callback which
0:21:17
we have here
0:21:19
when we send a public message it will
0:21:21
show us a prompt
0:21:22
similar to the oxygen
0:21:25
we'll call the x to our socket
0:21:27
once we get the list of users from its
0:21:30
back
0:21:31
start implementing our client-side code
0:21:34
first let's reset the ui and remove the
0:21:36
fake data from it
0:21:37
now we'll also need to create a variable
0:21:39
that will hold the url of the websocket
0:21:41
which we'll connect to we'll get it by
0:21:43
going to api gateway and copying the
0:21:46
websocket url
0:21:48
we'll also need to add a variable which
0:21:50
will hold the socket that we're going to
0:21:52
use
0:21:53
when we create the variable we will set
0:21:54
it to null
0:21:56
because we're using react we're going to
0:21:58
use the use ref hook but if you were
0:22:00
writing this in plain javascript that
0:22:01
would be a regular variable that we
0:22:03
currently set to null now when the user
0:22:05
clicks the connect button and the on
0:22:07
connect callback is called let's create
0:22:09
the socket first let's check that the
0:22:11
socket is not already connected we're
0:22:13
going to check if the socket is in a
0:22:15
ready state that is different from open
0:22:17
then we're going to initiate and create
0:22:19
the socket you probably noticed that
0:22:21
we're using socket.current and again
0:22:23
it's just a reacting and if you're using
0:22:25
plain javascript then you would just say
0:22:27
socket.readystate
0:22:28
this is how we're going to connect to
0:22:30
the socket we initiate a new websocket
0:22:33
instance and the only argument it
0:22:34
requires is the url of the socket that
0:22:36
we're going to connect to which we took
0:22:38
from api gateway now let's add a few
0:22:41
event listeners for when the socket
0:22:43
connects closes or receives a message
0:22:46
so we added the three event listeners
0:22:48
when the socket is opened we'll call on
0:22:51
socket open
0:22:52
when it's closed on socket close and
0:22:54
then when we receive a message from the
0:22:56
socket we will call on socket message so
0:22:58
let's create the three callbacks for
0:23:00
these events
0:23:02
when we receive an event that the socket
0:23:04
was opened we should set his
0:23:06
right so i basically need to
0:23:10
call it in
0:23:12
dogs group and initiate it in that way
0:23:17
right uh that's this is going to be fun
0:23:20
uh
0:23:25
right so let's jump into
0:23:28
our repository
0:23:36
and
0:23:38
[Music]
0:23:56
[Music]
0:24:03
this is our reaper
0:24:06
so what we're gonna do basically is
0:24:11
we will
0:24:15
connect our
0:24:17
here on
0:24:20
get board
0:24:22
when the
0:24:24
um
0:24:25
when the board
0:24:28
page opens which
0:24:30
and the
0:24:31
actually index page opens
0:24:34
but we're taking you we're importing
0:24:38
the board
0:24:41
as in the
0:24:43
the script and the other one
0:24:48
um
0:24:50
in this index.html
0:24:53
so
0:24:54
i'm just gonna look for that
0:24:57
ah here we go so script so we can
0:25:02
either put our
0:25:04
function on script or still front end
0:25:08
what i'm going to basically do is put in
0:25:09
still front end because this is
0:25:12
all kind of everything is hap
0:25:16
everything there for the
0:25:18
interaction
0:25:20
between the front end and the back end
0:25:22
is happening here
0:25:25
so i'll just put it over here
0:25:29
all right
0:25:33
so this will be
0:25:35
same function
0:25:39
on connect
0:25:44
actually
0:25:46
not
0:25:47
here function on connect
0:25:59
a function
0:26:02
on
0:26:03
absolute on connect
0:26:07
i'll be naming this way because it's a
0:26:10
lot simpler
0:26:11
and then we're gonna make a method and
0:26:14
then at the top what i'm gonna do
0:26:17
is we're gonna
0:26:21
um
0:26:22
take store the
0:26:25
url
0:26:27
so
0:26:31
okay
0:26:34
url
0:26:40
okay i'll just zoom
0:26:42
this in a bit
0:26:47
let's okay
0:26:48
url and then
0:26:50
i'll get the
0:26:52
url from
0:26:55
there
0:27:06
from the um
0:27:11
aws
0:27:13
so let's go and get that
0:27:30
okay um i would have to get my mfa code
0:27:34
just bear with me i don't have the
0:27:36
mobile
0:27:38
on me so i'll just get that one and
0:27:40
we'll come back and get the
0:27:43
mfa code
0:27:45
straight away then all right i'll be
0:27:47
right back
0:28:05
all right
0:28:06
so
0:28:12
uh the mfa code of this
0:28:15
would be
0:28:18
this one
0:28:24
cool so this is working fine
0:28:30
get our
0:28:34
websocket url
0:28:38
actually i'm gonna
0:28:39
delete this one because we don't need
0:28:42
this anymore
0:28:45
so get this small resources
0:28:49
um
0:28:51
websockets
0:28:58
and
0:28:59
um
0:28:59
[Music]
0:29:01
copy this one
0:29:03
and then paste it over here because we
0:29:06
want to be connecting to this
0:29:11
websocket url
0:29:13
okay so this would be here websocket url
0:29:18
yeah
0:29:19
and
0:29:20
how do we connect to this one now
0:29:24
i just want to have a look
0:29:43
so if we go down
0:29:46
function on connect
0:29:49
um so this would basically be
0:30:03
okay
0:30:05
and
0:30:12
um
0:30:32
no don't need that
0:30:36
this is just the websocket
0:30:40
things
0:30:52
[Music]
0:31:03
to myself
0:31:22
okay so public website that one
0:31:25
observable
0:31:27
observable
0:31:29
um
0:31:31
so that's okay i had the same problem
0:31:33
you need to
0:31:35
you can use all this on this client the
0:31:37
project
0:31:39
to set the option transport to
0:31:49
okay
0:32:10
foreign
0:32:15
so i don't get first steps building log
0:32:17
into media
0:32:36
so
0:32:48
so first of all we need to initialize
0:32:51
here
0:32:53
so
0:33:00
it's okay
0:33:20
sorry
0:33:28
[Music]
0:33:37
that um
0:33:39
the connector is new
0:33:42
so
0:33:43
all it takes is the url
0:33:47
looks okay
0:33:48
here
0:33:53
url in the protocol
0:33:55
what would be the protocol
0:34:01
um
0:34:03
protocol would probably be
0:34:07
screen it's a stream
0:34:10
let's go to his definition
0:34:14
i don't need this definition
0:34:18
that's okay
0:34:20
let's check it so pretty cool okay so
0:34:24
that's optional that that's one we won't
0:34:27
pass this one if that's optional
0:34:32
um
0:34:42
okay and then what we need to do
0:34:46
is connection errors even error as well
0:34:50
connect
0:34:52
one time
0:34:54
first the simple event with the name
0:34:56
arrow is sent to the websocket
0:35:00
okay
0:35:02
so you don't put this simple example to
0:35:05
create new webs okay
0:35:07
connection is to set
0:35:09
to
0:35:11
connecting to the server and
0:35:14
yeah that's fine
0:35:16
a custom protocol is named in the
0:35:19
request for example
0:35:21
on return
0:35:23
example wednesday is connecting the
0:35:26
register will open
0:35:28
once the connection is ready to transfer
0:35:35
sending data to the server
0:35:44
on open
0:35:51
wow
0:35:54
um
0:35:55
any comments no
0:35:58
not really
0:36:06
right
0:36:10
um
0:36:14
using json to transfer every single
0:36:17
message from the cell
0:36:19
okay we are not doing that connecting
0:36:25
application
0:36:28
yeah possibly we need to
0:36:31
just do this and then
0:36:33
see if this works
0:36:46
send message no close
0:36:49
probably one on open
0:36:55
[Music]
0:37:05
function and here's some text at the
0:37:08
service that should be waiting
0:37:14
okay cool so we can send it some text as
0:37:17
well
0:37:21
[Music]
0:37:35
websocket does send
0:37:39
this is
0:37:55
okay and what we can do
0:37:59
is call this one
0:38:03
um in our index
0:38:05
on load
0:38:07
that would be it's probably
0:38:10
on lower configuration and
0:38:14
this is
0:38:24
[Music]
0:38:31
let's do that
0:38:33
all right let's check if this would work
0:38:36
in the first place
0:38:41
oh i need to create
0:38:44
a separate feature branch that's my
0:38:47
fault
0:38:48
i should have done that first
0:39:02
okay get rid of all this
0:39:06
and whoops that's in maine that this is
0:39:10
dangerous
0:39:12
this is very dangerous
0:39:15
we're not supposed to do in the main
0:39:17
no way
0:39:21
okay get checked out
0:39:24
so we'll get checkout does it
0:39:28
with you check on minus b
0:39:30
that's it it
0:39:33
creates and switches to
0:39:37
the
0:39:37
branch which is denoted by minus b so we
0:39:41
can say
0:39:42
websocket
0:39:45
internet
0:39:52
okay
0:40:02
okay
0:40:04
of course and now we can make all of our
0:40:07
changes here
0:40:19
and the url
0:40:22
can go up
0:40:29
patch board
0:40:31
right cool
0:40:36
okay so this is our websocket well
0:40:40
basically we're trying to do here
0:40:43
is we are trying to
0:40:50
connect to the websocket so here
0:40:53
is the function that actually connects
0:40:55
and this
0:40:56
would be called in
0:40:59
index.html unload
0:41:05
all right let's check if this works
0:41:15
cool so that works okay
0:41:22
um
0:41:24
yeah that should be fine
0:41:32
um to be honest i don't even know if it
0:41:34
would work
0:41:36
but it's rather cry
0:41:38
um what was the command here
0:41:41
[Laughter]
0:41:44
actually what i'm gonna do is in
0:41:49
the
0:41:50
front end
0:41:53
i'm not gonna
0:41:56
okay so that takes option
0:41:58
so what i'm gonna basically do is
0:42:02
just
0:42:03
display console.log
0:42:14
okay cool
0:42:17
uh
0:42:17
let's try our npm
0:42:20
um
0:42:21
[Music]
0:42:22
what was the server
0:42:24
node
0:42:27
on
0:42:28
live server
0:42:32
live server oops that is not the one we
0:42:35
want
0:42:36
we need this one
0:42:44
okay because that's not in the right
0:42:46
directory
0:42:47
i need to go to client
0:42:56
okay so did we get our
0:43:00
console roblox open is no function
0:43:04
okay cool
0:43:06
so it's calling it but it's not
0:43:09
websocket on open
0:43:12
it's not a function why not
0:43:20
um
0:43:38
event uh
0:43:42
open event
0:43:44
so it costs yet
0:43:46
that's fine i did the right thing
0:43:48
and connection open
0:43:52
let's
0:43:54
[Music]
0:44:02
[Music]
0:44:05
then
0:44:08
and then it takes into argument
0:44:12
[Music]
0:44:15
that's okay
0:44:22
open
0:44:30
camera
0:44:47
foreign
0:44:54
maybe try this and see if this doesn't
0:44:56
[Music]
0:44:57
could
0:44:59
think
0:45:15
lawrence
0:45:28
no okay
0:45:29
cool
0:45:37
is it connecting though
0:45:43
there's no there
0:46:01
which means what would say
0:46:05
why is he saying
0:46:06
no to
0:46:08
until
0:46:12
[Music]
0:46:19
[Music]
0:46:23
yeah that is right
0:46:26
all of them i can't know where it's
0:46:28
coming is
0:46:46
[Music]
0:46:52
[Music]
0:46:54
it's
0:46:55
connection opened
0:47:00
[Music]
0:47:25
connection
0:47:26
all right
0:47:29
post
0:47:31
okay
0:47:33
okay okay cool
0:47:35
it's okay this okay connect
0:47:39
yeah so i'm sorry
0:47:42
i want to open this one up and statuses
0:47:49
probably looked into functional
0:47:58
right okay
0:48:01
so i'll be if we
0:48:03
do this
0:48:04
at the top here
0:48:09
press ok
0:48:12
left
0:48:15
and then reps okay
0:48:23
[Music]
0:48:30
function and then
0:48:44
this is the ready state
0:49:11
[Music]
0:49:13
let's have a look
0:49:16
try
0:49:20
okay
0:49:22
[Music]
0:49:41
exception
0:49:51
[Music]
0:49:54
oh let's try this
0:49:58
song
0:49:59
analyzing
0:50:02
party here
0:50:05
roxaki euros that one which is fine
0:50:10
okay cool let's try this
0:50:16
see what this gives us back
0:50:39
oh okay so webshop is not a function
0:50:43
on connect
0:50:46
why is he showing me that
0:50:49
so saying that
0:50:50
that's okay on open
0:50:53
is now function
0:51:23
[Music]
0:51:29
big
0:51:47
instead of that
0:51:50
[Music]
0:52:16
there's no function but
0:52:19
what else
0:52:21
what is you there nothing should exist
0:52:27
it's actually running but i don't know
0:52:30
[Music]
0:52:32
yeah it does should exist
0:52:40
don't want to be clicking on that no way
0:52:45
um
0:52:47
server on
0:52:52
server i'm trying to characterize
0:53:02
[Music]
0:53:12
leave it
0:53:26
so when you get on
0:53:32
when you get
0:53:34
the
0:53:35
[Music]
0:53:37
event is already open hands there's
0:53:40
gonna
0:53:42
know
0:53:45
okay so if we do this
0:53:54
[Music]
0:54:18
i'm so cute all right let's see there
0:54:22
you go this must have been a problem
0:54:47
uh
0:54:48
[Music]
0:54:52
not there's not the one
0:54:57
to close by talking about
0:55:00
wanna please don't function and stop
0:55:02
donald js
0:55:13
um
0:55:45
just gives that warm
0:55:54
look with reds
0:55:57
just put that browsers
0:56:08
[Music]
0:56:11
hey
0:56:23
function open
0:56:26
connect
0:56:32
[Music]
0:56:45
[Music]
0:56:55
right guys um this was
0:56:58
a good progress um we
0:57:01
uh i think we're really close of getting
0:57:04
the um client connected to the websocket
0:57:08
which is fantastic um
0:57:11
yeah if you if you want him uh if you
0:57:15
want to see more of the progress and
0:57:18
join us tomorrow
0:57:20
um
0:57:21
where we get um hopefully this function
0:57:26
functionality working all right
0:57:29
until then have a great
0:57:31
afternoon morning
0:57:34
or night wherever you are in the world
0:57:36
and we'll see you tomorrow
0:57:39
9 30 p.m
0:57:42
melbourne eastern um australian eastern
0:57:45
standard time um
0:57:47
same time same place and the same task
0:57:50
all right have a good night guys cheers
0:57:52
bye