0:00:25
all right welcome back everyone welcome
0:00:27
back to another episode of build
0:00:30
to everyone who is new here of course we
0:00:34
uh we are team fee developers from
0:00:35
melbourne australia
0:00:37
and we've been working on a project
0:00:39
which relates to adding persistent
0:00:42
to a current representative project
0:00:44
which is called scrambler ca
0:00:48
we've been using a lot of different
0:00:50
technologies for our backend we're
0:00:56
from the front end we are using this
0:00:57
using vanilla gs and html css
0:01:00
and we are provisioning this
0:01:05
which is our preferred cloud vendor
0:01:09
we've been using dynamodb as the
0:01:12
so how you feeling today then
0:01:14
feeling pretty good can't wait to get in
0:01:17
the row and get the
0:01:20
functionality of the updating property
0:01:25
let's i get out the base so we can move
0:01:29
on to the other function functionality
0:01:31
hey tory hey cactus good to have you
0:01:38
geez the gang is fulfilled
0:01:41
all right cool um so
0:01:45
i'll share my screen now
0:01:47
oh do you want to acknowledge your
0:01:57
that is not a haircut that's just me
0:01:59
showering as late today
0:02:07
i begin today by acknowledging the
0:02:09
traditional custodians of the land on
0:02:11
which we gather today and pay my
0:02:13
respects to the elders past present and
0:02:16
future i extend their respect to
0:02:18
aboriginal and torres strait islander
0:02:27
that's done all perfect and fantastic
0:02:33
right let's share my screen
0:02:41
i'll put up my vs code
0:02:44
that's the blog one
0:03:00
you get us 10 viewers today i will name
0:03:07
sniffer gang or this you guys decide
0:03:20
okay i think i got your change
0:03:23
goals are known for their sniffing
0:03:31
sounds alone went off yes someone's car
0:03:34
is being stolen or what
0:03:43
we were working on the
0:03:46
index no scripts isn't it
0:03:50
yeah scripts and then
0:03:56
can you hurry along
0:04:07
i don't know what it is
0:04:09
it's just a random car it's like
0:04:16
right this isn't right
0:04:20
where was your change
0:04:22
update right okay i'm i'm in an
0:04:26
i live in a student accommodation
0:04:40
so basically we were just uh we wanted
0:04:46
notes that have already been inserted
0:04:55
what i did yesterday was just make a
0:04:57
hash map if you line liquid line number
0:05:03
yeah i just made a
0:05:05
hash map called text for notes
0:05:09
the note id is the key
0:05:18
so that one so when it inserts it
0:05:22
the note sensors goes into
0:05:31
um okay then we need a hash map
0:05:34
just because we wanted to use a data
0:05:36
structure which was um just
0:05:45
why would we just use an orion
0:05:48
or a list when we can use a hash map
0:05:54
yeah it's just a lot simpler and the
0:06:02
yeah we discussed the whole thing
0:06:03
yesterday for like half an hour
0:06:05
yeah um that's why we came up with
0:06:07
hashmap oh you weren't there
0:06:14
so basically the idea is to
0:06:17
if uh when the note is inserted we are
0:06:21
not inserting it again
0:06:37
but is there any other
0:06:39
data structure you recommend
0:07:02
oh not in a database just like in the
0:07:10
union wants to get all the academy
0:07:16
yeah pretty much sorry
0:07:22
okay so if i enter say this one
0:07:34
the way it works is that we have a save
0:07:37
button right that then what do we do
0:07:39
with the state button
0:07:41
um like this and also the issue was that
0:07:45
every single change like if you type t
0:07:48
and then e and then s and then t again
0:07:52
is it was just creating
0:07:54
different instances in the array
0:07:56
of that particular
0:08:01
let's see so how many of them have we go
0:08:32
okay f4 yet that is the one
0:08:38
so just one two three okay so if i've
0:08:43
what happens if i do this again
0:08:54
i don't think so i can do that
0:09:11
we are discussing things as well
0:09:14
i just didn't know these terms like
0:09:20
i should look into it i mean we should
0:09:29
um it's kind of a throttling technique
0:09:41
is that used to accomplish what you're
0:09:44
trying to accomplish
0:09:48
you should look at example it's really
0:09:49
hard to explain i mean it's not hard to
0:09:51
explain but it'll be more efficient if
0:09:53
you look at an example
0:09:56
you should say bouncing js
0:10:12
the layer function in
0:10:17
why would we want to delay a function in
0:10:25
okay i'll check my screen which in my
0:10:26
screen for a second
0:10:30
something like this
0:10:41
did you guys do it
0:10:46
it's basically using forms
0:10:50
forms validate as soon as you put put
0:10:57
um yeah just get out of the
0:11:00
firm i think that's where people use it
0:11:07
because this is kind of a binding
0:11:10
technique in angular as well
0:11:13
okay i didn't know that
0:11:22
they can go back to your screen
0:11:27
i'll add your screen
0:11:32
um and it's not really adding
0:11:39
why would i open this um so it's not
0:11:52
yeah that is salty
0:11:58
yeah what happened
0:12:03
get this thing that car horn
0:12:05
has more experience in tech than
0:12:09
this is gekko being active
0:12:12
typical gekko yeah he likes to pull boom
0:12:18
likes to pull my leg a lot
0:12:22
tell but he has to he has the right
0:12:30
our special geckdev
0:12:35
uh all right go back to that one
0:12:43
it's not updating that one so
0:12:47
um yes today we were working on that if
0:12:51
we change our mind
0:12:56
and we want to edit the note
0:12:59
as in change this to whatever
0:13:18
so what you need to do is that
0:13:22
you need to see if the status is
0:13:23
inserted then just call the update
0:13:26
function that's all
0:13:27
so chest voice being is okay right right
0:13:31
right you know what i mean
0:13:33
let's see if what happens so we need to
0:13:35
create an update function
0:13:38
in there now right cool oh no update
0:13:41
function in the back end it's already
0:13:44
you know there is an object function
0:13:52
controller sorry yes so it would be
0:13:55
called update controller
0:13:59
that's what was confusing me um so
0:14:03
basically which means that at the moment
0:14:06
as in right in this stage
0:14:09
going off from the road
0:14:14
board and knows functionality is pretty
0:14:21
update has to be done so
0:14:25
if the note status says i
0:14:28
just call update in the back and don't
0:14:30
even think about anything
0:14:34
i understand that but there are two kind
0:14:36
of scenarios for updating
0:14:40
um the first would be that if we have
0:14:46
a board and then and
0:14:49
and we are saving it but then we have
0:14:53
changed our mind that we want to update
0:14:56
it straight away i think best scenario
0:15:06
yeah then you just call update right if
0:15:07
the node is already inserted
0:15:11
yes so what here i'm trying to do is
0:15:14
clarify the two scenarios
0:15:18
first and then moving into them one by
0:15:22
which one is the first one
0:15:24
so the first scenario is the
0:15:27
one that i've just described where you
0:15:30
create the board and then and the note
0:15:33
yeah and the notes and then press
0:15:51
in short the first scenario would be
0:15:57
and then straight away
0:16:00
yep okay the second scenario that that
0:16:04
was in my mind when we actually get
0:16:08
the board from the database first
0:16:14
it gets populated on the board page and
0:16:18
then we update from there
0:16:22
i think these both are the same
0:16:26
i mean if it's already there i don't
0:16:30
what i'm trying is i'll just open a
0:16:37
so you want to try this say we have
0:16:41
created a board right
0:16:43
yep okay we have inserted
0:16:48
inserted few notes
0:16:53
and then we have saved it okay that's
0:17:18
i want to insert an other and other note
0:17:23
press ah then save it
0:17:28
the solution to this is we can call the
0:17:30
update function right does that work
0:17:35
yes it does work here but i'm just
0:17:38
taking a bit of an organized approach
0:17:41
making sure that we both are on this
0:17:45
because your thinking
0:17:47
ability is much faster than mine so i'm
0:17:50
just trying to as in
0:17:54
okay and the second
0:17:57
is is that we get the board first
0:18:02
database and then uh
0:18:05
and then populate the notes
0:18:15
these are the two approaches that are in
0:18:24
in general essentially what we are doing
0:18:25
is just updating already existing note
0:18:39
so updates is already there
0:18:44
so how update works is is taking the
0:18:54
case is a different one
0:19:03
i told you a few days ago that we might
0:19:07
just want to use one id for both front
0:19:10
end and backhand at the moment we be
0:19:12
able to separate ones
0:19:20
i think we can probably keep this one
0:19:24
yeah you should probably do that
0:19:26
um and and just kick and just get rid of
0:19:33
that shouldn't be too hard to just go in
0:19:34
the back and then do that
0:19:36
no no shouldn't be hard at all i'll just
0:19:41
cool because i speak one first sorry if
0:19:44
you're wondering i'm eating a burek
0:19:47
it's a turkish dish
0:19:50
it's not this it's not exquisite or
0:19:52
something it's just
0:19:54
a thing to eat really
0:19:56
um yeah turkish bread
0:20:04
that sounds really there's no stuff oh
0:20:06
wait i'll i'll spell it for you so it's
0:20:14
now i didn't make it i bought it from
0:20:23
restaurants area in queenwick
0:20:28
yes i think it's called green bay i
0:21:03
i mean honestly i didn't have anything
0:21:04
else to eat that's why i'm eating this i
0:21:06
just bought this today um so we just
0:21:09
press submit yeah turkish food is pretty
0:21:13
they know how to do meat
0:21:16
like the whole middle eastern and
0:21:21
they really know how to do good meat
0:21:25
okay support can be remain it can remain
0:21:29
yep this is the choice of the asmr of me
0:21:36
if you get 10 euros i'll name this asmr
0:21:43
yeah they are they're pretty good with
0:22:01
eating and everything
0:22:06
that would be a string
0:22:08
it's gonna make it as natural
0:22:10
part of my life as i could
0:22:13
but that's just really an excuse for me
0:22:19
so that would be coming up from there
0:22:21
what's your office space like that like
0:22:24
is there like a strict rule that oh yeah
0:22:28
i mean of course when you're a meeting
0:22:29
you won't like eat but
0:22:32
is is there a very
0:22:33
oh that's true okay never mind but when
0:22:36
you had the office space
0:22:40
is it like oh no you can't do that
0:22:43
or like oh it's pretty cheap
0:22:48
what i did for that yeah yeah
0:22:56
do that that's literally the worst thing
0:22:59
you know you can get a job and like
0:23:02
if the so in this if the senior software
0:23:06
like doesn't approve that's fine but
0:23:08
like when you know you can get it and
0:23:10
the hr is like oh yeah i'm just gonna
0:23:12
take a lot of time
0:23:16
that's like the worst
0:23:23
so we're getting the id from
0:23:48
that comes into there
0:23:52
thanks for not setting this that goes
0:24:01
so front end of those name
0:24:19
right right right we need to
0:24:29
wow okay cool interesting
0:24:34
personal validator
0:24:51
so basically we need to add this as well
0:25:14
there is some water
0:25:20
think that was the one
0:25:24
also then looks like your mac needs some
0:25:30
yeah it can hold in
0:25:39
i do that all the time my friends are
0:25:41
like oh yeah you're flat less than 20
0:25:44
i'm like yeah there's two more hours no
0:25:49
so i d he was the id one okay
0:25:54
value value.data yeah that should be
0:25:58
one second i'll just get some water
0:26:16
men used to go house to help
0:26:29
so i've added the key here
0:26:32
so i need the key there's one
0:26:49
this will actually go to the
0:27:10
this will come here
0:27:13
then it should get the note
0:27:29
um text for notes that's interesting
0:27:42
so the request is coming in
0:27:47
come through that one um
0:27:54
just want to check what this
0:27:56
comes up as because i'm not entirely
0:28:01
coming in this part
0:28:07
uh what other ones can we use
0:28:39
let's just do this for now and see
0:28:57
that is actually in the request
0:29:02
maybe requested body dot
0:29:09
that's what i want to check
0:29:12
that if it's even in the
0:29:21
only word winning printing requested
0:29:28
we can do that as well i'm just gonna
0:29:31
think that request object might just
0:29:32
come like as in like
0:30:07
by the way i'm thinking that um
0:30:12
gonna start to as in
0:30:23
oh yeah for sure i mean they're pretty
0:30:31
as in it will just
0:30:33
give a lot of practice because i think
0:30:35
they can a person can only get better in
0:30:38
them with practice
0:30:40
that's all yeah for sure that's true
0:30:46
one of our courses
0:30:49
um requirement was to do that
0:30:54
right that's pretty fun that's a pretty
0:31:03
i'm so sad this is my board you know his
0:31:12
how did that happen
0:31:14
i don't know there's some problem with
0:31:15
the battery like you know how serial
0:31:18
batteries are if you have done like even
0:31:24
uh alexa i'm having trouble connect
0:31:30
having trouble connecting to the
0:31:36
batteries and cereal work like in serial
0:31:40
there's like parallel and cereal
0:31:47
this board uses the serial connection
0:31:52
batteries smaller batteries
0:31:54
one of them is overcharged
0:31:57
so rest of the batteries are like 3.5
0:31:59
volts and one of them is like 4.2 volts
0:32:03
i need to figure out a way to discharge
0:32:06
which is just not possible and serious i
0:32:09
fully drain out the board now
0:32:16
that's interesting
0:32:20
long way for you huh
0:32:22
now i need to give it to a board
0:32:26
ouch it was this thing there
0:32:29
uh board is taking the board
0:32:53
so i need to go to the front and
0:32:59
front and front and front end
0:33:26
doesn't make sense
0:34:26
no that's not insulted
0:34:30
i'm trying to print out the notes id
0:34:35
ah so this is the note id coming up as
0:34:39
no that's what i printed
0:34:44
chicken lambda i don't know why you're
0:34:48
no because i'm gonna make sure that i'm
0:34:59
the front end first
0:35:09
because it doesn't really show me hang
0:35:13
my just hard refresher and it's talking
0:35:37
nodes id is coming which is fine
0:35:40
that's exactly the one we want
0:35:48
i haven't got access to a tour yet um
0:35:52
i totally i think we had we talked about
0:35:57
i applied for it it's been like
0:36:00
a while applied for it did you get
0:36:03
i don't know if any of my friends would
0:36:07
hey did you get access to it i'm really
0:36:41
oh i just saw i got access as well
0:36:45
i got access to github co-pilot
0:36:49
oh right interesting
0:36:58
eight contributors and it's written in
0:37:02
body and then i day body and then i
0:37:05
think where's my first coda
0:37:09
body and then id yeah
0:37:13
i'm getting confused with this thing
0:37:23
for the end that might be cool
0:37:26
i might try it i mean this is my
0:37:28
assignment i finished my
0:37:30
semester last week so
0:37:33
discovered that but
0:37:35
i might still try it
0:37:38
all right let's try this um see if this
0:37:49
i'm sure if you wrote it it'll work
0:38:01
all right what oh you love being
0:38:08
that's why i just laughed really loudly
0:38:18
now i appreciate the evolve
0:38:46
all right let's check out this guess
0:38:53
come on do it for daddy
0:39:07
wow 15 more days to our half a milestone
0:39:12
what's a half a milestone
0:39:21
as in developments
0:39:27
yep that's the monster
0:39:32
uh all right cool so i'm gonna
0:39:38
thing got enhancement
0:39:42
yep everything there cool
0:40:18
we're looking for off three t
0:40:36
that's a bit misleading but let's have a
0:40:40
so we are looking for r3
0:40:47
board id r3 t1 voila there we go
0:40:58
the note id is actually coming from the
0:41:00
front end now which is really good
0:41:03
um what we need to now do is backtrack
0:41:12
updating so if it's already
0:41:17
are changing the status which is good
0:41:24
so means changing the status here after
0:41:35
we change this itself after we insert it
0:41:39
but but but if you want to
0:41:43
do it again we need to create a method
0:41:51
take it from there
0:41:53
all right so this would be n seconds
0:42:03
what is the type i missed something
0:42:16
phone submit and react
0:42:19
i'm not too sure about that let me see
0:42:30
i'm not too sure sorry sorry about that
0:42:35
so how would this work
0:42:47
what's your question maybe i can look
0:43:02
so we want to check
0:43:40
so that one portable file just if it
0:43:50
um and then we would call an essence
0:44:05
what we pass the value and the key yeah
0:44:08
because we need both of them key to
0:44:12
uh identify and then value if it needs
0:44:19
and then we are basically
0:44:27
basically checking if
0:44:38
you don't know about
0:44:40
text yourself after that
0:44:43
i'm gonna use it literally
0:44:58
i think i'm on the right track but we'll
0:45:01
find out once i tested
0:45:08
so we check if for each of the notes in
0:45:12
the text for notes
0:45:24
no no no no no no no no no no
0:45:28
status isn't said no no no that's not
0:45:46
status equals no to inserted
0:45:52
we need to upgrade this
0:46:01
if it's inserted then we need to update
0:46:45
if the status is inserted then we need
0:46:49
to update the data
0:46:51
field of it with the with this value
0:47:01
uh this wouldn't make sense no
0:47:11
ah we probably have to ah
0:47:14
and have a new value
0:47:28
because yeah i'm thinking if we give you
0:47:33
value then it will
0:47:34
wouldn't it correspond to the
0:47:41
yeah that's true um
0:47:45
right all right right
0:48:18
if there's a value
0:48:23
yeah value so assuming this will be the
0:48:34
will be the existing key and then
0:48:40
one if it's inserted that one
0:48:48
get ever something to say which looks
0:48:51
really really interesting
0:48:53
read it out for you
0:48:55
um for starters you can't for each a
0:48:59
it is not going to await properly
0:49:02
um you have to map a list of promises
0:49:05
then use promised.all
0:49:13
looking at the comments open my head
0:49:21
for you to promise me
0:49:24
like that's not going to work please you
0:49:26
have to map on this opponent
0:49:30
then use points all
0:49:38
uh toriel always makes me laugh
0:49:48
uh i didn't know that one
0:49:51
thanks for pointing down get dev um
0:49:55
i really needed that
0:49:58
okay cool so that means that we can't do
0:50:09
we'll probably have to
0:50:11
list of all of the promises as in
0:50:15
combine them and then do a promise for
0:50:24
yeah i don't know how to do that
0:50:28
so what we're going to do is check boxes
0:50:35
how to what i promised
0:50:56
this promise function
0:50:58
know how to single
0:51:03
how to using with the right map
0:51:07
so you want to execute and
0:51:14
uh by the way therefore
0:51:16
just curiosity why can't we do it in
0:51:25
it it might or it might not work
0:51:32
right it will work as is but you want to
0:51:36
and you will not be able to tell when
0:51:39
everything is done
0:51:47
promise to all returns an array in order
0:51:56
my head is boiling at the moment
0:52:00
because i don't know the heater then
0:52:07
i mean no stress um
0:52:12
i mean yeah it's not true
0:52:15
why did you get all the
0:52:19
and then they appear false away
0:52:26
you know what i'm going to do as in save
0:52:30
in take a screenshot pretty short of
0:52:33
this because you want me to take it
0:52:37
yeah because these are really important
0:52:39
stuff that is telling us
0:52:59
yeah if you can um
0:53:01
please and then i'll
0:53:13
okay yeah i i needed that
0:53:18
that would work with pages as well
0:53:26
i really streaming you know as i've had
0:53:29
a way of having copying and pasting
0:53:48
i mean oh it's on twitch
0:53:55
right yeah that's actually making a lot
0:54:01
i'm gonna probably
0:54:02
go and actually really dive into this
0:54:10
yeah i really have to get a proper
0:54:17
coming up again and again
0:54:20
you need to do actual
0:54:24
on to me again have a look
0:54:34
that's pretty good um
0:54:39
he's here every day i mean i have taken
0:54:43
breaks in between so
0:54:46
that's pretty commentable for sure
0:54:50
well it's not really about just the
0:54:52
attendance is how much value you're
0:54:54
bringing as well though
0:55:01
promise already checked as soon as
0:55:24
wow i've got a lot to go through
0:55:32
brush off sometimes for me
0:55:44
i don't know what you guys totally new
0:55:56
if you can promise this to a story
0:56:07
now we'll do an exam story for this for
0:56:11
if you want to come on
0:56:26
agreed to a debris
0:56:30
and us and then i mean
0:56:33
we're here six days a week so it's
0:56:36
not really a quick question of suing us
0:56:40
but yeah it's up to
0:56:45
i mean there are some good shows on
0:56:48
if you want to enjoy popcorn
0:56:51
so he doesn't need to sacrifice his
0:56:53
mental health for that
0:57:17
all right of course some homework
0:57:20
homework to do and a coding test coming
0:57:22
up in two days as well
0:57:30
cena develo devereux like no no no
0:57:36
junior to mid as in transitioning into
0:57:44
yeah that's pretty good
0:57:45
let's see how that goes
0:57:48
is it a better company
0:57:52
i've heard okay i've heard
0:57:56
pretty good all right guys um
0:57:59
thanks for joining uh a lot of a lot of
0:58:02
nuggets to take away
0:58:07
he loves to pull my leg honestly have a
0:58:13
and i've been putting that on linkedin
0:58:28
jeff thanks guys for joining in i
0:58:34
the time and also inputting
0:58:36
the valuable learnings for us as well um
0:58:42
good progress it changed uh as you got
0:58:45
rid of one of the redundant
0:58:48
uh unique uh identifier in the back end
0:58:53
we're just choosing one
0:59:00
now from the front end to the back end
0:59:03
good um tomorrow we plan
0:59:06
to get this um update functionality
0:59:12
let's see how that goes yeah
0:59:18
and see how how we go uh have you got
0:59:21
anything to add okay
0:59:23
yeah it looks pretty good um for sure
0:59:26
i think we have a lot of stuff to learn
0:59:30
that's to be fun for sure
0:59:33
i wish i could do that tomorrow when i
0:59:37
i'm gonna do work tomorrow but yeah work
0:59:39
work is learning as well so
0:59:44
we're all lifelong learners those so
0:59:54
tomorrow's same place
1:00:04
now this is for you
1:00:06
i didn't like it i didn't like it do it
1:00:10
let's have a go again
1:00:14
uh join us tomorrow same time
1:00:26
catch you guys later have a good night
1:00:28
cool goodnight cheers
