0:00:08
what is going on guys welcome back to
0:00:10
another session of build break and fix
0:00:15
by the two of the only is the raw coders
0:00:19
um so you might notice that one of the
0:00:22
raw coder which is kartik isn't here um
0:00:26
so he won't be attending today's session
0:00:29
because his call and a major assignment
0:00:33
so i'll be trying my best to
0:00:38
be productive and keeping the stream
0:00:41
entertaining as well at the same time
0:00:45
just a bit of a recap um just today we
0:00:49
trying on a task that when the board is
0:00:54
created the name of the board we wanna
0:00:57
we wanted to display
0:01:05
just above the board so in the heading
0:01:10
without further ado let's get cracking
0:01:13
to the fun part which is coding
0:01:19
cool let's go to that one i'll just um
0:01:24
communication channels
0:01:27
so that i don't get distracted
0:01:32
just share my screen really quick and
0:01:35
see what that leads us to
0:01:44
oops i'll open video studio code
0:01:47
before sharing my screen which is not
0:01:54
right let's do this
0:01:56
okay share my screen and then open code
0:02:01
that's our blog site we don't want that
0:02:12
workspace crumbler sound extreme
0:02:27
do that one not there
0:02:29
yes so it's still front end js which is
0:02:35
and everything and this is
0:02:44
okay cool so i'm gonna just
0:02:47
um keep an eye on the chat as well
0:02:59
okay so we wanted to get pulled
0:03:08
so which branch am i i need to have a
0:03:10
look at that first
0:03:12
which i'll do by guest status
0:03:16
i'm on all right the previous branch
0:03:26
create an another branch
0:03:30
which is called um get checkout
0:04:04
that one is fine i want it to be a bit
0:04:07
shorter uh regretted shorter
0:04:11
uh hey gecko welcome back um good to
0:04:15
the other geezer uh he's got his simon
0:04:19
do apparently i'm a major assignment so
0:04:22
he's not going to be coming today
0:04:25
and you're basically stuck with me
0:04:34
doing the i'm just
0:04:36
so apparently the the other geezer
0:04:40
to uh push his code
0:04:44
that he worked on yesterday so
0:04:46
i'm just creating another branch and do
0:04:49
basically what he did but
0:04:54
cool so i'm just gonna
0:04:56
create this branch called
0:04:58
the display board name
0:05:01
and i'm gonna switch to that one
0:05:06
actually i should already be on it now
0:05:09
because you check out it does exactly
0:05:18
yeah cool so we are already on that
0:05:38
take our board name
0:05:53
sorry that's not my phone but i'll just
0:06:01
so i don't get distracted
0:06:04
uh actually how about if we play some
0:06:40
i don't know if you can hear this
0:06:45
would be good to know if you guys can
0:06:52
i need to put it on the extension which
0:07:21
so what do we need now
0:07:25
okay i'll just run this
0:07:31
and see where we exactly are
0:07:48
no i needed to be in
0:08:16
that's there and now if i open that one
0:08:21
cold that would work fine and this
0:08:24
should go for as well
0:08:32
uncore reference okay
0:08:37
response code is not defined okay cool
0:08:39
so that's coming from here
0:08:46
i want it i wanted to
0:08:51
let this go response code is that one
0:09:02
come on come on come on
0:09:04
hide this hide this
0:09:11
let's check this one out
0:09:25
yeah this should work
0:09:38
the response course is not defined
0:09:41
why does it say response calls up
0:10:11
say we'll fire up this one
0:10:41
say some response code is not defined
0:10:46
ways you're not defined
0:10:48
but instill the front end
0:10:54
i'm talking jason at position zero
0:10:58
so response code is not defined
0:11:14
what is response code coming up as
0:11:25
yeah that should be fine why is this
0:11:28
thing is not defined then
0:11:58
what i would do is
0:12:03
okay okay cool so this is working which
0:12:08
i had to do a hard refresh and
0:12:11
middleweight board id is going to find
0:12:17
so what i basically need to do is
0:12:21
that's working fine i need to
0:12:25
so the board name is here we are
0:12:36
to no so hang on um
0:12:57
let's have a look at the chat as well at
0:12:59
the same time cool no comments still
0:13:14
so what we need to do is we need to get
0:13:18
name appearing over here on this page
0:13:26
that's in index.html
0:13:29
the board name is actually coming here
0:13:46
get this item from there
0:13:49
and this is the board name no
0:13:56
uh middleware board id now
0:14:07
let me check if this shortcut shortcut
0:14:40
okay board id is not okay so same border
0:14:43
board id itself is not defined
0:14:50
pressure is using the wrong
0:14:53
code because i've just refreshed it
0:14:56
it's not supposed to be saying that
0:15:14
no no no it's not supposed to be saying
0:15:19
uh let me just get rid of get rid off
0:15:28
this one what's your friend here
0:15:46
support ids okay so that's
0:15:50
not being there so if i remove this
0:15:56
is it being used board id that way
0:16:00
console. right now
0:16:03
this one short value
0:16:08
your wifi console.log board id there
0:16:50
by saying what i did not defined
0:16:56
ah because taking this page
0:16:59
and that page doesn't exist
0:17:12
hey welcome to a little field
0:17:28
kartik um has got his major simon do for
0:17:32
his uni so he can't really make it
0:17:45
so we already have this
0:17:48
but basic giving us board id again
0:18:23
uh there we go and see if
0:18:34
it is coming in that one
0:18:40
taking the a which doesn't even exist
0:18:45
do with that one i guess
0:18:53
so in that case what we will have to do
0:19:00
when we go on the html
0:19:08
when we are going to the htm index.html
0:19:15
oh this is the cat
0:19:18
a response to status
0:19:24
okay halfway if you forget this one
0:19:36
and how do we do this
0:19:40
so it's gained the board name in here
0:20:02
it's passing on the board name and then
0:20:07
is taking us to index.html
0:20:13
so what we want to do is we want to go
0:20:15
to industrial html
0:20:33
say basically ignore it
0:21:14
a okay i don't i don't really care about
0:21:17
this one why is this
0:21:21
so he's taking this path
0:21:25
and it's going there
0:21:27
it's taking that part so what if i
0:21:31
go back to front end
0:21:42
and basically remove this
0:22:03
will they still show up uh because
0:22:06
now it won't really go because i'm not
0:22:09
bringing it i'm not
0:22:11
i've taken off this response
0:22:15
okay so that needs to be there
0:22:27
any good resources for learning vlc
0:22:37
like the main concept
0:22:42
i would probably say i have you try
0:22:52
from there and in combination with being
0:23:15
try that so i feel that's really helpful
0:23:43
um basically there's score
0:23:48
courses from all over i t
0:24:12
is sending that one to you there
0:24:16
um but is the response
0:24:53
there is actually a very long linkedin
0:24:55
learning culture plus i went up for you
0:25:06
i agree on that one story there is free
0:25:10
code cap video and
0:25:12
everything is as well if you prefer that
0:25:15
um yeah definitely go
0:25:18
for that one but i'm i don't really use
0:25:22
linkedin learning but i did
0:25:26
used to do free club cam youtube videos
0:25:30
on my personal channel
0:25:34
that was really helpful
0:25:37
yeah you're not you're on the right
0:26:02
let's try that one again
0:26:17
ah so it doesn't show me anything
0:26:22
why is this coming up again and again
0:26:26
middleweight board id is not defined i'm
0:26:29
pretty sure i don't even have this
0:26:38
no i don't have this
0:26:48
really have about that no i don't
0:26:51
so where is that coming from
0:26:54
they're especially coming from index
0:27:03
jet item board name
0:27:05
i'll actually remove this item and just
0:27:16
let me check if that still comes
0:27:18
up if it does then that means that it's
0:27:35
why would this come up
0:27:40
so it's definitely not being
0:27:59
why would he not be
0:28:03
actually what i'm gonna do is
0:28:07
close this and then free open and then
0:28:11
see what's causing it because
0:28:14
i don't even have the variable in my
0:28:27
still front and yeah okay
0:28:30
now i'm gonna go to client and run this
0:28:39
actually i'm gonna run this in kick
0:28:46
and see what happens
0:28:56
yes coming over there which is fine
0:29:04
i can now i can go back to that one
0:29:07
and remove hive from here
0:29:16
what's my response coming up as
0:29:21
response underscore stages
0:29:55
so that comes up as
0:30:04
so basically i won
0:30:29
so if we already have that
0:30:32
we can basically go ahead and
0:31:01
javascript and html
0:31:12
okay there we go so this is inline
0:31:22
okay so we need to descript
0:31:38
no i don't want to sign up or sign in
0:31:45
name okay so we need to
0:32:07
okay in that one we need to do that
0:32:12
so this would basically be
0:32:15
we've got the screen type here
0:32:22
we can basically do
0:32:40
don't need the idea anymore then
0:32:43
i'm just playing further i don't even
0:32:45
know if it's gonna work or not
0:32:53
if you've got any other h ones
0:32:56
one two okay of course
0:32:58
just those ones which is fine
0:33:18
and then what do i need to do
0:33:45
event listener documentation button
0:33:55
this should give me something
0:34:08
you've got you're going
0:34:10
harder than i jumped uh-huh
0:34:15
native crap but you have been
0:34:17
encountered for this values applied to
0:34:21
okay this click me
0:34:25
it's actually closer to
0:34:27
id is equal to click me
0:34:31
get even by the admin listener
0:35:05
javascript try this
0:35:06
ah here we go this is exactly what i
0:35:22
by id by id okay so everything is by id
0:35:27
get element by tag name i really want to
0:35:35
the precises okay of course says in in
0:35:57
okay uppercase cool
0:35:59
i need to do h1 then
0:36:07
and the html is equal to
0:36:16
let's see if this works
0:36:28
to be honest i don't need it if it's
0:36:32
but let us experiment
0:36:37
who knows who will
0:36:56
did it pay here no it didn't
0:37:01
but didn't even give anything
0:37:04
any arrow which is good but it didn't
0:37:18
or if that doesn't work i'll just do it
0:38:01
so that doesn't work at all so
0:38:05
actually let's forget that
0:38:21
by id and i'll give this side the
0:38:40
let's see if this works
0:39:06
okay yeah element by the function is
0:39:14
element that's probably right
0:39:52
okay can i say properties of
0:39:58
ah so that's not even coming up is it
0:40:02
what's window get local storage
0:40:07
wanna check what's coming up in there
0:40:10
in the local storage console.log
0:40:29
and let's see if anyone missed
0:41:05
no okay ah so that's all right
0:41:13
there's noise i need that t-shirt over
0:41:26
how was that again
0:42:08
opening get element
0:42:17
because the local storage gap board name
0:42:48
i'm quite sure why is it not working
0:43:08
i cannot see a properties of
0:43:20
academy is going to do html
0:43:33
the elements get root
0:43:48
editor in the text string
0:44:34
what does this have mean
0:44:39
uh there we go this
0:44:44
channel set type set property type
0:44:50
by trying to set any html value
0:44:55
saturn in a html value for an
0:44:58
element whose value is equal to null
0:45:02
to solve this make sure your script tag
0:45:06
comes off to the element that you want
0:45:09
to select in your script
0:45:12
so you're saying this one comment is
0:45:18
i just checked and
0:45:20
why is that coming up it's not coming up
0:46:04
coming it shows up i needed to come over
0:47:30
uh how to mention message using joshua
0:47:38
when i click an attribute
0:47:41
which will must click
0:47:44
know how to insert text in management
0:47:47
cell with javascript
0:47:50
yeah this is that's the same thing
0:47:57
in html is equal to that text
0:48:08
it's documented by ib
0:48:12
uh one element id which is
0:48:15
this one board name
0:48:28
i'll do my board name
0:48:45
yes your local storage
0:48:51
let's see if this works
0:49:16
okay so the setting unquote type error
0:49:39
actually that won't be a good approach i
0:49:48
i don't want it from the memory i want
0:49:50
it from the database itself
0:49:54
let's get bored id
0:50:34
that one over here's first to front
0:50:38
is still front end
0:50:55
ah it's there already cool
0:51:06
what does what i did take care board id
0:51:10
okay board is taking the id
0:51:29
any comments no comments
0:51:43
so we need board id from
0:51:57
to get board id we're gonna call this
0:52:10
call this board id to get
0:52:14
which would come from post
0:52:32
i'm just thinking how to do this
0:52:38
so basically when we post the board
0:52:47
backhand will actually give us the board
0:52:53
so what we need to do is
0:53:04
what we need to do is well
0:54:10
so after we post the board
0:54:13
the backhand will give us the id
0:54:21
board id support aha
0:54:30
from the post there will give us the
0:54:40
that's post notes i'm not doing that
0:54:59
board ideal plus the board id here
0:55:43
you should have a board id in return in
0:55:48
now i don't exactly that is not defined
0:57:02
get the board id over here
0:57:07
the fact that board id isn't even coming
0:57:19
let's do frontend board id
0:58:21
ah the discus mostly lack of rest
0:58:28
it does but um that's not really
0:58:31
as in i will go at the moment to
0:58:36
make it smell really good the goal is to
0:58:38
just to make you work we will
0:58:41
we will be coming back to the
0:58:43
refactoring of it afterwards when the
0:58:50
please remove that sleep
0:58:59
right there we go as per usual say i'll
0:59:03
remove that but now i'll have to check
0:59:07
it's still working
0:59:22
i know that you will still work but
0:59:26
i just want to confirm it
0:59:30
there we go perfect
0:59:44
so i need to get the middleware in there
0:59:50
uh not the middleware i need to get the
0:59:57
it's half 10 already all right guys this
1:00:04
i've got some other stuff to do there i
1:00:07
radiate and that really need my
1:00:10
attention for a bit
1:00:16
and the way it's on the post board name
1:00:28
thanks everyone for joining was a
1:00:30
pleasure having you guys and fun as well
1:00:36
this time it was a
1:00:38
bit of a quiet stream
1:00:42
we will be coming back
1:00:44
sunday with a lot more energy a lot more
1:00:47
fun and a lot more
1:00:50
productiveness until then
1:00:53
take care of yourselves and
1:00:55
we'll see you on sundays
1:01:00
same place and same task oh yeah baby
1:01:04
all right guys let's have a good night
