boarzVideosClipsStatistics

#️⃣EP 158 - Today's Stream

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

Blog

Today we worked on the client side and connecting the Websocket on the client to the AWS Api Gateway Websocket on the serverless backend. We added the onopen and onmessage event handlers from the Websocket interface and succesfully connected.

Subtitles

0:00:00
[Music]
0:00:05
and we're live
0:00:07
[Music]
0:00:25
what is going on everyone welcome back
0:00:27
to another session of buildbreaking fix
0:00:30
brought to you by yours truly yeah rule
0:00:33
coders
0:00:34
that is uh we are doing tori
0:00:38
doing well doing well like yesterday was
0:00:42
a very
0:00:44
long day so i apologize
0:00:47
that i didn't make it
0:00:49
don't worry it happens man
0:00:54
it happens and as
0:00:56
long as
0:00:58
you're okay uh uh uh everything
0:01:02
there is
0:01:03
is okay that's all what that matters
0:01:07
yeah
0:01:08
yeah basic basically
0:01:10
i had i had this this project due
0:01:14
and like it took me way longer than i
0:01:16
care to admit
0:01:18
and then like i had to stay up really
0:01:20
not late the night before and then i
0:01:22
like took a nap in the afternoon and i
0:01:24
was like
0:01:25
set my alarm to get up for
0:01:28
the show like an hour before and i just
0:01:30
like blew through my lungs
0:01:33
and then i woke up and like oh crap it's
0:01:36
so late now
0:01:38
um now and but it's a good the
0:01:42
thing that you got some proper rest
0:01:44
because i i know how how it feels
0:01:48
when you've been working on a project
0:01:50
continuously
0:01:52
for that that long you're just
0:01:55
you care about nothing but sleep at that
0:01:57
moment
0:01:58
oh man i really needed i was very tired
0:02:02
and then yeah like
0:02:04
i i under mess i underestimated how long
0:02:07
it would take me to do the project
0:02:12
classic
0:02:15
welcome to the devil yeah
0:02:19
all right um so yeah tour is very
0:02:24
awesome and we're gonna play some
0:02:27
acknowledgement of the country so here
0:02:29
goes
0:02:33
i begin today by acknowledging the
0:02:35
traditional custodians of the land on
0:02:37
which we gather today and pay my
0:02:39
respects to the elders past present and
0:02:42
future i extend their respect to
0:02:44
aboriginal and torres strait islander
0:02:46
people here today
0:02:51
that was smooth silk
0:02:54
right so a bit for recap what we did
0:02:57
actually tried to do yesterday was um we
0:03:03
try to wire up the front end uh in order
0:03:06
to call webs uh in in order to connect
0:03:09
to websocket um but as you know
0:03:13
brand new learning
0:03:16
still
0:03:16
learning all right man i really i
0:03:19
finally feel like i can do do something
0:03:24
now
0:03:25
nah man it's always
0:03:28
good to have you and um and
0:03:30
learn from you and everything so
0:03:33
the best part of this show is that we
0:03:36
learn together so
0:03:39
let's get down to it
0:03:41
um
0:03:42
may i ask
0:03:43
so i think i missed the episode
0:03:47
um where you got the database working
0:03:50
you like got that lambda function
0:03:51
working
0:03:52
yeah well yeah
0:03:54
so
0:03:55
that was
0:03:56
a bit of a really as in
0:03:59
a regular stupid mistake
0:04:03
so
0:04:04
um i'll just
0:04:05
show you and i think they might make a
0:04:08
lot more sense if i
0:04:10
um
0:04:11
show you in the code rather than just
0:04:15
telling you
0:04:16
here
0:04:18
um
0:04:19
it was the template though right it was
0:04:22
yeah
0:04:24
so it's always something simple
0:04:28
well those those template files they get
0:04:30
so big
0:04:32
they're so hard to debug i mean i can't
0:04:35
imagine this is even a small project
0:04:37
like wow
0:04:39
if you have like a huge stack
0:04:42
well
0:04:43
that would be there must be pools man
0:04:45
there must be tools
0:04:48
i think the most important tool
0:04:52
there would be when they have that kind
0:04:55
of a big ass and template
0:04:58
files is
0:04:59
ctrl c um no sorry ctrl f or command f
0:05:04
if it's a mac
0:05:07
if you know what i mean
0:05:08
no i don't follow you with the macro
0:05:10
okay
0:05:15
all right um so the problem
0:05:19
was i
0:05:22
was
0:05:23
here
0:05:26
so ins
0:05:28
ah the
0:05:29
websocket
0:05:31
disconnect lambda permissions
0:05:35
so
0:05:36
instead of saying it depends on the
0:05:40
function
0:05:43
i was saying that it depends on itself
0:05:49
does that make sense
0:05:52
instead of saying it depends on the
0:05:54
function we were saying it depends on
0:05:57
itself you mean its own permission
0:06:00
so
0:06:02
you know how at the moment we have web
0:06:05
uh so this
0:06:07
lam disconnected lambda permission it
0:06:10
depends on
0:06:11
this this connects handler function
0:06:16
right
0:06:17
that's bad
0:06:19
we had
0:06:22
this
0:06:29
i know really
0:06:31
i i i put that there man
0:06:34
my bad
0:06:36
because i wrote that i wrote that but i
0:06:38
don't know how we missed it
0:06:41
and i read it i read it too
0:06:46
you
0:06:50
see the most important thing is that we
0:06:53
found
0:06:54
out i don't uh i mean we shouldn't
0:06:58
really care who who did this part or not
0:07:02
because at the end of the day we're
0:07:04
working on it together so it's let's do
0:07:07
a post post mortem
0:07:10
yeah
0:07:12
well i think i think i think in the
0:07:14
future
0:07:15
maybe just
0:07:16
in order to catch
0:07:18
silly things like that is just maybe
0:07:20
just using better variable names
0:07:23
yeah
0:07:24
that would be the key
0:07:27
because it's everything's the same
0:07:29
except for the ending part which is
0:07:31
permission which i guess is just a
0:07:33
little too easy to overlook by like
0:07:36
three four different people
0:07:39
exactly and i think that was basically
0:07:43
the reason why in the other repo which
0:07:46
was from aws they had short names
0:07:51
right right yeah
0:07:53
so yeah
0:07:55
lesson
0:07:57
learnt
0:07:58
and we should
0:08:00
um move
0:08:01
forward and make sure we do not do this
0:08:06
long naming conventions anymore
0:08:10
wow yeah i mean if it was like if it was
0:08:12
like i feel like if it was something
0:08:14
else it's so it's so much easier to
0:08:17
debug but since it's in this
0:08:20
yaml it's like this cloud formation
0:08:22
stack then like it's so hard because you
0:08:25
don't
0:08:27
i don't i don't i'm not really sure how
0:08:29
you debug it i'm not experienced enough
0:08:31
to know
0:08:32
me neither
0:08:33
all i did so all i did
0:08:37
was you know how we
0:08:39
copied and pasted
0:08:40
the lambda function that was working
0:08:43
into our one
0:08:45
yeah
0:08:47
and then we compared the code
0:08:49
yep
0:08:50
so
0:08:51
i did exactly this same thing so what i
0:08:54
did was i
0:08:56
um
0:08:57
copied um their
0:09:00
uh
0:09:00
these
0:09:02
functions from the other repo
0:09:05
as in in this way and pasted them here
0:09:09
and then
0:09:10
compared the both
0:09:12
gotcha gotcha and then i realized wow
0:09:16
wow just well
0:09:18
yeah well good catch man good job nice
0:09:20
work
0:09:23
thanks man um
0:09:26
yeah all uh
0:09:27
the best part is that
0:09:30
you have been there and it's all it's
0:09:32
all kind of
0:09:34
teamwork isn't not an individual
0:09:36
person's
0:09:38
work hours so
0:09:39
well done to us
0:09:43
all right cool so now we need to
0:09:47
okay um i will forget this one
0:09:51
oh oh
0:09:53
shall i
0:09:54
show you it working
0:09:57
uh i believe you we're gonna find out
0:10:00
anyways
0:10:02
right are you
0:10:04
working
0:10:07
because the last thing i'll i want to do
0:10:11
the front end and
0:10:12
realize that this is not working anymore
0:10:18
uh
0:10:19
and guess what i changed my password as
0:10:21
well
0:10:22
oh you get that password manager working
0:10:26
yeah
0:10:27
okay
0:10:29
so are we are we working on um the
0:10:31
enhancement folder now
0:10:34
yes the front-end one okay and i do i
0:10:37
have permissions
0:10:39
uh you should have permissions um if you
0:10:41
want to have a look but if you don't
0:10:43
have permissions i'll give you them
0:10:46
straight yeah i wonder if i am a
0:10:49
contributor
0:10:51
i think you must be
0:10:54
i'm taking a look
0:10:55
yeah
0:10:56
[Music]
0:10:58
let me know if you're not and um
0:11:01
i'll give you the access
0:11:03
let's see
0:11:07
[Music]
0:11:16
i can't i can't spell i can't spell
0:11:20
i can't spell
0:11:26
that happens that happens
0:11:28
i'm um yeah my my brain was so toast
0:11:33
this is different i don't blame you
0:11:40
it's like just like smoke like black
0:11:43
black black dirty smoke just coming out
0:11:45
of my ears
0:11:48
oh i know i know that
0:11:50
feeling though
0:11:53
and
0:11:54
even when you sleep you're
0:11:58
dreaming about the code
0:12:00
oh man i was so tired i it was like it
0:12:04
was like i got it was like i got
0:12:05
blackout drunk
0:12:07
wow
0:12:08
wow yeah i was like just so tired i was
0:12:11
like i got blacked out i was just like
0:12:12
went to bed and then the next thing i
0:12:14
knew it was like 9 00 p.m
0:12:16
and i'm like what
0:12:18
what happened
0:12:22
yeah i mean my girlfriend was sweet she
0:12:24
just kept letting me sleep because she
0:12:26
knew how tested it was
0:12:28
but
0:12:29
she
0:12:30
she didn't know my intentions were to
0:12:32
get up and do the show
0:12:35
no no um just as long as
0:12:38
you're feeling restful because we can
0:12:41
only be be
0:12:43
productive if this smoke isn't coming
0:12:47
from your brain
0:12:48
so that was the most important part
0:12:52
yeah
0:12:53
i'm sure i'm sure some it's still
0:12:55
smoldering a bit like just
0:13:01
all right
0:13:02
i wanna go to explore table items
0:13:06
sorry about that i just finished all
0:13:08
right luckily on 15 minutes ago
0:13:11
yeah how's how's the work going is it
0:13:13
getting better
0:13:14
it is pretty as in fast-paced man but
0:13:17
i'm loving it
0:13:20
how can i how can i find out if i'm a
0:13:23
contributor
0:13:25
um oh okay i am i am i'm good yeah
0:13:30
cool
0:13:31
yeah okay cool so i'll do this connect
0:13:34
and then you should go in
0:13:38
and dynamodb which is over here
0:13:42
are you looking at it
0:13:44
um
0:13:45
yeah i'm watching now
0:13:47
cool so
0:13:49
this is it and if we do
0:13:52
connect
0:13:53
then
0:13:55
the id shouldn't be here
0:13:57
there we go
0:14:00
voila nice nice good work
0:14:04
good work man
0:14:07
um okay cool so now we go to
0:14:10
we don't need that reaper so we can
0:14:12
close that i don't want i don't want any
0:14:16
additional
0:14:18
windows to be open then what i need
0:14:22
is that just a distraction
0:14:25
okay websock integration that's in
0:14:29
yeah
0:14:31
cool
0:14:32
is this already opened i'm pretty sure
0:14:34
it is
0:14:35
because i literally opened it
0:14:40
okay here we go
0:14:41
no
0:14:42
this is the backhand one i need the
0:14:44
front and one come on
0:14:55
i wrote pit pull
0:15:05
uh what did we want to do brain come
0:15:08
back brain come back i need you
0:15:11
you know what branch we're on by the way
0:15:14
websocket integration i
0:15:17
created a new one
0:15:20
that's weird how come i don't see it
0:15:24
um
0:15:26
what can you see
0:15:28
you know what i think i think i have a
0:15:31
fourth version
0:15:33
that's why i think i have a fourth
0:15:35
version i made that pr
0:15:38
let me let me just
0:15:40
how to deal with that i can i can't yeah
0:15:43
that's going to be annoying if i worked
0:15:44
from a fork version let me get the full
0:15:46
thing
0:15:47
yeah yeah get that one
0:15:52
all right let me
0:15:54
all right
0:15:56
so i've done some javascript code i
0:15:59
would want you to have a look
0:16:02
at
0:16:02
how much i'll be on the right track
0:16:07
um
0:16:07
[Music]
0:16:09
when you're ready obviously yeah i'm
0:16:11
just gonna i'm gonna
0:16:14
just gonna download the repo
0:16:17
[Music]
0:16:18
brilliant
0:16:20
okay open with get oh desktop thanks
0:16:23
very cool
0:16:25
all right um sure this is
0:16:28
this okay
0:16:35
this is fine
0:16:38
this is a fun weekend
0:16:41
where we try our best to
0:16:43
get the projects up running live
0:16:47
i'm just i'm just kidding don't take my
0:16:50
word for it
0:16:52
that's not going to happen
0:16:56
what's what's left to do
0:16:59
um so the left to do is then client side
0:17:04
into integration for websocket and then
0:17:07
we're gonna make it live for just
0:17:10
internal thing and
0:17:12
test the web socket
0:17:16
and then we have
0:17:18
one more functionality
0:17:22
and then after that we're
0:17:24
going to be doing some internal testing
0:17:26
and then we'll go live
0:17:29
cool
0:17:35
so are you
0:17:37
looking at the code now
0:17:40
um you're still trying to so are you
0:17:43
your thing first
0:17:44
it's almost done okay okay it's it's
0:17:48
it's done all right so perfect
0:17:52
cool all right
0:17:54
watching
0:17:55
okay cool so
0:17:57
this is one i did i don't know how much
0:18:00
of this is correct
0:18:02
but what i'm doing is okay so the
0:18:05
overall concept is that
0:18:08
you know when the user is taken to the
0:18:12
boards page
0:18:15
with there's a board and you can create
0:18:18
the
0:18:20
sticking
0:18:21
you can create the notes etc etc
0:18:25
as soon as that part
0:18:27
opens
0:18:28
we want to
0:18:31
connect it to the websocket
0:18:34
okay yep so you want to do it on on load
0:18:38
onload yeah so
0:18:41
this is
0:18:42
how i am
0:18:45
giving it the
0:18:46
websocket url
0:18:49
yeah
0:18:50
and i've
0:18:52
created a global variable
0:18:54
and i'm using this one over here
0:18:58
you might wanna you might wanna put the
0:19:01
the websocket url in like env
0:19:05
like you did with the other url so
0:19:07
somebody doesn't spam it
0:19:11
yeah
0:19:12
yeah that is uh
0:19:15
the goal ben is working but um i just
0:19:19
wanted to speed things up a bit
0:19:23
okay
0:19:24
cool yeah
0:19:26
so but yeah
0:19:28
that's a good suggestion though
0:19:32
um
0:19:33
so
0:19:34
this is there so this
0:19:37
is our own connect function
0:19:40
and i'm just instantiating the
0:19:45
javascript web socket object and passing
0:19:49
the
0:19:50
url to it and then i'm calling the on
0:19:54
open method and simply just
0:19:57
cons
0:19:59
logging
0:20:00
open status and if
0:20:02
if it doesn't happen
0:20:04
then i'm throwing the exception
0:20:07
okay
0:20:08
yeah but the problem with this is that
0:20:12
it's
0:20:13
saying that this method doesn't exist
0:20:16
well always one socket on
0:20:19
oh yeah you um it isn't a function so
0:20:22
when you do like events like that
0:20:25
um
0:20:26
you need to
0:20:27
[Music]
0:20:30
do
0:20:31
i'm looking at the mdm docs just to
0:20:33
double check too yeah so
0:20:36
um i think you would write dot open and
0:20:40
then do it equal
0:20:42
so you don't you don't make it a
0:20:43
function
0:20:48
yeah like that and then and then the
0:20:50
event will be actually
0:20:52
yeah and then the
0:20:53
the event is
0:20:56
um
0:20:57
kind of pass through yeah through that
0:20:59
parameter
0:21:01
yep
0:21:03
so
0:21:04
so it's like an arrow function you can
0:21:06
think of it that way
0:21:09
yes but where do we use this event then
0:21:13
if you're passing it probably here
0:21:19
you can do
0:21:20
um
0:21:22
well what are we doing on the on event
0:21:24
yeah you can you can just log it there
0:21:27
yeah all right
0:21:28
let's do that that
0:21:32
and then that should enter that that's
0:21:35
all you need to do
0:21:36
oh okay
0:21:38
that would be pretty easy stuff then um
0:21:41
i think you have a syntax error though
0:21:43
because you um do you have a syntax
0:21:46
there no you don't you're good i don't
0:21:47
think so no yeah
0:21:49
i don't think that try catch
0:21:52
okay yeah you're good man
0:21:56
oh let a go and see how much have we got
0:22:00
going right
0:22:02
index yeah i want to open index
0:22:09
yes it's coming up as null
0:22:12
on line 195
0:22:17
which one was it index html
0:22:21
index html
0:22:25
so you're saying this this event is not
0:22:27
firing
0:22:30
a minute it's saying on index.html
0:22:35
if you actually just click on that it'll
0:22:37
actually show you in the dev tools where
0:22:39
that function is
0:22:42
so it's from local storage
0:22:44
ah right i see i see yeah
0:22:48
i know why
0:22:49
nice nice little shortcut
0:22:51
although it doesn't work well when in
0:22:53
react
0:22:55
ah right i see a bunch of crazy stuff
0:22:58
yeah but i think react uh have um
0:23:02
reaction developer tools in which you
0:23:04
can
0:23:05
crack the components and everything
0:23:07
isn't it yep yep that's right
0:23:11
all right so
0:23:13
okay we need to go back
0:23:16
and do this same thing but this time we
0:23:20
need to
0:23:21
go to
0:23:23
home first
0:23:25
it looks like the function didn't fire
0:23:30
is it wrapped in another function or
0:23:32
something that isn't being is it is it
0:23:35
being executed
0:23:36
so i'll show you
0:23:39
this is base
0:23:41
wrapped in this
0:23:44
on connect hold on i'm
0:23:48
on connect okay so that onconnect
0:23:51
function is not being called though
0:23:54
if i do it in that way um wait
0:23:58
actually
0:24:00
wait what wait what's going on
0:24:04
i'm looking at my vs code too sorry
0:24:09
show up
0:24:11
so oh you are exporting that function
0:24:14
or
0:24:16
i'm not choosing
0:24:20
es6
0:24:21
oh okay
0:24:23
yeah
0:24:24
so
0:24:25
this is
0:24:27
vanilla javascript
0:24:30
gotcha so
0:24:31
on the load event
0:24:34
let's see
0:24:35
window on load blah blah blah window
0:24:38
history blah blah blah
0:24:40
document get ancient blah blah blah
0:24:42
window on load so you could like you
0:24:46
could um
0:24:47
[Music]
0:24:50
you could just
0:24:53
throw it in one of those on load events
0:24:56
instead instead of having multiple on
0:24:58
load events you could just make one on
0:25:00
load event to fire off all that stuff at
0:25:02
the same time
0:25:04
right so i see that that that's that way
0:25:08
yeah it's like it's generally better
0:25:10
that way you just have fewer event
0:25:12
listeners because they can be like
0:25:15
well in this case it wouldn't really
0:25:16
matter but they can if you have a lot
0:25:18
they'll get expensive for the browser
0:25:21
i see i see what you mean
0:25:24
okay cool then we can wrap everything up
0:25:26
in this in this online function
0:25:30
yeah
0:25:32
and then and then it should hopefully
0:25:34
fire because maybe
0:25:36
um
0:25:37
[Music]
0:25:39
maybe there was a pro this isn't a way i
0:25:41
usually write code so i'm not like super
0:25:43
familiar with it but i think
0:25:45
that could be part of it too is it
0:25:47
doesn't
0:25:49
maybe know what the on connect function
0:25:51
is
0:25:52
ah right i see yeah that would make
0:25:54
sense to be honest
0:25:58
that's the script so refactoring yeah i
0:26:01
i really have to be careful when
0:26:03
refactoring
0:26:05
wait what's this um oh i i know wait um
0:26:10
so this this is the html file
0:26:16
this one
0:26:18
yeah yeah yeah it's an html file
0:26:21
okay um html so where are you injecting
0:26:26
the
0:26:27
where you where's your like script tag
0:26:29
for that other
0:26:31
um
0:26:32
still front-end file
0:26:34
oh it's at the top here
0:26:38
at the top
0:26:39
yeah okay so it should already be there
0:26:42
then you're right okay cool
0:26:47
that's odd
0:26:53
so
0:26:54
this one is there okay these are okay
0:26:57
this one is on load
0:27:01
console we don't need this
0:27:05
but that's already working
0:27:09
uh we don't
0:27:11
window
0:27:12
so this
0:27:15
don't need this to be on on load
0:27:19
yeah i don't need this to be on one load
0:27:23
just need this one and that one cool
0:27:27
you can get rid of that
0:27:31
yeah and and since since you have the on
0:27:35
connect
0:27:37
um
0:27:38
wow sorry my i gotta brighten my screen
0:27:41
yeah
0:27:42
you can't see me
0:27:43
um
0:27:45
all right
0:27:56
whoa
0:27:59
there we go all right since since you
0:28:02
have the um
0:28:05
since you since you're
0:28:07
um loading all that all of that still
0:28:11
front-end file at the top
0:28:14
you can just call the function inside of
0:28:17
that file and it will run
0:28:21
ah that's it
0:28:23
why didn't i think of that
0:28:26
in fact all of that stuff there you
0:28:28
could probably likely do the same thing
0:28:30
instead of making this separate script
0:28:32
tag
0:28:33
right right right i see so you'll see
0:28:36
don't worry man i do the front end
0:28:38
that's what i do
0:28:41
you already could run so that means i
0:28:43
can just put
0:28:45
this
0:28:46
on connect
0:28:49
yeah
0:28:50
and just
0:28:52
you can just
0:28:53
you can you can just do your on load
0:28:55
events like inside this file actually
0:29:00
in
0:29:00
this way
0:29:02
yeah
0:29:03
okay so on load is this one
0:29:08
okay and then i wanna be
0:29:12
holding the on connect over here
0:29:15
so what this can do is basically
0:29:19
go in that way
0:29:23
and then i can call the on load
0:29:28
event
0:29:29
up here
0:29:34
yep
0:29:40
all right
0:29:42
let's see if this
0:29:44
bad boy works
0:29:48
cool and if i go back to my index or
0:29:52
html
0:29:54
this unload function okay this
0:29:57
okay that can come over there as well
0:30:01
yeah and then if you if you do want it
0:30:04
on the on load event just do the unload
0:30:06
event inside that file
0:30:11
um like your window on load
0:30:15
yes but i don't think these were part
0:30:17
off on load
0:30:19
were they
0:30:20
no they were just hanging there yeah
0:30:22
yeah okay cool so we can get rid of that
0:30:26
and get rid of all this don't need that
0:30:32
okay cool
0:30:34
so
0:30:34
that is it
0:30:37
and
0:30:38
try now
0:30:46
clients
0:30:52
on the html so test
0:30:57
so
0:30:59
l1
0:31:01
actually
0:31:11
oh no don't even try this on me
0:31:17
scriptures and reference canary property
0:31:20
style
0:31:21
ah
0:31:23
still front end 295 so it's can't read
0:31:27
this property
0:31:30
which
0:31:30
one
0:31:32
i'm going a minute
0:31:35
yeah you can't read this property
0:31:40
style
0:31:46
so
0:31:47
you can
0:31:48
oh it's
0:31:50
so
0:31:50
so the problem is i think i know what
0:31:53
the problem is i'm taking a good yes at
0:31:55
it so your script tag is at the top of
0:31:57
your html file right
0:32:01
yes
0:32:02
which is
0:32:04
so generally generally the practice is
0:32:06
that you put the script tags on the
0:32:08
bottom
0:32:09
of the files
0:32:11
because because if you're doing
0:32:13
something that depends on the
0:32:15
html which in that case you are
0:32:18
then it hasn't it hasn't been parsed by
0:32:21
the browser yet because the browser will
0:32:24
see this script tag and do everything in
0:32:26
that script tag first and then move on
0:32:30
right
0:32:32
okay there is there is another way where
0:32:34
you can just write defer in the script
0:32:36
tag there and then it will like
0:32:38
basically it tells the browser like hey
0:32:41
do this when there's like nothing else
0:32:43
to do kind of
0:32:45
i see
0:32:46
so
0:32:47
what would you reckon
0:32:50
well the classic like the classic way
0:32:54
the older way the classic way is to do
0:32:56
it um
0:32:57
like you put the script tags after the
0:33:00
after the body
0:33:02
of the html or you can just write defer
0:33:06
on the script tag itself which is like a
0:33:08
property that was added in like i don't
0:33:11
know 2015 or something 2016.
0:33:15
so those
0:33:17
so yeah there's there's different ways
0:33:18
of going about it
0:33:21
it's a
0:33:22
hobby doing that way
0:33:26
scripts
0:33:33
there we go
0:33:39
okay
0:33:42
and
0:33:43
this can
0:33:49
screw body
0:33:51
so would they be a part of the body or
0:33:55
just under the body
0:33:57
like before the closing tag of the html
0:34:00
yeah okay
0:34:02
right
0:34:03
right i say
0:34:04
cool right so let's try that one
0:34:32
know
0:34:35
actually
0:34:36
no no no no it wasn't that one i guess
0:34:39
it was uncle promised i cannot read
0:34:42
properties of undefined read reading
0:34:45
includes
0:35:00
is being executed
0:35:03
and then
0:35:06
load is there and it's 21. so the
0:35:08
problem was 21
0:35:10
to get board name the board names
0:35:12
includes value
0:35:17
yeah
0:35:18
which we are giving over there
0:35:21
documents
0:35:24
name value
0:35:25
[Music]
0:35:28
was that working before yes it was all
0:35:31
this stuff was working yesterday
0:35:33
um i
0:35:35
didn't check it in this way because um i
0:35:39
um i didn't really refactor the code i
0:35:43
just wrote the program and um
0:35:46
asking the code that's here
0:35:48
it wasn't refactoring yeah
0:35:50
so 21.
0:35:53
looks like there's fetch fetch problems
0:35:56
too like it's not oh
0:35:58
ah
0:36:00
probably the api
0:36:03
api has been changed which is right all
0:36:07
right that would make sense okay
0:36:11
yeah yeah that
0:36:13
explains it
0:36:16
all right i'm gonna stop sharing the
0:36:18
screen because i don't wanna give out
0:36:21
the url
0:36:23
just bear with me i'll be right back
0:36:26
there's there's naughty people out there
0:36:29
yeah very
0:36:31
spending up all your money
0:36:35
very annoying people
0:36:38
all right stages prod yeah that is the
0:36:41
one i need
0:36:44
and
0:36:46
in my environment js do this and then a
0:36:49
pen board to it
0:36:52
pull
0:36:54
let's check or i'm coming back now
0:37:06
and nearly there
0:37:12
here we go cool
0:37:14
ah never mind
0:37:17
what
0:37:18
nevermind
0:37:20
why what
0:37:23
i showed the
0:37:25
url
0:37:28
well you know what i think you're good
0:37:30
because i don't think anyone's watching
0:37:31
right now um probably though
0:37:35
where's cute jesse man
0:37:37
huh
0:37:38
where's hugh jesse we're gonna secure
0:37:39
jesse
0:37:41
to be honest yeah
0:37:45
he hasn't been if for the last i think
0:37:48
one or two i know
0:37:49
i know
0:37:51
must be a busy busy work schedule
0:37:54
exactly
0:37:58
hectic i would say hectic work schedule
0:38:02
apparently seems like it
0:38:04
all right um
0:38:06
so let's go and play that
0:38:10
right there we go and
0:38:12
we
0:38:13
why am i doing
0:38:16
what what am i doing
0:38:18
where is this
0:38:20
okay cool
0:38:22
so
0:38:23
client
0:38:28
on the html
0:38:30
x1
0:38:34
still a problem ah perfect here we go
0:38:38
yay
0:38:40
all right cool
0:38:42
oh okay
0:38:44
so nothing came now which looks really
0:38:47
promising let's see if it's inserted in
0:38:50
oh
0:38:51
interesting
0:38:53
that's how easy it was
0:38:58
thanks tori you're the man
0:39:01
yeah all of all it is is like um
0:39:05
that uh
0:39:08
that like like there's two ways of
0:39:10
writing events
0:39:12
event listeners is just like you can do
0:39:15
like socket dot on open or you can do
0:39:19
socket ad event listener but if you use
0:39:21
the like
0:39:22
on open or
0:39:24
close or whatever other types of event
0:39:27
listeners there are then those ones you
0:39:29
just use the like like a arrow function
0:39:33
versus like the ad ad
0:39:36
so it's just something to keep in mind
0:39:38
if you ever run into that problem
0:39:40
right right right yeah
0:39:43
that makes a lot of sense so i'll
0:39:45
definitely
0:39:46
keep that in mind now
0:39:48
cool so this was really quick than i
0:39:51
expected it to be
0:39:59
[Laughter]
0:40:03
now what we need to basically do is we
0:40:07
need to
0:40:08
um make this project
0:40:11
live as in internally and then
0:40:14
give
0:40:16
the team the
0:40:19
the
0:40:20
urls so they can test the websocket but
0:40:24
first um
0:40:25
[Music]
0:40:27
okay this is basically gonna be a bit of
0:40:30
a complicated one
0:40:32
uh we need to
0:40:34
start sending
0:40:35
messages as well now
0:40:37
yep
0:40:40
so there's a there's a method on the
0:40:41
websocket called send
0:40:46
so we can we can just write something to
0:40:48
test it out
0:40:49
uh actually first of all do we need that
0:40:52
method on the backhand first
0:40:56
um
0:40:56
[Music]
0:40:57
uh
0:40:58
oh
0:41:00
no no because it's talking directly to
0:41:02
the websocket we've already set up the
0:41:04
lambdas and everything the api websocket
0:41:06
gateway it's it's connecting through
0:41:08
that url that you have at the top it's
0:41:11
not actually connecting through the
0:41:13
the express app
0:41:18
yes well what i meant is that
0:41:22
you know when a client
0:41:24
sends a message
0:41:26
yeah
0:41:28
and um how will the
0:41:30
backhand know to send that message
0:41:34
to all the other users as well
0:41:37
oh yeah oh oh that part gotcha well do
0:41:40
you want to just try for the sake of the
0:41:42
next 15 minutes
0:41:44
see if we can we can just send and
0:41:46
receive a message from the websocket on
0:41:48
the client side and then next time
0:41:51
work on that that like
0:41:53
lambda function
0:41:55
yeah i don't think it should i don't
0:41:57
think it should be too bad because you
0:41:59
just have to
0:42:01
write a lambda to
0:42:03
basically
0:42:06
grab the
0:42:08
users from the database when it's sent a
0:42:11
message and then
0:42:13
just like grab all the users from the
0:42:15
database who are connected and then send
0:42:18
the message back to them
0:42:20
like just
0:42:22
loop over them sending a message
0:42:26
precisely
0:42:27
yes yes that's exactly what i'm i'm
0:42:30
thinking how we should be
0:42:33
with your spot on so um
0:42:36
in the front end what do you think we
0:42:39
should
0:42:40
we need to do first
0:42:42
as in create a method as in just send
0:42:47
it to the web server is it
0:42:49
so do you have like uh like when you
0:42:51
create a note and save it or something
0:42:54
we can just like fire an event that
0:42:56
would just send the message with the
0:42:59
you could just say hi for now or
0:43:01
whatever
0:43:03
okay cool so basically that would
0:43:08
be
0:43:14
okay so
0:43:15
here's how i'm thinking that you it
0:43:18
would
0:43:19
work
0:43:20
so once the user connects to the
0:43:23
websocket
0:43:25
then all his
0:43:27
movements and everything
0:43:30
would be visible to the other users
0:43:32
connected to the same websocket
0:43:37
what do you mean what do you mean
0:43:39
movements so you know that um when we
0:43:43
have okay i will
0:43:46
do in that way don't worry about that
0:43:48
i'll show you what i mean
0:43:51
i don't want you go away
0:43:59
i like it
0:44:06
you're happy you're so happy about it
0:44:10
um
0:44:11
all right i'll i'll work on this one
0:44:13
don't worry
0:44:15
i'm not worried
0:44:18
i'm worried about my application next
0:44:20
week
0:44:22
application which one as a job
0:44:25
application or what yeah
0:44:27
i have an interview next week
0:44:29
oh wow
0:44:32
well it's it's the it's the second stage
0:44:34
so
0:44:35
fantastic
0:44:38
when is it though as in what day
0:44:41
wednesday wednesday morning like super
0:44:43
early
0:44:45
interesting
0:44:46
yeah
0:44:47
how'd you feel about it honestly it's
0:44:51
these parts are more challenging for me
0:44:54
because it's it's just like a behavioral
0:44:56
part like it but they're like you have
0:44:59
to
0:45:00
talk um
0:45:02
an hour about yourself
0:45:04
like basically sell yourself for an hour
0:45:06
it's like tell your life story is
0:45:08
basically you just call a life story but
0:45:10
i
0:45:11
i'm just really bad at preparing for
0:45:13
such things
0:45:18
uh because i you know honestly like i
0:45:20
can talk about myself in a
0:45:23
in a manner that's not very coherent
0:45:27
yeah and to make it coherent requires a
0:45:29
lot of work
0:45:32
and i'd just rather be coding
0:45:36
i think exactly
0:45:40
you know what you what you might do
0:45:43
what's that
0:45:45
uh
0:45:46
make a video of yourself
0:45:49
for writing code
0:45:51
as it okay
0:45:52
building a web page as in a really
0:45:55
simple
0:45:56
fabric and just writing your story in
0:45:59
that one
0:46:01
that's actually
0:46:03
kind of what i thought about doing
0:46:05
and then i and then i was yeah i won't
0:46:07
get into it too much but then i was like
0:46:09
i'm just i'm just like procrastinating
0:46:12
so badly right now
0:46:17
no man i
0:46:19
understand but it's all
0:46:21
worth it i used to be that sort of a
0:46:24
person but since
0:46:25
i i've gotten into this personal
0:46:30
growth program and i've gone
0:46:33
mental as well
0:46:35
yeah of personal
0:46:37
personal personal growth
0:46:40
he's actually really teaching me the
0:46:42
tricks uh as in how to condition your
0:46:45
mind and also be really proactive and
0:46:48
just really good at
0:46:50
um
0:46:51
not being procrastinating so that's been
0:46:54
really yeah too much
0:46:57
that's good that's good
0:47:00
all right cool so
0:47:02
you know what i said about
0:47:04
um
0:47:04
[Music]
0:47:06
that when you make any movement
0:47:09
then the other users
0:47:11
should be able to see you as well
0:47:14
and then see your movements on the board
0:47:17
the mouse
0:47:18
yeah yeah so it's essentially one
0:47:21
maintains that see
0:47:24
for example if you're
0:47:26
connected to the websocket
0:47:30
at the moment on your end okay
0:47:32
so you would be able to see exactly what
0:47:36
i'm doing as
0:47:37
create a note
0:47:39
and then do this
0:47:41
drag it so this will be kind of a live
0:47:45
view
0:47:46
for you
0:47:49
that's what's in my mind and the goal
0:47:54
because the existing scrambler
0:47:57
that we are enhancing to
0:47:59
uh include the persistence
0:48:01
story that already does it
0:48:04
but they do it by us okay io
0:48:11
okay
0:48:12
let's just copy their code
0:48:18
i
0:48:23
i mean i mean it's not a bad idea to be
0:48:26
honest like there's not much difference
0:48:28
between just traditional websockets and
0:48:31
and their implementation of using socket
0:48:33
i o
0:48:34
so i'm like after that
0:48:36
and mostly serious
0:48:38
so
0:48:40
because i don't even know what to copy
0:48:43
and paste
0:48:44
that is a beautiful
0:48:48
challenge well well
0:48:50
well
0:48:50
how about
0:48:51
for tonight
0:48:53
we can work on that issue over time
0:48:55
because that's like
0:48:57
that's like a huge task
0:48:59
oh right okay i see all right all right
0:49:03
because
0:49:04
the way the way i think about it i've
0:49:05
never done it so i would have to go and
0:49:07
research but the way i think about it is
0:49:09
like you would have to
0:49:11
have some
0:49:14
sort of
0:49:15
so each client in their code would have
0:49:17
to have some sort of like
0:49:21
like
0:49:22
listener event for like scroll events
0:49:26
and then that
0:49:27
that scroll listener would have to be
0:49:29
firing like every
0:49:31
[Music]
0:49:33
200 milliseconds or 100 milliseconds
0:49:37
to be constantly
0:49:39
sending messages to
0:49:41
the websocket api
0:49:44
and then
0:49:45
or however like maybe faster if you
0:49:48
don't if you want lower latency
0:49:51
and then
0:49:52
those
0:49:53
those messages would basically contain
0:49:56
the coordinates of the mouse position
0:50:00
the cursor position of the other users
0:50:03
including
0:50:04
the position of any board element that's
0:50:07
moving around on the
0:50:11
um i'm board just admit something
0:50:14
what
0:50:15
everything is going off my head at the
0:50:17
moment
0:50:19
i'm like i don't i'm kind of just making
0:50:22
this up too i'm just i'm just trying to
0:50:25
think like
0:50:26
if you said in an interview
0:50:28
like hey we want multiple mouses to move
0:50:32
across the screen at the same time using
0:50:34
websockets like this is the way i think
0:50:36
about it and maybe it's totally wrong
0:50:38
but i'm just
0:50:39
having a go
0:50:41
yeah yeah true and i think
0:50:43
that is all it's it's about as in just
0:50:48
have a go
0:50:49
that's it
0:50:50
um but
0:50:53
i'm like
0:50:55
this guy really knows his stuff that i
0:50:58
have no idea about but
0:51:01
can i just pretend i know what he's
0:51:03
talking about or
0:51:05
exactly
0:51:06
i'm sorry
0:51:11
i don't i i i'm sorry i don't know how
0:51:14
much you work on like the front end and
0:51:16
the dawn and stuff
0:51:18
so oh um yeah i know
0:51:22
kind of the basics but i didn't really
0:51:25
know the functionality you were
0:51:27
describing i think that's kind of brand
0:51:30
new to me
0:51:31
okay so there are like you know how
0:51:33
there's an onload event yeah like so
0:51:36
like there's all these different
0:51:37
listeners that are part of like the the
0:51:39
web api
0:51:40
so that they're they're listening for
0:51:42
certain events that happen on the dom or
0:51:45
whatever so like one of them is an on
0:51:47
scroll event
0:51:49
or oh i write okay
0:51:51
which basically just tracks like
0:51:54
uh
0:51:55
um if you're scrolling and i said on
0:51:57
scroll actually meant like on on mouse
0:52:00
move
0:52:01
there's like a mount there's like a move
0:52:02
event that you can listen to
0:52:05
so basically whenever you move your your
0:52:07
mouse or your pointer
0:52:09
or like your
0:52:10
[Music]
0:52:12
uh what is it the the tablet thingy
0:52:14
whatever like a stylus like you can
0:52:17
listen to these events
0:52:18
and it will fire every time you move
0:52:21
like every
0:52:22
every single time like which is not
0:52:24
really good because it really eats that
0:52:26
performance
0:52:28
um but
0:52:29
if you do that basically in that event
0:52:32
object you get a bunch of stuff
0:52:34
like the position of the the current
0:52:37
position of your mouse
0:52:41
right i see so in there basically you
0:52:44
could get that information for each
0:52:48
client and send that information to the
0:52:50
websocket
0:52:52
and then basically you would write some
0:52:54
code
0:52:55
that would say hey i got this message
0:52:57
from the websocket with these cursor
0:52:59
information and now draw draw these
0:53:02
different cursors
0:53:04
on the on the screen
0:53:06
with those coordinates
0:53:12
interesting but i'm not saying that
0:53:15
that's the best way to do it that was
0:53:16
like the only way i could think on the
0:53:18
fly
0:53:19
right right try to say
0:53:21
there might be a better better way there
0:53:24
probably is
0:53:26
yeah why am i breaking is that yeah you
0:53:31
must be right um
0:53:34
and
0:53:37
what i'm thinking at the moment
0:53:40
is
0:53:42
we need to come back to it
0:53:44
oh yeah definitely because that is that
0:53:47
sounds long
0:53:50
i think so it sounds pretty long and
0:53:52
honestly
0:53:54
it sounds like something that would need
0:53:56
to be like really nicely optimized for
0:53:59
performance yeah because if you have
0:54:02
like
0:54:03
say you have like 10 people doing them
0:54:04
it's like it's gonna like chew up to
0:54:08
chew up the browser like like it's going
0:54:10
to be pretty resource intensive i would
0:54:12
think
0:54:16
but maybe not maybe not i don't know
0:54:17
maybe it's not that bad
0:54:19
can i say
0:54:21
no
0:54:22
that makes complete sense man do you
0:54:24
want to try to send a message
0:54:26
i can
0:54:28
let's do that
0:54:30
so
0:54:30
we go to our function on connect
0:54:35
and
0:54:38
i want to put all of these
0:54:42
this little
0:54:45
um
0:54:48
function
0:54:52
send message
0:55:03
send message and then how would we do
0:55:06
this
0:55:07
so it's just you just
0:55:09
you just um
0:55:11
you take your websocket
0:55:14
variable whatever you saved it in and
0:55:16
then you just
0:55:17
do um no you don't need to make a new
0:55:19
one okay cool you just use the existing
0:55:22
one if you've saved it do this
0:55:25
and then it should be it should be send
0:55:29
just
0:55:31
just send yeah
0:55:33
and then that's a function that will
0:55:35
take in
0:55:37
i
0:55:37
i think
0:55:40
the data
0:55:42
yeah i think you can i think you can
0:55:45
send let me let me see um
0:55:49
specific
0:55:50
buffer blah blah blah blah blah can you
0:55:53
i think you just stringify the object
0:55:55
which i think is action default right
0:56:00
okay
0:56:02
let's try it
0:56:05
you don't know unless you try it
0:56:11
i think you i but you don't you need the
0:56:13
action default thing
0:56:17
like in pi socket
0:56:21
you know how we send the action default
0:56:24
object
0:56:33
um
0:56:34
that would be to
0:56:38
to hit a lambda
0:56:40
yeah
0:56:44
i think we would just send the same
0:56:46
message here
0:56:48
let's try that
0:56:50
so in this one what would we say
0:56:53
recently on default
0:56:55
isn't it default to get back a message
0:56:58
before is in there as in it's not
0:57:00
activated
0:57:02
oh i would have to activate that first
0:57:05
oh okay okay
0:57:07
all right fine we'll have to come back
0:57:09
to this one
0:57:12
yeah all right what i'm gonna do is
0:57:16
finish
0:57:17
oh you could have finished that line
0:57:19
zayn
0:57:23
all right come on mate 13 hours of work
0:57:26
yeah man wow
0:57:28
so
0:57:30
well yeah you're a trooper so you would
0:57:31
have send message
0:57:33
and then basically all you need to do
0:57:35
next is just have another listener
0:57:38
like socket
0:57:40
um
0:57:42
socket
0:57:45
message
0:57:49
and
0:57:50
why would we need send message up
0:57:53
because we are sending the message to
0:57:56
the server yeah it's like a post request
0:57:58
i think that way and then there's
0:58:00
another event listener that's like
0:58:03
um it's called it's called on message or
0:58:07
message like it's on message so
0:58:09
websocket on message and then you
0:58:12
basically do the same thing you did for
0:58:14
the on open
0:58:16
websocket.onopen
0:58:18
thing and then that's where you receive
0:58:20
any messages and that's pretty much it
0:58:23
like the basics of it that's it
0:58:25
it's not bad at all
0:58:26
all right so you just send and you
0:58:29
receive and then you just do something
0:58:30
with the logic
0:58:34
i mean there's probably some error
0:58:36
handling to use
0:58:40
yeah of course yeah i think that's
0:58:41
pretty much it man
0:58:43
perfect
0:58:45
so
0:58:45
they would
0:58:47
yeah i can't actually wait to get this
0:58:49
functionality working because it sounds
0:58:52
much fun to be honest
0:58:54
um just have to check what changes that
0:58:57
we did
0:58:58
yeah that's fine you can commit days and
0:59:02
this one as well
0:59:06
unload
0:59:07
there is a nice um
0:59:09
pattern i could tell you how to use
0:59:13
that i find quite nice which is like um
0:59:18
um
0:59:20
what is it called not modular pattern
0:59:25
uh
0:59:26
it's kind of like the modular pattern
0:59:28
but the modular pattern is like where
0:59:30
you would like
0:59:32
have private data but basically you
0:59:35
could create
0:59:37
uh the name is escaping me but like
0:59:39
basically you just create an object
0:59:42
and then you just hang all these
0:59:44
functions and stuff off the object it's
0:59:47
kind of it's kind of nice for these i
0:59:49
mean it's my preference for like vanilla
0:59:51
js projects
0:59:53
but you don't have to do it
0:59:57
i just like it when you have like tons
1:00:00
of like
1:00:01
different
1:00:02
stuff that needs to happen in sync so
1:00:05
then you have like one function that's
1:00:07
like
1:00:08
on load and then you like kick off some
1:00:12
other function whatever
1:00:15
you die
1:00:16
i'm talking too much man
1:00:21
do you want to repeat that maybe
1:00:23
no
1:00:24
no i am i'm just talking nonsense
1:00:31
useful stuff
1:00:33
uh i'm just reading kind of yeah my
1:00:36
brain is dead
1:00:38
yeah my brain's dead too
1:00:51
okay push this bad boy
1:00:56
all right um that is it guys
1:01:02
stop sharing there we go
1:01:05
cool
1:01:07
there's a there's a gecko or frog i mean
1:01:09
going off in the background
1:01:16
right guys uh
1:01:17
well um was a really good progress we
1:01:20
managed to get the
1:01:23
uh client connected to the
1:01:25
web server
1:01:27
thanks to tories
1:01:29
as in just
1:01:31
hey man think of magic it's just it's a
1:01:33
team effort like you said man yeah yeah
1:01:37
um so
1:01:39
we did it together and um yeah
1:01:42
we are one step closer to
1:01:45
making the
1:01:46
websocket all
1:01:48
working and i mean the next session
1:01:51
we'll be focusing on something really
1:01:53
different so if you want to check that
1:01:55
out
1:01:56
tune in
1:01:58
same time same place and
1:02:01
a different task yes there you go you
1:02:04
got this
1:02:06
all right guys so
1:02:08
have a good night and we'll see you on
1:02:10
sunday
1:02:12
catch you guys now
1:02:13
have a good night thank you