boarzVideosClipsStatistics

#️⃣EP 184 - How To Positioning A Div

🎦
📅 2022-03-04 (461 days ago)
⌛ 1:09:27
ZainboarToreyboar
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
158
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
▶️
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

Subtitles

0:00:03
[Music]
0:00:24
welcome back guys
0:00:26
to another session of buildbreaking fix
0:00:28
brought to you by the raw coders
0:00:31
exclusively today how we do know
0:00:35
um
0:00:36
pretty good i guess
0:00:39
um
0:00:40
yes
0:00:41
sorry about for the last two days i
0:00:43
haven't been able to come on and um yeah
0:00:47
just some work priorities and really
0:00:50
um
0:00:51
long hours but now i am back and
0:00:56
um ready for some action all right cool
0:01:00
so
0:01:01
let's get the party started by
0:01:04
acknowledging our
0:01:06
uh the
0:01:09
owners of the land and the
0:01:13
elders of the past present and future
0:01:15
alright so here goes
0:01:22
i begin today by acknowledging the
0:01:24
traditional custodians of the land on
0:01:26
which we gather today and pay my
0:01:28
respects to the elders past present and
0:01:31
future i extend their respect to
0:01:33
aboriginal and torres strait islander
0:01:35
people here today
0:01:40
all right guys that was
0:01:43
very smooth
0:01:45
um so i hope you're already liking the
0:01:48
background music as well
0:01:50
and
0:01:51
you might be observing that it's just me
0:01:54
today uh but
0:01:55
the super rural which is
0:01:57
the tory um he will be coming and
0:02:00
joining us he will just getting ready
0:02:03
with laptop firing up and all that
0:02:06
technical bits to get started
0:02:10
um so
0:02:11
while he comes on to um
0:02:16
the stream so
0:02:18
i'll just take you through as in what
0:02:21
we have been on the project
0:02:24
what we have been doing
0:02:26
etc so the project is actually a
0:02:29
web-based kanban
0:02:31
uh app um
0:02:33
and it's actually an open source project
0:02:37
but we're actually um adding persistent
0:02:40
storage to it
0:02:43
and if you don't know what persistent
0:02:44
storage is it's basically
0:02:47
permanent storage which is kind of
0:02:49
databases
0:02:51
um yeah
0:02:54
that kind of storage all right
0:02:56
and the whole purpose of that is to
0:02:58
basically um when the user enters data
0:03:02
at the moment is not really being stored
0:03:05
um in persistently uh in the existing
0:03:09
open source project
0:03:10
which is by the way called scrumbler
0:03:14
and
0:03:16
where
0:03:17
just making sure that if the user
0:03:19
stores the data and they want to go back
0:03:23
to
0:03:24
the data
0:03:26
maybe after say few months
0:03:29
a few years few days
0:03:31
a few weeks they can easily get to it
0:03:34
and
0:03:35
we're also adding some a really
0:03:39
mini function uh additional
0:03:42
functionality so
0:03:44
um basically i'm adding
0:03:46
authentication
0:03:48
and
0:03:51
he is here
0:03:53
super
0:03:55
very good tori how are you doing
0:03:58
good man i i just got back from
0:04:01
vacation earlier today
0:04:04
how was it
0:04:06
it was it was nice i i like i love that
0:04:08
place
0:04:09
i love that place that we went it's
0:04:11
great
0:04:12
beautiful view should have just stayed
0:04:14
there man
0:04:15
i would i would i totally would stay
0:04:18
there honestly
0:04:20
yeah
0:04:21
just imagine you have kind of
0:04:24
a passive income and
0:04:26
you're i sing on the beach having a bear
0:04:30
and just
0:04:32
curling along how would that feel
0:04:35
that's great i mean uh
0:04:38
the beach is very tiny near that place
0:04:41
but it's all right
0:04:43
it's very it's very it's like
0:04:46
you know other parts of bali it's kind
0:04:48
of hard to swim
0:04:49
but in that place you can actually swim
0:04:51
because the waves are pretty calm
0:04:53
and it's not so much coral
0:04:58
ah okay yeah that's pretty good though
0:05:02
yeah yeah and then there's this amazing
0:05:04
amazing view
0:05:06
from the from the hotel
0:05:10
wow
0:05:11
yeah
0:05:12
one day
0:05:14
i'll go there yeah you should totally
0:05:17
i think they're um
0:05:19
i think the plan is to
0:05:22
um
0:05:24
have the visa on arrivals
0:05:28
re
0:05:29
reinstated
0:05:32
sometime in the next few weeks or
0:05:34
something
0:05:35
because they haven't had they haven't
0:05:37
had them for two
0:05:38
two years i think
0:05:41
yeah yeah
0:05:43
that would make sense
0:05:46
especially if the country
0:05:48
can do excuse me
0:05:52
that's how i feel good i'm tired i'm
0:05:54
tired
0:05:57
yeah true i know that feeling now
0:06:00
yeah i think they would be good
0:06:02
especially if they're con
0:06:04
whoever the country is as in
0:06:07
no whoever
0:06:08
whatever the country
0:06:10
is um if they
0:06:12
need kind of
0:06:14
increase their funding
0:06:16
um
0:06:16
as in the
0:06:18
in incoming i i think having tourists
0:06:22
there um would really boost up for them
0:06:28
yeah totally
0:06:31
cool so i've already done the
0:06:33
acknowledgement
0:06:35
of the country and it's really good to
0:06:37
have you back which is fantastic good to
0:06:39
see you too thanks for having me
0:06:42
i hope you feel better
0:06:44
than nash
0:06:45
feel better man
0:06:47
yeah
0:06:48
yeah
0:06:49
we miss you man uh but health com health
0:06:53
always comes first so
0:06:55
take rest as much as you can and feel
0:06:58
free to come back whenever
0:07:01
you feel better
0:07:04
all right cool so
0:07:06
i guess
0:07:07
uh where we are in the project at the
0:07:09
moment is we are basically implementing
0:07:11
the passcode functionality
0:07:14
and i think today
0:07:16
would be just bits and bytes to make the
0:07:18
ui as in the boards page look a bit more
0:07:22
presentable if you know what i mean
0:07:25
yeah
0:07:26
uh
0:07:28
um the boards page huh
0:07:32
yeah
0:07:33
the board page and i think this time is
0:07:35
my turn to share screen so i'll get some
0:07:38
hands on in front end
0:07:42
some some css
0:07:53
anyway
0:07:54
let's get the party rolling
0:07:58
it's like the most elusive
0:08:02
elusive language
0:08:09
yeah yeah
0:08:10
absolutely
0:08:12
now would you like to oh it's asking
0:08:15
for my oh my dish
0:08:17
to be updated yay after something today
0:08:23
so um what did you
0:08:26
what did you guys do
0:08:28
earlier in the week um i think i missed
0:08:31
maybe a stream or two or did you know
0:08:35
there were no streams for
0:08:38
the last
0:08:39
two days
0:08:40
because of my
0:08:42
long hours
0:08:43
okay
0:08:45
as in
0:08:46
even if i did it
0:08:48
my brain would not be there at all and
0:08:51
i'll just waste
0:08:53
it's understandable
0:08:55
yeah so
0:08:57
that is the thing but now we're back on
0:09:00
track
0:09:02
uh connects websock
0:09:04
actually um
0:09:06
i'll just shame my screen in a bit um
0:09:09
just
0:09:10
go
0:09:11
kind of go to the right
0:09:14
um
0:09:16
branch
0:09:18
check out
0:09:24
[Music]
0:09:33
okay branch
0:09:37
password
0:09:39
connect web socket device settings
0:09:49
wasn't pause code uh
0:09:51
in the front end isn't it
0:09:54
sorry
0:09:56
i'm just i'm just talking as in thinking
0:09:59
out loud
0:10:01
what was the question pass code uh yeah
0:10:04
passcode hyphen gui
0:10:07
isn't it
0:10:08
um the branch yes
0:10:12
it is
0:10:15
oh it is okay
0:10:17
yeah so i have just actually
0:10:20
uh i'm gonna switch
0:10:23
to the branch
0:10:26
here we go
0:10:28
switch
0:10:30
oh because i've got pending changes in
0:10:32
my websocket you're at the that's why
0:10:35
it's not allowing me to open it
0:10:37
interesting
0:10:40
you do
0:10:42
what pending changes ever go
0:10:45
you why am i not sharing my screen now
0:10:48
oh yeah sorry i was gonna say that's bad
0:10:51
yeah
0:10:54
you're all good
0:10:58
here we go
0:11:01
cool so says
0:11:08
yeah there we go
0:11:10
code police
0:11:16
you can't see my code
0:11:19
i said code police they're coming
0:11:22
oh
0:11:22
god please
0:11:34
before they come here
0:11:38
all right so what did i do chain
0:11:41
what did i change in this
0:11:44
just added a line basically
0:11:46
an empty space wow that's a big change
0:11:51
maybe you were
0:11:52
maybe you were trying to test something
0:12:00
probably
0:12:02
all right so going to switch
0:12:05
yeah maybe it was the github actions
0:12:08
thing maybe that's what
0:12:12
probably oh no
0:12:15
anyway that is done so i will just um go
0:12:18
on live server and see how we go from
0:12:22
here
0:12:29
voila
0:12:31
live
0:12:33
server
0:12:35
voila
0:12:50
um what do you have in there
0:12:55
uh
0:12:56
you need the dot you need the dot
0:12:59
um
0:13:03
oh okay yeah actually sorry i don't know
0:13:05
the problem
0:13:08
it's all right no problem
0:13:11
we will figure it out
0:13:13
not too buddy my friend
0:13:18
so i'm trying to access it from there
0:13:21
and see
0:13:22
so if i actually do a cd don't client
0:13:25
and then
0:13:27
live server then ah there we go
0:13:31
so i had to come in in the client folder
0:13:34
it's great
0:13:37
okay cool
0:13:41
um i'm just thinking how can we
0:13:47
improve this
0:13:49
so this is there this is the
0:13:52
oh yeah uh after this i forgot that
0:13:55
after this show on tuesday
0:13:57
i updated the ui a little bit
0:14:01
oh okay
0:14:03
because i remember thinking about it
0:14:05
yeah i broke it
0:14:07
and so i figured i'd just update it
0:14:16
brilliant
0:14:17
as in i was actually
0:14:20
wondering hang on this is not the way i
0:14:23
left it as in this was apparently
0:14:25
basically here
0:14:28
but this is really good work though
0:14:31
backstory
0:14:33
sure yeah
0:14:35
um hopefully it's good enough for now
0:14:39
yeah yeah for sure
0:14:42
all right cool so since this is all
0:14:45
right which is fine i'm just
0:14:48
saying oh this is a local host
0:14:52
um
0:14:54
is this
0:14:55
deployed as well
0:14:57
or not yet
0:14:58
no because the
0:15:01
github actions
0:15:04
let me see
0:15:08
do we have github actions on here
0:15:12
i don't know if we have github actions
0:15:14
on this branch
0:15:18
uh let's have a look
0:15:20
if we do
0:15:23
see it in my file my folder structure
0:15:27
wait oh but i'm inclined that's why so i
0:15:30
wouldn't see it
0:15:38
anyways um and also it's um
0:15:44
the way it's configured
0:15:47
right now it's only gonna
0:15:50
push changes to
0:15:52
s3 on the main or websocket branch so
0:15:57
like it's something we can just if you
0:15:59
want to add more branches you can add
0:16:01
more brand or you can just add any any
0:16:03
change
0:16:05
but i guess that doesn't
0:16:07
make sense if it's like okay so the
0:16:10
github actions are uh
0:16:13
uh
0:16:14
kind of on branch level
0:16:16
is it
0:16:17
oh yeah you have very you can set very
0:16:20
fine grain granular control over
0:16:24
when
0:16:25
stuff happens and what happened and like
0:16:30
um
0:16:35
okay
0:16:36
cool
0:16:38
um
0:16:39
so
0:16:40
because
0:16:41
websocket is
0:16:43
all done you probably have to merge
0:16:46
there and um
0:16:48
passcode ui is there as well
0:16:50
okay how about
0:16:53
if we
0:16:55
continue locally for now and then oh
0:16:58
that we cannot probably do the merge
0:17:01
sure
0:17:03
yeah or um
0:17:05
actually it might be a better idea if
0:17:07
you do that much because
0:17:09
my stuff is your code
0:17:12
isn't it
0:17:14
i have no idea
0:17:16
i guess i don't know
0:17:17
yeah i don't know because
0:17:19
you mainly worked on
0:17:21
websockets okay all right
0:17:24
looks good to me
0:17:27
[Laughter]
0:17:34
the reason why i said it because it
0:17:37
might take if you would take you say
0:17:40
basically
0:17:41
what
0:17:43
half an hour max it might take
0:17:46
me probably at least three to
0:17:49
four hours because sure i'm happy to do
0:17:51
it i just hope i hope there's no like
0:17:54
merge
0:17:55
big merge conflict or something
0:17:58
uh okay okay um
0:18:01
in that case how about if we
0:18:04
agree on
0:18:05
a time and then we can
0:18:08
go through it for the most together
0:18:11
sure
0:18:12
fantastic or if i can just contact you
0:18:15
if there is a merge conflict that's fine
0:18:18
too
0:18:19
you yeah you want you want to merge
0:18:22
um websocket into main
0:18:25
or into dev
0:18:28
into dev and main
0:18:30
so
0:18:34
yeah so first
0:18:36
first is dev and we merge it with
0:18:41
how uh everything is working on
0:18:45
dev if it's working fine
0:18:47
then we move from dev to master or main
0:18:51
okay cool cool
0:18:54
all right cool so in in that case we can
0:18:58
just basically continue on the get board
0:19:01
functionality now
0:19:04
so
0:19:07
how would the get bored functionality
0:19:10
work is that
0:19:11
the user will give a
0:19:15
a board a board name
0:19:22
are you there tori
0:19:23
yeah i'm listening okay so a user will
0:19:27
give a borden board name
0:19:30
and i'm thinking and i don't know how
0:19:34
hard it will be
0:19:36
to do
0:19:48
you know the drill
0:19:50
um
0:19:51
that if the board
0:19:53
exists already then this
0:19:57
can turn to
0:19:58
get
0:20:01
oh so if it finds a board
0:20:04
it'll get the board
0:20:07
yes so say for example saying
0:20:11
testing already exists
0:20:14
then this will appear as get get
0:20:20
okay but
0:20:23
how won't that conflict with the
0:20:26
the other pop-up that says this board is
0:20:29
already created
0:20:33
yes so that will
0:20:36
be our additional
0:20:38
step as in as a part of um
0:20:41
the
0:20:42
get board functionality so
0:20:44
when this
0:20:45
go button turns into a get
0:20:48
then
0:20:49
we would check that if
0:20:51
the call was pressed by the get button
0:20:55
then
0:20:56
we will be by passing that pop-up
0:21:00
if that makes sense
0:21:03
okay so they're gonna
0:21:04
[Music]
0:21:05
search for a board
0:21:08
with this go button
0:21:10
and then if there's a match
0:21:12
it'll turn into a get button
0:21:15
on
0:21:16
no
0:21:17
sorry
0:21:18
so
0:21:19
when they student types it
0:21:23
it would kind of be an autobind
0:21:27
if that makes sense
0:21:29
what do you mean by that
0:21:31
so
0:21:32
say
0:21:33
in angela and
0:21:36
we oh sorry my bad no sorry i don't know
0:21:39
anything about anybody
0:21:41
but
0:21:42
i think it's either called autobind or
0:21:44
two-way binding
0:21:46
so basically what happens
0:21:48
is that see if these are two components
0:21:52
and then this is a person and that this
0:21:55
is
0:21:56
this is a text and if you want to change
0:22:02
this to anything else
0:22:04
based on what's here
0:22:07
then it would basically be
0:22:09
like if zayn is testing and if it's all
0:22:14
present in the database then this
0:22:17
go button will
0:22:19
change into a get button
0:22:22
as as they're typing
0:22:25
right at the end
0:22:27
so when they're done typing
0:22:30
yes
0:22:31
oh okay
0:22:36
and how hard would that be
0:22:39
i've done it a billion times
0:22:41
okay
0:22:45
right right i say
0:22:48
i can't say it's the perfect d-bounce
0:22:51
function but i can write a d-balance
0:22:53
function pretty easily now
0:22:56
right ah yeah i mean have you got any
0:22:58
other
0:22:59
suggestions how we should
0:23:01
[Music]
0:23:03
go about it
0:23:05
so
0:23:06
if we look at the code
0:23:09
um on
0:23:10
still front end
0:23:13
there's the
0:23:14
what is it did i rename it
0:23:16
or what is it named i think there's a
0:23:18
function called
0:23:22
create new board
0:23:27
so inside the function create new board
0:23:32
there's a way to get board names on line
0:23:35
26
0:23:38
and
0:23:39
that
0:23:41
queries all the board names from the api
0:23:45
yeah and right now if there's a match
0:23:48
then it opens the alert
0:23:52
so if you wanted to
0:23:54
query
0:23:57
the board names
0:23:59
while you're typing
0:24:02
we could move this function
0:24:06
outside into
0:24:07
[Music]
0:24:10
like a on
0:24:12
on change
0:24:14
like an event listener
0:24:17
um um
0:24:18
instead of doing that can because i
0:24:22
don't really want to touch the
0:24:26
database as in that
0:24:29
kind of constantly so what i was
0:24:32
basically had in my mind
0:24:35
that
0:24:37
on this page
0:24:39
on this page load
0:24:42
load on the board
0:24:46
we get all the ball board names in the
0:24:48
background okay and then we
0:24:52
compare it
0:24:54
sure so that's that's even easier then
0:24:57
okay
0:24:58
so we can just move this
0:25:01
line 26
0:25:04
out of that function we can just
0:25:07
we can just
0:25:10
cut it and then move it into
0:25:14
one of the
0:25:15
on load functions somewhere down there
0:25:18
in this chunk
0:25:25
which
0:25:27
do one want to see your screen
0:25:30
uh yeah sure i can um
0:25:33
i'm just i'm looking for the code where
0:25:35
the
0:25:37
where the place is i haven't looked at
0:25:38
this code in a while so i'm like
0:25:41
forgot
0:25:43
oh okay code code amnesia
0:25:49
um
0:25:51
so
0:25:52
[Music]
0:25:54
where's the load
0:25:57
so we have this like
0:26:00
uh can you can you add my screen
0:26:02
oh yeah i just is sorry i need to
0:26:06
improve on this habit
0:26:09
um so we have this ad
0:26:13
um so when we land on home
0:26:18
then
0:26:19
um
0:26:21
we want to have like some stuff happen
0:26:23
then because i guess right now we don't
0:26:25
have anything except we add some event
0:26:27
listeners
0:26:32
all right so that just listens for that
0:26:34
just sets up some
0:26:36
event listeners so i can make another
0:26:39
function
0:26:43
um unless you want to type man
0:26:45
i don't want to take all the coding all
0:26:47
the fun
0:26:48
yeah
0:26:49
yeah
0:26:54
so it has been a while that i've touched
0:26:56
front end as in of
0:26:58
this project
0:27:00
so i really want to get in to that as
0:27:02
well
0:27:04
um all right
0:27:06
the pattern i used for the last one
0:27:09
um like online
0:27:13
671 is like i made a function called
0:27:16
load board page
0:27:18
and so we could just make what i was
0:27:21
thinking is just make another function
0:27:23
called load home page and just put
0:27:27
whatever stuff you want to happen
0:27:30
when you load the home page
0:27:34
and then we'll just we'll just attach it
0:27:36
to this like
0:27:38
um
0:27:40
this function
0:27:43
production environment and
0:27:45
local dev environment in the right
0:27:47
places and that way
0:27:50
um everything that you want to happen
0:27:52
will just happen when it hits that route
0:27:55
and then it'll add the event listeners
0:27:57
and
0:27:58
go fetch the board and that's pretty
0:28:00
much it pretty simple
0:28:02
okay so we're adding it
0:28:05
online
0:28:07
as in beginning with 79.
0:28:12
um
0:28:14
you can make a new function
0:28:17
i would make so if it was i would make a
0:28:19
new function called load
0:28:22
um load home page
0:28:26
okay let's do that right at the bottom
0:28:31
unload
0:28:33
yeah we can always move it
0:28:41
okay pacing
0:28:46
oh it's been a while
0:28:48
it feels good though right
0:28:50
yeah
0:28:53
one home page mode
0:29:00
no
0:29:01
no
0:29:06
okay so what
0:29:07
how are we gonna do
0:29:10
this um
0:29:14
all you need to do is just
0:29:16
um from the create
0:29:20
boards function on like
0:29:24
line hold on sorry there's a
0:29:28
there's a frog
0:29:34
are you done are you done
0:29:40
he understands you look at that
0:29:43
he's quiet now
0:29:45
he he was rude he ignored me because i
0:29:47
don't care
0:29:49
so all you got to do is cut line 26
0:29:52
honestly that's
0:29:54
that's all you need to do is cut line 26
0:29:56
and just throw that down in in the
0:30:00
the function you just made
0:30:05
and now you can just hold
0:30:08
yeah so now you you'll have all the
0:30:10
board names on page load and it's stored
0:30:13
in that board names
0:30:16
variable which which is a global
0:30:18
variable
0:30:20
so it's it's available in the global
0:30:22
scope and i think it should work
0:30:24
that's
0:30:27
like you can you can test that the
0:30:30
alert still pops up if you enter a board
0:30:33
with the same name
0:30:38
um i think where you want to add that
0:30:42
is
0:30:47
um
0:30:48
you want to add that on
0:30:51
line
0:30:52
like 708 and line
0:30:57
678.
0:30:59
i don't know why i have them do
0:31:01
duplicated but i do ones for local ones
0:31:03
for
0:31:05
production probably don't need
0:31:08
[Music]
0:31:10
708
0:31:12
yeah wherever it says home.html right
0:31:19
and
0:31:23
page home page load
0:31:27
wow
0:31:30
this is all brand new to me to be honest
0:31:34
this just does
0:31:35
routing
0:31:37
for
0:31:38
the front end in a probably not a great
0:31:40
way but it does the job
0:31:46
oh
0:31:47
uh
0:31:48
i did one bad thing
0:31:52
what's that
0:31:55
i didn't create a branch
0:31:58
of this
0:32:00
you can still do it now
0:32:03
yes that's what i'm going to do but in
0:32:05
order to do that i need to undo all the
0:32:07
changes first no you can you can just
0:32:10
check out can't you
0:32:13
ready yeah you can just check out
0:32:19
um
0:32:33
oh okay i didn't know that interesting
0:32:36
yeah
0:32:37
yeah and it just brings any changes with
0:32:39
you i know i've done that so many times
0:32:42
and then i'm like
0:32:44
thank goodness that works
0:32:46
is that true
0:32:49
okay that one is there
0:32:52
we needed that one
0:32:54
and we need any
0:32:56
html prod
0:32:59
uh environment yeah oh
0:33:02
and that one yeah i don't know
0:33:04
i probably probably don't even need
0:33:07
those different ones but i guess there's
0:33:10
a
0:33:10
good practice though to be honest
0:33:16
oh okay i just hate
0:33:18
duplicated code i hate it
0:33:22
i'm not the only one trust me can't
0:33:24
stand that
0:33:29
okay cool so if that would work that
0:33:31
means that on page load we would have
0:33:34
all the boards
0:33:36
board names yeah
0:33:37
in that variable yeah
0:33:40
yeah
0:33:40
so let's check that
0:33:49
don't try this with me again
0:34:00
live server
0:34:02
i did type it right
0:34:04
client on the actually
0:34:07
or hard refresh it or not
0:34:10
no
0:34:11
it doesn't want to do it
0:34:14
um
0:34:16
save all the changes
0:34:20
so
0:34:22
where can i save all
0:34:24
actually i don't even need all these
0:34:29
i hate an additional open file
0:34:33
just keeps it really
0:34:35
messy
0:34:41
why
0:34:43
just why
0:34:51
come on dude
0:34:53
why are you doing this to me
0:34:56
inspects
0:34:57
why do i want it actually yeah i want
0:34:59
this
0:35:00
home to destination
0:35:03
it wasn't found
0:35:06
right this is not found
0:35:11
is that even there
0:35:13
i mean
0:35:15
client
0:35:16
on the html this is there
0:35:20
ringtone.html
0:35:23
ah
0:35:25
am i doing something wrong
0:35:28
in this
0:35:47
[Music]
0:35:53
okay that's your folder
0:36:02
really
0:36:03
really
0:36:07
okay so that should come
0:36:10
why am i checking if i haven't even
0:36:15
console.logged it
0:36:16
i'm missing away
0:36:19
you know actually you don't have to i'll
0:36:20
show you a way you don't even have to
0:36:25
okay
0:36:27
kill um what was there there was an
0:36:30
error uh it's syntax error
0:36:34
that always are only valid
0:36:37
functions and on top left level i'm a
0:36:40
num nut this is
0:36:43
wine is code in the front and more to be
0:36:45
honest
0:36:47
what happened
0:36:49
it's
0:36:50
saying that a weight is only better in
0:36:54
an async function
0:36:57
oh the awakening that's why that's why
0:37:00
yeah
0:37:01
um i don't you don't actually need to
0:37:04
wait for it it'll be fine
0:37:08
yeah
0:37:09
i'll just be stupid but you can't you
0:37:12
can change it to anything if you want if
0:37:14
you want to await there that's that's
0:37:16
fine it won't hurt i don't think
0:37:18
yeah
0:37:19
but i'll rather
0:37:20
do
0:37:21
small
0:37:22
changes and more changes
0:37:24
true
0:37:27
all right let's check out this beast
0:37:31
come on dude don't play around with me
0:37:40
what about just hitting the back button
0:37:43
huh that's weird i don't know why it
0:37:45
does that
0:37:48
it's in the backbone
0:37:51
client
0:37:53
yes
0:37:55
right
0:38:01
okay so
0:38:03
i am ah
0:38:07
and then
0:38:09
live server voila
0:38:12
oh cool okay
0:38:16
okay cool
0:38:18
so we need to check
0:38:21
it for the board names so there's a very
0:38:24
just type in the dev tools board names
0:38:27
because it's a global variable so it
0:38:28
should be available there
0:38:32
i didn't know this
0:38:34
look looks like it loaded all the board
0:38:36
names
0:38:37
yeah which is fantastic
0:38:40
okay so it's loading all the board board
0:38:43
names
0:38:44
now basically we're going to take this
0:38:49
output
0:38:51
from the text
0:38:54
and
0:38:56
compare it with any of the ones that are
0:38:59
in the array
0:39:01
so
0:39:02
right now before you move on to that
0:39:05
if you type if you type in test board
0:39:08
all lowercase do you get the pop-up
0:39:10
still
0:39:12
hopefully that's not broken and
0:39:14
shouldn't be
0:39:18
i like
0:39:20
yeah how about that
0:39:22
um i wasn't hoping this would stop me
0:39:38
he's just giving me this
0:39:44
cannot read properties of undefined
0:39:47
reading for each for each
0:39:50
for each underfund and get valid
0:39:52
password
0:39:53
that's probably something i did probably
0:39:56
broke something
0:39:58
[Music]
0:40:00
did you
0:40:01
did you fetch all that you did fetch the
0:40:03
changes
0:40:05
i did i did yeah
0:40:07
um so here we
0:40:08
go as a bad person
0:40:10
push some broken code
0:40:15
[Music]
0:40:16
no
0:40:16
[Music]
0:40:20
so for each
0:40:22
pose again cannot be properties of when
0:40:24
the point for each get valid
0:40:27
i guess it's coming from here
0:40:30
then is
0:40:32
ok form for reach
0:40:36
where's the form
0:40:41
oh my bad
0:40:43
i think i didn't
0:40:45
online 581 it's supposed to return
0:40:48
passcode and it doesn't
0:40:55
supposed to return it back from that
0:40:57
function
0:40:58
ah right right i see i see
0:41:03
i think it's the next line
0:41:06
the one below it on 581
0:41:11
yeah
0:41:13
i think that's the problem
0:41:16
but maybe not
0:41:18
find out
0:41:20
okay
0:41:25
that's weird i thought i tested it
0:41:27
before i
0:41:28
pushed it up
0:41:30
huh
0:41:34
before each still an error oh i'm
0:41:37
awesome
0:41:39
for me
0:41:43
i think it's wow
0:41:46
so
0:41:47
so in in get valid password
0:41:51
you're supposed to pass in the form data
0:41:54
yeah that's what i'm thinking uh in
0:41:58
584 wow i
0:42:00
totally space
0:42:07
that was the night when i was doing like
0:42:09
really weird stuff so it makes sense
0:42:12
yeah true true don't
0:42:15
i mean i do these kind of mistakes
0:42:18
still
0:42:20
and
0:42:21
i'm like
0:42:23
that's all right
0:42:24
it can't be fixed no big deal
0:42:28
so and there if you just pass in the
0:42:31
form data it should work
0:42:36
you probably should rename those
0:42:38
variables but yeah that should work
0:42:43
so
0:42:43
what's it doing um
0:42:45
is getting the
0:42:48
um okay the name
0:42:51
and
0:42:52
submitting it and then preventing the
0:42:54
default
0:42:56
and then
0:42:57
it's
0:42:58
setting they've been target
0:43:02
form data okay
0:43:04
yeah and it's passing that
0:43:06
even from the form
0:43:09
and then what's it doing is
0:43:12
yeah about the password
0:43:15
yeah it's looping over each input
0:43:19
in the form data
0:43:22
and getting the password
0:43:24
um from each input field
0:43:27
and then it's just returning the
0:43:29
password i kind of like refactored the
0:43:31
code after i refactored some of the css
0:43:36
that's good
0:43:38
that's good yeah i don't know maybe i
0:43:40
made it worse because it's broken
0:43:44
that's not really a refactor
0:43:48
con's passcode and then you'll
0:43:51
gain the valid passcode from the form
0:43:53
data which is here
0:43:55
all right cool
0:43:57
let's try this
0:44:01
board
0:44:13
fix my own problem
0:44:15
you fixed my problems man good job thank
0:44:18
you
0:44:19
what a weird night
0:44:21
well done
0:44:23
okay so board already says please enter
0:44:25
another one okay cool
0:44:27
so now what we need to do is basically
0:44:30
um
0:44:33
turn
0:44:43
if we don't um
0:44:45
type if we don't change this button
0:44:49
get that probably should have mattered
0:44:52
too much
0:44:53
should it
0:44:56
i mean
0:44:57
up to you
0:45:01
so if you press
0:45:03
go that would mean that
0:45:05
we won't see this anymore
0:45:10
oh um we will but it will be
0:45:14
like a board already is this if this is
0:45:18
you your board please enter the passcode
0:45:23
and then get the board
0:45:26
itself
0:45:28
okay
0:45:30
what do you reckon i mean i think
0:45:34
if it was
0:45:36
if there's a get bored feature and a
0:45:38
create board feature
0:45:40
i think there should just be
0:45:42
like a tab
0:45:45
in the ui you can click on like like
0:45:47
kind of like a login where you have like
0:45:50
create a board
0:45:51
form and
0:45:53
get a board form and like you can put
0:45:56
them both on the home page
0:45:59
but like you know how you have like sign
0:46:00
up and login
0:46:02
oh
0:46:03
yeah yeah yeah right yeah but like
0:46:06
they're only one form you don't see both
0:46:08
at once
0:46:09
like that's
0:46:10
personally i think for the users using
0:46:13
it it would just
0:46:15
be less confusing for them because they
0:46:17
would just go click on whatever
0:46:22
whatever tab makes sense then it can
0:46:24
just default to the create a board page
0:46:26
right
0:46:28
and then um
0:46:30
they just click on a tab like get a
0:46:32
board and then it shows
0:46:34
basically it's the same form we just
0:46:36
copy over
0:46:38
the same stuff
0:46:40
and then just change the words from go
0:46:42
to get and instead of name your new
0:46:45
board like
0:46:46
get your board by your name get the
0:46:48
board by the name
0:46:49
right
0:46:51
right
0:46:52
right right i see
0:46:53
so essentially what your
0:46:57
i've understood which say in two ways so
0:47:01
the first is that we create
0:47:04
actually one
0:47:07
draw it out
0:47:12
so the first one would be is that we
0:47:15
would create um
0:47:18
say
0:47:19
this is our page
0:47:21
at the moment all right
0:47:24
and
0:47:26
this is basically a line in the page
0:47:31
ah come on no i'm not expecting anyway
0:47:35
so
0:47:37
this is our
0:47:39
um
0:47:40
thing that's saying
0:47:42
create a new board and then this can be
0:47:45
our
0:47:46
say
0:47:48
thing that says
0:47:50
get your board
0:47:53
see um
0:47:55
i was thinking you just have like um
0:47:59
like a
0:48:00
a a tab a tab like you know like
0:48:05
folder tabs button tabs like you just
0:48:08
have
0:48:09
on oh right right i see i see yeah so
0:48:13
you just have like you land on the
0:48:16
that page
0:48:17
by default the tab that's selected is
0:48:20
create a board but then there's button
0:48:22
you just click
0:48:24
get a board or like
0:48:27
like
0:48:30
um
0:48:31
whatever like
0:48:32
get an existing board right
0:48:35
yeah yeah i think i know exactly what
0:48:38
you mean now
0:48:39
so basically in this way so it's
0:48:43
assuming
0:48:47
these are the tabs so
0:48:49
create
0:48:51
board
0:48:56
yeah yeah basically yeah exactly and
0:48:58
then
0:49:00
that board
0:49:01
yep
0:49:03
and honestly we don't even have to
0:49:07
recreate the javascript or i mean the
0:49:09
html we can just change everything in
0:49:12
javascript i guess
0:49:16
we can just
0:49:18
we can do it like
0:49:21
or we could just make
0:49:23
an html component
0:49:26
um in html
0:49:29
like element
0:49:32
on home but it's hidden until you click
0:49:34
the tab so one way is more
0:49:37
javascript intensive which is good and
0:49:40
bad depending on how you look at it the
0:49:42
other way is just like duplicating some
0:49:45
html code which is totally fine
0:49:49
that's probably easier honestly to just
0:49:51
duplicate the form
0:49:55
again
0:49:56
if it wasn't react or some other
0:49:58
framework
0:50:00
it's really easy to just change the
0:50:02
component but
0:50:06
well that's why we use frameworks right
0:50:08
yeah exactly
0:50:10
two
0:50:20
oh i should do that to be honest i have
0:50:23
no idea about the css
0:50:27
oh we can't potentially there must be a
0:50:29
way
0:50:32
or we could use bootstrap
0:50:36
to do that we could have used bootstrap
0:50:39
for the whole project
0:50:40
we're gonna bring it in
0:50:42
true true
0:50:44
yeah
0:50:45
okay so now that we um we know how to
0:50:48
deal with this one let's jump back
0:50:52
to that one and organize those things
0:50:57
all right
0:50:59
so
0:51:00
what we basically want is
0:51:03
this one
0:51:06
as a tab
0:51:10
and the same as that one as an over tab
0:51:15
but that would have a
0:51:17
get functionality and this would have a
0:51:19
create new
0:51:20
functionality yep
0:51:22
yeah
0:51:25
cool so
0:51:26
let's get the party started um
0:51:29
get
0:51:31
new
0:51:33
[Music]
0:51:37
get uh
0:51:38
get a tab
0:51:40
no what
0:51:41
i sent a i sent a link we can just
0:51:45
copy it from css tricks
0:51:50
good old css tracks good old css
0:51:54
functional css
0:51:56
tabs revisited
0:52:03
is that all
0:52:05
yeah you don't need to read the article
0:52:10
that is that is hilarious
0:52:13
hey you know what when it comes to this
0:52:15
stuff i
0:52:17
i'm not great at it to be honest so
0:52:20
all right before the whole group is
0:52:22
researching okay we don't probably need
0:52:24
that one
0:52:26
at the moment at least
0:52:27
they use radio buttons
0:52:30
yeah which is
0:52:33
yeah
0:52:35
but they're like styling the radio
0:52:37
buttons yeah
0:52:39
in that way
0:52:40
oh that's interesting
0:52:42
that's pretty that's a pretty neat like
0:52:45
trick you don't even need javascript
0:52:48
yeah yeah absolutely
0:52:51
so if we go to it was css for this
0:52:57
this one well then you have to write
0:52:59
more css so i'm opposed to that
0:53:08
um
0:53:11
it was a
0:53:13
called c
0:53:16
anyway
0:53:18
um
0:53:21
i forgot how to make comments on css ah
0:53:24
here we
0:53:26
go um
0:53:30
tabs
0:53:32
for home page
0:53:37
i can find another article too
0:53:39
but that works
0:53:45
javascript
0:53:47
no javascript needed why would you
0:53:49
advertise your article like that's not
0:53:51
fun
0:53:55
okay so now we
0:53:57
go to html
0:54:01
there's always good old ww3 schools
0:54:08
mm-hmm
0:54:09
yeah there's no avoiding the css
0:54:12
unfortunately
0:54:13
no there's no
0:54:18
okay if we do this
0:54:21
and then where does this go in onto html
0:54:25
oh
0:54:26
sexy looking code
0:54:30
scrambler no password password password
0:54:35
no no no
0:54:37
okay this one
0:54:39
so our this one has to be part of the
0:54:42
radio button
0:54:44
name your new boss chrome blur
0:54:46
keyboard board name okay here we go
0:54:49
we'll probably come over here
0:55:02
okay let's see what do we have over
0:55:05
there now
0:55:07
tabs you know what
0:55:09
local tabs there
0:55:11
here tab is already there
0:55:18
actually i'm going to take my chances to
0:55:20
remove this tab
0:55:26
and
0:55:31
i think that was the parent class tabs
0:55:34
right
0:55:36
or was it did it just say tab
0:55:40
ah tab you're right
0:55:43
you're right it was a parent class
0:55:46
yeah i i think you want that one yeah
0:55:48
yeah
0:55:49
exactly
0:55:50
you just need two tabs right
0:55:55
yeah
0:55:56
so one and two get rid of this one
0:56:01
oh yeah the id says tab three
0:56:04
if you if you if you yeah there you go
0:56:10
cool
0:56:12
okay
0:56:13
yeah
0:56:15
i don't think it'll look like anything
0:56:17
without the css really
0:56:20
oh
0:56:20
css is
0:56:22
already there
0:56:24
oh oh sweet wow that was fast you're a
0:56:28
fast coder
0:56:36
well the important thing is that we
0:56:38
understand the code
0:56:40
yeah exactly that's the main thing oh
0:56:44
sexy looking
0:56:45
page just copy and paste without
0:56:48
understanding what's going on yeah
0:56:49
that's why we picked that one
0:56:51
yeah
0:56:52
we picked it because we understand it i
0:56:55
don't like to worry you wanna go
0:56:57
explaining it what was doing
0:57:01
um
0:57:03
well it's it really it's just html and
0:57:05
css i'm just saying i'm just i'm just
0:57:08
kidding i'm putting you on
0:57:10
it's pretty neat though that they didn't
0:57:12
use javascript because i would have
0:57:14
reached for javascript so that's yeah
0:57:16
they styled the the radio button in such
0:57:19
a way that it just looks like a tab
0:57:22
yeah yeah
0:57:23
[Music]
0:57:24
which is pretty smart to be honest yeah
0:57:27
i mean that's why if you're really good
0:57:29
at css like you can do a lot of cool
0:57:32
stuff
0:57:35
okay we want to decrease the width of it
0:57:52
no 80
0:57:53
isn't it
0:57:56
uh is it inside the
0:58:00
board
0:58:06
18
0:58:09
oh it's inside oh it's a table i don't
0:58:11
even know that
0:58:15
what's the table
0:58:17
uh yeah it's t body tr tv that's a table
0:58:21
yeah
0:58:22
oh wow yeah that's a table
0:58:29
okay so we can do this eight percent
0:58:32
no that might be a bit
0:58:34
actually
0:58:35
let's
0:58:36
leave it at that
0:58:38
and then margin
0:58:42
um zero and
0:58:44
enter
0:58:45
there you go
0:58:48
isn't that that ever too much
0:58:51
um
0:58:53
what
0:58:55
the width
0:58:57
yeah
0:59:00
well let's let's
0:59:01
i'd say let's pop the form inside the
0:59:05
tab and see how it looks then we can
0:59:07
adjust it
0:59:09
cool let's do that
0:59:11
so content comes here
0:59:15
which would be our content form this
0:59:18
whole thing whoa
0:59:20
whoa
0:59:23
i think we might
0:59:26
create another page for
0:59:28
this whole thing but this is too much
0:59:35
shall we
0:59:39
form right there
0:59:41
to 91
0:59:43
yeah
0:59:44
i'm just thinking to create another html
0:59:49
page for
0:59:50
this and then just
0:59:52
import it here
0:59:58
can you do that
1:00:01
i'm pretty sure
1:00:04
we can because
1:00:06
in my work projects
1:00:08
that's how we do it
1:00:10
oh you can you can import
1:00:12
html and then import
1:00:16
a page
1:00:20
another
1:00:21
html page into
1:00:25
a different
1:00:26
html if you want to really
1:00:30
kind of
1:00:31
i don't recognize your code
1:00:34
i did not know that
1:00:38
in that case i may be wrong as well
1:00:40
you may be thinking
1:00:42
you may be thinking of a framework
1:00:46
uh i'm basically thinking about
1:00:49
more towards
1:00:52
asp.net as in
1:00:54
maybe
1:00:58
because there would be some build
1:00:59
process and then it would probably
1:01:01
inject it
1:01:03
in the building
1:01:04
right
1:01:05
that would make sense i mean maybe i'm
1:01:08
maybe i'm wrong maybe you can do that
1:01:09
i'd be sweet if you could
1:01:12
actually i'm gonna
1:01:14
try
1:01:15
that
1:01:16
i just don't
1:01:17
know how are you
1:01:19
i don't know how you
1:01:20
import html i'd have to look that
1:01:37
html inside html
1:01:40
i know you wouldn't be the case to be
1:01:43
honest
1:01:45
okay cool so this is being
1:01:49
done there
1:01:50
create
1:01:59
oh you can
1:02:03
isn't it
1:02:07
okay board
1:02:09
name your new board okay so this is that
1:02:19
oh with with some limitations i guess
1:02:24
of course there was limitations
1:02:31
tabs huh
1:02:34
tab
1:02:37
okay label and then dip content
1:02:42
tab
1:02:43
and label
1:02:45
uh
1:02:46
cool so this is the content here we need
1:02:48
to play around with this one a bit
1:02:56
there we go
1:02:59
oops
1:03:00
oh looks good
1:03:02
i mean the the idea of it
1:03:06
yeah
1:03:06
yeah
1:03:08
and then it really helps i think to kind
1:03:10
of
1:03:14
yeah it's pretty it's pretty obvious
1:03:15
like to me i'm not a user
1:03:18
but
1:03:26
oh we can
1:03:27
we can figure it out later
1:03:29
yeah
1:03:32
just
1:03:33
just some css no big deal
1:03:38
four hours later
1:03:42
we're
1:03:45
yeah like why isn't it
1:03:47
why isn't it
1:03:48
doing what i wanted to do i'm so bad
1:03:53
okay so create what this is the one
1:04:02
okay but we would probably have to put
1:04:04
back around this one and then the idea
1:04:07
is when you click on tab two that'll
1:04:10
just take you to the ghetto yeah
1:04:13
exactly
1:04:14
just phenomenal to be honest
1:04:17
yeah it'll be great
1:04:19
[Music]
1:04:22
let me just line this one up properly so
1:04:25
i don't mess up the sexy formatting you
1:04:28
did
1:04:51
okay there we go
1:04:54
tabs tab
1:04:56
that's the first half here and that's
1:04:58
the second time voila
1:05:01
nice
1:05:08
cool
1:05:10
and that's the first time where does
1:05:13
this one end
1:05:15
okay so this one can come closer
1:05:20
brilliant
1:05:22
this is there and then
1:05:25
this one can come
1:05:29
over there
1:05:31
content tab
1:05:34
yeah
1:05:35
cool
1:05:36
sounds good we can
1:05:38
leave it at this
1:05:41
at this stage and i'll just push the
1:05:43
code
1:05:45
nice good job nice for example
1:05:50
teamwork baby
1:05:52
teamwork makes the dream work
1:05:54
exactly
1:05:55
uh
1:05:57
how many of them are there
1:05:59
i don't need yeah i need this one i need
1:06:02
that one as well yeah thanks for fixing
1:06:04
my bugs
1:06:07
she makes them mad come on i call those
1:06:09
easter eggs
1:06:12
i like that
1:06:15
this past sucks
1:06:18
i don't want that in my code
1:06:24
this boss sucks
1:06:27
that was hilarious to be honest
1:06:32
formatting a bit
1:06:35
i want to have our code readable as much
1:06:38
as possible
1:06:46
okay cool brilliant
1:06:48
i'm gonna add this
1:06:58
um
1:07:00
fixed
1:07:02
password
1:07:04
uh fixes password
1:07:10
this is password
1:07:36
voila
1:07:48
we are done
1:08:00
needed changes and just
1:08:02
using
1:08:03
your brain and my hands
1:08:06
to get it all done
1:08:08
which is your brain too your brain too
1:08:10
man good job
1:08:14
all right cool so that brings us to the
1:08:18
end of this
1:08:20
session animal
1:08:22
who
1:08:23
thanks a lot for watching
1:08:25
um thanks for
1:08:27
joining as well and
1:08:29
yeah if you want to see how we've
1:08:32
finished the new
1:08:33
the new design for
1:08:35
creating a gap board if you feel free to
1:08:38
join us on sunday now where we will try
1:08:41
our best to finish the
1:08:43
ui of
1:08:45
uh the new design and then fold on to
1:08:49
the actual get functionality
1:08:51
so we'll see you on sunday until then
1:08:55
wherever you are in the world
1:08:57
good evening morning
1:09:00
but
1:09:00
if you're in melbourne have a good night
1:09:03
or in bali which is have a good evening
1:09:07
yeah i'm going to have a good dinner
1:09:09
right now
1:09:11
yeah
1:09:12
thank you
1:09:14
all right guys
1:09:15
guys
1:09:17
have a great night cheers don't forget
1:09:19
to turn up the volume
1:09:22
[Music]
1:09:25
all right