boarzVideosClipsStatistics

#️⃣EP 157 - Today's Stream

🎦
📅 2022-01-20 (496 days ago)
⌛ 0:57:55
Zainboar
AllClipsEpisodesHas Blog PostZainThaneshKartikTorey
001
Build Break and Code
📅 2021-07-14 
(686 days ago)
⌛ 0:58:43
ZainboarKartikboar
002
Build, Break & Fix
📅 2021-07-15 
(685 days ago)
⌛ 0:53:45
ZainboarKartikboar
🎬
Krunchmaster Kartik
Build, Break & Fix
ZainboarKartikboar
003
Build, Break & Fix
📅 2021-07-16 
(684 days ago)
⌛ 1:09:05
ZainboarKartikboar
004
Special Edition: We don't stop until we get our code working
📅 2021-07-16 
(684 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 
(683 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 
(681 days ago)
⌛ 1:03:20
ZainboarKartikboar
007
Build, Break & Fix
📅 2021-07-20 
(680 days ago)
⌛ 1:04:37
ZainboarKartikboar
008
Build, Break & Fix
📅 2021-07-21 
(679 days ago)
⌛ 1:00:37
ZainboarKartikboar
009
Build, Break & Fix
📅 2021-07-22 
(678 days ago)
⌛ 1:17:02
ZainboarKartikboar
010
Build, Break & Fix
📅 2021-07-23 
(677 days ago)
⌛ 1:04:59
ZainboarKartikboar
011
Build, Break & Fix
📅 2021-07-23 
(677 days ago)
⌛ 1:48:16
ZainboarKartikboar
012
Build, Break & Fix
📅 2021-07-24 
(676 days ago)
⌛ 2:05:28
ZainboarKartikboar
013
Build, Break & Code //First Special Guest Appearance
📅 2021-07-26 
(674 days ago)
⌛ 1:09:09
ZainboarKartikboar
014
Build, Break & Fix
📅 2021-07-27 
(673 days ago)
⌛ 1:05:37
ZainboarKartikboar
015
Build, Break & Fix // Setting a blog using Hugo and AWS Amplify
📅 2021-07-28 
(672 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 
(671 days ago)
⌛ 1:03:57
ZainboarKartikboar
017
Build, Break & Fix // Working on FETCH APIs
📅 2021-07-30 
(670 days ago)
⌛ 1:06:45
ZainboarKartikboar
018
Build, Break & Fix // creating get methods with FETCH API
📅 2021-07-30 
(670 days ago)
⌛ 2:00:16
ZainboarKartikboar
019
Build, Break & Fix // BLOG REVEAL!! &Fixing our broken Hugo blog
📅 2021-07-31 
(669 days ago)
⌛ 2:03:11
📰
ZainboarKartikboar
020
Build, Break & Fix // Fixing the uncaught exception error in FETCH APIs
📅 2021-08-02 
(667 days ago)
⌛ 1:02:04
ZainboarKartikboar
021
Build, Break & Fix // Trying different things to resolve the error
📅 2021-08-03 
(666 days ago)
⌛ 1:04:49
📰
ZainboarKartikboar
022
Build, Break & Fix // Special Guest announcement for tomorrow!
📅 2021-08-04 
(665 days ago)
⌛ 1:03:15
📰
ZainboarKartikboar
023
Special Episode : Talking to a Principal Developer at Seek
📅 2021-08-05 
(664 days ago)
⌛ 1:04:56
📰
ZainboarKartikboar
024
Build, Break & Fix // Working out Software design
📅 2021-08-06 
(663 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 
(663 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 
(661 days ago)
⌛ 1:35:49
📰
Zainboar
027
30 mins of deployment 😠 || 30 mins of coding 🥲
📅 2021-08-09 
(660 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 
(659 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 
(658 days ago)
⌛ 1:01:46
📰
ZainboarKartikboar
030
Today's Stream
📅 2021-08-12 
(657 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 
(656 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 
(655 days ago)
⌛ 1:20:18
📰
ZainboarKartikboar
033
Build - Break - Fix
📅 2021-08-15 
(654 days ago)
⌛ 1:34:03
📰
ZainboarKartikboar
034
Build Break Fix
📅 2021-08-16 
(653 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 
(652 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 
(651 days ago)
⌛ 1:03:21
📰
ZainboarKartikboar
037
Special Guest - Sam Nolan
📅 2021-08-19 
(650 days ago)
⌛ 1:05:19
📰
ZainboarKartikboar
038
Today's Broadcast
📅 2021-08-20 
(649 days ago)
⌛ 1:01:55
📰
ZainboarKartikboar
039
Today's Broascast
📅 2021-08-21 
(648 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 
(647 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 
(646 days ago)
⌛ 0:57:11
📰
Zainboar
042
Today's Broadcast
📅 2021-08-24 
(645 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 
(644 days ago)
⌛ 1:13:08
📰
ZainboarKartikboar
🎬
Actually good job advice from Zain
Today's Stream
ZainboarKartikboar
044
Today's Stream
📅 2021-08-26 
(643 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 
(642 days ago)
⌛ 1:08:21
📰
ZainboarKartikboar
046
Weekend Special
📅 2021-08-28 
(641 days ago)
⌛ 1:32:51
ZainboarKartikboar
047
Weekend Special
📅 2021-08-29 
(640 days ago)
⌛ 1:01:39
Zainboar
048
Today's Broadcast
📅 2021-08-30 
(639 days ago)
⌛ 1:17:19
ZainboarKartikboar
049
Today's Broadcast
📅 2021-08-31 
(638 days ago)
⌛ 1:00:16
ZainboarKartikboar
🎬
Viewer burn
Today's Broadcast
ZainboarKartikboar
050
CELEBRATION: 50th Episode
📅 2021-09-01 
(637 days ago)
⌛ 1:01:53
ZainboarKartikboar
051
Today's Broadcast
📅 2021-09-02 
(636 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 
(635 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 
(634 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 
(633 days ago)
⌛ 1:41:54
ZainboarKartikboar
055
Today's Stream
📅 2021-09-06 
(632 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 
(631 days ago)
⌛ 1:25:44
ZainboarKartikboar
🎬
The benefits of pair programming
Today's Broadcast
ZainboarKartikboar
057
Today's Stream
📅 2021-09-08 
(630 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 
(629 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 
(628 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 
(626 days ago)
⌛ 1:02:36
ZainboarKartikboar
061
Today's Stream
📅 2021-09-13 
(625 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 
(624 days ago)
⌛ 1:11:29
ZainboarKartikboar
063
Today's Stream
📅 2021-09-15 
(623 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 
(622 days ago)
⌛ 1:20:45
📰
ZainboarKartikboar
🎬
Switched-on hat
Today's Broadcast
ZainboarKartikboar
065
test
📅 2021-09-16 
(622 days ago)
⌛ 2:03:01
📰
ZainboarKartikboar
🎬
Setting up a suppository in Diagon Alley
test
ZainboarKartikboar
🎬
Background Diagon Alley
test
ZainboarKartikboar
🎬
RAWR coders
test
ZainboarKartikboar
066
Today's Broadcast
📅 2021-09-19 
(619 days ago)
⌛ 1:46:13
📰
ZainboarKartikboar
067
Today's Stream
📅 2021-09-20 
(618 days ago)
⌛ 1:03:46
📰
ZainboarKartikboarToreyboar
🎬
What is a sea cable?
Today's Stream
ZainboarKartikboarToreyboar
068
Today's Stream
📅 2021-09-21 
(617 days ago)
⌛ 1:09:13
📰
ZainboarKartikboarToreyboar
069
Today's Broadcast
📅 2021-09-22 
(616 days ago)
⌛ 1:03:51
📰
ZainboarKartikboar
070
Today's Stream
📅 2021-09-23 
(615 days ago)
⌛ 1:59:01
📰
ZainboarKartikboar
071
Today's Stream
📅 2021-09-24 
(614 days ago)
⌛ 0:28:57
📰
ZainboarKartikboar
072
Today's Stream
📅 2021-09-24 
(614 days ago)
⌛ 0:39:33
📰
ZainboarKartikboar
073
Today's Stream
📅 2021-09-26 
(612 days ago)
⌛ 1:21:14
📰
Zainboar
074
Today's Stream
📅 2021-09-27 
(611 days ago)
⌛ 1:03:40
📰
ZainboarKartikboar
075
Today's Stream
📅 2021-09-28 
(610 days ago)
⌛ 1:04:05
📰
ZainboarKartikboar
076
Today's Broadcast
📅 2021-09-29 
(609 days ago)
⌛ 0:58:07
📰
ZainboarKartikboar
077
Today' Broadcast
📅 2021-09-30 
(608 days ago)
⌛ 1:13:14
📰
ZainboarKartikboar
078
Today's Broadcast
📅 2021-10-01 
(607 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 
(605 days ago)
⌛ 1:14:52
📰
ZainboarKartikboar
080
Today's Stream
📅 2021-10-04 
(604 days ago)
⌛ 1:05:10
📰
ZainboarKartikboar
081
Today's Stream
📅 2021-10-05 
(603 days ago)
⌛ 1:01:05
📰
Zainboar
082
Today's Stream
📅 2021-10-06 
(602 days ago)
⌛ 0:54:10
📰
ZainboarKartikboar
083
Today's Stream
📅 2021-10-07 
(601 days ago)
⌛ 1:15:04
📰
ZainboarKartikboar
🎬
Strong intro
Today's Stream
ZainboarKartikboar
084
Today's Stream
📅 2021-10-08 
(600 days ago)
⌛ 1:12:59
ZainboarKartikboar
085
Today's Stream
📅 2021-10-10 
(598 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 
(597 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 
(596 days ago)
⌛ 0:51:02
📰
ZainboarKartikboar
088
Today's Stream
📅 2021-10-13 
(595 days ago)
⌛ 1:07:31
📰
ZainboarKartikboar
089
Today's Broadcast
📅 2021-10-14 
(594 days ago)
⌛ 1:07:16
📰
ZainboarKartikboar
090
Today's Stream
📅 2021-10-15 
(593 days ago)
⌛ 1:01:10
📰
Zainboar
091
Today's Stream
📅 2021-10-17 
(591 days ago)
⌛ 1:26:37
📰
ZainboarKartikboarThaneshboar
🎬
Torres Strait Icelander people
Today's Stream
ZainboarKartikboarThaneshboar
092
Today's Stream
📅 2021-10-18 
(590 days ago)
⌛ 1:05:40
📰
ZainboarKartikboarThaneshboar
🎬
Icelander or Islander?
Today's Stream
ZainboarKartikboarThaneshboar
093
Today's Stream
📅 2021-10-19 
(589 days ago)
⌛ 1:01:58
📰
ZainboarThaneshboar
094
Today's Stream
📅 2021-10-20 
(588 days ago)
⌛ 1:04:18
📰
ZainboarKartikboar
095
Today's Stream
📅 2021-10-21 
(587 days ago)
⌛ 1:16:08
📰
ZainboarKartikboarThaneshboar
096
100th Episode
📅 2021-10-23 
(585 days ago)
⌛ 1:13:16
📰
ZainboarKartikboar
097
101/200 Episodes
📅 2021-10-24 
(584 days ago)
⌛ 1:00:53
📰
ZainboarThaneshboar
🎬
Best Practices
101/200 Episodes
ZainboarThaneshboar
098
102/200 Episode
📅 2021-10-25 
(583 days ago)
⌛ 1:09:20
📰
ZainboarKartikboar
099
103/200 Episode
📅 2021-10-26 
(582 days ago)
⌛ 1:10:51
📰
ZainboarKartikboarThaneshboar
100
104/200
📅 2021-10-27 
(581 days ago)
⌛ 1:03:23
📰
ZainboarKartikboar
101
105/200
📅 2021-10-28 
(580 days ago)
⌛ 1:15:24
📰
ZainboarThaneshboar
🎬
ROAR coders
105/200
ZainboarThaneshboar
102
107/200
📅 2021-10-29 
(579 days ago)
⌛ 1:14:04
📰
ZainboarKartikboar
103
109/200
📅 2021-10-31 
(577 days ago)
⌛ 1:11:38
📰
ZainboarKartikboarThaneshboar
104
110/200
📅 2021-11-01 
(576 days ago)
⌛ 1:04:53
📰
ZainboarKartikboar
105
111/200
📅 2021-11-02 
(575 days ago)
⌛ 1:11:33
📰
ZainboarKartikboarThaneshboar
106
112/200
📅 2021-11-03 
(574 days ago)
⌛ 1:00:17
📰
ZainboarKartikboar
🎬
Diagon Alley? What is that kind of fing?
112/200
ZainboarKartikboar
107
113/200
📅 2021-11-04 
(573 days ago)
⌛ 1:03:53
📰
Zainboar
🎬
C.O.D.I.N.G
113/200
Zainboar
108
114/200
📅 2021-11-05 
(572 days ago)
⌛ 0:56:39
Zainboar
109
115/200
📅 2021-11-07 
(570 days ago)
⌛ 1:02:25
📰
ZainboarThaneshboar
🎬
What's testing
115/200
ZainboarThaneshboar
🎬
CORS coders
115/200
ZainboarThaneshboar
110
116/200
📅 2021-11-08 
(569 days ago)
⌛ 1:09:37
📰
ZainboarKartikboar
111
117/200
📅 2021-11-09 
(568 days ago)
⌛ 1:06:25
📰
ZainboarKartikboarThaneshboar
112
118/200
📅 2021-11-10 
(567 days ago)
⌛ 1:02:39
📰
ZainboarKartikboar
113
119/200
📅 2021-11-11 
(566 days ago)
⌛ 1:08:01
📰
ZainboarKartikboarThaneshboar
114
120/200
📅 2021-11-12 
(565 days ago)
⌛ 1:00:14
📰
Zainboar
115
120/200
📅 2021-11-14 
(563 days ago)
⌛ 1:06:19
📰
ZainboarKartikboarThaneshboar
116
122/200
📅 2021-11-15 
(562 days ago)
⌛ 1:00:31
ZainboarKartikboar
117
Today's Stream
📅 2021-11-22 
(555 days ago)
⌛ 1:01:46
📰
KartikboarThaneshboar
118
How This Video Has 12 Views, Explained
📅 2021-11-25 
(552 days ago)
⌛ 0:59:47
KartikboarThaneshboar
119
How This Video Has 14 Views, Explained
📅 2021-11-29 
(548 days ago)
⌛ 1:16:20
📰
KartikboarThaneshboar
120
Special Guest - Torey Littlefield Pt.2
📅 2021-11-30 
(547 days ago)
⌛ 1:12:15
📰
ZainboarToreyboar
121
Today's Stream
📅 2021-12-02 
(545 days ago)
⌛ 1:02:25
KartikboarThaneshboar
122
Today's Stream
📅 2021-12-06 
(541 days ago)
⌛ 1:02:01
📰
KartikboarThaneshboar
123
Today's Broadcast
📅 2021-12-07 
(540 days ago)
⌛ 1:01:00
KartikboarThaneshboar
124
Today's Stream
📅 2021-12-09 
(538 days ago)
⌛ 1:05:48
📰
ZainboarThaneshboar
125
Today's Stream
📅 2021-12-10 
(537 days ago)
⌛ 1:07:15
ZainboarToreyboar
126
Today's Stream
📅 2021-12-12 
(535 days ago)
⌛ 0:12:47
📰
ZainboarThaneshboar
127
Today's Stream
📅 2021-12-12 
(535 days ago)
⌛ 0:50:29
📰
ZainboarThaneshboar
128
Today's Stream
📅 2021-12-13 
(534 days ago)
⌛ 1:02:31
📰
ZainboarKartikboar
129
Today's Stream
📅 2021-12-14 
(533 days ago)
⌛ 1:10:28
📰
ZainboarToreyboar
130
Today's Stream
📅 2021-12-16 
(531 days ago)
⌛ 1:16:51
📰
ZainboarThaneshboar
131
Today's Stream
📅 2021-12-17 
(530 days ago)
⌛ 1:10:59
ZainboarKartikboarToreyboar
132
Today's Stream
📅 2021-12-19 
(528 days ago)
⌛ 1:00:49
📰
Zainboar
133
Today's Stream
📅 2021-12-20 
(527 days ago)
⌛ 1:01:49
📰
ZainboarKartikboar
134
Today's Stream
📅 2021-12-21 
(526 days ago)
⌛ 1:03:43
📰
ZainboarThaneshboar
135
Today's Stream
📅 2021-12-22 
(525 days ago)
⌛ 1:06:30
📰
ZainboarKartikboar
136
Today's Stream
📅 2021-12-23 
(524 days ago)
⌛ 1:00:09
Zainboar
137
Today's Stream
📅 2021-12-26 
(521 days ago)
⌛ 1:17:00
📰
ZainboarThaneshboar
🎬
Fixing and failing
Today's Stream
ZainboarThaneshboar
138
Today's Stream
📅 2021-12-27 
(520 days ago)
⌛ 1:05:22
📰
ZainboarKartikboar
139
Today's Stream
📅 2021-12-28 
(519 days ago)
⌛ 1:16:17
📰
ZainboarToreyboar
140
WebSocket Integration
📅 2021-12-29 
(518 days ago)
⌛ 1:02:44
📰
Zainboar
141
AWS WebSocket API Integration Pt.2
📅 2021-12-30 
(517 days ago)
⌛ 1:08:23
📰
ZainboarToreyboar
142
AWS WebSocket Integration with SAM Pt.3
📅 2022-01-02 
(514 days ago)
⌛ 1:03:18
📰
ZainboarToreyboar
143
Today's Stream
📅 2022-01-03 
(513 days ago)
⌛ 1:07:18
📰
ZainboarKartikboar
144
AWS WebScoket Integration with SAM Pt.4
📅 2022-01-04 
(512 days ago)
⌛ 1:04:18
📰
ZainboarToreyboar
145
AWS WebSocket Integration with SAM Pt.5
📅 2022-01-05 
(511 days ago)
⌛ 1:03:21
📰
ZainboarKartikboar
146
AWS WebSocket Integration with SAM Pt. 6
📅 2022-01-06 
(510 days ago)
⌛ 1:03:18
📰
ZainboarToreyboar
147
Today's Stream
📅 2022-01-07 
(509 days ago)
⌛ 1:11:55
📰
ZainboarToreyboar
148
Connect AWS WebSocket to DynamoDB Pt.1
📅 2022-01-09 
(507 days ago)
⌛ 1:10:25
📰
ZainboarToreyboar
149
Connect AWS WebSocket to DynamoDB
📅 2022-01-10 
(506 days ago)
⌛ 1:02:06
ZainboarKartikboar
150
"Blank Line" Bug In Lambda Response For AWS Websocket Pt.1
📅 2022-01-11 
(505 days ago)
⌛ 0:58:13
📰
ZainboarKartikboarToreyboar
151
"Blank Line" Bug In Lambda Response From Lambda
📅 2022-01-13 
(503 days ago)
⌛ 1:04:40
📰
ZainboarToreyboar
152
AWS WebSocket + Lambda + DynamoDB
📅 2022-01-14 
(502 days ago)
⌛ 1:04:33
📰
ZainboarThaneshboar
153
AWS WebSocket + Lambda + DynamoDB
📅 2022-01-16 
(500 days ago)
⌛ 1:11:37
📰
ZainboarToreyboar
154
Test
📅 2022-01-17 
(499 days ago)
⌛ 1:03:13
📰
ZainboarThaneshboar
155
Today's stre
📅 2022-01-18 
(498 days ago)
⌛ 0:45:24
ZainboarToreyboar
156
AWS Websocket + DyanmoDb + Lambda
📅 2022-01-19 
(497 days ago)
⌛ 1:06:33
📰
ZainboarThaneshboar
🎬
Brown is always better than white
AWS Websocket + DyanmoDb + Lambda
ZainboarThaneshboar
▶️
Today's Stream
📅 2022-01-20 
(496 days ago)
⌛ 0:57:55
📰
Zainboar
158
Today's Stream
📅 2022-01-21 
(495 days ago)
⌛ 1:02:17
📰
ToreyboarZainboar
159
Today's Stream
📅 2022-01-23 
(493 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 
(492 days ago)
⌛ 1:16:15
📰
ZainboarThaneshboar
161
How to Host Web App In AWS S3 using CloudFront, Route53 and CloudFormation
📅 2022-01-25 
(491 days ago)
⌛ 1:01:07
ZainboarToreyboar
162
How to Host Web App Using AWS S3, CloudFront and Route53
📅 2022-01-26 
(490 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 
(489 days ago)
⌛ 1:08:48
📰
ZainboarToreyboar
164
How To Host Web App In AWS S3 with Custom Domain Using Route 53
📅 2022-01-28 
(488 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 
(486 days ago)
⌛ 0:28:17
Zainboar
166
Today's Broadcast
📅 2022-01-31 
(485 days ago)
⌛ 1:11:16
📰
ThaneshboarToreyboar
167
How To Host Web App In AWS S3 with Custom Domain Using Route 53
📅 2022-02-01 
(484 days ago)
⌛ 1:06:35
📰
ZainboarToreyboar
168
Generate SSL Certificate via AWS Certificate Manager
📅 2022-02-02 
(483 days ago)
⌛ 0:58:02
📰
ZainboarThaneshboar
169
Test AWS Websocket Connection With Multiple Users
📅 2022-02-03 
(482 days ago)
⌛ 1:01:59
📰
ZainboarToreyboar
170
Adding Redirection To The AWS S3 Page
📅 2022-02-04 
(481 days ago)
⌛ 0:25:00
Zainboar
171
Redirecting AWS S3 page
📅 2022-02-06 
(479 days ago)
⌛ 0:54:11
Zainboar
172
Today's Broadcast
📅 2022-02-07 
(478 days ago)
⌛ 1:05:20
📰
ThaneshboarToreyboar
173
Today's Stream
📅 2022-02-08 
(477 days ago)
⌛ 1:05:29
ZainboarToreyboar
174
Today's Stream
📅 2022-02-10 
(475 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 
(472 days ago)
⌛ 1:02:05
ZainboarToreyboar
176
How To CRUD Data Through AWS Websocket with Multiple Clients
📅 2022-02-16 
(469 days ago)
⌛ 1:07:32
ZainboarThaneshboar
177
Today's Stream
📅 2022-02-17 
(468 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 
(465 days ago)
⌛ 1:21:24
ZainboarToreyboar
179
Today's Stream
📅 2022-02-23 
(462 days ago)
⌛ 0:59:43
📰
ZainboarThaneshboar
180
How To HASH A Password using BCRYPT in Node
📅 2022-02-25 
(460 days ago)
⌛ 1:03:48
ZainboarThaneshboar
181
How to Hash Passcode with BCRYPT using Node Pt.2
📅 2022-02-27 
(458 days ago)
⌛ 1:07:59
ZainboarToreyboar
182
Create Passcode UI
📅 2022-02-28 
(457 days ago)
⌛ 1:01:29
📰
ZainboarThaneshboar
183
How To Make FrontEnd Talk to Backend with Node
📅 2022-03-01 
(456 days ago)
⌛ 1:01:33
ZainboarToreyboar
184
How To Positioning A Div
📅 2022-03-04 
(453 days ago)
⌛ 1:09:27
ZainboarToreyboar
185
Today's Stream
📅 2022-03-06 
(451 days ago)
⌛ 1:00:29
Zainboar
186
Today's Stream
📅 2022-03-07 
(450 days ago)
⌛ 0:55:51
ZainboarThaneshboar
187
Today's Stream
📅 2022-03-09 
(448 days ago)
⌛ 1:00:11
ZainboarThaneshboar
188
Compare Hashed Passwords Using Bcryptjs
📅 2022-03-10 
(447 days ago)
⌛ 1:01:31
ZainboarToreyboar
🎬
Indian givers
Compare Hashed Passwords Using Bcryptjs
ZainboarToreyboar
189
Special Appearance
📅 2022-03-11 
(446 days ago)
⌛ 0:58:44
ZainboarThaneshboarKartikboar
190
Today's Stream
📅 2022-03-13 
(444 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 
(443 days ago)
⌛ 1:07:00
ZainboarThaneshboar
192
Today's Stream
📅 2022-03-15 
(442 days ago)
⌛ 1:05:51
ZainboarToreyboar
193
Today's Stream
📅 2022-03-17 
(440 days ago)
⌛ 1:21:59
ZainboarToreyboar
194
How To Apply Authentication When Saving NodeJs
📅 2022-03-18 
(439 days ago)
⌛ 1:05:27
Zainboar
195
How to Compare Passcodes Using Bcrytp Node.js
📅 2022-03-20 
(437 days ago)
⌛ 1:04:19
ZainboarToreyboar
196
Today's Broadcast
📅 2022-03-21 
(436 days ago)
⌛ 1:06:59
ThaneshboarToreyboar
197
Today's Stream
📅 2022-03-22 
(435 days ago)
⌛ 1:02:51
ZainboarToreyboar
198
Verify Passcode Saving Information to DynamoDB with NodeJs
📅 2022-03-23 
(434 days ago)
⌛ 1:03:09
ZainboarThaneshboar
🎬
Tough questions
Verify Passcode Saving Information to DynamoDB with NodeJs
ZainboarThaneshboar
199
Today's Stream
📅 2022-03-25 
(432 days ago)
⌛ 1:12:27
ZainboarToreyboar
200
Today's Stream
📅 2022-03-27 
(430 days ago)
⌛ 1:14:36
ZainboarToreyboar
201
Today's Stream
📅 2022-03-28 
(429 days ago)
⌛ 1:08:28
ZainboarThaneshboar
202
How To Do A Merge Using VSCode and Github
📅 2022-03-29 
(428 days ago)
⌛ 1:05:33
ZainboarToreyboar
203
Today's Stream
📅 2022-03-30 
(427 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 
(426 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 
(425 days ago)
⌛ 1:00:36
Zainboar
206
Today's Stream
📅 2022-04-03 
(423 days ago)
⌛ 1:06:56
ZainboarToreyboar
207
Get Board Columns from Frontend to Backend NodeJS
📅 2022-04-04 
(422 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 
(421 days ago)
⌛ 0:57:30
ZainboarToreyboar
209
Today's Stream
📅 2022-04-06 
(420 days ago)
⌛ 0:59:39
ZainboarThaneshboar
🎬
Zip first developer
Today's Stream
ZainboarThaneshboar
210
Today's Stream
📅 2022-04-07 
(419 days ago)
⌛ 1:04:46
Zainboar
🎬
Busted again
Today's Stream
Zainboar
211
Store String Array in DynamoDB using NodeJS
📅 2022-04-08 
(418 days ago)
⌛ 0:19:27
Zainboar
212
Today's Stream
📅 2022-04-10 
(416 days ago)
⌛ 1:07:24
Zainboar
213
Today's Stream
📅 2022-04-11 
(415 days ago)
⌛ 1:02:34
ZainboarThaneshboar
214
Today's Stream
📅 2022-04-12 
(414 days ago)
⌛ 0:27:43
Zainboar
215
Jira Organising & Beta Testing Day 1
📅 2022-04-13 
(413 days ago)
⌛ 0:58:09
ZainboarThaneshboar
216
Implement Passcode Tab Feature
📅 2022-04-17 
(409 days ago)
⌛ 0:58:49
ZainboarToreyboar
217
Beta Testing Fixes Part 2
📅 2022-04-19 
(407 days ago)
⌛ 1:00:24
ZainboarToreyboar
🎬
Torey the stinker
Beta Testing Fixes Part 2
ZainboarToreyboar
218
Beta Testing Fixes Part 3
📅 2022-04-20 
(406 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 
(405 days ago)
⌛ 1:00:13
ZainboarToreyboar
220
Beta Testing 5
📅 2022-04-22 
(404 days ago)
⌛ 1:10:18
ThaneshboarToreyboar
221
Today's Stream
📅 2022-04-25 
(401 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 
(399 days ago)
⌛ 0:51:08
ZainboarThaneshboar
223
Today's Stream
📅 2022-04-28 
(398 days ago)
⌛ 1:00:33
ZainboarToreyboar
224
Save Notes Through Websocket
📅 2022-04-29 
(397 days ago)
⌛ 0:51:30
Zainboar
225
Saving Object Through Websocket in DynamoDB
📅 2022-05-01 
(395 days ago)
⌛ 0:49:15
ZainboarToreyboar
226
Saving Object Through Websocket in DynamoDb
📅 2022-05-02 
(394 days ago)
⌛ 0:55:26
Zainboar
227
Today's Stream
📅 2022-05-05 
(391 days ago)
⌛ 1:01:32
ZainboarToreyboar
228
Welcome Back Kartik Party
📅 2022-05-08 
(388 days ago)
⌛ 0:55:32
ZainboarToreyboarKartikboar
229
Testing Prevention of XSS attack
📅 2022-05-10 
(386 days ago)
⌛ 0:29:16
Zainboar
230
How To Test Prevention XSS Attack
📅 2022-05-11 
(385 days ago)
⌛ 0:40:42
ZainboarKartikboar
🎬
Fartik
How To Test Prevention XSS Attack
ZainboarKartikboar
231
Fixing Websocket
📅 2022-05-19 
(377 days ago)
⌛ 0:49:55
Zainboar
232
Today's Stream
📅 2022-05-20 
(376 days ago)
⌛ 0:56:10
ZainboarKartikboar
233
Today's Stream
📅 2022-05-22 
(374 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 
(372 days ago)
⌛ 0:23:19
Zainboar
235
Websockets bugs
📅 2022-05-27 
(369 days ago)
⌛ 1:00:51
ZainboarKartikboar
236
Websocket Bug Fix
📅 2022-05-29 
(367 days ago)
⌛ 0:49:50
Zainboar
237
Hook Up AWS Websocket
📅 2022-05-30 
(366 days ago)
⌛ 0:48:59
Zainboar
238
Hook up AWS Websocket Pt.2
📅 2022-05-31 
(1 year ago)
⌛ 0:53:07
Zainboar
239
Today's Stream
📅 2022-06-01 
(364 days ago)
⌛ 0:21:05
Zainboar
240
AWS Websocket Bug Fix
📅 2022-06-05 
(360 days ago)
⌛ 0:52:47
Zainboar
241
AWS Websocket Bug Fix Pt.2
📅 2022-06-06 
(359 days ago)
⌛ 0:23:52
Zainboar
242
Hook Up Board Columns to Websockets Nodejs + AWS Websockets
📅 2022-07-27 
(308 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