boarzVideosClipsStatistics

🎬Second Favourite

⏪
🎦
⏩
Featured in#️⃣EP 233 - Today's Stream
AllClipsEpisodesHas Blog PostZainThaneshKartikTorey
🎬
Krunchmaster Kartik
Build, Break & Fix
ZainboarKartikboar
🎬
Killing it
Special Edition: We don't stop until we get our code working
ZainboarKartikboar
🎬
Schooling in brown countries
Build,Break & Fix // Weekend two hour special
ZainboarKartikboar
🎬
Unprofessional Kartik
Build,Break & Fix // Weekend two hour special
ZainboarKartikboar
🎬
Brain Refresh
Build, Break & Fix // Setting a blog using Hugo and AWS Amplify
ZainboarKartikboar
🎬
Finger driven architecture
Build, Break & Fix // Working out Software design
ZainboarKartikboar
🎬
Fast food driven architecture
Build, Break & Fix // Working out Software design
ZainboarKartikboar
🎬
Can't be ashamed if there's never a first version
Build, Break & Fix
ZainboarKartikboar
🎬
Not a uni student
Build, Break & Fix
ZainboarKartikboar
🎬
Can't work, deploying
30 mins of deployment 😠 || 30 mins of coding 🥲
ZainboarKartikboar
🎬
Two points of contact
Today's Broadcast
ZainboarKartikboar
🎬
CORS exclusive lovin'
Today's Broadcast
ZainboarKartikboar
🎬
Sensible policy
Today's Stream
ZainboarKartikboar
🎬
Shoes in mouth
Today's Stream
ZainboarKartikboar
🎬
The code always wins
Buidl Break Fix
ZainboarKartikboar
🎬
Chicken curry in the brown way
Buidl Break Fix
ZainboarKartikboar
🎬
Finger memory practice
Build Break Fix
ZainboarKartikboar
🎬
See you later Kartik
Build Break Fix
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
🎬
Pilot? What even iz dat kind of fing
Today's Broascast
ZainboarKartikboar
🎬
Fish and Chips
Build - Break - Fix
ZainboarKartikboar
🎬
Backup career
Build - Break - Fix
ZainboarKartikboar
🎬
Professional background? Wat even iz dat?
Today's Broadcast
ZainboarKartikboar
🎬
Private mentorship group
Today's Broadcast
ZainboarKartikboar
🎬
Actually good job advice from Zain
Today's Stream
ZainboarKartikboar
🎬
What a classic!
Today's Stream
ZainboarKartikboar
🎬
Uber driver in training
Today's Stream
ZainboarKartikboar
🎬
Viewer burn
Today's Broadcast
ZainboarKartikboar
🎬
Time for a nap
Today's Broadcast
ZainboarKartikboar
🎬
A sniffer of a line
Today's Broadcast
ZainboarKartikboar
🎬
Slow Zain
Today's Broadcast
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
🎬
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
🎬
Get him to the greenscreen
Today's Stream
ZainboarKartikboar
🎬
Change the digit to a number
Today's Stream
ZainboarKartikboar
🎬
The benefits of pair programming
Today's Broadcast
ZainboarKartikboar
🎬
Xs, the healthy choice
Today's Stream
ZainboarKartikboar
🎬
Xs vs mother
Today's Stream
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
🎬
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
🎬
Water physics 101
Today's Stream
ZainboarKartikboar
🎬
Scrum master Zain
Today's Stream
ZainboarKartikboar
🎬
Zain applying his scrum master skills
Today's Stream
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
🎬
Switched-on hat
Today's Broadcast
ZainboarKartikboar
🎬
Functions, one of the big coding challenges
Today's Broadcast
ZainboarKartikboar
🎬
Break fast
Today's Broadcast
ZainboarKartikboar
🎬
Blood and breath pumping up
Today's Broadcast
ZainboarKartikboar
🎬
Wrong since day 1
Today's Broadcast
ZainboarKartikboar
🎬
Electronic waves
test
ZainboarKartikboar
🎬
RAWR coders
test
ZainboarKartikboar
🎬
Transit in Japawn
test
ZainboarKartikboar
🎬
Xs sponsorship
test
ZainboarKartikboar
🎬
Lame roars
test
ZainboarKartikboar
🎬
Setting up a suppository in Diagon Alley
test
ZainboarKartikboar
🎬
Background Diagon Alley
test
ZainboarKartikboar
🎬
Half speed zain
test
ZainboarKartikboar
🎬
One second penetration
test
ZainboarKartikboar
🎬
Top loading switches
test
ZainboarKartikboar
🎬
Making it rain with CodeBuild
test
ZainboarKartikboar
🎬
What is a sea cable?
Today's Stream
ZainboarKartikboarToreyboar
🎬
If statements are bad practice
Today's Broadcast
ZainboarKartikboar
🎬
Tomato fan
Today's Broadcast
ZainboarKartikboar
🎬
Strong intro
Today's Stream
ZainboarKartikboar
🎬
Impossible URL
Today's Stream
ZainboarKartikboar
🎬
Clever devs
Today's Stream
ZainboarKartikboar
🎬
Always CORS related problems
Today's Stream
ZainboarKartikboar
🎬
CORS headscratcha
Today's Stream
ZainboarKartikboar
🎬
Torres Strait Icelander people
Today's Stream
ZainboarKartikboarThaneshboar
🎬
Icelander or Islander?
Today's Stream
ZainboarKartikboarThaneshboar
🎬
Best Practices
101/200 Episodes
ZainboarThaneshboar
🎬
ROAR coders
105/200
ZainboarThaneshboar
🎬
Diagon Alley? What is that kind of fing?
112/200
ZainboarKartikboar
🎬
C.O.D.I.N.G
113/200
Zainboar
🎬
What's testing
115/200
ZainboarThaneshboar
🎬
CORS coders
115/200
ZainboarThaneshboar
🎬
Complimenting the wrong person
Today's Stream
ZainboarThaneshboar
🎬
Alt+F4 Zain
Today's Stream
ZainboarThaneshboar
🎬
Fixing and failing
Today's Stream
ZainboarThaneshboar
🎬
Brown is always better than white
AWS Websocket + DyanmoDb + Lambda
ZainboarThaneshboar
🎬
Wild street dogs
Today's Stream
ZainboarToreyboar
🎬
The more you know
How to Host Web App Using AWS S3, CloudFront and Route53
ZainboarThaneshboar
🎬
Inactive brain
How To Host Web App In AWS S3 with Custom Domain Using Route 53
ZainboarThaneshboar
🎬
No electricity in Bali
Today's Stream
ZainboarToreyboar
🎬
Francesco
Today's Stream
ZainboarToreyboar
🎬
Indian givers
Compare Hashed Passwords Using Bcryptjs
ZainboarToreyboar
🎬
Cold coffee, cold tea
Today's Stream
ZainboarToreyboar
🎬
Tough questions
Verify Passcode Saving Information to DynamoDB with NodeJs
ZainboarThaneshboar
🎬
Tandoor? Wat even iz dat kind of fing
Today's Stream
ZainboarThaneshboar
🎬
This is why you don't click ops
Today's Stream
ZainboarToreyboar
🎬
Bish Bash Bosh
Get Board Columns from Frontend to Backend NodeJS
ZainboarThaneshboarToreyboar
🎬
Zip first developer
Today's Stream
ZainboarThaneshboar
🎬
Busted again
Today's Stream
Zainboar
🎬
Torey the stinker
Beta Testing Fixes Part 2
ZainboarToreyboar
🎬
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
🎬
Zain's going platinum
Today's Stream
ZainboarThaneshboar
🎬
Doggy dog
Today's Stream
ZainboarThaneshboar
🎬
Fartik
How To Test Prevention XSS Attack
ZainboarKartikboar
▶️
Second Favourite
Today's Stream
Zainboar
🎬
Disco Zain
Today's Stream
Zainboar
🎬
Keyboard allergies
Hook Up AWS Websocket
Zainboar
🎬
As you been poopin?
Hook Up Board Columns to Websockets Nodejs + AWS Websockets
Zainboar

