boarzVideosClipsStatistics

🎬ROAR coders

🎦
Featured in#️⃣EP 101 - 105/200
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:00
[Music]
0:00:25
what is going on guys welcome back to
0:00:28
another session of build break and fix
0:00:30
brought to you by
0:00:31
the two raw coders
0:00:34
[Music]
0:00:35
today not free the
0:00:38
third one is
0:00:40
again busy with his assignments
0:00:43
so he's gonna probably skip him and but
0:00:46
i've got the
0:00:48
second raw coder here which is
0:00:51
great hey welcome back active good to
0:00:54
have you
0:00:57
um just a bit of a context so on this
0:01:00
stream we actually ongoingly building a
0:01:04
an enhanced version of an original
0:01:07
project called scrambler um so
0:01:09
what do i mean by enhanced is that
0:01:12
adding persistent storage to that
0:01:15
and
0:01:16
you might be
0:01:17
wondering what is uh the scrambler
0:01:20
project that i'm talking about so
0:01:22
that's basically a web-based kanban
0:01:25
board which consists of as in a board
0:01:29
obviously
0:01:30
and notes
0:01:33
so
0:01:34
yes
0:01:35
welcome converse64 good to have
0:01:38
you right um
0:01:41
so
0:01:42
how are you feeling today finish
0:01:45
yeah yeah really good zen uh
0:01:48
yeah glad to be back uh i saw you guys
0:01:51
uh
0:01:52
finish the
0:01:53
uh displaying the board name
0:01:56
so yeah i'm keen to see what's installed
0:01:58
next
0:01:59
can you get fantastic
0:02:01
fantastic yeah i'm looking forward to
0:02:03
that as well um so
0:02:05
just a bit of a context what we did
0:02:08
yesterday um with the special k the
0:02:11
third roll coded uh
0:02:14
as we can say today
0:02:17
so um we finished that one bar a but i
0:02:22
heard say few
0:02:25
weeks ago from an other team member
0:02:28
there um the original project i have
0:02:32
actually
0:02:33
updated the ui
0:02:35
so i really wanted to incorporate the
0:02:39
latest ui um in our version as well so
0:02:43
we can stay
0:02:45
up to date
0:02:47
and
0:02:48
um
0:02:49
yeah so
0:02:50
i didn't do that yes
0:02:53
today on the stream so
0:02:55
i've had a bit of say
0:02:58
probably 30 minutes only a bit of a
0:03:01
spare time so i kind of managed to do
0:03:04
the merge
0:03:05
which was great a lot of changes
0:03:09
honestly i said
0:03:11
i was
0:03:12
i was like wow
0:03:14
wow
0:03:15
we needed all those changes you know
0:03:18
when um
0:03:22
you know the feeling when
0:03:24
you see in vs code or the file you see
0:03:28
uh red yellow green yeah with all those
0:03:32
colors yeah
0:03:35
you were seeing all of them
0:03:37
yeah
0:03:38
yeah
0:03:39
and i was like wow okay i really need to
0:03:42
focus now
0:03:44
but
0:03:45
yeah um so
0:03:47
going forward
0:03:49
i'm thinking because i'm the i'm doing
0:03:52
the mergers every
0:03:54
say every
0:03:56
every s
0:03:57
every time that
0:03:58
i need today might be a
0:04:00
good idea a good idea for us all to take
0:04:04
turns so all can be a bit experienced
0:04:08
in emerges which would be fun
0:04:12
um so just before we begin i want to do
0:04:16
the acknowledgements of the country so
0:04:19
i'll just do it now
0:04:21
cool
0:04:24
i begin
0:04:25
today by acknowledging the traditional
0:04:27
custodians of the land on which we meet
0:04:30
today
0:04:31
and pay my respects to the elders past
0:04:34
present and future i extend that respect
0:04:37
to aboriginal and torres strait islander
0:04:41
people here today
0:04:44
great
0:04:46
fantastic um do you want to tell
0:04:49
people on exactly where special care is
0:04:53
yeah sure
0:04:54
i get have um special case busy with
0:04:57
this assignment today so
0:04:59
he couldn't make it
0:05:00
um
0:05:02
yeah it's about it
0:05:05
cool and
0:05:06
let's hide right
0:05:08
okay
0:05:17
all right cool
0:05:18
let's get the show going so
0:05:27
um
0:05:32
i'm think actually you can
0:05:35
be hands on
0:05:36
today okay sure
0:05:39
um so
0:05:40
do you want to share your screen
0:05:42
yep yep sounds good um i already pulled
0:05:46
the latest version
0:05:48
from
0:05:50
where from what you did
0:05:54
from master
0:05:56
yeah yeah for master and then
0:05:58
but both master and and main is on the
0:06:01
same
0:06:02
like you did it both right because um so
0:06:06
master and main
0:06:08
so they are the same repos as in
0:06:12
branches
0:06:13
so
0:06:14
our one is called i think is
0:06:17
mastery chef whatever but the other one
0:06:21
the other branch you're talking about is
0:06:23
dev
0:06:24
yes yeah yeah
0:06:26
so i've done the merge on both
0:06:29
so
0:06:30
you can
0:06:32
grab either one
0:06:34
okay as in dev or monster
0:06:38
whatever you want and you will probably
0:06:40
want to
0:06:41
create
0:06:43
a branch
0:06:45
which will probably be um
0:06:50
which would probably be
0:06:58
insert notes
0:07:02
yeah okay yeah cool should we create the
0:07:05
branch first
0:07:06
uh
0:07:09
yes but if you go back to one folder
0:07:13
because you wanna make sure you create
0:07:15
the branch in the main repo
0:07:18
because at the moment join client which
0:07:21
is the subfolder of the repo
0:07:24
okay
0:07:33
uh
0:07:34
actually
0:07:35
today before we do that let's jump into
0:07:38
jira because
0:07:40
i want to update the tickets as well so
0:07:44
we know exactly
0:07:45
where we're standing
0:07:49
um
0:07:51
yeah yeah
0:07:53
right so
0:07:55
show the board name at the top of on
0:07:59
index.html
0:08:01
that you can move in to
0:08:05
um
0:08:06
[Music]
0:08:08
probably done
0:08:10
okay
0:08:13
and
0:08:16
still too much
0:08:18
upbeat icon that's done as well
0:08:24
perfect um add
0:08:28
mojo front and changes to
0:08:30
latest changes from
0:08:33
uh
0:08:34
that's oh sorry my bad
0:08:37
can you pull the
0:08:41
js
0:08:42
tickets
0:08:43
all back because
0:08:45
i've done a bad thing i'm moving
0:08:49
other people
0:08:50
tickets as well
0:08:52
yeah yeah i'm not supposed to do that
0:08:54
right
0:08:56
um we can create our ticket now
0:09:00
okay this one uh but this is done right
0:09:03
so actually you did this yesterday
0:09:05
my java front end changes yes but that's
0:09:09
assigned to
0:09:11
js
0:09:12
so
0:09:13
i want to actually
0:09:14
perform
0:09:16
before moving it to
0:09:17
done i want to make sure that he's happy
0:09:21
with what he's done on that one and then
0:09:24
and then and then move it away
0:09:27
cool if that makes sense
0:09:29
yeah yeah like
0:09:31
so she wanna create a
0:09:34
um new issue
0:09:37
do you know how to do that
0:09:42
oh okay so
0:09:44
actually
0:09:46
yeah go on that one
0:09:49
um have you used
0:09:51
jira before
0:09:52
uh yeah i used to work as well but
0:09:56
the layout is a little bit different to
0:09:58
this
0:09:59
ah
0:10:00
right yeah because this is the kanban
0:10:03
board
0:10:04
yeah yeah yeah i don't know um
0:10:08
i don't know what the different one
0:10:10
they
0:10:11
i don't know what they do to it but it
0:10:13
it looks different you know i don't know
0:10:15
if uh ah see they're probably
0:10:19
customized as sayings
0:10:22
to suit their needs
0:10:25
i say right cool
0:10:28
okay um we would probably want to do as
0:10:31
in um
0:10:33
what will be our next task
0:10:38
inside notes
0:10:40
insert
0:10:41
notes from the front end
0:10:55
[Music]
0:10:57
good to have you
0:11:10
um
0:11:11
so essentially
0:11:13
what we want to do is uh create notes
0:11:15
and then add it to the
0:11:17
to the back end so what do you say
0:11:20
yes so
0:11:22
what in my understanding would be that
0:11:25
when
0:11:26
we would have a
0:11:29
a
0:11:30
a
0:11:31
am button on industrial html
0:11:35
which basically says
0:11:38
save
0:11:39
and then
0:11:40
once the admin
0:11:42
of the board is happy
0:11:45
he can press
0:11:46
save and
0:11:47
the entire board with the associated
0:11:50
notes will actually be
0:11:52
inserted to the database
0:11:56
so essentially we need to make sure that
0:11:58
the text on
0:12:01
the note
0:12:02
is being
0:12:04
i mean the text from the individual
0:12:07
notes
0:12:08
is being saved properly in
0:12:10
in
0:12:11
that board in the database
0:12:14
yeah
0:12:15
does that make sense
0:12:17
yeah yeah that makes sense
0:12:18
cool
0:12:20
perfect so you have to
0:12:23
where did you create our
0:12:25
ticket again
0:12:27
oh what it disappeared oh no it's here
0:12:30
uh yeah
0:12:31
can you press enter
0:12:35
then it will come yeah
0:12:38
so
0:12:40
we can do that in
0:12:42
two
0:12:45
actually um create a child task in them
0:12:49
once
0:12:50
so if you go to
0:12:52
if you
0:12:53
go in that ticket as in
0:12:56
click on that ticket
0:12:58
and
0:12:59
where it says add a
0:13:01
child issue yeah
0:13:03
click on that and type in
0:13:06
create a button
0:13:08
save
0:13:09
on index or html
0:13:12
or the
0:13:13
or the board page
0:13:14
whatever
0:13:16
okay
0:13:29
and on the description um do you want to
0:13:34
do say
0:13:37
um insert notes okay um
0:13:45
so
0:13:45
basically
0:13:48
um
0:13:51
you would be bullet points
0:13:58
i'm just collecting all them all the all
0:14:02
the micro tasks that we need to do to
0:14:06
accomplish this
0:14:08
so
0:14:09
as in in my brain
0:14:11
yeah yeah
0:14:13
um
0:14:15
we would create the button first let's
0:14:17
see
0:14:19
actually um
0:14:23
um my bad in instead of description
0:14:27
put these in child issues yeah excellent
0:14:34
so we have go create the bonds
0:14:37
save
0:14:41
insert
0:14:43
text
0:14:45
on a note
0:14:52
insert
0:14:53
text on a note
0:14:57
no no that wouldn't make sense
0:15:01
yeah
0:15:02
okay yeah um insert a text
0:15:06
insert text off a note in the database
0:15:10
yeah yeah that makes sense
0:15:23
okay
0:15:24
um and then uh
0:15:29
probably create another one saying
0:15:32
um
0:15:37
me
0:15:38
insert
0:15:44
in some
0:15:45
insert multiple texts
0:15:49
on from multiple notes in the database
0:16:06
okay that makes sense so far
0:16:08
so you're saying we work uh
0:16:11
on trying to get uh one of them first
0:16:14
and then later we um move on to trying
0:16:16
to get all the notes saved into the into
0:16:19
the db so what you're trying to say yes
0:16:22
so not
0:16:23
get insert them inside sorry
0:16:28
okay
0:16:29
yes so because uh
0:16:31
what we're trying to do here is
0:16:33
first make sure the logic
0:16:37
would work with the onenote only
0:16:41
and then if it's
0:16:43
working then it
0:16:46
would be relatively easy
0:16:48
to
0:16:49
do that
0:16:50
for multiple ones
0:16:52
yeah
0:16:53
that makes it
0:16:55
okay and
0:17:00
and
0:17:02
i'm just thinking that do we want to
0:17:05
disable the same button
0:17:09
oh no um on the same button
0:17:13
when we click it we want to ask the user
0:17:18
that
0:17:19
are you sure you want to save
0:17:22
this board
0:17:24
yeah okay
0:17:28
so
0:17:30
confirmation prompt
0:17:33
to save the board after
0:17:36
clicking save
0:17:57
yeah um
0:17:58
the ordered
0:18:00
okay yeah that's actually
0:18:04
good that we can do them in order as
0:18:06
well
0:18:07
um all right
0:18:09
what else save
0:18:12
um
0:18:15
save you say so
0:18:17
once we press save
0:18:20
the board
0:18:21
name
0:18:22
and
0:18:24
all the associated notes
0:18:26
would
0:18:27
be
0:18:29
inserted in the database
0:18:31
yeah yeah that would
0:18:33
make sense
0:18:35
uh are you following me so far flash
0:18:38
yeah yeah i am
0:18:42
cool um toy
0:18:44
is asking in in in the back you're
0:18:48
choosing dynamo
0:18:51
yeah i'm not sure we're choosing that
0:18:54
dynamo
0:18:55
bd but i'm pretty sure we're using
0:18:58
dynamodb
0:18:59
[Laughter]
0:19:04
um are you scanning or
0:19:08
querying um we are mostly sca um
0:19:11
not scanning so we're mostly
0:19:17
querying
0:19:19
but
0:19:20
i would have because the api was
0:19:23
made few months ago
0:19:25
um
0:19:27
i would have to check if we are using
0:19:29
scanning and then
0:19:32
i would have to change that to
0:19:34
curing because
0:19:37
according to my
0:19:39
understanding
0:19:41
um
0:19:42
scanning is not performing efficient and
0:19:45
you
0:19:47
you
0:19:48
i'm sure
0:19:49
you know that as well because guess what
0:19:52
tori leopold passed his essay exam as
0:19:55
well hooray
0:19:58
fantastic
0:20:00
yeah
0:20:01
exactly it's
0:20:03
very expensive too oh look at that
0:20:06
essay is speaking now to me i like it
0:20:12
fantastic it's testing your knowledge
0:20:16
yeah
0:20:17
yeah he is
0:20:20
oh okay interesting so that means that
0:20:24
when we do the
0:20:26
the
0:20:27
aws architecture as in kind of
0:20:31
devops
0:20:33
you would be able to help us a lot in
0:20:36
that one
0:20:38
fantastic
0:20:40
yeah so covering down my db today ah
0:20:43
okay right right right
0:20:46
impressive
0:20:49
trooper all the way mate all the way
0:20:53
all right cool so back to the
0:20:56
thing
0:20:58
um
0:21:00
yeah you can close this now
0:21:02
and you can probably pull
0:21:05
create a button um the first one in
0:21:08
progress please
0:21:12
yeah there we go
0:21:15
all right
0:21:16
yeah
0:21:17
let's do it
0:21:18
awesome
0:21:20
just
0:21:22
saying just about what we talked
0:21:24
about offline actually
0:21:26
would it be possible to um
0:21:28
so did you want to come back to creating
0:21:30
the get request
0:21:32
uh method in the
0:21:34
in the back end later
0:21:36
or is that something um
0:21:39
yes
0:21:41
so i will
0:21:42
do that later
0:21:45
um
0:21:45
because
0:21:48
someone else in
0:21:51
the team is working on that
0:21:53
functionality and
0:21:55
i would just have to make sure that i
0:21:58
tell him as in
0:22:00
what we have planned um
0:22:03
then i would also make sure that
0:22:06
we do the get bored name
0:22:11
get bored by name in the
0:22:14
in the back end so they can work with
0:22:16
that
0:22:17
one but at the moment we are just
0:22:19
focusing on
0:22:21
one request which is post
0:22:24
and the reason why i'm
0:22:27
i'm moving on to the inserting of the
0:22:30
notes
0:22:31
is because um as in inserting on the
0:22:34
notes from the front end is because
0:22:37
that's the part of the post request
0:22:41
overall we know that board
0:22:44
name is already being inserted from the
0:22:48
front end but we also have to make sure
0:22:50
that
0:22:52
notes are also being inserted the way we
0:22:56
want it so
0:22:58
these two components uh when they're
0:23:01
completed then that it will mean that
0:23:04
okay the post
0:23:05
request in is
0:23:09
is ready for overall testing
0:23:12
yeah okay make sense
0:23:14
yeah
0:23:15
and then once
0:23:17
that's done then we're gonna move on to
0:23:21
probably update
0:23:23
because another person in the team is
0:23:25
what
0:23:26
already has signed um
0:23:29
get request to his name
0:23:33
okay
0:23:34
yeah yeah cool i think in either case
0:23:37
like the
0:23:38
you know if we work on this now
0:23:40
it's um
0:23:41
you know it doesn't really matter that
0:23:43
much because you know still still carry
0:23:45
on
0:23:46
when you know when we do the back end
0:23:48
it'll still
0:23:49
help to to push that forward what i mean
0:23:52
is like you know it won't it won't
0:23:53
really make much of a difference either
0:23:55
way right
0:23:57
sorry when you say that
0:23:59
when
0:24:00
we do this now
0:24:03
what do you mean by this
0:24:05
i mean inserting the notes now and like
0:24:07
yeah you know in either case if we do
0:24:10
that first the back end first or we
0:24:13
um you know choose to
0:24:16
work on the insert notes now like what i
0:24:19
mean is like you know it doesn't really
0:24:20
matter which visual order so much right
0:24:24
um
0:24:25
so
0:24:27
on each
0:24:28
j you you're right
0:24:31
to an extent
0:24:34
the
0:24:34
only reason why i don't want to move on
0:24:38
to their get name or they get request
0:24:42
method because that if we
0:24:44
move on that one that would mean that
0:24:48
okay post request is completed and now
0:24:51
we are moving on that one so i really
0:24:54
wanna as in do
0:24:56
the step one completely
0:24:59
from the best all what we can do in
0:25:02
development and then
0:25:04
move on to this
0:25:05
on step two
0:25:07
but
0:25:09
yes so seems
0:25:11
like you're really keen
0:25:14
to as in work on the back end
0:25:17
am i right
0:25:18
yeah okay
0:25:20
okay cool okay um
0:25:23
in that case um how about if we can do
0:25:26
um
0:25:28
not
0:25:29
today but i'm
0:25:32
when we want to get the
0:25:35
get bored name
0:25:36
done um
0:25:38
we'll do this
0:25:39
together
0:25:41
yeah awesome okay okay i'm careful
0:25:43
cool perfect
0:25:46
um
0:25:51
we can call the convention of the river
0:25:54
beach branch
0:25:59
um so you would be able to
0:26:02
clone that from
0:26:06
from master
0:26:08
sorry
0:26:09
see the
0:26:10
master or main also is this some
0:26:13
monorepo
0:26:14
no this is norm wanna repo uh
0:26:18
we have a separate reaper for back end
0:26:21
and separate for front
0:26:36
every alternate days so i guess i'm
0:26:39
permanent now permanent raw coder
0:26:43
welcome to the crew
0:26:45
thanks man
0:26:48
okay
0:26:49
tori i'm gonna just send you
0:26:52
the
0:26:53
url if
0:26:56
that's helpful
0:26:58
and you can
0:26:59
clone the
0:27:02
main branch
0:27:07
no sorry i didn't lose my job
0:27:15
uh
0:27:16
okay yeah i said demo one is oh what
0:27:20
others unchecked runtime
0:27:22
the message was closed before response
0:27:24
was received
0:27:30
demo one
0:27:33
[Music]
0:27:38
okay
0:27:39
this is the first
0:27:42
i have
0:27:46
seen can you possibly zoom in a bit
0:27:50
yeah sure
0:27:53
filter
0:27:54
um
0:27:55
oh
0:27:57
so he's taking the board name as a page
0:28:00
now
0:28:04
oh hang on
0:28:07
oh this is interesting
0:28:10
i think i know i think i removed it
0:28:11
sorry that's not
0:28:17
hmm
0:28:18
okay
0:28:19
[Music]
0:28:21
that's fine okay it's working properly
0:28:24
can you insert an other one with a
0:28:29
different name
0:28:30
just want to check
0:28:33
do a new name maybe
0:28:36
any
0:28:37
anything
0:28:41
yeah really
0:28:43
nice this looks good as well by the way
0:28:46
yeah
0:28:47
yeah we changed the
0:28:49
css for the heading a bit as well
0:28:53
yes today it's nice
0:28:55
to make a bit more common
0:28:57
um how did this websocket work
0:29:01
um i have no idea at the moment story
0:29:04
because i haven't really worked with
0:29:07
web sockets at all until now but you
0:29:12
when we come to that part it would be a
0:29:15
very fun learning curve so
0:29:18
can't wait for that to come
0:29:22
all right
0:29:23
um
0:29:30
right okay
0:29:35
by the way
0:29:36
just confirming
0:29:38
financial
0:29:39
created a
0:29:40
new branch right
0:29:42
ah not yet actually
0:29:46
um you've got some pending changes you
0:29:49
might want to undo them
0:29:52
before creating um if you
0:29:55
go to ease yeah that sign it will
0:29:58
show you what pending changes your oh
0:30:01
okay
0:30:02
just
0:30:03
the spaces
0:30:04
this is
0:30:11
spaces i guess they increase the false
0:30:14
size as well
0:30:17
good so you got changes
0:30:20
yeah
0:30:22
and home uh no no
0:30:25
always check
0:30:26
what changes they are because you don't
0:30:29
want to mess up the
0:30:31
code
0:30:34
uh
0:30:34
so label name your board
0:30:38
return
0:30:40
[Music]
0:30:41
uh
0:30:42
go return
0:30:44
okay basically just
0:30:46
doing some
0:30:49
[Music]
0:30:51
is inserting some
0:30:52
line breaks
0:30:54
and it's just adding a
0:30:56
go as a return
0:30:59
oh
0:31:00
um you know what this is this is a
0:31:02
i use the formatter do you know the the
0:31:05
extension oh
0:31:06
right right right okay okay
0:31:08
yeah then just uh undo that under the
0:31:11
changes
0:31:15
yes tori
0:31:16
that is for front-end only i'll send you
0:31:20
um
0:31:21
the one for the backhand
0:31:33
there we go this is for the back end
0:31:36
and
0:31:37
this one hasn't been merged yet
0:31:41
but you should be able to get
0:31:44
um the
0:31:47
master branch of it
0:31:52
[Laughter]
0:31:58
i
0:31:59
he's
0:32:01
asked
0:32:02
king then don't
0:32:04
clean the code
0:32:06
as in he likes the ugly because
0:32:10
me and kay do ugly coding apparently
0:32:16
says asking you to
0:32:18
keep it ugly
0:32:22
all right um
0:32:23
[Music]
0:32:25
what are you
0:32:26
committing oh the
0:32:29
client it
0:32:31
the client uh still frontend js i think
0:32:35
it
0:32:36
let me check let me check i don't know
0:32:37
why but i clicked overwrite and uh it
0:32:40
came up with uh
0:32:43
it's just basis
0:32:45
just um for
0:32:47
future when doing this
0:32:51
when doing these kind of things um
0:32:54
uh i would highly suggest
0:32:58
you to as you
0:32:59
read the messages and then
0:33:02
see
0:33:03
what you want to pick because in this
0:33:07
in this in this kind of thing um if
0:33:11
i mean
0:33:12
i'm talking from experience because i've
0:33:15
done a lot of this kind of things and i
0:33:18
actually pissed off a few of the senior
0:33:21
days
0:33:22
in my career
0:33:24
and um
0:33:25
yeah because
0:33:27
if you press any button exit then
0:33:31
please you don't know what's changed and
0:33:34
then that may affect the code as well
0:33:37
and then hence that app won't work as we
0:33:41
want it to work
0:33:42
yeah nah that's true that's a good point
0:33:45
cool so seems like these are the only
0:33:49
ones shed
0:33:51
just to
0:33:52
undo place
0:33:55
uh discard changes yes
0:33:58
discard changes again
0:34:04
so
0:34:06
this is i don't need this right
0:34:09
and
0:34:11
um no
0:34:12
just
0:34:14
why is this showing that just go on that
0:34:17
line and press
0:34:20
this one
0:34:21
and press backspace
0:34:24
again
0:34:26
backspin oh on the
0:34:29
right one backspace
0:34:31
okay here we go perfect
0:34:35
that's fine make sure that there are no
0:34:38
pending
0:34:39
changes
0:34:41
from that
0:34:42
icon from third from the top and then
0:34:46
we are free to
0:34:48
create a new branch
0:34:50
um okay
0:34:53
um so
0:34:55
you know the icon
0:34:57
third from the top on the
0:35:00
as in under the cert each jab that one
0:35:03
if
0:35:04
that has a little say
0:35:06
blue
0:35:07
blue number with it
0:35:09
that means that they're pending changes
0:35:12
that
0:35:13
we have done
0:35:17
[Music]
0:35:22
i would say so yes it's just story
0:35:26
yes should be
0:35:30
all right um
0:35:33
yeah
0:35:35
just to get check out and then
0:35:40
give them
0:35:41
give a meaningful name to the branch but
0:35:44
short one
0:35:45
really short
0:35:47
insert
0:35:48
yeah yeah that's fine
0:35:50
insert notes
0:35:53
good oh
0:35:54
sorry my fault get checked out minus b
0:36:00
there we go
0:36:06
you know what get check on minus b does
0:36:10
it uh goes to that branch and also
0:36:13
creates the branches
0:36:14
exactly
0:36:16
yes
0:36:17
right okay so we are now in again now we
0:36:21
can start to make
0:36:24
just run this and make sure that we're
0:36:27
still getting
0:36:29
um what we
0:36:31
expected
0:36:32
before we make
0:36:34
any changes
0:36:36
launch names too
0:36:39
brighton there are there still still is
0:36:42
continues to be frontended
0:36:45
oh right
0:36:48
still is continues to be printed
0:36:53
to be honest i didn't get this
0:36:55
i didn't get it right
0:36:58
what do you mean tory
0:36:59
right um
0:37:01
insert a board
0:37:02
as in
0:37:04
give you a name
0:37:11
just with
0:37:12
t1 finish
0:37:14
t2 t3
0:37:16
[Music]
0:37:18
normally
0:37:20
c1 c2
0:37:23
short and it takes a lot less time
0:37:26
rather than demo one two three four five
0:37:29
six
0:37:31
okay cool so that's working fine which
0:37:34
is good um all right let's go
0:37:38
to the code now
0:37:43
right we probably need to go
0:37:46
we need to
0:37:49
um
0:37:52
[Music]
0:37:54
so you want to add the
0:37:56
button
0:37:57
here right i think
0:38:00
i think they
0:38:01
there would be the appropriate place
0:38:09
yeah i think um
0:38:12
the place doesn't really matter at the
0:38:15
moment at the moment i just
0:38:17
going
0:38:21
career button and then um we can decide
0:38:25
where exactly we wanna play yes
0:38:29
so
0:38:34
um
0:38:34
[Music]
0:38:42
actually would be anyways
0:38:48
nice down here perhaps like a
0:38:51
um
0:38:52
you know like a floppy disk sort of
0:38:54
thing
0:38:57
yeah that could be one as well
0:39:01
let's do that
0:39:11
and we can probably use font awesome
0:39:16
yeah yeah
0:39:17
i was thinking maybe we can utilize what
0:39:20
they have here teeny icon
0:39:22
if there is one such a thing like uh
0:39:24
yeah they use tech stock even no and
0:39:26
then maybe there's like
0:39:29
um maybe there's a save or something
0:39:31
that we can use
0:39:33
teeny icons outline
0:39:36
okay google teeny icons
0:39:40
the name is funny to be honest
0:39:42
you know
0:39:44
teeny weeny icons
0:39:48
here we go
0:39:52
wow this is very small
0:40:01
search for safe
0:40:05
ah
0:40:18
let's use that then
0:40:23
oh are they svg's
0:40:26
yeah they're switching
0:40:28
uh-huh interesting
0:40:31
right
0:40:32
see if this is safe here
0:40:37
yeah there is one
0:40:40
no uh outline save for nem id
0:40:45
do you want you probably want to
0:40:48
wow this is really
0:40:52
actually go back to the webpage
0:40:54
as in the
0:40:56
teeny weeny icon
0:41:01
um
0:41:03
solid
0:41:07
don't they give you the code hell
0:41:09
like they do it on um
0:41:12
the thing
0:41:13
front door that's awesome oh here we go
0:41:16
it just copied it
0:41:29
let's check that what does that do for
0:41:31
us
0:41:32
yep
0:41:47
yeah
0:41:48
our teeny-weeny icons is appearing
0:41:50
really teeny-weeny
0:41:54
true
0:41:55
i was thinking
0:41:57
maybe we just like use this though like
0:42:00
um and then
0:42:02
you know so it kind of stays the same
0:42:04
format perhaps
0:42:06
so
0:42:06
if we did that and then change this to
0:42:08
save
0:42:09
okay
0:42:11
yeah we can do let's try that as well
0:42:15
that's actually a
0:42:17
better idea because you will stay
0:42:20
consistent
0:42:27
uh
0:42:29
sorry i'll
0:42:31
tell you a secret about
0:42:33
svgs and
0:42:35
and
0:42:36
non-svg's um
0:42:39
yeah
0:42:40
later
0:42:42
and why i was a bit surprised and
0:42:45
excited as well
0:42:48
all right yeah and
0:42:50
tanesh
0:42:53
hello
0:42:56
dinesh
0:42:58
is he gone
0:43:02
furnish
0:43:05
what happened there
0:43:11
yes
0:43:13
yes tori
0:43:15
that's the one
0:43:20
what is happening to finesse
0:43:22
interesting
0:43:26
uh the thing
0:43:27
[Music]
0:43:28
was gonna do is
0:43:30
uh come back in
0:43:32
as in exam then and then come back in
0:43:45
there we go
0:43:46
he's back
0:43:48
my internet cut out
0:43:51
oh can i
0:43:52
see yeah
0:43:54
okay let me uh share my screen again
0:44:01
it's cute jesse
0:44:04
hey welcome cute jesse
0:44:06
good to have you
0:44:12
all right i'll add your screen in the
0:44:16
thing cool
0:44:25
uh
0:44:26
why isn't the board name appearing now
0:44:29
did you
0:44:30
type in the board name
0:44:31
uh it's just gone to index that's why
0:44:34
but you know how automatically it goes
0:44:36
to index right there
0:44:39
okay cool right right okay
0:44:42
okay oh perfect so that's appearing as
0:44:45
well
0:44:46
um
0:44:47
all right
0:44:49
save is
0:44:50
done
0:44:55
do you think it's
0:44:58
appearing
0:45:00
as if you didn't if you open that app
0:45:03
the first uh the first
0:45:05
time and you saw the first
0:45:09
what am i saying
0:45:10
if you saw this page the first time you
0:45:12
will be able to tell the fastest save
0:45:16
save button
0:45:19
um it's a bit hard to tell
0:45:22
that's what i was thinking as well
0:45:24
um
0:45:30
all right
0:45:37
uh
0:45:40
okay how about if you come to the ui bit
0:45:44
as in off
0:45:46
afterwards when the back and uh
0:45:50
when the actual functionality is working
0:45:53
because
0:45:54
it would be just as in matter of
0:45:56
deciding which
0:45:58
kind of icon we
0:46:01
want or even we want an icon itself as
0:46:05
well
0:46:06
yeah yeah okay cool yeah that's what you
0:46:09
think
0:46:10
i think that's a good idea we'll leave
0:46:11
it for now and then maybe
0:46:13
we'll switch it up change location
0:46:15
right yeah so if you click um then note
0:46:19
button
0:46:20
on the yeah
0:46:22
does it do anything oh what
0:46:26
yeah
0:46:34
i was just going to say is that meant to
0:46:35
at the moment like
0:46:38
won't it uh do something
0:46:40
once we add some functionality
0:46:45
i don't think sir because
0:46:48
the click was meant to work and we
0:46:51
should be able to see
0:46:54
the the note
0:46:57
as in the card itself appearing
0:47:04
if i saw this page the first time i
0:47:06
would close the tab immediately
0:47:10
that's really
0:47:12
encouraging
0:47:13
to worry thank you
0:47:15
very much really appreciate your honesty
0:47:18
man
0:47:25
all right and
0:47:27
let's
0:47:30
close this
0:47:32
tab and open that incognito because i
0:47:35
want to see if we are having any errors
0:47:37
in the console when we
0:47:39
do that
0:47:41
yeah cool let's do that
0:48:00
the button clicks i like those two now
0:48:03
an action has a good to know an action
0:48:06
is a curtain
0:48:10
yeah yeah i get what you mean
0:48:16
um open up console
0:48:18
first um sorry
0:48:23
okay oh
0:48:25
we would probably have to come back to
0:48:27
this
0:48:28
because
0:48:29
before
0:48:30
clicking there i need you to open up
0:48:32
consoles so we can check
0:48:35
what happens
0:48:37
yep okay
0:48:39
so start from here you mean
0:48:41
yes please
0:48:53
um
0:48:55
are you
0:48:57
are you building
0:48:58
so basically what we're building
0:49:01
a
0:49:03
web
0:49:04
based kanban board
0:49:06
um
0:49:07
so that is already an open source
0:49:10
project but what we are doing is
0:49:13
in enhancing it in order to add
0:49:16
persistence
0:49:17
storage to that
0:49:20
that's all and also
0:49:22
i'm transferring all the architecture to
0:49:25
aws
0:49:29
all right so
0:49:31
yeah did you
0:49:33
did you click on that
0:49:35
save
0:49:37
um the
0:49:39
the notes
0:49:40
i did yeah
0:49:42
and nothing happened
0:49:44
all right we probably have to go unless
0:49:47
i messed up something in them
0:49:49
in the merge we will probably have to
0:49:51
figure out
0:49:52
why is that not happening
0:49:55
all right
0:49:58
i thought it sounds just um we haven't
0:50:01
implemented
0:50:02
that part of it yet
0:50:06
oh because this functionality is already
0:50:09
working as in in the original
0:50:12
original original scrambler
0:50:15
but and we haven't really touched that
0:50:18
at all
0:50:20
so it should be already working um yeah
0:50:25
of course and unless i have
0:50:29
messed up the merch but we'll see um
0:50:34
can you see whether
0:50:36
you use destined document isn't it the
0:50:38
text the document right this
0:50:41
the first one
0:50:42
yeah
0:50:44
this one first yeah
0:50:46
and can you
0:50:48
do a
0:50:49
highlight the id of it and do a search
0:51:03
for i
0:51:04
am sure this is an enhancement
0:51:07
well the fact that uh all the data
0:51:11
will be backed up in the db now
0:51:14
yes
0:51:15
from that perspective only because i
0:51:18
don't think in the original version
0:51:21
um the developer who made that uh has
0:51:25
actually backed up that in the database
0:51:32
right um
0:51:36
what did we do
0:51:38
i just had a quick search um
0:51:42
this is the only one in index
0:51:45
okay then that would have been in um
0:51:48
let's go to script.js
0:51:56
and
0:51:57
ah there we go
0:52:00
nice it's hidden there
0:52:02
position
0:52:11
top left
0:52:14
oh and can you see if
0:52:18
this
0:52:19
if the app is still used if the app is
0:52:22
doing using socket io
0:52:25
as in if you go to index.html
0:52:29
it should be there
0:52:37
should have been commented out
0:52:42
is he choosing anywhere else
0:52:48
um on this file
0:52:53
on script.js
0:52:58
script.js okay so yeah it's all
0:53:02
commented out isn't it
0:53:05
you should be commented out yeah yeah
0:53:08
is is is commented out
0:53:11
um
0:53:14
it seems like it was costing you some
0:53:16
coin
0:53:17
yes
0:53:19
it's just
0:53:20
costing me some
0:53:23
coin but um
0:53:25
yeah
0:53:26
there's a part where we
0:53:28
it's just as in
0:53:30
giving back to the
0:53:32
community that's already tori
0:53:35
but
0:53:35
if he starts
0:53:37
getting really hefty then we might
0:53:40
put we might put on
0:53:44
a really cheap
0:53:45
chair
0:53:55
okay why okay um can you uh
0:53:59
do a search on
0:54:01
create card again
0:54:03
because i just want to see
0:54:05
where the click event is
0:54:08
of this
0:54:11
uh create card that one draw new card
0:54:15
um right
0:54:18
and
0:54:20
go up a bit please
0:54:23
scroll slightly yes please
0:54:26
action
0:54:27
oh okay
0:54:29
uh can you
0:54:32
console.log
0:54:33
action
0:54:35
because i want to see if the action is
0:54:37
even
0:54:39
coming
0:54:43
inside and outside please
0:54:52
actually
0:54:53
probably easier doing alert
0:54:59
okay should i put it in here
0:55:03
yeah
0:55:04
yeah
0:55:06
because if this action doesn't
0:55:09
um
0:55:12
yeah okay if this action doesn't come
0:55:14
then them means that action the variable
0:55:17
itself is not create card
0:55:21
all right yeah
0:55:22
yeah let's test this
0:55:24
okay get this video i'll mention some
0:55:26
time ago hopefully it's doing it
0:55:31
[Music]
0:55:33
uh yes tori i'm just not as in
0:55:37
i'm kind of becoming time poor
0:55:40
so i need to be a bit more efficient
0:55:42
with the time i already have so
0:55:46
yeah i will do that
0:55:49
no bull balls
0:55:52
just for you tori just for you mate
0:55:57
and
0:55:58
ah so alert isn't even showing
0:56:03
is this
0:56:04
is is even the script js being imported
0:56:07
in in industrial html can you check
0:56:10
let's hope welcome yeah
0:56:14
i feel like we've we commented it out
0:56:16
for
0:56:17
days
0:56:19
yeah probably not it's not being there
0:56:22
yep it's not being used
0:56:23
so
0:56:24
let's import script.js
0:56:28
yes
0:56:29
that must have been the reason
0:56:31
yeah did we take it out for some reason
0:56:34
i think i must have
0:56:37
done that
0:56:38
in the merge
0:56:40
apparently
0:56:42
just taken up by mistake
0:56:47
and
0:56:48
this is a typical example when there's a
0:56:52
huge
0:56:53
man as in a branch with many changes
0:56:57
and you try to merge it in all
0:57:01
together
0:57:03
this happens
0:57:06
yeah typical so
0:57:07
there's a lesson for us both over there
0:57:13
all right
0:57:14
let's have a look and see what this
0:57:16
brings us
0:57:17
[Laughter]
0:57:24
nice try tori
0:57:26
very nice try
0:57:28
i like your approach
0:57:32
i can probably make your user within
0:57:37
within
0:57:39
please privilege access
0:57:41
if you want
0:57:45
there we go our notes are coming up yay
0:57:50
for really nice
0:57:53
okay now we want to make sure that
0:57:55
whatever text we type in there
0:58:00
that gets
0:58:01
saved right
0:58:06
did we disable this say we did right
0:58:08
yeah
0:58:10
the we wanted to get rid of the sticky
0:58:12
notes
0:58:14
oh okay
0:58:15
yeah all right cool
0:58:17
yeah then he must
0:58:19
know that um we'll probably have to
0:58:21
confirm
0:58:22
for them as well and you must be right
0:58:25
as well
0:58:26
right um
0:58:28
okay so we wanna check which
0:58:34
variable is storing the text on the
0:58:36
notes
0:58:38
on the sticky note so
0:58:40
where are those
0:58:42
so if you go back to um
0:58:46
um
0:58:47
script.js
0:58:54
all right i'll let you
0:58:56
find this one
0:58:58
okay
0:59:03
[Music]
0:59:17
a bit of a hint
0:59:23
you know where the
0:59:28
case for the
0:59:31
create card worse
0:59:34
is in the
0:59:35
the the switch statement for the create
0:59:38
card was um
0:59:42
it had
0:59:44
something there in the store
0:59:48
for you
0:59:50
and go up no yeah
0:59:52
in that section
0:59:54
i'll let you find that
1:00:16
okay
1:00:21
study it
1:00:28
hmm
1:00:33
you'll be good in that method
1:00:36
yeah i was just going to do it yeah
1:00:46
your answer is in this method
1:00:50
somewhere
1:00:55
okay
1:01:07
too far
1:01:37
is in
1:01:38
this dynamic case html section
1:01:42
you come too far yeah
1:01:44
in this section
1:01:46
yeah
1:01:50
what are we inserting
1:01:53
the text
1:01:54
yeah
1:01:56
yeah
1:01:58
it's the one you have just highlighted
1:02:03
yeah
1:02:05
the text that's a variable
1:02:08
well done
1:02:09
true
1:02:11
true
1:02:12
well done
1:02:18
does that make sense yeah yeah that
1:02:20
makes sense
1:02:22
oh okay
1:02:23
yeah yeah i get even i get what you mean
1:02:25
now yeah yeah yeah yeah okay
1:02:28
yeah that's awesome
1:02:30
fantastic
1:02:31
um how can he tell that is that text
1:02:39
uh i guess one way we could
1:02:42
kind
1:02:43
we can make sense of it is maybe
1:02:46
by reading through the html
1:02:52
yes because it's using dynamic html in
1:02:56
javascript so
1:02:58
[Music]
1:02:59
the fact is using svg and the images
1:03:04
those notes are the images and the text
1:03:08
is in that note
1:03:11
yeah
1:03:12
yeah makes sense
1:03:14
perfect so
1:03:16
um i just want you to come to line um
1:03:24
two to three
1:03:27
and i just
1:03:29
want you to alert the text
1:03:33
a bit
1:03:34
you just want to confirm if there is
1:03:37
the right one we're looking at
1:03:45
okay
1:04:00
okay
1:04:01
yeah do that
1:04:10
okay so you won't really show us at all
1:04:14
okay couldn't that's fine
1:04:17
no problem at all
1:04:20
okay we can
1:04:21
leave it until here and you can
1:04:24
basically push
1:04:26
the code
1:04:28
on the branch we've just
1:04:32
we've just
1:04:33
created and just
1:04:34
go to the icon
1:04:37
or for the pending changes one as in
1:04:41
source control
1:04:44
uh
1:04:45
from the top
1:04:47
yeah
1:04:48
saying what if we actually put it in the
1:04:50
if statement just wondering
1:04:56
good point
1:04:58
yeah
1:04:59
good point because he's using two
1:05:02
two different as in card and sticky and
1:05:06
yeah i i didn't
1:05:09
see those if statements
1:05:11
my fault
1:05:12
yeah
1:05:14
all right let's uh let's see if that
1:05:15
works
1:05:26
[Music]
1:05:34
hmm
1:05:37
it lets when you click it
1:05:40
but not when you type
1:05:47
i think there's some mechanism as a
1:05:50
logic we need to insert to actually put
1:05:53
the alert in
1:05:54
yeah
1:05:57
oh no no no no
1:05:59
no
1:06:00
go
1:06:02
go to script.js
1:06:04
okay
1:06:06
uh
1:06:07
remove that left left from there
1:06:11
okay and go to script.js and go to the
1:06:17
reference of the function
1:06:28
create new card
1:06:39
um
1:06:41
do an alert over there just in case
1:06:44
as in
1:06:46
above the draw new card one
1:06:48
okay yeah that's fine
1:06:51
that's fine either way
1:06:53
and let's text yeah
1:06:58
okay being
1:07:01
when you initialize the cards here
1:07:05
um
1:07:08
you see the next one
1:07:10
it's being called here as well before
1:07:13
uh data colored
1:07:15
uh
1:07:16
alert there is as well off to the method
1:07:21
as in uh remove that
1:07:23
alert action
1:07:24
and just
1:07:34
yeah
1:07:36
try now maybe
1:07:40
i'm not entirely sure if this would give
1:07:42
us what we want
1:07:45
but let's just see
1:07:48
text
1:07:55
no
1:07:56
all right let's just come back to
1:07:59
tomorrow
1:08:02
i've used the threshold of my brain for
1:08:06
tonight
1:08:12
all right yeah let's um do a push and
1:08:17
make sure there's the right branch
1:08:20
uh should we check the files first yes
1:08:25
um
1:08:26
all right so we have
1:08:29
this one the text
1:08:34
uh
1:08:34
here we have
1:08:49
yeah
1:08:50
cool
1:08:51
this one yeah script js and yeah we
1:08:54
added that
1:08:57
all right
1:09:03
um
1:09:11
yes sorry we have but
1:09:15
the code as interesting this script.js
1:09:18
that's not our code that's from the
1:09:21
original
1:09:23
developer who actually
1:09:26
created this app
1:09:39
did you do
1:09:40
an ad first thresh
1:09:44
i did it uh yeah
1:09:53
there we go
1:10:01
[Laughter]
1:10:05
is that m or n
1:10:07
o m
1:10:17
um
1:10:18
can you make the end of the
1:10:21
adding uppercase
1:10:23
okay
1:10:25
and say added
1:10:28
save button
1:10:33
and
1:10:35
um
1:10:38
and imported
1:10:40
screw.js
1:10:44
in industrial html
1:10:51
yeah that's better yeah okay perfect
1:11:00
uh
1:11:01
yes
1:11:02
i keep on forgetting that touring no
1:11:06
thanks for pointing back i'll be reading
1:11:10
need to
1:11:12
get that in practice
1:11:24
what is uh what story talking about the
1:11:27
semantic style
1:11:29
so there's a format of semantics
1:11:33
style just
1:11:34
google that
1:11:37
um
1:11:38
so that basically is a proper format
1:11:42
that is
1:11:43
said which is that if it's a
1:11:46
if it's a bug that then we right in
1:11:49
front of it it's about blah blah
1:11:52
okay
1:12:10
probably check some
1:12:12
other
1:12:13
resource this is a bit complicated
1:12:16
yeah there we go
1:12:18
semantic comment messages
1:12:23
ah yeah so
1:12:25
much
1:12:27
there's
1:12:28
like
1:12:29
if it's a feature new feature for the
1:12:33
museum these are some examples we should
1:12:36
um incorporate this um and reveal from
1:12:40
the
1:12:42
next comment
1:12:44
i'm gonna
1:12:46
make that the
1:12:47
coding standard now
1:12:50
all right perfect
1:12:56
i completely
1:12:58
get your feeling story is and um
1:13:02
basically
1:13:04
we all working towards as in
1:13:06
fixing some of those things
1:13:09
that you have appointed but ej it just
1:13:12
needs
1:13:14
kind of a good habit to get in to which
1:13:17
we are already working towards so
1:13:21
we need your support
1:13:22
all right
1:13:24
all right guys um do you wanna
1:13:27
um
1:13:28
close up finish
1:13:30
yep sure all right guys thanks for
1:13:32
joining us on another episode of
1:13:34
buildbreaking fix
1:13:36
um today
1:13:38
uh we worked on
1:13:40
adding the save button
1:13:42
um so that a user admin user can can
1:13:46
save the notes into
1:13:48
the db so that it can be
1:13:50
seen next time
1:13:52
um
1:13:54
yeah so we have we got that down but uh
1:13:57
you know we're still trying to
1:13:59
figure out the the details to that um in
1:14:02
terms of
1:14:04
adding um you know the api and whatnot
1:14:07
so that's something that we'll come back
1:14:08
to uh in the next few episodes
1:14:12
um yeah so thanks for joining us
1:14:14
everyone um
1:14:16
and
1:14:17
um lastly will be the same time
1:14:21
sorry i was reading what tori was saying
1:14:23
but um
1:14:28
raw form
1:14:32
raw form as well
1:14:33
have you guys done a row
1:14:36
yeah all right how about if we do
1:14:38
together
1:14:39
all right okay um okay when we
1:14:44
when
1:14:44
we are about to close off at this same
1:14:48
time blah blah blah and
1:14:50
then right at the end we can roar
1:14:53
okay
1:14:54
okay so close off go on all right
1:14:57
thanks guys um
1:15:00
yeah catch us tomorrow on another
1:15:01
episode of bill break and fix uh same
1:15:03
time
1:15:05
same place
1:15:07
say a different task
1:15:11
row
1:15:12
[Music]
1:15:13
there you go you got it perfect
1:15:17
all right guys
1:15:18
catch you later all right see you guys
1:15:20
have a good night cheers bye