boarzVideosClipsStatistics

#️⃣EP 216 - Implement Passcode Tab Feature

🎦
📅 2022-04-17 (527 days ago)
⌛ 0:58:49
ZainboarToreyboar
AllClipsEpisodesHas Blog PostZainThaneshKartikTorey
001
Build Break and Code
📅 2021-07-14 
(804 days ago)
⌛ 0:58:43
ZainboarKartikboar
002
Build, Break & Fix
📅 2021-07-15 
(803 days ago)
⌛ 0:53:45
ZainboarKartikboar
003
Build, Break & Fix
📅 2021-07-16 
(802 days ago)
⌛ 1:09:05
ZainboarKartikboar
004
Special Edition: We don't stop until we get our code working
📅 2021-07-16 
(801 days ago)
⌛ 2:27:06
ZainboarKartikboar
005
Build,Break & Fix // Weekend two hour special
📅 2021-07-17 
(800 days ago)
⌛ 2:00:31
ZainboarKartikboar
006
Build, Break & Fix
📅 2021-07-19 
(799 days ago)
⌛ 1:03:20
ZainboarKartikboar
007
Build, Break & Fix
📅 2021-07-20 
(798 days ago)
⌛ 1:04:37
ZainboarKartikboar
008
Build, Break & Fix
📅 2021-07-21 
(797 days ago)
⌛ 1:00:37
ZainboarKartikboar
009
Build, Break & Fix
📅 2021-07-22 
(796 days ago)
⌛ 1:17:02
ZainboarKartikboar
010
Build, Break & Fix
📅 2021-07-23 
(795 days ago)
⌛ 1:04:59
ZainboarKartikboar
011
Build, Break & Fix
📅 2021-07-23 
(794 days ago)
⌛ 1:48:16
ZainboarKartikboar
012
Build, Break & Fix
📅 2021-07-24 
(793 days ago)
⌛ 2:05:28
ZainboarKartikboar
013
Build, Break & Code //First Special Guest Appearance
📅 2021-07-26 
(792 days ago)
⌛ 1:09:09
ZainboarKartikboar
014
Build, Break & Fix
📅 2021-07-27 
(791 days ago)
⌛ 1:05:37
ZainboarKartikboar
015
Build, Break & Fix // Setting a blog using Hugo and AWS Amplify
📅 2021-07-28 
(790 days ago)
⌛ 1:07:46
ZainboarKartikboar
016
Build, Break & Fix // Working on FETCH APIs
📅 2021-07-29 
(789 days ago)
⌛ 1:03:57
ZainboarKartikboar
017
Build, Break & Fix // Working on FETCH APIs
📅 2021-07-30 
(788 days ago)
⌛ 1:06:45
ZainboarKartikboar
018
Build, Break & Fix // creating get methods with FETCH API
📅 2021-07-30 
(787 days ago)
⌛ 2:00:16
ZainboarKartikboar
019
Build, Break & Fix // BLOG REVEAL!! &Fixing our broken Hugo blog
📅 2021-07-31 
(786 days ago)
⌛ 2:03:11
📰
ZainboarKartikboar
020
Build, Break & Fix // Fixing the uncaught exception error in FETCH APIs
📅 2021-08-02 
(785 days ago)
⌛ 1:02:04
ZainboarKartikboar
021
Build, Break & Fix // Trying different things to resolve the error
📅 2021-08-03 
(784 days ago)
⌛ 1:04:49
📰
ZainboarKartikboar
022
Build, Break & Fix // Special Guest announcement for tomorrow!
📅 2021-08-04 
(783 days ago)
⌛ 1:03:15
📰
ZainboarKartikboar
023
Special Episode : Talking to a Principal Developer at Seek
📅 2021-08-05 
(782 days ago)
⌛ 1:04:56
📰
ZainboarKartikboar
024
Build, Break & Fix // Working out Software design
📅 2021-08-06 
(781 days ago)
⌛ 1:08:19
📰
ZainboarKartikboar
025
Build, Break & Fix
📅 2021-08-06 
(780 days ago)
⌛ 2:01:05
📰
ZainboarKartikboar
026
Weekend Special 1.5 hours
📅 2021-08-08 
(779 days ago)
⌛ 1:35:49
📰
Zainboar
027
30 mins of deployment 😠 || 30 mins of coding 🥲
📅 2021-08-09 
(778 days ago)
⌛ 1:07:48
📰
ZainboarKartikboar
028
Today's Broadcast
📅 2021-08-10 
(777 days ago)
⌛ 1:18:59
📰
ZainboarKartikboar
029
Build Break Fix
📅 2021-08-11 
(776 days ago)
⌛ 1:01:46
📰
ZainboarKartikboar
030
Today's Stream
📅 2021-08-12 
(775 days ago)
⌛ 1:09:24
📰
ZainboarKartikboar
031
Buidl Break Fix
📅 2021-08-13 
(774 days ago)
⌛ 1:05:05
📰
ZainboarKartikboar
032
Today's Broadcast
📅 2021-08-14 
(773 days ago)
⌛ 1:20:18
📰
ZainboarKartikboar
033
Build - Break - Fix
📅 2021-08-15 
(772 days ago)
⌛ 1:34:03
📰
ZainboarKartikboar
034
Build Break Fix
📅 2021-08-16 
(771 days ago)
⌛ 1:18:19
📰
ZainboarKartikboar
035
Today's Broadcast
📅 2021-08-17 
(770 days ago)
⌛ 1:04:07
📰
ZainboarKartikboar
036
Build, Break, Fix
📅 2021-08-18 
(769 days ago)
⌛ 1:03:21
📰
ZainboarKartikboar
037
Special Guest - Sam Nolan
📅 2021-08-19 
(768 days ago)
⌛ 1:05:19
📰
ZainboarKartikboar
038
Today's Broadcast
📅 2021-08-20 
(767 days ago)
⌛ 1:01:55
📰
ZainboarKartikboar
039
Today's Broascast
📅 2021-08-21 
(766 days ago)
⌛ 1:33:11
📰
ZainboarKartikboar
040
Build - Break - Fix
📅 2021-08-22 
(765 days ago)
⌛ 1:33:18
📰
ZainboarKartikboar
041
Build Break Fix
📅 2021-08-23 
(764 days ago)
⌛ 0:57:11
📰
Zainboar
042
Today's Broadcast
📅 2021-08-24 
(763 days ago)
⌛ 1:06:08
📰
ZainboarKartikboar
043
Today's Stream
📅 2021-08-25 
(762 days ago)
⌛ 1:13:08
📰
ZainboarKartikboar
044
Today's Stream
📅 2021-08-26 
(761 days ago)
⌛ 0:49:48
📰
ZainboarKartikboar
045
Today's Stream
📅 2021-08-27 
(760 days ago)
⌛ 1:08:21
📰
ZainboarKartikboar
046
Weekend Special
📅 2021-08-28 
(759 days ago)
⌛ 1:32:51
ZainboarKartikboar
047
Weekend Special
📅 2021-08-29 
(758 days ago)
⌛ 1:01:39
Zainboar
048
Today's Broadcast
📅 2021-08-30 
(757 days ago)
⌛ 1:17:19
ZainboarKartikboar
049
Today's Broadcast
📅 2021-08-31 
(756 days ago)
⌛ 1:00:16
ZainboarKartikboar
050
CELEBRATION: 50th Episode
📅 2021-09-01 
(755 days ago)
⌛ 1:01:53
ZainboarKartikboar
051
Today's Broadcast
📅 2021-09-02 
(754 days ago)
⌛ 1:05:39
ZainboarKartikboar
052
Today's Broadcast
📅 2021-09-03 
(753 days ago)
⌛ 1:12:47
ZainboarKartikboar
053
NEW SETUP!!
📅 2021-09-04 
(752 days ago)
⌛ 1:04:04
ZainboarKartikboar
054
Weekend Special
📅 2021-09-05 
(751 days ago)
⌛ 1:41:54
ZainboarKartikboar
055
Today's Stream
📅 2021-09-06 
(750 days ago)
⌛ 1:20:05
ZainboarKartikboar
056
Today's Broadcast
📅 2021-09-07 
(749 days ago)
⌛ 1:25:44
ZainboarKartikboar
057
Today's Stream
📅 2021-09-08 
(748 days ago)
⌛ 1:00:33
ZainboarKartikboar
058
Today's Stream
📅 2021-09-09 
(747 days ago)
⌛ 1:13:08
ZainboarKartikboar
059
Today's Broadcast
📅 2021-09-10 
(746 days ago)
⌛ 1:50:40
ZainboarKartikboar
060
Today's Stream
📅 2021-09-12 
(744 days ago)
⌛ 1:02:36
ZainboarKartikboar
061
Today's Stream
📅 2021-09-13 
(743 days ago)
⌛ 1:00:40
ZainboarKartikboar
062
Today's Stream
📅 2021-09-14 
(742 days ago)
⌛ 1:11:29
ZainboarKartikboar
063
Today's Stream
📅 2021-09-15 
(741 days ago)
⌛ 1:07:00
ZainboarKartikboar
064
Today's Broadcast
📅 2021-09-16 
(740 days ago)
⌛ 1:20:45
📰
ZainboarKartikboar
065
test
📅 2021-09-16 
(739 days ago)
⌛ 2:03:01
📰
ZainboarKartikboar
066
Today's Broadcast
📅 2021-09-19 
(737 days ago)
⌛ 1:46:13
📰
ZainboarKartikboar
067
Today's Stream
📅 2021-09-20 
(736 days ago)
⌛ 1:03:46
📰
ZainboarKartikboarToreyboar
068
Today's Stream
📅 2021-09-21 
(735 days ago)
⌛ 1:09:13
📰
ZainboarKartikboarToreyboar
069
Today's Broadcast
📅 2021-09-22 
(734 days ago)
⌛ 1:03:51
📰
ZainboarKartikboar
070
Today's Stream
📅 2021-09-23 
(733 days ago)
⌛ 1:59:01
📰
ZainboarKartikboar
071
Today's Stream
📅 2021-09-24 
(732 days ago)
⌛ 0:28:57
📰
ZainboarKartikboar
072
Today's Stream
📅 2021-09-24 
(732 days ago)
⌛ 0:39:33
📰
ZainboarKartikboar
073
Today's Stream
📅 2021-09-26 
(2 years ago)
⌛ 1:21:14
📰
Zainboar
074
Today's Stream
📅 2021-09-27 
(729 days ago)
⌛ 1:03:40
📰
ZainboarKartikboar
075
Today's Stream
📅 2021-09-28 
(728 days ago)
⌛ 1:04:05
📰
ZainboarKartikboar
076
Today's Broadcast
📅 2021-09-29 
(727 days ago)
⌛ 0:58:07
📰
ZainboarKartikboar
077
Today' Broadcast
📅 2021-09-30 
(726 days ago)
⌛ 1:13:14
📰
ZainboarKartikboar
078
Today's Broadcast
📅 2021-10-01 
(725 days ago)
⌛ 1:23:11
📰
ZainboarKartikboar
079
Today's Stream
📅 2021-10-03 
(723 days ago)
⌛ 1:14:52
📰
ZainboarKartikboar
080
Today's Stream
📅 2021-10-04 
(722 days ago)
⌛ 1:05:10
📰
ZainboarKartikboar
081
Today's Stream
📅 2021-10-05 
(721 days ago)
⌛ 1:01:05
📰
Zainboar
082
Today's Stream
📅 2021-10-06 
(720 days ago)
⌛ 0:54:10
📰
ZainboarKartikboar
083
Today's Stream
📅 2021-10-07 
(719 days ago)
⌛ 1:15:04
📰
ZainboarKartikboar
084
Today's Stream
📅 2021-10-08 
(718 days ago)
⌛ 1:12:59
ZainboarKartikboar
085
Today's Stream
📅 2021-10-10 
(716 days ago)
⌛ 1:17:09
📰
ZainboarKartikboar
086
Today's Stream
📅 2021-10-11 
(715 days ago)
⌛ 1:00:57
📰
ZainboarKartikboar
087
Today's Stream
📅 2021-10-12 
(714 days ago)
⌛ 0:51:02
📰
ZainboarKartikboar
088
Today's Stream
📅 2021-10-13 
(713 days ago)
⌛ 1:07:31
📰
ZainboarKartikboar
089
Today's Broadcast
📅 2021-10-14 
(712 days ago)
⌛ 1:07:16
📰
ZainboarKartikboar
090
Today's Stream
📅 2021-10-15 
(711 days ago)
⌛ 1:01:10
📰
Zainboar
091
Today's Stream
📅 2021-10-17 
(709 days ago)
⌛ 1:26:37
📰
ZainboarKartikboarThaneshboar
092
Today's Stream
📅 2021-10-18 
(708 days ago)
⌛ 1:05:40
📰
ZainboarKartikboarThaneshboar
093
Today's Stream
📅 2021-10-19 
(707 days ago)
⌛ 1:01:58
📰
ZainboarThaneshboar
094
Today's Stream
📅 2021-10-20 
(706 days ago)
⌛ 1:04:18
📰
ZainboarKartikboar
095
Today's Stream
📅 2021-10-21 
(705 days ago)
⌛ 1:16:08
📰
ZainboarKartikboarThaneshboar
096
100th Episode
📅 2021-10-23 
(703 days ago)
⌛ 1:13:16
📰
ZainboarKartikboar
097
101/200 Episodes
📅 2021-10-24 
(702 days ago)
⌛ 1:00:53
📰
ZainboarThaneshboar
098
102/200 Episode
📅 2021-10-25 
(701 days ago)
⌛ 1:09:20
📰
ZainboarKartikboar
099
103/200 Episode
📅 2021-10-26 
(700 days ago)
⌛ 1:10:51
📰
ZainboarKartikboarThaneshboar
100
104/200
📅 2021-10-27 
(699 days ago)
⌛ 1:03:23
📰
ZainboarKartikboar
101
105/200
📅 2021-10-28 
(698 days ago)
⌛ 1:15:24
📰
ZainboarThaneshboar
102
107/200
📅 2021-10-29 
(697 days ago)
⌛ 1:14:04
📰
ZainboarKartikboar
103
109/200
📅 2021-10-31 
(695 days ago)
⌛ 1:11:38
📰
ZainboarKartikboarThaneshboar
104
110/200
📅 2021-11-01 
(694 days ago)
⌛ 1:04:53
📰
ZainboarKartikboar
105
111/200
📅 2021-11-02 
(693 days ago)
⌛ 1:11:33
📰
ZainboarKartikboarThaneshboar
106
112/200
📅 2021-11-03 
(692 days ago)
⌛ 1:00:17
📰
ZainboarKartikboar
107
113/200
📅 2021-11-04 
(691 days ago)
⌛ 1:03:53
📰
Zainboar
108
114/200
📅 2021-11-05 
(690 days ago)
⌛ 0:56:39
Zainboar
109
115/200
📅 2021-11-07 
(688 days ago)
⌛ 1:02:25
📰
ZainboarThaneshboar
110
116/200
📅 2021-11-08 
(687 days ago)
⌛ 1:09:37
📰
ZainboarKartikboar
111
117/200
📅 2021-11-09 
(686 days ago)
⌛ 1:06:25
📰
ZainboarKartikboarThaneshboar
112
118/200
📅 2021-11-10 
(685 days ago)
⌛ 1:02:39
📰
ZainboarKartikboar
113
119/200
📅 2021-11-11 
(684 days ago)
⌛ 1:08:01
📰
ZainboarKartikboarThaneshboar
114
120/200
📅 2021-11-12 
(683 days ago)
⌛ 1:00:14
📰
Zainboar
115
120/200
📅 2021-11-14 
(681 days ago)
⌛ 1:06:19
📰
ZainboarKartikboarThaneshboar
116
122/200
📅 2021-11-15 
(680 days ago)
⌛ 1:00:31
ZainboarKartikboar
117
Today's Stream
📅 2021-11-22 
(673 days ago)
⌛ 1:01:46
📰
KartikboarThaneshboar
118
How This Video Has 12 Views, Explained
📅 2021-11-25 
(670 days ago)
⌛ 0:59:47
KartikboarThaneshboar
119
How This Video Has 14 Views, Explained
📅 2021-11-29 
(666 days ago)
⌛ 1:16:20
📰
KartikboarThaneshboar
120
Special Guest - Torey Littlefield Pt.2
📅 2021-11-30 
(665 days ago)
⌛ 1:12:15
📰
ZainboarToreyboar
121
Today's Stream
📅 2021-12-02 
(663 days ago)
⌛ 1:02:25
KartikboarThaneshboar
122
Today's Stream
📅 2021-12-06 
(659 days ago)
⌛ 1:02:01
📰
KartikboarThaneshboar
123
Today's Broadcast
📅 2021-12-07 
(658 days ago)
⌛ 1:01:00
KartikboarThaneshboar
124
Today's Stream
📅 2021-12-09 
(656 days ago)
⌛ 1:05:48
📰
ZainboarThaneshboar
125
Today's Stream
📅 2021-12-10 
(655 days ago)
⌛ 1:07:15
ZainboarToreyboar
126
Today's Stream
📅 2021-12-12 
(653 days ago)
⌛ 0:12:47
📰
ZainboarThaneshboar
127
Today's Stream
📅 2021-12-12 
(653 days ago)
⌛ 0:50:29
📰
ZainboarThaneshboar
128
Today's Stream
📅 2021-12-13 
(652 days ago)
⌛ 1:02:31
📰
ZainboarKartikboar
129
Today's Stream
📅 2021-12-14 
(651 days ago)
⌛ 1:10:28
📰
ZainboarToreyboar
130
Today's Stream
📅 2021-12-16 
(649 days ago)
⌛ 1:16:51
📰
ZainboarThaneshboar
131
Today's Stream
📅 2021-12-17 
(648 days ago)
⌛ 1:10:59
ZainboarKartikboarToreyboar
132
Today's Stream
📅 2021-12-19 
(646 days ago)
⌛ 1:00:49
📰
Zainboar
133
Today's Stream
📅 2021-12-20 
(645 days ago)
⌛ 1:01:49
📰
ZainboarKartikboar
134
Today's Stream
📅 2021-12-21 
(644 days ago)
⌛ 1:03:43
📰
ZainboarThaneshboar
135
Today's Stream
📅 2021-12-22 
(643 days ago)
⌛ 1:06:30
📰
ZainboarKartikboar
136
Today's Stream
📅 2021-12-23 
(642 days ago)
⌛ 1:00:09
Zainboar
137
Today's Stream
📅 2021-12-26 
(639 days ago)
⌛ 1:17:00
📰
ZainboarThaneshboar
138
Today's Stream
📅 2021-12-27 
(638 days ago)
⌛ 1:05:22
📰
ZainboarKartikboar
139
Today's Stream
📅 2021-12-28 
(637 days ago)
⌛ 1:16:17
📰
ZainboarToreyboar
140
WebSocket Integration
📅 2021-12-29 
(636 days ago)
⌛ 1:02:44
📰
Zainboar
141
AWS WebSocket API Integration Pt.2
📅 2021-12-30 
(635 days ago)
⌛ 1:08:23
📰
ZainboarToreyboar
142
AWS WebSocket Integration with SAM Pt.3
📅 2022-01-02 
(632 days ago)
⌛ 1:03:18
📰
ZainboarToreyboar
143
Today's Stream
📅 2022-01-03 
(631 days ago)
⌛ 1:07:18
📰
ZainboarKartikboar
144
AWS WebScoket Integration with SAM Pt.4
📅 2022-01-04 
(630 days ago)
⌛ 1:04:18
📰
ZainboarToreyboar
145
AWS WebSocket Integration with SAM Pt.5
📅 2022-01-05 
(629 days ago)
⌛ 1:03:21
📰
ZainboarKartikboar
146
AWS WebSocket Integration with SAM Pt. 6
📅 2022-01-06 
(628 days ago)
⌛ 1:03:18
📰
ZainboarToreyboar
147
Today's Stream
📅 2022-01-07 
(627 days ago)
⌛ 1:11:55
📰
ZainboarToreyboar
148
Connect AWS WebSocket to DynamoDB Pt.1
📅 2022-01-09 
(625 days ago)
⌛ 1:10:25
📰
ZainboarToreyboar
149
Connect AWS WebSocket to DynamoDB
📅 2022-01-10 
(624 days ago)
⌛ 1:02:06
ZainboarKartikboar
150
"Blank Line" Bug In Lambda Response For AWS Websocket Pt.1
📅 2022-01-11 
(623 days ago)
⌛ 0:58:13
📰
ZainboarKartikboarToreyboar
151
"Blank Line" Bug In Lambda Response From Lambda
📅 2022-01-13 
(621 days ago)
⌛ 1:04:40
📰
ZainboarToreyboar
152
AWS WebSocket + Lambda + DynamoDB
📅 2022-01-14 
(620 days ago)
⌛ 1:04:33
📰
ZainboarThaneshboar
153
AWS WebSocket + Lambda + DynamoDB
📅 2022-01-16 
(618 days ago)
⌛ 1:11:37
📰
ZainboarToreyboar
154
Test
📅 2022-01-17 
(617 days ago)
⌛ 1:03:13
📰
ZainboarThaneshboar
155
Today's stre
📅 2022-01-18 
(616 days ago)
⌛ 0:45:24
ZainboarToreyboar
156
AWS Websocket + DyanmoDb + Lambda
📅 2022-01-19 
(615 days ago)
⌛ 1:06:33
📰
ZainboarThaneshboar
157
Today's Stream
📅 2022-01-20 
(614 days ago)
⌛ 0:57:55
📰
Zainboar
158
Today's Stream
📅 2022-01-21 
(613 days ago)
⌛ 1:02:17
📰
ToreyboarZainboar
159
Today's Stream
📅 2022-01-23 
(611 days ago)
⌛ 1:13:29
📰
ZainboarToreyboar
160
How To Host A Web App using AWS S3 and CloudFront
📅 2022-01-24 
(610 days ago)
⌛ 1:16:15
📰
ZainboarThaneshboar
161
How to Host Web App In AWS S3 using CloudFront, Route53 and CloudFormation
📅 2022-01-25 
(609 days ago)
⌛ 1:01:07
ZainboarToreyboar
162
How to Host Web App Using AWS S3, CloudFront and Route53
📅 2022-01-26 
(608 days ago)
⌛ 1:03:12
ZainboarThaneshboar
163
How To Host Web App In AWS S3 with Custom Domain
📅 2022-01-27 
(607 days ago)
⌛ 1:08:48
📰
ZainboarToreyboar
164
How To Host Web App In AWS S3 with Custom Domain Using Route 53
📅 2022-01-28 
(606 days ago)
⌛ 1:08:57
📰
ZainboarThaneshboar
165
How To Host Web App In AWS S3 with Custom Domain Using Route 53
📅 2022-01-30 
(604 days ago)
⌛ 0:28:17
Zainboar
166
Today's Broadcast
📅 2022-01-31 
(603 days ago)
⌛ 1:11:16
📰
ThaneshboarToreyboar
167
How To Host Web App In AWS S3 with Custom Domain Using Route 53
📅 2022-02-01 
(602 days ago)
⌛ 1:06:35
📰
ZainboarToreyboar
168
Generate SSL Certificate via AWS Certificate Manager
📅 2022-02-02 
(601 days ago)
⌛ 0:58:02
📰
ZainboarThaneshboar
169
Test AWS Websocket Connection With Multiple Users
📅 2022-02-03 
(600 days ago)
⌛ 1:01:59
📰
ZainboarToreyboar
170
Adding Redirection To The AWS S3 Page
📅 2022-02-04 
(599 days ago)
⌛ 0:25:00
Zainboar
171
Redirecting AWS S3 page
📅 2022-02-06 
(597 days ago)
⌛ 0:54:11
Zainboar
172
Today's Broadcast
📅 2022-02-07 
(596 days ago)
⌛ 1:05:20
📰
ThaneshboarToreyboar
173
Today's Stream
📅 2022-02-08 
(595 days ago)
⌛ 1:05:29
ZainboarToreyboar
174
Today's Stream
📅 2022-02-10 
(593 days ago)
⌛ 1:05:47
ZainboarToreyboar
175
How To Send Messages To Multiple Clients Through AWS Websocket
📅 2022-02-13 
(590 days ago)
⌛ 1:02:05
ZainboarToreyboar
176
How To CRUD Data Through AWS Websocket with Multiple Clients
📅 2022-02-16 
(587 days ago)
⌛ 1:07:32
ZainboarThaneshboar
177
Today's Stream
📅 2022-02-17 
(586 days ago)
⌛ 0:58:01
ZainboarToreyboar
178
How To Change String Property to Object in AWS SAM and Deploy
📅 2022-02-20 
(583 days ago)
⌛ 1:21:24
ZainboarToreyboar
179
Today's Stream
📅 2022-02-23 
(580 days ago)
⌛ 0:59:43
📰
ZainboarThaneshboar
180
How To HASH A Password using BCRYPT in Node
📅 2022-02-25 
(578 days ago)
⌛ 1:03:48
ZainboarThaneshboar
181
How to Hash Passcode with BCRYPT using Node Pt.2
📅 2022-02-27 
(576 days ago)
⌛ 1:07:59
ZainboarToreyboar
182
Create Passcode UI
📅 2022-02-28 
(575 days ago)
⌛ 1:01:29
📰
ZainboarThaneshboar
183
How To Make FrontEnd Talk to Backend with Node
📅 2022-03-01 
(574 days ago)
⌛ 1:01:33
ZainboarToreyboar
184
How To Positioning A Div
📅 2022-03-04 
(571 days ago)
⌛ 1:09:27
ZainboarToreyboar
185
Today's Stream
📅 2022-03-06 
(569 days ago)
⌛ 1:00:29
Zainboar
186
Today's Stream
📅 2022-03-07 
(568 days ago)
⌛ 0:55:51
ZainboarThaneshboar
187
Today's Stream
📅 2022-03-09 
(566 days ago)
⌛ 1:00:11
ZainboarThaneshboar
188
Compare Hashed Passwords Using Bcryptjs
📅 2022-03-10 
(565 days ago)
⌛ 1:01:31
ZainboarToreyboar
189
Special Appearance
📅 2022-03-11 
(564 days ago)
⌛ 0:58:44
ZainboarThaneshboarKartikboar
190
Today's Stream
📅 2022-03-13 
(562 days ago)
⌛ 1:16:40
ZainboarToreyboar
191
How To Make Frontend Talk To The Backend - NodeJS
📅 2022-03-14 
(561 days ago)
⌛ 1:07:00
ZainboarThaneshboar
192
Today's Stream
📅 2022-03-15 
(560 days ago)
⌛ 1:05:51
ZainboarToreyboar
193
Today's Stream
📅 2022-03-17 
(558 days ago)
⌛ 1:21:59
ZainboarToreyboar
194
How To Apply Authentication When Saving NodeJs
📅 2022-03-18 
(557 days ago)
⌛ 1:05:27
Zainboar
195
How to Compare Passcodes Using Bcrytp Node.js
📅 2022-03-20 
(555 days ago)
⌛ 1:04:19
ZainboarToreyboar
196
Today's Broadcast
📅 2022-03-21 
(554 days ago)
⌛ 1:06:59
ThaneshboarToreyboar
197
Today's Stream
📅 2022-03-22 
(553 days ago)
⌛ 1:02:51
ZainboarToreyboar
198
Verify Passcode Saving Information to DynamoDB with NodeJs
📅 2022-03-23 
(552 days ago)
⌛ 1:03:09
ZainboarThaneshboar
199
Today's Stream
📅 2022-03-25 
(550 days ago)
⌛ 1:12:27
ZainboarToreyboar
200
Today's Stream
📅 2022-03-27 
(548 days ago)
⌛ 1:14:36
ZainboarToreyboar
201
Today's Stream
📅 2022-03-28 
(547 days ago)
⌛ 1:08:28
ZainboarThaneshboar
202
How To Do A Merge Using VSCode and Github
📅 2022-03-29 
(546 days ago)
⌛ 1:05:33
ZainboarToreyboar
203
Today's Stream
📅 2022-03-30 
(545 days ago)
⌛ 0:57:26
ZainboarThaneshboar
204
Today's Stream
📅 2022-03-31 
(544 days ago)
⌛ 0:57:10
ZainboarToreyboar
205
Today's Stream
📅 2022-04-01 
(543 days ago)
⌛ 1:00:36
Zainboar
206
Today's Stream
📅 2022-04-03 
(541 days ago)
⌛ 1:06:56
ZainboarToreyboar
207
Get Board Columns from Frontend to Backend NodeJS
📅 2022-04-04 
(540 days ago)
⌛ 1:00:38
ZainboarThaneshboarToreyboar
208
Today's Stream
📅 2022-04-05 
(539 days ago)
⌛ 0:57:30
ZainboarToreyboar
209
Today's Stream
📅 2022-04-06 
(538 days ago)
⌛ 0:59:39
ZainboarThaneshboar
210
Today's Stream
📅 2022-04-07 
(537 days ago)
⌛ 1:04:46
Zainboar
211
Store String Array in DynamoDB using NodeJS
📅 2022-04-08 
(536 days ago)
⌛ 0:19:27
Zainboar
212
Today's Stream
📅 2022-04-10 
(534 days ago)
⌛ 1:07:24
Zainboar
213
Today's Stream
📅 2022-04-11 
(533 days ago)
⌛ 1:02:34
ZainboarThaneshboar
214
Today's Stream
📅 2022-04-12 
(532 days ago)
⌛ 0:27:43
Zainboar
215
Jira Organising & Beta Testing Day 1
📅 2022-04-13 
(531 days ago)
⌛ 0:58:09
ZainboarThaneshboar
▶️
Implement Passcode Tab Feature
📅 2022-04-17 
(527 days ago)
⌛ 0:58:49
ZainboarToreyboar
217
Beta Testing Fixes Part 2
📅 2022-04-19 
(525 days ago)
⌛ 1:00:24
ZainboarToreyboar
218
Beta Testing Fixes Part 3
📅 2022-04-20 
(524 days ago)
⌛ 1:01:02
ZainboarThaneshboar
219
Beta Testing Fixes Part 4
📅 2022-04-21 
(523 days ago)
⌛ 1:00:13
ZainboarToreyboar
220
Beta Testing 5
📅 2022-04-22 
(522 days ago)
⌛ 1:10:18
ThaneshboarToreyboar
221
Today's Stream
📅 2022-04-25 
(519 days ago)
⌛ 1:01:01
ZainboarThaneshboar
222
WebSocket Heartbeat & Thanesh's Farewell
📅 2022-04-27 
(517 days ago)
⌛ 0:51:08
ZainboarThaneshboar
223
Today's Stream
📅 2022-04-28 
(516 days ago)
⌛ 1:00:33
ZainboarToreyboar
224
Save Notes Through Websocket
📅 2022-04-29 
(515 days ago)
⌛ 0:51:30
Zainboar
225
Saving Object Through Websocket in DynamoDB
📅 2022-05-01 
(513 days ago)
⌛ 0:49:15
ZainboarToreyboar
226
Saving Object Through Websocket in DynamoDb
📅 2022-05-02 
(512 days ago)
⌛ 0:55:26
Zainboar
227
Today's Stream
📅 2022-05-05 
(509 days ago)
⌛ 1:01:32
ZainboarToreyboar
228
Welcome Back Kartik Party
📅 2022-05-08 
(506 days ago)
⌛ 0:55:32
ZainboarToreyboarKartikboar
229
Testing Prevention of XSS attack
📅 2022-05-10 
(504 days ago)
⌛ 0:29:16
Zainboar
230
How To Test Prevention XSS Attack
📅 2022-05-11 
(503 days ago)
⌛ 0:40:42
ZainboarKartikboar
231
Fixing Websocket
📅 2022-05-19 
(495 days ago)
⌛ 0:49:55
Zainboar
232
Today's Stream
📅 2022-05-20 
(494 days ago)
⌛ 0:56:10
ZainboarKartikboar
233
Today's Stream
📅 2022-05-22 
(492 days ago)
⌛ 0:55:33
Zainboar
234
Today's Stream
📅 2022-05-24 
(490 days ago)
⌛ 0:23:19
Zainboar
235
Websockets bugs
📅 2022-05-27 
(487 days ago)
⌛ 1:00:51
ZainboarKartikboar
236
Websocket Bug Fix
📅 2022-05-29 
(485 days ago)
⌛ 0:49:50
Zainboar
237
Hook Up AWS Websocket
📅 2022-05-30 
(484 days ago)
⌛ 0:48:59
Zainboar
238
Hook up AWS Websocket Pt.2
📅 2022-05-31 
(483 days ago)
⌛ 0:53:07
Zainboar
239
Today's Stream
📅 2022-06-01 
(482 days ago)
⌛ 0:21:05
Zainboar
240
AWS Websocket Bug Fix
📅 2022-06-05 
(478 days ago)
⌛ 0:52:47
Zainboar
241
AWS Websocket Bug Fix Pt.2
📅 2022-06-06 
(477 days ago)
⌛ 0:23:52
Zainboar
242
Hook Up Board Columns to Websockets Nodejs + AWS Websockets
📅 2022-07-27 
(426 days ago)
⌛ 1:00:06
Zainboar