Subtitles

0:00:12
[Music]
0:00:25
what is going on guys welcome back to
0:00:28
another session of buildbreaking fix
0:00:31
which is brought to you by the raw
0:00:33
coders which is us
0:00:36
and in today's case which is me
0:00:39
and um
0:00:40
yeah so
0:00:42
let's get popping on um with our
0:00:45
acknowledgement of the country
0:00:47
and pay our respects to the elders of
0:00:49
the past present and
0:00:52
future so here we go
0:00:56
i begin today by acknowledging the
0:00:58
traditional custodians of the land on
0:01:00
which we gather today and pay my
0:01:02
respects to the elders past present and
0:01:04
future i extend their respect to
0:01:07
aboriginal and torres strait islander
0:01:09
people here today
0:01:12
all right that was smoothly done
0:01:16
so
0:01:17
yeah um you must be wondering that
0:01:21
kartik the other raw coda was um
0:01:25
it
0:01:26
isn't here or tori um so
0:01:29
um
0:01:31
tori
0:01:32
is a bit busy in his personal commitment
0:01:35
as in for jobs so he's really as in kind
0:01:38
of just banging on the interviews and
0:01:42
whatnot it's looking really
0:01:44
really good for him which is um
0:01:48
i'm really happy about that
0:01:51
and
0:01:52
kartik was in helm uh so he apparently
0:01:57
can't really make it because
0:01:59
if
0:02:00
said if he's early then he will
0:02:02
join in but um
0:02:05
apparently he's still busy so yeah let's
0:02:09
get the party pokemon
0:02:11
all right
0:02:12
cool so background music
0:02:15
what shall we choose this time hey
0:02:21
all right i'll probably pick a letter or
0:02:24
d
0:02:26
so there's daydream and dance pop
0:02:30
i think dance pop
0:02:32
sounds quite
0:02:36
jolly
0:02:37
so
0:02:38
how about if you play that one all right
0:02:40
so here we go
0:02:43
[Music]
0:02:48
perfect
0:02:50
hey objective
0:02:53
oh okay uh i'll pray that
0:02:57
i prayed the t1 then
0:03:03
i pray that so the nearest want to drop
0:03:07
so here we go
0:03:18
that's kind of my i would say
0:03:24
second favorite
0:03:28
all right cool so
0:03:30
um just a bit of a context um so what
0:03:34
we're gonna do today is
0:03:38
well uh
0:03:39
yeah um
0:03:41
because we're still figuring out how to
0:03:44
uh
0:03:45
reproduce the
0:03:46
cross-size
0:03:48
cross-site scripting attack
0:03:50
so meanwhile we actually working on
0:03:54
so um
0:04:01
sorry about that it's been
0:04:03
it is
0:04:04
it's been a bit for a long day but yeah
0:04:07
let's get the party popping again
0:04:10
all right um so we were working on a
0:04:14
cross cross site scripting attack um
0:04:17
which it was still um
0:04:21
need to reproduce that uh but meanwhile
0:04:24
we are
0:04:25
kind of
0:04:26
um
0:04:28
playing around with this css on the
0:04:31
click of a button
0:04:33
so i was actually working on it last
0:04:35
night and um
0:04:37
i will give you a bit of a
0:04:40
demo or what i managed to do so let's
0:04:44
jump right into the fun part which is
0:04:47
if you said coding that's the one
0:04:51
all right
0:04:59
okay
0:05:02
so
0:05:03
[Applause]
0:05:05
get rid of that get rid of this
0:05:09
and
0:05:10
we'll open up our
0:05:13
vs code
0:05:15
and open the
0:05:17
open
0:05:25
yeah that was in the front end wasn't it
0:05:28
yeah it was in the front end
0:05:30
all right
0:05:31
cool so i'll show you what i've
0:05:34
managed to do so far so
0:05:44
okay so if i play up local ashley and go
0:05:49
into the client and then do local
0:05:53
start that
0:05:55
locally
0:05:57
oops that's the wrong one
0:06:00
i swear it was working last time
0:06:03
i did exactly this
0:06:07
so why is it not working this time
0:06:16
this is really interesting you have no
0:06:19
idea
0:06:26
or i need to go
0:06:28
to the specific
0:06:34
yeah it was working i am 100 sure
0:06:38
i was actually working on it last night
0:06:45
what
0:06:47
okay go into that one and then start to
0:06:50
play
0:06:53
what
0:06:55
that is impossible no
0:07:00
way what was i using last time
0:07:05
you come on yeah that one
0:07:08
that style no
0:07:10
stash on top
0:07:13
yeah see that was ah
0:07:16
right local
0:07:19
this is really embarrassing oh my
0:07:22
goodness say
0:07:24
any comments not really until now
0:07:26
wow this is absolutely embarrassing you
0:07:29
have no idea
0:07:31
as in i thought it was local but it's
0:07:34
actually a
0:07:35
live server
0:07:38
oh my goodness hey i can't believe
0:07:40
myself
0:07:40
to be honest
0:07:42
this is hilarious
0:07:45
uh
0:07:46
anyway um let's get it rolling so i'll
0:07:49
show you what i did
0:07:51
last night
0:07:54
when i was actually working on
0:07:56
this so what i did was just add this
0:08:00
progress bar
0:08:02
so
0:08:03
during our internal testing um
0:08:06
someone's
0:08:07
said that when the president
0:08:10
go it takes
0:08:12
it doesn't really go straight away to
0:08:15
the
0:08:16
boards page
0:08:18
and
0:08:19
um that is because it's actually
0:08:23
going to the database same saving the
0:08:25
quote and then coming back
0:08:28
to the index to html which
0:08:31
takes say five to six seconds so i
0:08:35
thought there would be a really good
0:08:37
idea
0:08:38
to um uh add a bit of a progress bar
0:08:42
in there so if i do test one and then
0:08:45
one two three four and then i press
0:08:48
go that
0:08:54
no
0:08:56
that was working no way
0:09:00
what's happening
0:09:02
what's happening honestly
0:09:08
two three four
0:09:16
okay i'm gonna have to check what's
0:09:18
happening to the progress why because
0:09:20
this was working
0:09:27
[Music]
0:09:35
oh
0:09:35
there was a different error
0:09:39
another error which was there
0:09:44
feel too low reset okay that doesn't
0:09:47
really have anything to do with us
0:09:50
any no nothing
0:09:59
okay
0:10:06
there was the progress bar was supposed
0:10:09
to work here
0:10:12
what's missing
0:10:15
let's find out
0:10:17
let's go on a journey i'll find out
0:10:19
what's missing
0:10:21
simples
0:10:27
okay and ah
0:10:30
uh-huh
0:10:33
right
0:10:34
so it wasn't done
0:10:36
it's not calling the
0:10:44
the um
0:10:51
oh so the javascript code is all missing
0:10:56
i swear
0:10:57
in search with the javascript code as
0:10:59
well start
0:11:02
progress
0:11:04
nope
0:11:18
okay now one we can start again
0:11:21
um so i'm pretty sure
0:11:24
uh so i basically what i must have done
0:11:27
was
0:11:28
i didn't check in all the code
0:11:37
show progress ball while uh huh
0:11:44
say
0:11:46
no it's not all for now
0:11:50
okay
0:11:52
i didn't do that
0:11:58
right so um if we go to the
0:12:01
[Music]
0:12:02
actual
0:12:05
scrum the front end
0:12:16
um
0:12:21
yeah that one
0:12:27
new comment
0:12:29
ah okay yeah we didn't check in the
0:12:34
ouch
0:12:35
we didn't check in the javascript part
0:12:37
that's full but it's not working
0:12:39
got you
0:12:41
that is completely reasonable so now
0:12:44
let's
0:12:45
get the
0:12:47
javascript part
0:12:50
from here
0:13:03
[Music]
0:13:04
all right so let's get this one here
0:13:08
it should be good
0:13:16
look at this one and i'll just
0:13:20
let i equal to zero
0:13:24
pull
0:13:26
and start
0:13:34
progress
0:13:39
okay
0:13:40
and if i go to
0:13:43
um
0:13:45
form
0:13:50
create no
0:13:52
not that one
0:13:55
um
0:13:57
where was the method that i need to
0:14:00
load as you no need to put this code in
0:14:05
yeah here we go
0:14:07
cool
0:14:09
so if i put this code here show progress
0:14:11
bar then it should come up
0:14:14
pretty simple way
0:14:23
[Music]
0:14:28
okay so now i think it should work
0:14:33
yay
0:14:34
it's working
0:14:36
boom
0:14:39
cool and then we also inserted another
0:14:44
code to basically um
0:14:47
blur the background out so which would
0:14:50
be done by jquery
0:14:53
if we
0:14:54
do this on the board itself which is on
0:14:58
this one board outline
0:15:01
um
0:15:04
[Music]
0:15:06
okay and then do a css
0:15:11
and the back no filter
0:15:20
hold outline
0:15:22
filter
0:15:26
and
0:15:28
what was that blur
0:15:32
5 pixels i would say yeah
0:15:36
maybe
0:15:37
let's try it it works
0:16:06
yeah okay cool so the blur effect is
0:16:09
working as well now if you see here
0:16:13
test one and one two three four
0:16:17
then it will actually blur out which is
0:16:19
great
0:16:22
okay cool
0:16:23
so now what we need to do is
0:16:26
basically bring this progress bar up
0:16:29
front
0:16:31
uh
0:16:32
how we will do that um so if we go into
0:16:46
do
0:16:47
do do
0:16:49
do doodles
0:16:53
uh what
0:16:55
this wasn't there before
0:17:04
why
0:17:10
who insisted this
0:17:12
one and this wasn't there before at all
0:17:16
mistakes happen that's what pencils and
0:17:19
phrases
0:17:20
oh
0:17:21
thanks again
0:17:23
yes um
0:17:25
that's all the problem
0:17:27
that's all the problem learning is them
0:17:31
um so
0:17:36
yeah i'll come to that part of the code
0:17:39
which is this one because this shouldn't
0:17:42
really be here technically i don't know
0:17:44
how did that get here and i'll
0:17:47
and i'll probably have to check
0:17:52
how did it
0:17:54
get there
0:17:55
but for now let's actually focus on
0:18:04
[Music]
0:18:09
that does it and now what we need to do
0:18:12
is
0:18:12
basically bring this
0:18:16
progress bar forward
0:18:18
actually we can do that with z index
0:18:23
set index proxy
0:18:29
specify the stack borders
0:18:33
and i remember being created step always
0:18:37
order is always in front of the element
0:18:39
with the lower stack order
0:18:50
okay so if we do this one as one
0:18:55
then what happens
0:18:57
okay so one comes
0:19:00
that
0:19:04
ten
0:19:08
minus ten okay
0:19:13
cool
0:19:14
so we need to basically do
0:19:17
an index of 10.
0:19:24
let's be honest
0:19:26
okay so we need to do the index
0:19:31
of
0:19:34
index is 10 already
0:19:37
progress by five
0:19:39
one
0:19:41
is it anything else using this index
0:19:45
ah
0:19:46
right
0:19:48
right right right right
0:19:51
1000
0:19:52
they're all using index 1
0:19:55
10
0:19:57
that index mark uh huh
0:20:08
let's keep this index and see what
0:20:10
happens to be honest
0:20:12
just playing around a bit
0:20:19
let's see if we can still see the
0:20:20
progress bar
0:20:22
in front
0:20:23
no
0:20:24
it's still getting blurred
0:20:30
actually
0:20:35
it would
0:20:36
have if i
0:20:38
get this one here
0:20:41
and see what happens
0:20:59
[Music]
0:21:05
that doesn't happen this one has to come
0:21:08
in front of this whole thing
0:21:13
anything no not really
0:21:33
board outline
0:21:37
board
0:22:04
so how this happened is
0:22:19
progress bar
0:22:24
so that this is basically happening
0:22:27
there
0:22:30
oh
0:22:33
table
0:22:36
where does this tip uh
0:22:38
huh this is probably where i'm getting
0:22:41
wrong
0:22:43
because this demon matches with this one
0:22:46
so which one is this messy with
0:22:49
h1
0:22:56
and then insert another dip here
0:23:00
which would be the one
0:23:04
tdtl
0:23:06
table
0:23:08
do
0:23:13
uh-huh there's the culprit here
0:23:28
so
0:23:38
okay
0:23:40
let's try that one
0:23:43
let's see if it blows out
0:23:50
ah here we go perfect
0:23:52
brilliant so that was the problem
0:23:56
so this one needs to come
0:24:00
actually what wi-fi
0:24:04
put this one here
0:24:08
and this one under the board
0:24:11
yeah perfect brilliant
0:24:13
this should be fine now
0:24:16
actually not really i need to do the
0:24:19
blurriness effect
0:24:22
with uh
0:24:28
did
0:24:29
it do
0:24:39
with
0:24:42
[Music]
0:24:46
board
0:24:47
there you go
0:24:50
this should do it
0:24:52
let's have a look shall we
0:25:01
no it doesn't do it
0:25:04
where did that go wrong
0:25:07
where did i go wrong
0:25:10
ah it's an it's an ideas not class
0:25:15
that's where i'm wrong
0:25:20
cool
0:25:22
let's get that try again
0:25:30
voila
0:25:33
brilliant i'm pretty happy with that
0:25:36
so
0:25:38
now that is working fine um let me just
0:25:41
go and hide it
0:25:44
in the css because we don't want to show
0:25:46
that by default
0:25:48
actually i don't think i even need this
0:25:51
now
0:25:52
do i
0:26:07
voila
0:26:08
no i didn't need it
0:26:12
okay that is looking really promising to
0:26:15
be honest
0:26:18
um
0:26:19
now let's
0:26:24
make the code a bit sexy
0:26:26
and format it properly
0:26:28
okay so this one is there
0:26:31
what else did i need to do
0:26:35
to be honest
0:26:36
nothing else really isn't it
0:26:39
because blurriness
0:26:50
yeah
0:26:52
okay
0:26:55
no ah i need i needed to change the css
0:26:59
to display non-initially
0:27:05
i don't um this to this progress bar to
0:27:08
come up by default and then
0:27:10
what i'm going to do in
0:27:12
my
0:27:14
thing i will
0:27:18
um i will
0:27:22
bring it out
0:27:23
simple
0:27:25
by changing the start of it to
0:27:30
um add
0:27:32
style
0:27:34
how did we do it elements
0:27:37
for the elements
0:27:40
style
0:27:43
maybe
0:27:44
element style display
0:27:50
how was it
0:27:58
display
0:28:00
in javascript
0:28:03
element
0:28:05
style
0:28:10
element style
0:28:14
display
0:28:17
[Music]
0:28:26
ah here we go okay so don't
0:28:46
my progress
0:28:51
um style.display
0:28:58
equals
0:29:01
block
0:29:04
here you go
0:29:08
all right
0:29:10
let's try it out now
0:29:13
of course so it's not appearing now but
0:29:16
when i
0:29:18
type in the board name
0:29:20
the passcode and then press go
0:29:24
and it should should blur the page out
0:29:28
but
0:29:29
the
0:29:29
the progress wise should appear
0:29:33
no it's not appearing
0:29:43
and it's not pairing
0:29:45
why does he not care
0:29:47
so i'm doing that on my progress ah
0:29:52
this must be my
0:29:54
id
0:29:56
div id my progress
0:29:58
this is right isn't it
0:30:01
divide again by id ah
0:30:05
document
0:30:06
there we go
0:30:08
now it should work
0:30:11
guys
0:30:17
two three four
0:30:21
why not
0:30:23
why is it not working still
0:30:36
what did i do wrong head so i'm staying
0:30:39
in the
0:30:40
document get element by id
0:30:43
which is here
0:30:45
academy by id gadman by id
0:30:54
that was wrong
0:31:01
cool so
0:31:04
[Music]
0:31:09
and it should
0:31:10
blur it out plus show the progress bar
0:31:14
voila
0:31:16
cool so that seems to be working
0:31:19
brilliantly now
0:31:23
um
0:31:26
so
0:31:27
okay so i can basically
0:31:31
turn that one in
0:31:35
all right
0:31:37
what is this
0:31:39
boom
0:31:40
i made changes to home ball doodles
0:31:44
no that's definitely not
0:31:46
our one
0:31:48
so this would go in
0:32:04
and then border yeah yeah that's fine
0:32:19
oh hang on a minute
0:32:25
i can actually put that one
0:32:32
just going right there
0:32:34
you can actually put all the show
0:32:35
progress bar and then
0:32:38
create new
0:32:41
i can actually put all of this in this
0:32:43
macho progress bar
0:32:47
that method
0:32:52
that should work
0:32:56
out
0:33:04
brilliant
0:33:11
if i do 10
0:33:13
or 7 what does that do
0:33:39
brilliant okay yeah
0:33:42
that sounds good
0:33:44
or how about if we add a person to sign
0:33:48
as well no
0:33:50
that doesn't
0:33:51
we don't really need that that is just a
0:33:53
nice to have properly
0:33:56
um
0:33:57
that looks
0:33:59
perfect for the projector
0:34:01
as a beautiful pizza
0:34:04
producing just in time for death for one
0:34:07
week left
0:34:09
they plan to get somewhere to add
0:34:11
in your code after you
0:34:15
don't really
0:34:19
yes yeah that's so um that would
0:34:22
basically be the plan that we are
0:34:24
planning to as in
0:34:26
um
0:34:27
get scrambler to
0:34:29
um
0:34:31
ask if they want to take our code as in
0:34:34
first of all probably give them a demo
0:34:37
and
0:34:38
just show them the entire architecture
0:34:42
but that would come down to
0:34:44
using the particular aws account outside
0:34:48
which isn't really confirmed yet
0:34:52
but yeah
0:34:54
let's see how it goes
0:34:57
uh
0:34:59
yeah we still have a few more issues
0:35:03
that we want to make sure that is
0:35:06
working with that one
0:35:08
but yeah
0:35:10
almost there almost
0:35:12
right uh so
0:35:15
i will commit this code
0:35:18
and then we can move on to the next part
0:35:28
actually i'll just do it with this one
0:35:33
um
0:35:37
that one
0:36:11
this is um
0:36:15
shows progress
0:36:21
[Music]
0:36:31
okay
0:36:41
hmm
0:36:42
never mind
0:36:44
we will do in that way
0:36:46
draw html
0:36:49
one day and still from
0:37:10
okay and if i go back and add
0:37:14
installer.css
0:37:18
oh didn't match anything
0:37:20
proxy client
0:37:25
so i don't know
0:37:29
ah i need to go into css
0:37:32
then add it
0:37:35
okay commit
0:37:38
message
0:37:43
show
0:37:43
[Music]
0:37:49
shows
0:37:52
progress balance going blood
0:37:55
kill
0:37:59
okay so this is done and now we go back
0:38:03
to
0:38:04
our jira
0:38:11
and mark this task as
0:38:15
dawn
0:38:34
do
0:38:51
um
0:38:52
has clicked and page is
0:38:54
loading yep so that this one is all done
0:38:59
which is great
0:39:01
actually i'll add
0:39:04
some people so they know what's
0:39:07
happening
0:39:10
[Music]
0:39:33
okay
0:39:35
so that one is done
0:39:38
what's next
0:39:39
what is next
0:39:42
take the easier ones first
0:39:45
same knows faulty attain reverse
0:39:48
condition we come back to that one oh so
0:39:52
that's actually looking pretty good so
0:39:54
we only have
0:39:55
these issues that's all
0:40:04
uh
0:40:10
code being called when no changes are
0:40:13
made to the note yeah okay
0:40:16
we can do this one
0:40:19
update function so patch
0:40:21
notes method is being called when no
0:40:25
changes are made to the note
0:40:28
right so we need to work on this one now
0:40:30
so i'll change this one
0:40:32
[Music]
0:40:34
to
0:40:40
yeah i like everyone to be in the loop
0:40:43
and oops i added someone else apparently
0:40:47
in the last together i need to check and
0:40:50
remove them oops
0:40:52
oops oopsie
0:40:55
that's my bad
0:41:07
i remember his username now
0:41:14
nevermind i'll
0:41:16
come back to that one
0:41:21
okay
0:41:25
right um
0:41:27
so this one is don't show the test
0:41:33
you can actually merge this one
0:41:39
to our dev one
0:41:46
actually let's finish up all the other
0:41:49
ones first
0:41:52
so
0:41:53
patch notes method is being called when
0:41:57
no
0:41:58
changes are made to the notes okay cool
0:42:01
so we need to remove that functionality
0:42:04
as in not call it when it's being
0:42:08
when there no changes
0:42:24
a patch notes inside
0:42:30
know
0:42:31
um
0:42:32
person patch notes on save no
0:42:36
donate this one yeah this one
0:42:40
inserted
0:42:58
so apparently this has been called when
0:43:00
there's no change
0:43:06
oh okay
0:43:08
so i guess what's happening is that
0:43:11
when we get
0:43:15
where the
0:43:15
[Music]
0:43:17
a note
0:43:18
is inserted already but we get the board
0:43:22
then
0:43:24
what's happening is that because there's
0:43:27
no
0:43:29
change but the status is already
0:43:31
inserted it is coming here
0:43:34
and calling it again
0:43:36
even though there's no change
0:43:44
this is interesting
0:43:49
so if we go in there what happens
0:43:53
patch notes no idea
0:44:08
ah so i can basically insert a condition
0:44:11
that if the text is the same
0:44:14
then
0:44:15
don't do this
0:44:18
so
0:44:19
when they get the board
0:44:24
when they get the board then they
0:44:26
already have the
0:44:28
notes and their stages
0:44:32
would be inserted already
0:44:34
oh my god
0:44:36
i'm yawning
0:44:38
not good
0:44:40
uh did you push to get
0:44:44
yes objective uh i just pushed it
0:44:47
so
0:44:48
you um
0:44:51
yeah
0:44:52
otherwise you would have to recode it
0:44:54
tomorrow
0:44:55
yes i've just put pushed in just to
0:44:59
confirm as well
0:45:00
i will double check but thanks for
0:45:02
reminding me though yeah that really
0:45:05
helps
0:45:06
so this is the code
0:45:09
no
0:45:13
oh hang on a minute
0:45:16
no
0:45:17
i didn't push it
0:45:20
i think i just
0:45:21
committed it
0:45:26
yeah i didn't i didn't push it i only
0:45:30
community
0:45:37
wow
0:45:38
you're a
0:45:39
you're a lifesaver geckdev
0:45:42
thanks for reminding me about it
0:45:45
really appreciates it
0:45:49
okay now let's go back to
0:46:00
if i do it yeah there we go this is come
0:46:02
here
0:46:10
so uh
0:46:12
what were we working on we were working
0:46:15
on
0:46:16
this one so if i basically say new note
0:46:26
so i'm thinking of inserting a logic
0:46:32
yeah i'm thinking of inserting a logic
0:46:40
oh my god
0:46:42
that
0:46:43
we will probably want to compare the old
0:46:46
text to
0:46:48
to new text and then
0:46:50
if the text has changed
0:46:53
then we are not
0:46:56
calling this patch notes method at all
0:47:00
so
0:47:01
let's do that
0:47:11
go to references okay
0:47:13
so inserted
0:47:15
here i've got the data
0:47:19
columns i call yeah
0:47:22
data id status of nodes
0:47:26
village insert
0:47:31
okay id
0:47:35
data
0:47:37
so
0:47:39
data is coming in there
0:47:45
[Music]
0:48:32
um
0:48:33
[Music]
0:48:35
just thinking how to approach this
0:48:58
um so
0:48:59
what my
0:49:01
approach
0:49:09
who would be there
0:49:12
if only if status is inserted but
0:49:15
there's no
0:49:17
so
0:49:18
when we get the
0:49:19
nodes from the database
0:49:22
the stages
0:49:24
would be inserted which is fine but if
0:49:26
there's no change of the text in them
0:49:30
then
0:49:31
obviously
0:49:35
we don't want
0:49:36
them to get
0:49:38
updated in the first place
0:49:40
okay
0:49:42
and how do we check that then
0:49:46
so i'll probably do
0:49:48
this so
0:49:51
say if i do
0:49:56
um
0:50:07
all right so data so everything the date
0:50:11
is coming in there
0:50:13
the text is coming in the data
0:50:18
of note 5
0:50:20
for
0:50:21
they tied it and you know what's fading
0:50:24
message
0:50:25
is equal to confidential fail to insert
0:50:29
no idea not
0:50:32
switch status
0:50:34
[Music]
0:50:50
it
0:50:52
is come back
0:50:55
as
0:50:55
[Music]
0:51:01
i want to check this one out
0:51:10
check that one out and see what happens
0:51:34
um
0:51:43
server
0:51:59
one
0:52:02
save that
0:52:21
um
0:52:33
okay
0:52:35
right so that's been saved
0:52:38
and now if i go and get it
0:52:44
from that way
0:52:48
one
0:52:49
two three four
0:52:59
ah
0:53:07
what
0:53:08
even though this ah because the
0:53:12
websocket connection is opened
0:53:15
uh
0:53:16
right the websocket connection is opened
0:53:20
that's what's happening
0:53:25
all right
0:53:26
uh
0:53:29
we'll probably leave it at this and i'll
0:53:32
probably continue
0:53:35
off
0:53:36
offline if this isn't going to happen
0:53:38
because
0:53:39
this will basically lose all my
0:53:41
productivity
0:53:44
all right cool so let's probably end it
0:53:47
there
0:53:50
all right guys um so it's been a great
0:53:52
progress um yeah we managed to do uh as
0:53:57
in
0:53:58
implement the progress bar with
0:54:01
um making the blurred screen so whenever
0:54:05
the user presses go then they will have
0:54:09
the clear indication okay that
0:54:11
um the page
0:54:13
loading up i just have to wait a bit
0:54:16
so
0:54:16
that was pretty good and um yeah i will
0:54:19
keep on working on the rest of the
0:54:22
thing
0:54:23
which is to do with um
0:54:26
uh
0:54:27
notes are updating because um
0:54:31
yeah
0:54:32
when these kind of things happen it
0:54:34
makes
0:54:36
me a bit unproductive
0:54:38
so
0:54:39
um and i value my time but um
0:54:43
as well and i i really want to make sure
0:54:46
that i'm unproductive
0:54:49
all right guys so um yeah
0:54:52
thanks again for
0:54:53
[Music]
0:54:55
thanks again for joining been a pleasure
0:54:58
having you all
0:54:59
and um thanks again gangnam for
0:55:02
reminding me to push the
0:55:05
code um
0:55:06
you were right i
0:55:08
didn't push it
0:55:09
so yeah and if you want to check out how
0:55:12
we saw um get the project to the next
0:55:16
stage uh feel free to join us
0:55:18
tomorrow same time
0:55:21
same place and a different task alright
0:55:24
guys i will catch you tomorrow
0:55:28
bye for now
Other clips featured in this episode