Subtitles

0:00:12
[Music]
0:00:26
what is going on guys welcome back to to
0:00:30
another session of bill broken fix
0:00:32
brought to you by
0:00:34
yours only the raw coders
0:00:37
and today guess who is back in the show
0:00:42
if you
0:00:50
thanks for having me back zayn it's good
0:00:52
to be back i missed i missed you guys
0:00:55
fading good to have you back man and
0:00:58
yeah we missed you as well show wasn't
0:01:01
the same without you because then dev
0:01:03
had
0:01:04
even more chances to pick up on me
0:01:07
rather than two people
0:01:09
so he was just totally focusing on me
0:01:13
so now we can share the banter
0:01:16
across
0:01:17
i'm ready for it i'm
0:01:19
ready
0:01:20
yeah exactly
0:01:23
all right this is
0:01:25
um
0:01:25
[Music]
0:01:28
first things first let's acknowledge the
0:01:30
country and pay our respects to the
0:01:32
elders of the past president and future
0:01:34
so
0:01:35
here we go
0:01:37
i begin today by acknowledging the
0:01:39
traditional custodians of the land on
0:01:41
which we gathered today and pay my
0:01:43
respects to the elders past present and
0:01:45
future i extend their respect to
0:01:48
aboriginal and torres strait islander
0:01:50
people here today
0:01:54
that is done smoothly as always
0:01:58
brilliant
0:02:00
so how are we feeling
0:02:01
tory
0:02:02
good feeling good feeling and feeling
0:02:05
good
0:02:06
i'm curious to see what
0:02:09
what you guys have been up to
0:02:12
um so what we were doing you know the
0:02:16
so as we
0:02:18
posted on slack for the internal testing
0:02:22
and um
0:02:23
one of them
0:02:24
guys um
0:02:26
he really
0:02:27
picked on some
0:02:29
great point which i really liked so
0:02:33
um and one of the points were that he
0:02:36
had to as in
0:02:38
manually tap on the passcode text boxes
0:02:42
to enter a number
0:02:45
and
0:02:46
that one
0:02:47
that feature
0:02:48
we were basically trying to improve that
0:02:52
as soon as the user presses a button it
0:02:55
will automatically take them to the next
0:02:58
text box
0:03:01
does that make sense so far
0:03:05
yep i
0:03:07
i think i added that
0:03:10
weeks ago but maybe it got broken
0:03:13
so maybe it's a quick fix
0:03:16
hopefully because me and finish on
0:03:20
thursday we're actually going on some
0:03:23
online
0:03:24
code how to do that so
0:03:27
you might see some as in the random
0:03:30
code in the code base but let's see if
0:03:34
you can uh
0:03:35
if our front-end guru can
0:03:38
just say oh yeah just
0:03:41
do that and it would work and it works
0:03:44
so
0:03:45
really looking forward to that um do you
0:03:48
want to share your screen
0:03:51
uh sure
0:03:56
getting some time and getting some
0:03:57
comments in the chat
0:03:59
yeah yeah i missed the stuff i missed it
0:04:03
um
0:04:05
i need to close the
0:04:08
balcony
0:04:09
door
0:04:10
it's creating a bit of noise but the
0:04:12
weather is really chilled i like it
0:04:15
is it it's getting cooler there it's
0:04:17
it's
0:04:19
super hot right now it's so humid
0:04:23
over there is it in boiler
0:04:26
yeah it's humid it was hot today
0:04:29
ah i said
0:04:33
yeah i think we um
0:04:36
yeah i think it was a bit cooler because
0:04:39
it
0:04:40
was yeah it drizzled a bit so that's why
0:04:44
that's nice yeah it could use to be a
0:04:46
bit cooler
0:04:48
um do you know what branch i should be
0:04:50
on
0:04:51
um
0:04:53
new branch to be honest i forgot if he
0:04:57
pushed and can we check if anything
0:05:00
actually i'll check on guitar
0:05:03
and see if if it's pushed
0:05:06
just bear with me
0:05:12
why am i opening aws
0:05:17
[Music]
0:05:18
front end
0:05:22
uh
0:05:28
um
0:05:29
to be honest i don't think it's pushed
0:05:33
this was public
0:05:35
um
0:05:38
yeah i don't think um
0:05:40
okay
0:05:42
you
0:05:43
must push probably a good idea to
0:05:46
um
0:05:50
do that overall in
0:05:53
your way
0:05:55
how you did them before because yeah
0:05:58
there must be some code that i've
0:06:00
checked in or
0:06:02
finished uh then i just broken the that
0:06:05
function now too
0:06:07
without us being aware of it
0:06:11
uh um
0:06:13
looks like finesse
0:06:17
he did
0:06:18
he added
0:06:21
i
0:06:22
should make this bigger
0:06:26
uh last
0:06:28
oh that was
0:06:29
that was it last week that was a while
0:06:32
ago
0:06:34
uh by the way we did forget to put the
0:06:37
music on so
0:06:39
what would be the letter
0:06:42
to recorder a
0:06:44
a
0:06:45
air for acoustics
0:06:48
cinematic
0:06:50
okay see what that brings up
0:06:52
[Music]
0:06:57
all right well i can i can make a new
0:07:00
branch i guess yeah yeah
0:07:03
fire off
0:07:04
you could do that
0:07:06
[Music]
0:07:11
what do you want to call it
0:07:16
take your pick
0:07:20
what is this what is the feature
0:07:22
we're doing like
0:07:24
um
0:07:25
pause codes choose a from passcode auto
0:07:29
tabs
0:07:30
okay
0:07:31
probably call it there yeah i don't know
0:07:34
yeah that should be fine passcode auto
0:07:37
tabs
0:07:39
[Music]
0:07:43
all right
0:07:46
brilliante
0:07:48
yeah we're back in the in the dev phase
0:07:51
again
0:07:56
um
0:07:57
let me just publish it
0:08:00
and then
0:08:02
all right so
0:08:04
if i remember correctly
0:08:07
before i forget
0:08:10
i know you guys did some oh you guys
0:08:13
didn't push the work right
0:08:14
no no we didn't
0:08:18
see here
0:08:24
i feel like it's this
0:08:28
yep
0:08:30
all right so what did i call this thingy
0:08:33
i didn't call it anything that's why
0:08:37
um
0:08:40
yeah probably i should have named it its
0:08:42
own function
0:08:44
great board
0:08:46
all right so this is separate
0:08:48
let me just
0:08:50
let me just
0:08:51
get this out into its own function here
0:08:53
um
0:08:55
jakedev is asking what does it currently
0:08:57
look like on the on the website
0:09:00
can you show
0:09:04
yeah you
0:09:05
might wanna pull up scrambler
0:09:16
talking about this right
0:09:18
yeah
0:09:20
so if you enter digit um it won't take
0:09:24
your time to them can you hear me
0:09:26
[Applause]
0:09:28
can you hear my keyboard
0:09:31
there there's proof it doesn't work
0:09:35
all right
0:09:36
so
0:09:39
um this this little snippet here
0:09:43
i guess um
0:09:45
i should have brushed it out
0:09:48
it was the whole function
0:09:51
uh it let me just
0:09:53
move it to its own function because it
0:09:55
should be in its own function
0:09:58
um
0:10:02
auto tab
0:10:04
passcode
0:10:10
all right so
0:10:12
um
0:10:19
so
0:10:20
what it does if i
0:10:24
can just press tab
0:10:27
um
0:10:30
um so
0:10:32
that's what basically
0:10:33
malcolm raised um
0:10:39
we can't
0:10:40
yeah
0:10:41
go and tori
0:10:43
sorry zayn i didn't mean to cut you off
0:10:44
go ahead
0:10:46
no no no continue
0:10:48
you will probably
0:10:50
explain it
0:10:51
okay so
0:10:53
um malcolm
0:10:55
suggested that
0:10:57
when he
0:10:58
was like filling in the passcode
0:11:02
he had to
0:11:03
[Music]
0:11:05
press tab or on his phone it was even
0:11:08
more annoying where he actually had to
0:11:11
tap onto the next box
0:11:13
in order to enter the digit so
0:11:18
we'll try to
0:11:20
fix that by
0:11:23
having the tab automatically
0:11:28
select
0:11:29
the our focus on the next tab um the
0:11:33
next input
0:11:34
when uh the previous tab has been
0:11:38
filled
0:11:40
yeah and
0:11:43
also when it's deleted it should go back
0:11:47
to
0:11:48
the previous tab
0:11:50
as well
0:11:52
so if it's filled it should go forward
0:11:54
if it's deleted it should go back
0:11:59
okay
0:12:01
i didn't i didn't think about mobile um
0:12:06
but this was the code i had that maybe
0:12:09
was working before
0:12:11
um
0:12:13
the problem might have to do with this
0:12:16
query selector
0:12:18
um because maybe
0:12:20
the
0:12:21
class names or id have changed
0:12:26
so
0:12:27
that's one so how
0:12:29
why would the
0:12:30
class and rds change
0:12:32
from
0:12:33
being in the
0:12:35
laptop as in later screen and the mobile
0:12:39
screen
0:12:40
oh no i mean maybe they changed
0:12:43
um sense
0:12:46
since
0:12:49
since when i implemented this maybe
0:12:51
these changed or maybe
0:12:54
this is running too early now or
0:12:56
something like that it might be i'm
0:12:58
thinking
0:12:59
i'm thinking that this might be running
0:13:02
too early
0:13:04
um
0:13:06
because the passcode
0:13:12
well no that's on the that's on the
0:13:14
board page but i was thinking the
0:13:15
passcode
0:13:17
form might not be all there
0:13:20
um
0:13:21
on the on the page but that's only true
0:13:24
for the boards page because it's hidden
0:13:26
right
0:13:28
um
0:13:29
hidden away
0:13:31
uh it's like hidden in another html
0:13:34
snippet
0:13:36
yeah so inject it onto the page
0:13:39
yes
0:13:40
so can we
0:13:42
possibly
0:13:43
i don't know
0:13:45
how hard this would be but it shouldn't
0:13:47
be that hard at all um
0:13:51
can we insert the same function that
0:13:53
would do
0:13:54
that will handle that
0:13:56
behavior
0:13:58
in the set profile of
0:14:00
of the passcode all
0:14:03
that wouldn't be an option
0:14:07
you mean
0:14:10
the form
0:14:12
yeah
0:14:14
so if you go to the separate file which
0:14:17
was the passcode
0:14:19
hyphen ui dot
0:14:21
html
0:14:24
yeah
0:14:25
that one
0:14:26
in this
0:14:36
oh hang on
0:14:38
import class
0:14:40
i think that must have been the reason
0:14:42
and that the class is different
0:14:45
of the input
0:14:49
let me uh
0:14:51
let me start this up too so i can
0:14:55
use the chrome
0:14:58
dev tools i think it'll be just a little
0:15:00
bit easier
0:15:02
cool
0:15:06
but yeah maybe maybe this query selector
0:15:08
here is just not
0:15:10
working yeah
0:15:12
or this square selector potentially
0:15:17
all the classes
0:15:19
may not be valid anymore
0:15:22
since it has been
0:15:24
a while that we implemented this and we
0:15:27
might have just changed the classes and
0:15:29
renamed them something else
0:15:32
yeah
0:15:34
yeah so
0:15:35
what we're looking for in the query
0:15:37
selector at least the way i wrote it was
0:15:41
it looks for a form and then it looks
0:15:43
for this class name
0:15:45
this class of passcode ui and then it
0:15:49
gets all the inputs on
0:15:51
[Music]
0:15:52
that so it's query selector all so this
0:15:54
is an array
0:15:56
of the input elements
0:16:00
um and then
0:16:02
this query selector looks for a form
0:16:05
with a class
0:16:07
of passcode ui
0:16:11
um so if you go
0:16:13
back
0:16:14
to the passcode ui
0:16:18
page
0:16:19
so form particle
0:16:21
you your input
0:16:23
so where is the form
0:16:25
i think the form is actually in
0:16:27
[Music]
0:16:29
yeah
0:16:30
in those
0:16:31
individual pages
0:16:36
how do i
0:16:37
can i do
0:16:43
this note
0:16:45
oh there it is interesting
0:16:57
oh so there's not a form anymore it's a
0:17:01
div
0:17:03
but that div is inside the form isn't it
0:17:07
true
0:17:08
so
0:17:09
if i go
0:17:12
look at this
0:17:14
and then it goes into possible gy
0:17:17
which is a class
0:17:20
um so i'll just
0:17:22
i'll just test test these selectors in
0:17:25
the dev tools
0:17:27
cool and
0:17:28
let's just see if they're working
0:17:32
yeah i think that would be a better idea
0:17:39
failed oh whatever
0:17:42
all right let's see if inputs
0:17:45
as anything
0:17:47
i did it did find the inputs
0:17:50
okay that's good
0:17:51
so there's four inputs that's valid
0:17:54
yeah you see
0:17:56
selecting
0:17:57
gray yeah yeah which is fantastic
0:18:02
what about
0:18:04
nah
0:18:05
if that works this should definitely
0:18:06
work too
0:18:14
same um selector just without the input
0:18:18
yeah and it shows up as well so it's
0:18:20
right there
0:18:23
which is great
0:18:25
okay
0:18:26
so
0:18:29
i don't know why this is not working key
0:18:32
up
0:18:32
[Music]
0:18:34
all right let me uh do old-fashioned log
0:18:38
console log
0:18:43
i am feeling better thank you yak dev
0:18:52
um
0:18:53
and then i think i have to call this
0:18:56
appreciate it geckdev
0:18:58
um
0:18:59
so
0:19:01
ad event listener
0:19:04
i guess this should be listeners
0:19:06
but whatever
0:19:08
um to the home page that doesn't really
0:19:10
match at the moment
0:19:14
and then i'll just
0:19:15
call that inside of here
0:19:19
uh and and that should
0:19:21
run this which should
0:19:24
add this
0:19:26
key up event listener
0:19:31
so that should be listening
0:19:34
for a key up on this
0:19:37
selector
0:19:41
and
0:19:42
if that's if that's
0:19:44
attached then we should get this event
0:19:46
type here
0:19:49
key up
0:20:01
[Music]
0:20:05
all right
0:20:07
yeah oh so it did run
0:20:10
all right so that's good the um event
0:20:13
listener got attached
0:20:15
so every time i press a key and then i
0:20:18
release that key i'm getting this key up
0:20:24
so that's how that event listener works
0:20:26
is
0:20:29
when you release a key from the keyboard
0:20:34
this event listener is firing off that
0:20:36
event
0:20:39
oh okay so basically for example if your
0:20:42
passcode is three to one zero then
0:20:45
when you press
0:20:47
free and as soon as you lift your finger
0:20:49
up from free it will go to the next
0:20:53
box
0:20:54
yeah yeah okay right right
0:20:58
so that's what keop does
0:21:00
okay
0:21:02
uh
0:21:04
so
0:21:05
that looks for
0:21:08
the target
0:21:11
um
0:21:12
the event target should be the the
0:21:15
element which should be
0:21:19
the input really
0:21:21
probably a bad variable name well
0:21:23
element is an instance of html
0:21:26
input element so
0:21:29
if that is valid this code should run
0:21:34
um
0:21:34
[Music]
0:21:37
and then
0:21:41
we're gonna find
0:21:45
index element
0:21:47
name so
0:21:48
i'm guessing
0:21:51
in here
0:21:52
these have a name
0:21:55
yeah so it's it's going
0:22:00
and grabbing the element name so element
0:22:03
really is is input element and i think
0:22:06
i'm just going to rename this
0:22:08
yeah yeah probably good idea to do that
0:22:16
and i'm just going to rename this
0:22:19
input
0:22:31
um
0:22:33
let me just rename this to
0:22:38
and put l
0:22:43
um
0:22:46
so
0:22:47
these
0:22:51
uh
0:22:51
let me re
0:22:53
let me rename this to
0:22:55
here
0:22:56
input
0:22:57
elements
0:22:59
in
0:23:02
s code
0:23:04
whatever
0:23:05
form sorry it's a long name we can
0:23:07
rename it later
0:23:09
probably whatever
0:23:11
passcode boxes that's all
0:23:14
yeah that
0:23:15
might be a little shorter version how
0:23:18
about uh how about in
0:23:22
input passcode input or
0:23:24
input passcodes
0:23:27
input
0:23:28
inputs
0:23:30
input
0:23:33
inputs passcode
0:23:37
yeah yeah okay
0:23:39
that's good that makes sense
0:23:41
okay um so these are all the uh
0:23:45
input elements right inside of the
0:23:50
the form
0:23:52
and
0:23:54
so we got to this line here 679
0:23:58
so if we have a key up event
0:24:00
which
0:24:01
it should be
0:24:03
um because it's only listening for key
0:24:05
up events so i don't even know why i
0:24:06
have this
0:24:08
it's redundant
0:24:09
but
0:24:10
um
0:24:11
and it's html i guess i'm just like
0:24:13
guarding here i don't know why but
0:24:15
whatever
0:24:16
all right yeah and then
0:24:18
um
0:24:20
uh we're gonna look
0:24:22
at all the
0:24:24
elements in the form and we're gonna
0:24:26
find
0:24:27
the index
0:24:30
position in the inputs passcode
0:24:34
all right so we're going to look at each
0:24:35
one in their name and we're going to
0:24:37
check if that is
0:24:40
the same name as
0:24:42
the
0:24:44
um
0:24:45
from the uh
0:24:47
the key up event
0:24:49
so if if it's the first input element
0:24:52
then
0:24:54
um
0:24:56
the name should match and then we should
0:24:58
find the index
0:25:00
which should be some number in here
0:25:04
and what we're gonna do with that
0:25:07
information
0:25:08
[Music]
0:25:09
is
0:25:11
uh
0:25:12
we're gonna
0:25:16
find the next input element in the array
0:25:20
of inputs
0:25:21
so plus one and then the previous one is
0:25:24
minus one right
0:25:26
um i i think this i think there will be
0:25:29
an error here though because
0:25:33
uh well maybe not hold on maybe i maybe
0:25:35
i dealt with that but
0:25:37
um
0:25:41
max length
0:25:45
10.
0:25:48
uh i don't think we have this attribute
0:25:51
anymore
0:25:52
the attribute max length 10.
0:25:57
okay so maybe that's why it's failing
0:26:02
and where were we supposed to have that
0:26:05
attribute
0:26:08
that would be like uh
0:26:10
okay
0:26:12
ah
0:26:13
so that's probably why it's no we have
0:26:16
that around the box
0:26:20
yeah okay
0:26:22
so
0:26:26
oh oh it's not of 10 this is 10 the
0:26:29
the radix
0:26:31
number i don't know why
0:26:33
did the linter yell at me
0:26:35
i think the linter was yelling at me
0:26:38
because i'm parsing so
0:26:41
we're checking to see
0:26:44
here if on the input element from the
0:26:47
event
0:26:48
if it's value and length which should be
0:26:51
one because there's you're only entering
0:26:53
one
0:26:54
uh one letter or digit right
0:26:57
if that has been
0:27:00
if the attribute of the max length
0:27:04
um which if you look at here
0:27:07
in the html
0:27:09
is only allowing one right
0:27:13
um you can't add more than one number to
0:27:17
the input health like yeah that's baked
0:27:20
into the html
0:27:21
yeah um
0:27:23
and if those are
0:27:26
equal it means that
0:27:30
you've filled out
0:27:32
that number
0:27:35
or that sorry not that number that input
0:27:38
it means you've you've added something
0:27:41
to the input
0:27:42
and so if there is a next element so if
0:27:45
this is not undefined basically
0:27:48
then it should move the focus
0:27:52
to the next input element
0:27:55
else if it's not filled out
0:28:00
then
0:28:01
it should go back to
0:28:03
the previous element
0:28:08
i don't know i wrote this a while ago
0:28:18
so why do we have 10 over there
0:28:22
this
0:28:24
it's just it's just it's a second
0:28:26
parameter in pass in parson i mean and
0:28:29
it's the radix the radix is 10 for
0:28:33
uh like standard integer numbers
0:28:37
like non
0:28:38
[Music]
0:28:40
non-hexadecimal numbers
0:28:43
[Music]
0:28:53
one two five six uh you'd have to look
0:28:56
at the specs for this
0:28:59
radix but 10 is what you put in for
0:29:03
um
0:29:04
is the default number i think i had to
0:29:06
put it because the linter was angry with
0:29:09
me
0:29:10
okay so i thought let me i don't know i
0:29:13
can take it off because
0:29:16
it will default to 10.
0:29:19
oh convar said something conrad just
0:29:22
inputs key up
0:29:24
and then he says that if the
0:29:27
value of the le if the
0:29:30
length is supposed to commence
0:29:32
and this
0:29:34
next
0:29:35
ah so he's using the select part
0:29:40
[Music]
0:29:42
can i maybe try that
0:29:45
sure
0:29:46
um
0:29:49
do you mind and
0:29:50
if i just log
0:29:57
i wish i had the debugger on
0:30:01
attached
0:30:04
although we have the chrome debugger
0:30:08
so let me just use that
0:30:12
sources because this is plain old
0:30:14
vanilla javascript
0:30:19
yeah
0:30:20
yeah
0:30:21
the classic one
0:30:27
all right so it's still front end
0:30:32
um
0:30:33
and then
0:30:36
should be in here perfect
0:30:39
all right so i just want to
0:30:42
break on
0:30:44
this
0:30:47
event
0:30:49
okay perfect
0:30:52
uh how do i make this bigger
0:31:04
okay so
0:31:07
let's step through it
0:31:11
it's got the
0:31:12
um
0:31:13
it got the input element
0:31:17
and we'll step again
0:31:19
[Music]
0:31:21
and now we're looking at uh the key up
0:31:23
so it's evaluating this like if
0:31:25
statement
0:31:30
and it does say that this is undefined
0:31:33
over the next inputs and all those prime
0:31:37
inputs are all undefined
0:31:40
oh yeah be they're undefined until you
0:31:42
step over them because when you do all
0:31:45
right right when you when you declare
0:31:47
them they're undefined so they haven't
0:31:49
been evaluated yet or
0:31:52
don't have outputs
0:31:53
ever and you want to say
0:31:56
yeah
0:31:56
um
0:31:57
[Music]
0:31:58
all right so
0:32:01
step into the next
0:32:03
ah so it didn't find
0:32:05
so here it's exiting out
0:32:08
it did not find
0:32:12
that um
0:32:15
name somehow
0:32:17
which is um
0:32:21
so it's exiting uh just before the next
0:32:24
input
0:32:25
yeah so here
0:32:27
it should look at
0:32:29
each
0:32:31
of the
0:32:35
inputs and
0:32:37
find the
0:32:39
and find the right index
0:32:42
number for
0:32:44
uh the name
0:32:46
which in this case was code one but it
0:32:49
didn't find it
0:32:51
yeah so
0:32:54
do i have this in global
0:32:58
i
0:33:00
oh do i have it in did my i think i
0:33:03
think my dev tools just froze
0:33:07
dark
0:33:11
yep there you go
0:33:13
it's official thanks
0:33:15
it's saying guys
0:33:17
it's an easter weekend go and chill
0:33:20
let me chill as well
0:33:22
ah so for some reason zane
0:33:25
this is empty
0:33:27
input
0:33:28
inputs passcode
0:33:30
yeah
0:33:32
so this is this is the query selector
0:33:35
and for some reason this was empty
0:33:40
it didn't find these input elements
0:33:44
[Music]
0:33:46
so it's not finding the input elements
0:33:48
itself
0:33:50
so
0:33:51
i think
0:33:52
the problem
0:33:55
is it's finding this inside of the form
0:34:00
but the passcode ui
0:34:03
html snippet is loading
0:34:06
to
0:34:07
is loading later
0:34:09
so that queries so that function is
0:34:12
running
0:34:14
um this
0:34:18
this um function in attaching the event
0:34:21
listener here
0:34:23
on load
0:34:25
on this
0:34:26
inside of this function
0:34:28
which i'm assuming is running
0:34:30
if i remember on document content loaded
0:34:34
event or something like that
0:34:36
is running before that snippet is
0:34:39
actually the passcode ui snippet is
0:34:42
actually being injected
0:34:45
is my guess
0:34:48
ah
0:34:50
so
0:34:51
this is running
0:34:53
before the actual page has been loaded
0:34:56
in the first place
0:34:58
yeah so it doesn't it can't find the um
0:35:02
i can't find those inputs because it
0:35:04
hasn't they haven't been injected yet
0:35:08
ah
0:35:14
right
0:35:15
right right right right right
0:35:17
it's my guess i'm not 100
0:35:20
certain but
0:35:22
so that would mean that we will have to
0:35:27
bring the code for the
0:35:29
you are in the same page for this to
0:35:31
work isn't it we could do that um let me
0:35:35
see if that's the reason if i put this
0:35:38
in here inside of the event
0:35:41
um then it
0:35:43
should pick them up i think
0:35:46
so let's see if that
0:35:48
is
0:35:49
turns out to be the problem
0:35:53
all right let me and this i think this
0:35:56
should reload the window
0:36:01
the only thing is then it's just
0:36:03
it's not a big deal it's just you're
0:36:06
running an extra
0:36:08
query selector when you
0:36:10
shouldn't have to
0:36:12
yeah yeah
0:36:14
all right so that's gonna it's gonna
0:36:16
break
0:36:18
let's break on
0:36:21
on
0:36:23
uh on here let's break here
0:36:27
do this
0:36:29
and what are we getting ah so it found
0:36:31
it so that that was the problem
0:36:34
so here we have all the passcode
0:36:36
elements before it was empty
0:36:41
and so the index is zero so it's the
0:36:44
first element right and the inputs
0:36:47
um so hopefully now the rest of this
0:36:50
will run
0:36:52
let me turn this off
0:36:56
all right yeah and it jumped to the
0:36:57
second one i didn't do that
0:37:00
i believe you
0:37:04
find the leads goes back
0:37:08
right right right i see so so that was
0:37:11
the problem that it was
0:37:13
it wasn't i said with the passcode
0:37:16
ui html was
0:37:18
loading
0:37:19
after
0:37:21
the queries select and now before
0:37:25
no after the query selection
0:37:28
was actually running
0:37:31
yeah yeah yeah and it's and it's only it
0:37:33
was
0:37:34
so what i did just to see if it's what's
0:37:37
that happened to be the problem so i
0:37:39
just moved this query selector to get
0:37:42
all the passcode inputs
0:37:45
right says query selector all it's this
0:37:47
is an array
0:37:49
of all the inputs and this is this uh
0:37:52
query sector is now being executed
0:37:55
every time we fire an event
0:37:59
so yeah we got you before it was outside
0:38:02
so it's only being ran once
0:38:06
the only problem is you're just like
0:38:08
you're selecting from the
0:38:11
the dom kind of unnecessarily but it's
0:38:14
it's honestly it's probably a tiny tiny
0:38:17
like performance hit i don't think it
0:38:20
matters
0:38:22
yeah yeah that would actually make a lot
0:38:25
of sense
0:38:26
okay cool yeah that is brilliant so that
0:38:29
is working now well done
0:38:32
good job
0:38:34
so we actually
0:38:36
see this is what i mean by
0:38:39
that's
0:38:41
the show is isn't the same without tori
0:38:45
now
0:38:46
the only thing i was thinking about is
0:38:48
on mobile
0:38:51
will that work will that key
0:38:54
that key up event also fire
0:38:57
on mobile with the mobile keyboard i
0:39:00
actually don't
0:39:01
know there's only one way to check out
0:39:04
so yeah
0:39:07
mdm
0:39:10
um yeah uh you wanna do you wanna push
0:39:12
this or what
0:39:14
yeah why not as in
0:39:16
and how about if we just
0:39:19
um
0:39:21
i'm thinking instead of pushing the
0:39:24
entire content to as free rewind not
0:39:27
just upload just this file just free
0:39:31
okay yeah um do you know the command to
0:39:34
do that just the one file
0:39:36
um yes
0:39:38
so if you go into client and do
0:39:41
aws s3
0:39:44
cp
0:39:47
as in um
0:39:51
yep that should do it
0:39:56
s3
0:40:01
yeah
0:40:03
zoom in
0:40:06
zoom in and
0:40:10
it's not working
0:40:12
i don't know why string yard messes with
0:40:15
my computer
0:40:17
it's so weird
0:40:18
she's about what is it
0:40:20
s3
0:40:22
um
0:40:24
um
0:40:25
cp
0:40:26
cp copy
0:40:28
is that a facebook
0:40:31
is that a foreign
0:40:33
no it's
0:40:34
just cp by itself and then
0:40:37
you wanna put in
0:40:39
in the current directory we have still
0:40:42
front end
0:40:44
okay
0:40:46
so dot
0:40:48
slash
0:40:49
still front end
0:40:52
okay
0:41:00
oh um
0:41:01
i mean yeah the name of the file doesn't
0:41:05
and then space and then s3
0:41:09
colon
0:41:10
double slashes
0:41:13
and then the bucket name which is
0:41:14
scrambler front end
0:41:16
s3
0:41:18
processor
0:41:29
[Music]
0:41:37
yeah
0:41:38
try this this way
0:41:40
i wonder if this
0:41:42
aws cli
0:41:45
um
0:41:46
default i think i did default the
0:41:49
the profile
0:41:51
to the aurora
0:41:53
coders
0:41:55
okay
0:41:57
we will find out now
0:41:59
is
0:42:00
taking oh here we go
0:42:02
that's done perfect
0:42:07
no so the if you update any file in s3
0:42:11
it takes some time to propagate the
0:42:13
updates but if you as in can kind of
0:42:16
delete and then re upload it then it
0:42:20
comes automatically i think that's what
0:42:23
we should have done i didn't delete it
0:42:25
still front end from
0:42:28
from the bucket and um upload a new one
0:42:31
then we would see the changes straight
0:42:34
away
0:42:35
but now it will take a bit of time to
0:42:37
propagate
0:42:40
um it could be cloud front and you just
0:42:42
have to like
0:42:45
invalidate the cache in cloudfront maybe
0:42:49
probably them so when i started sleep
0:42:54
essay that
0:42:55
was the case it might have been changed
0:42:57
now then
0:42:59
okay
0:43:01
oh
0:43:02
we can check
0:43:04
yeah let's have a look
0:43:15
oh i missed some comments zane
0:43:20
banging in fraud
0:43:22
qa phase again fourth time
0:43:29
that would be
0:43:30
one step closer to prod
0:43:33
and it will never come back then
0:43:38
all right now
0:43:40
oh well let me
0:43:42
probably delete that file and then
0:43:46
it says again basically because
0:43:49
all
0:43:50
cloudfront maybe
0:43:55
no
0:43:56
um
0:43:59
what do you want me to do
0:44:02
so
0:44:03
two options invalidate cash and
0:44:07
client french and um or
0:44:10
we can delete
0:44:12
the
0:44:13
from our file from the bucket and then
0:44:16
re-upload it
0:44:17
i think if we just i think if we just
0:44:19
invalidate the cache it should work
0:44:22
yeah let's try that
0:44:24
um
0:44:26
do you have the console open
0:44:29
yes i will have it open now just bear
0:44:32
with me and i have
0:44:36
because we can
0:44:38
if we have the distribution id we can
0:44:40
run it from the terminal
0:44:42
yeah
0:44:46
that'd be great
0:44:52
[Music]
0:45:07
voila
0:45:09
ah mfa code yeah fine
0:45:12
i'll make you happy
0:45:14
no problem
0:45:18
do i have
0:45:21
five nine
0:45:23
four
0:45:24
five
0:45:37
okay so cloud front we need to go there
0:45:42
and then invalidate the cache
0:45:56
why did i come to
0:45:57
cloud formation
0:46:01
up front
0:46:07
um enabled yet this one and then
0:46:11
invalidations
0:46:13
will
0:46:14
create an invalidation
0:46:17
so it would be like
0:46:21
this and
0:46:22
this
0:46:29
okay so the invalidation is in progress
0:46:32
at the moment
0:46:42
uh but it's all free design weapon was
0:46:46
uh you know the cattle that will be used
0:46:49
to
0:46:51
make two teaser coffees in
0:46:55
yep
0:46:58
that actually is short-circuited the
0:47:00
entire apartment
0:47:02
oh really
0:47:03
hmm
0:47:05
like
0:47:06
electric one yeah
0:47:09
so
0:47:10
what i did was in in the morning i
0:47:13
usually have tape and i was like wise
0:47:17
and
0:47:18
no power
0:47:19
i saw that i saw the apartment building
0:47:22
and the corridors
0:47:24
um
0:47:26
light was turned on and i was like okay
0:47:29
then it's just my apartment
0:47:31
so
0:47:31
[Music]
0:47:34
it was it was interesting experience
0:47:39
all right um that is
0:47:41
done um i'm just
0:47:45
gonna visit the site and check it
0:47:48
no
0:47:49
it doesn't do at the moment so i think
0:47:51
they would be the other way around
0:47:59
it looks like this i think this event
0:48:02
should work on mobile
0:48:04
from
0:48:06
so hopefully this will work
0:48:09
[Music]
0:48:12
because yeah um that
0:48:14
i've just checked you on
0:48:17
on aws and um as in the
0:48:21
live one
0:48:22
and it doesn't seem to want to do it
0:48:27
so we'll probably what we would need to
0:48:30
do is
0:48:32
um basically
0:48:35
delete the page h
0:48:37
j
0:48:39
you would have to do that by your side
0:48:43
because um you have the
0:48:47
the code of code and coders
0:48:51
let me uh
0:48:53
give me one
0:48:55
little second let me see if i can call
0:48:58
cheese and knowing get there
0:49:01
i drink hot tea
0:49:18
oh yeah i want to open this
0:49:37
[Music]
0:49:43
oh nothing
0:49:47
all right
0:49:48
is windows being typical windows now
0:49:52
oh no i was trying to
0:49:56
uh
0:49:57
see if i could just quickly debug this
0:50:00
locally but
0:50:03
for some reason
0:50:05
do i have the wrong
0:50:08
port
0:50:09
or something oh i didn't
0:50:13
did not
0:50:15
add
0:50:16
before
0:50:19
um
0:50:23
it's it's still not
0:50:24
invalidated no oh uh
0:50:28
it has and i already test today it
0:50:31
didn't work
0:50:33
so it's not
0:50:35
still not updated
0:50:37
so
0:50:38
yeah it hasn't been updated so i reckon
0:50:41
we should we would probably have to
0:50:47
delete the page and then
0:50:48
try again
0:50:53
that's weird
0:50:57
yeah
0:50:58
thinking so
0:51:00
you can probably
0:51:02
should work locally
0:51:06
you know
0:51:07
is it not working locally anymore no i
0:51:09
mean
0:51:10
it
0:51:11
it it was it was working locally you
0:51:13
know
0:51:15
i just find it hard
0:51:18
it must it must have something to do
0:51:20
with the cache or something
0:51:24
yeah i have refreshed it as well
0:51:27
and
0:51:28
actually let me see in the inspect
0:51:30
segment what does it say
0:51:34
okay that's got nothing to do with my
0:51:37
mom
0:51:38
oh
0:51:39
it's failing to load oh because it's not
0:51:42
set to public
0:51:44
okay never mind
0:51:48
come on so the page we uploaded
0:51:53
it's not set to public which is why i
0:51:56
can't find it
0:52:03
i'll just set the still front end to
0:52:05
public
0:52:07
and then we can take it from there
0:52:10
action make public seo boom done simple
0:52:16
cool
0:52:18
okay now try this again
0:52:22
yep and there we go
0:52:25
fantastic okay it's broken now
0:52:29
oh it is
0:52:30
yeah
0:52:43
all
0:52:44
right hell yeah hell yeah
0:52:47
now it's walking
0:52:49
that's brilliant
0:52:51
can you push the code up and um
0:52:56
yeah okay
0:52:58
um i can update the jira as well
0:53:02
why is the color palettes
0:53:04
why didn't you test
0:53:06
why is the color palette so far right
0:53:09
you mean this this little thing
0:53:14
i don't even know honestly i don't even
0:53:16
know people don't even choose that
0:53:18
probably
0:53:19
until you just mentioned it i knew them
0:53:31
okay i will push this
0:53:35
um oh okay
0:53:38
come here we didn't change anything
0:53:40
boxing let's
0:53:48
okay cool so this one is done by tory
0:53:56
that's weird i don't even see a diff
0:54:01
oh it's a wide space difference
0:54:06
uh
0:54:09
uh whatever just ignore that
0:54:14
what's he saying
0:54:17
it's just being dramatic about white
0:54:19
space
0:54:25
um
0:54:33
uh oh did you did you happen to test it
0:54:35
on your phone
0:54:37
um no i'm gonna do that now
0:54:42
before i push it
0:54:44
i guess
0:54:52
yep
0:54:54
it's working
0:54:55
oh yeah great okay cool hell yeah
0:54:58
fantastic
0:55:00
all right that's great
0:55:04
um
0:55:09
really all i did was move
0:55:12
up
0:55:25
that's actually really
0:55:27
rare though we found the problem and
0:55:30
fixed it in just one hour
0:55:32
actually 45 minutes i would say
0:55:34
because i already wrote it
0:55:38
that's why
0:55:39
so it was easy i just had to remember
0:55:41
how it was working right that was the
0:55:43
hard part i was like what is this doing
0:55:46
well like she's doing again
0:55:48
all right i pushed that
0:55:50
fantastic tori
0:55:52
great job and i've already updated
0:55:55
jiro's race for giving me a
0:55:58
an easier one for when i came back
0:56:03
i was
0:56:03
like um
0:56:07
yeah let's have mercy on
0:56:09
tori
0:56:10
he's been through a lot he's been a lot
0:56:13
so
0:56:15
thank you fantastic
0:56:19
yeah so that's it
0:56:21
right
0:56:22
perfect timing perfect timing i didn't
0:56:25
even know that was the end of the show
0:56:29
yeah see it's all about time management
0:56:32
and yeah exactly
0:56:34
probably 45 minutes because you were
0:56:36
here so
0:56:37
well done about that
0:56:39
and thanks to jack there for pushing um
0:56:42
pulling our legs so we can appreciate
0:56:45
the comedy get it done as soon as we
0:56:48
could which we did
0:56:50
and thanks for all the tips convar and
0:56:53
the convo as well
0:56:56
because yeah if that wasn't the case we
0:56:59
would have been able to speed up the fix
0:57:02
if these two guys weren't there
0:57:05
but yeah um do you want to do the honest
0:57:07
tour
0:57:09
yeah sure so today we fixed um fixed up
0:57:14
the
0:57:15
tabbing autocompletion
0:57:19
on our passcode form
0:57:21
and so
0:57:23
the code was already written but it was
0:57:25
broken so we just
0:57:28
used the chrome
0:57:29
dev tools to do a little sleuthing and
0:57:31
debug the code and then
0:57:34
well we found the problem and it was
0:57:37
pretty simple fix
0:57:39
after that
0:57:41
fantastic i think the end that is always
0:57:44
the cause it always
0:57:47
takes a long time to find the problem as
0:57:50
in d-bar capturing what's happening and
0:57:52
it fixes pretty much what
0:57:55
five minutes boom done
0:57:58
yeah yeah debugging tools like
0:58:02
they can really help you so much
0:58:04
yeah yeah exactly
0:58:06
but yeah if you want to see us how we go
0:58:09
through this beaten testing
0:58:12
face as in getting fixing up all the
0:58:15
reported bugs or user friendliness um
0:58:19
concerns
0:58:21
join us tomorrow same place
0:58:24
no
0:58:25
probably on tuesday because tomorrow is
0:58:27
a easter monday but it will be the same
0:58:30
place
0:58:31
yeah yeah
0:58:33
so join
0:58:34
us tuesday
0:58:37
same time same place and a different
0:58:41
task
0:58:42
that is the one
0:58:46
all right guys thank you