0:00:00
just do a bfa welcome back guys
0:00:03
um this is another weekend uh
0:00:06
to our episode for the series
0:00:09
build break and fix um i'm kartik and
0:00:12
this is my coho zen
0:00:14
um we stream every night ourselves
0:00:18
coding from 9 30 to 10 30 on weekdays
0:00:22
weekends so yesterday we discussed
0:00:25
a lot about jira which is a software
0:00:29
and we tried learning about fetch
0:00:33
well um to communicate our front end
0:00:36
with our back end and vice versa
0:00:39
so what do we have in store today then
0:00:46
actually um so in the store
0:00:50
first things first a big shout out to
0:00:52
streaming out who is a sponsor of our
0:00:56
and um the a online stream is
0:00:59
uh software basically you can
0:01:04
um stream yourself to multiple
0:01:08
destinations for example um
0:01:13
youtube twitch facebook linkedin and
0:01:16
so on and so forth and you can also use
0:01:20
to record the videos so if your viewers
0:01:23
on being able to make it when you go
0:01:27
you can always give them the link to
0:01:30
youtube video that's in recording and
0:01:34
go there and see what's happening
0:01:38
now that that's done i'll just go on to
0:01:45
keep track from there all right
0:01:51
i i hope i can remember the username and
0:01:55
you will just log me in by itself
0:01:58
hopefully it will lock me in yeah it
0:02:06
all right it does actually do that
0:02:09
cool yeah that's brilliant so
0:02:13
we wouldn't go to jira software because
0:02:18
we're not using confluence and that's an
0:02:21
other beast by itself so we're not
0:02:24
going to cover that unless we start to
0:02:29
all right so this is our project
0:02:40
i think you can save the project as well
0:02:45
opening it yeah what i'm going to do is
0:02:49
bookmark this page notice i think jira
0:02:52
has a functionality as well in which
0:02:54
like if you open the
0:02:56
that page you'll just open that but i
0:02:58
don't know how to do it
0:02:59
but okay cool market i guess
0:03:02
yeah yeah cool anyway uh
0:03:06
so today's task would be
0:03:09
to um add a board name in the
0:03:13
database so basically send the board
0:03:17
name from the front end to
0:03:20
the api which is our backend
0:03:23
using fetch api and the reason
0:03:27
we have got this to learn fetch avatars
0:03:31
in progress is because
0:03:33
uh i think we need to go back and forth
0:03:37
seen them seeing the concepts
0:03:40
until our this task works so
0:03:44
i'll put this one in progress as well
0:03:52
and we can continue from here i'll just
0:03:56
actually i can close that
0:04:00
part and this can come back in my small
0:04:06
which perfect all right so
0:04:09
let's just remove this and
0:04:12
go in our code right
0:04:15
did you push the changes last night um
0:04:20
i don't think i did
0:04:23
but i'll just confirm it that's a good
0:04:25
pay that's a good point you
0:04:27
should race but first of all i need to
0:04:30
put my mac on charge
0:04:37
um i'll just check if
0:04:42
i can go ahead and check that okay cool
0:04:45
if you can that'd be great you can check
0:04:52
so workspace uh this one was that one
0:04:57
which one do we need scrumble
0:05:08
insert a attribute into
0:05:12
anyway we need this one too
0:05:16
so i'll go in to client
0:05:20
oh the last last push we made was six
0:05:24
so never mind okay yeah then
0:05:27
i didn't really push it yeah
0:05:30
i probably forgot yeah we should do it
0:05:38
okay and i'm gonna open this part in vs
0:05:46
cool so the goal for
0:05:50
today in terms of taking turns and
0:05:53
coding would be i would go into half 10
0:05:57
car fake you can start from half 10 to
0:06:01
right brilliant right um
0:06:05
uh yes i want the authors i trust the
0:06:15
okay and i need to screen i think from
0:06:19
tomorrow what we probably have to
0:06:22
know we probably should be doing is
0:06:25
starting five minutes early
0:06:28
um that that's what i kind of suggested
0:06:31
i mean like create the links and we can
0:06:37
yeah to actual code yeah yeah that's
0:06:41
just open vs code and you can like um
0:06:46
so yeah like even if i'm a bit late you
0:06:48
can just go ahead and yourself
0:06:49
do it yourself i guess yeah yeah
0:06:54
exactly all right so to be specific
0:06:57
where we were actually stuck on there i
0:07:01
we were trying to um
0:07:08
we need our middleweight.js go
0:07:12
did you not do it please don't tell me
0:07:18
um i'm gonna hang on i'll go back into
0:07:32
to be honest i must i'm gonna
0:07:38
let me just check into my in in my
0:07:51
uh scrumble enhancement
0:07:58
you know what you must be right i didn't
0:08:02
what vs code does is that if you don't
0:08:05
save a file it uh sends it to the
0:08:08
so if you if you didn't clear it
0:08:12
then it's probably there there's a
0:08:15
there's one another way to
0:08:16
recover it but let's try looking at the
0:08:28
it's also middleware right here
0:08:32
yeah that's how's it going sorry you
0:08:50
add data and roaming do you know how to
0:08:54
system no i wouldn't know that but i can
0:08:59
find google just to find out um just
0:09:02
open your like my computer thingy
0:09:04
or like all your files or click on apple
0:09:12
sorry what was that um click on apple
0:09:15
logo on the top is left
0:09:19
um business no no no
0:09:23
oh it's not there this is open finder i
0:09:39
a way out of one second
0:09:56
what is going on geezer all right
0:09:59
welcome it's been i think
0:10:02
few days i haven't seen you man
0:10:12
or it might be a different repo instead
0:10:16
yeah you can just check that
0:10:39
thank you was this one i'm pretty sure
0:10:42
yeah even i think it's this one just
0:10:43
give me one sec um i think we
0:10:58
remember i have done this as well once
0:11:16
there's a um extension called unsaved
0:11:19
files vs code you can go ahead and
0:11:27
which one was it unsaved files that's it
0:11:45
ah not that one not that one not that
0:11:48
don't need you no coffee
0:11:51
it was lagging so i started have
0:11:56
pressed install some other extension
0:12:00
came up that's all good
0:12:04
unsaved files there we go
0:12:07
easy access to onset files for visual
0:12:12
well i learned my lesson today
0:12:17
okay show on super pokemon palace you
0:12:19
want to phone from says bar
0:12:26
right so we're doing that way
0:12:29
click and select your previous unsaved
0:12:35
i just first of all i'll give you the
0:12:44
actually do you remember how to open
0:12:48
all your data in a mac i kind of forgot
0:12:52
all my data in the mac yeah like you
0:12:56
files are installed but you can't see it
0:13:09
yeah i can do it from the command but
0:13:14
know how to do it from there yeah just
0:13:17
just open it on finder and we can go
0:13:19
ahead and recover it
0:13:26
so which one should we do this way first
0:13:31
or the find a way let's do the finder
0:13:34
way first that's way more reliable
0:13:36
because this i guess um
0:13:41
on the next instance that happens
0:13:52
which is googling at the moment
0:13:55
no so there's a particular file location
0:14:02
that's what to be honest i don't know
0:14:04
where that is so i'm just probably
0:14:05
trying to it's library
0:14:06
application um where i'll send it to you
0:14:11
just open this up all right
0:14:28
okay called backups
0:14:38
oh my goodness what did i do what did i
0:14:43
so it's not there either
0:14:49
let me just try in this way now
0:14:53
close it and then reopen it
0:14:58
actually let me also try recent
0:15:06
um main what was this
0:15:10
ah right so it was a different repo but
0:15:14
it was in downloads
0:15:18
oh i didn't get that okay
0:15:34
so you're gonna create a different
0:15:38
are you gonna do well um what i'm gonna
0:15:43
is i will actually go
0:15:50
move that reaper over there
0:15:59
downloads is this one
0:16:06
so i would do copy
0:16:13
from blur to where was this
0:16:21
look for the syntax
0:16:28
why is my that that
0:16:32
tilden not working
0:16:43
are you using our windows um keyboard
0:16:49
windows plus mac in one
0:16:54
you know what i'm gonna do i'm gonna
0:16:56
just doing that way
0:17:01
this one is gonna be enhancement that
0:17:06
goes from there to
0:17:10
this isn't one left putting times in
0:17:13
hey you're gonna get less coding time
0:17:20
ah come on 15 minutes already gone
0:17:26
no this is not good i wasn't
0:17:31
you know what this is a perfect lesson
0:17:34
that we have to commit the code
0:17:37
to get at the end of this session
0:17:42
it will be even if it takes us five or
0:17:47
i don't care yeah yeah we need to
0:17:52
because it's all about learning from our
0:17:59
my mistake i mean we kind of did it
0:18:03
anyway um let's get back
0:18:06
you push it and i'll um clone it i guess
0:18:11
yeah when i start doing stuff so
0:18:24
do you want me to go ahead and make the
0:18:25
repo and uh invite you
0:18:28
um it's already there i think i have to
0:18:32
invite you as a collaborator just bear
0:18:35
with me for a moment
0:18:52
scramble enhancement that's the one
0:18:59
um so what i need to do is give you
0:19:16
my coding time is going i want a code
0:19:21
you're losing it honestly
0:19:24
i'm not liking this i want to code
0:19:27
more and do this kind of thing less as
0:19:31
that's cool we can probably edit this
0:19:43
ah all right i was close
0:19:54
all right cool perfect
0:19:58
so we don't need that one and i'm gonna
0:20:07
back one folder open my workspace up it
0:20:11
should all be there boom done
0:20:14
simple enough now and just code it
0:20:23
do i need any particular softwares to
0:20:27
dyno would be installed on my computer
0:20:28
or something like that
0:20:30
hang on you know i'm just gonna do this
0:20:34
first and then while
0:20:37
vs code opens i'll tell you because it
0:20:41
take a bit of time as well okay
0:20:45
um so in order to run the project itself
0:20:50
yeah did you say i
0:20:54
i think all you would need
0:21:01
hang on i've actually got a blog on this
0:21:04
give you the link to that i mean
0:21:08
i think you were running python so
0:21:12
oh um so you can probably ignore python
0:21:16
because the simple http
0:21:19
server is i'm guessing um made in python
0:21:23
why it uses a python command
0:21:26
in the first place to get started and
0:21:30
just i'm talking to for my common sense
0:21:34
um yeah so all you
0:21:38
need is this client folder
0:21:43
okay and then you just sit in the
0:21:49
and just run python
0:21:53
slash uh python hyphen m
0:21:57
http server and then it will just
0:22:01
run i'll just show it so say for example
0:22:06
you have uh open the
0:22:10
repo now okay so just
0:22:14
make sure you're in the
0:22:18
line folder and then just
0:22:22
run the command for python and
0:22:25
something it was it actually starts
0:22:33
do i need dynamodb to run it
0:22:38
i don't have to dynamodb on my local no
0:22:41
you wouldn't need dynamodb locally
0:22:45
unless you're testing no clue which
0:22:48
we are not at the moment okay yeah
0:22:52
and how do i know that because
0:22:59
code i've actually given it the
0:23:06
api that's easy easy
0:23:12
now it's kind of good for the people who
0:23:18
because setting up dynamodb is kind of
0:23:21
like a bit tricky to do it
0:23:23
in a way that we have done it so
0:23:29
it's well because if viewers
0:23:32
want to do is set that up i can just
0:23:39
and they can actually follow this
0:23:43
the step-by-step instructions
0:23:46
to set the dynamodb low
0:23:51
i think it took me at least
0:23:55
two days to figure it out but obviously
0:23:58
document today so it should only
0:24:02
take you maximum outset
0:24:08
nice this is the block
0:24:11
and where you would want to probably
0:24:20
dynamodb low click here
0:24:27
from it downwards yeah so it's pretty
0:24:34
shall i paste this in the comments or
0:24:37
if you if you want to do it you can
0:24:41
i'll just send it to you because
0:24:46
it can be a bit easier as one just
0:24:51
the screen here and one keeps an eye on
0:24:54
comments and everything that's true
0:24:59
all right all right cool so
0:25:02
the place where we were stuck here
0:25:05
finally i get to code now
0:25:10
weren't able to call these
0:25:14
methods into this server
0:25:18
can you run this or walk us through what
0:25:21
we have done to know though
0:25:24
ah yeah yeah that's a good point
0:25:29
so until now what we have done is
0:25:33
we have actually created this
0:25:36
front end which was already
0:25:44
by one of my team members
0:25:48
so i'll just show you
0:25:52
what it was about this work
0:26:02
right yeah that's why a thousand is a
0:26:06
and then home door
0:26:12
right so basically this is the
0:26:20
our app um it does need some
0:26:23
alternations but we're not focusing on
0:26:27
ui stuff at the moment so what
0:26:30
we plan to do is as soon as a
0:26:42
text here when we press the button
0:26:46
go it should contact our
0:26:50
api and then the api should
0:26:53
you know take the board name which is
0:26:58
and then insert it in dynamodb
0:27:02
okay right like yeah cool
0:27:05
so at the moment what's happening though
0:27:12
go which is in which is being called
0:27:15
when we press this go button here
0:27:22
getting the value of the
0:27:25
uh the import element name which is
0:27:33
simply um if it's got some
0:27:36
spaces or something
0:27:39
like that it's automatically
0:27:42
removing the spaces from what i believe
0:27:46
escape escape method does completely in
0:27:50
research you have replaced but yeah
0:27:53
cool and then we are
0:27:57
we're just um opening
0:28:04
which is this one here
0:28:10
this page here and just passing that
0:28:14
board name into the url
0:28:21
yeah so that's basically
0:28:25
what's happening at the moment so far
0:28:28
need to do to continue is
0:28:39
dynamodb ensure right um
0:28:42
just to clarify a bit i just googled
0:28:44
what escape does i think i don't think
0:28:46
um removes the spaces it
0:28:49
kind of converts the thing to sky
0:28:53
um ah okay uh that
0:28:56
must have been my fault
0:29:00
um i should have paid attention to
0:29:04
what the explanation is rather than
0:29:08
i just wanted to give the user like our
0:29:19
um so what we did just
0:29:23
today was we went through a fetch
0:29:26
api as in how to do a post method and
0:29:31
got so first of all we are doing the
0:29:35
as an object yeah and
0:29:39
giving the board id
0:29:42
whatever for just some for the sake of
0:29:45
testing only and then we are getting the
0:29:50
name from the local storage which
0:29:54
would be in the body i
0:29:57
would think i'm not in entirely sure if
0:30:00
correct because it's my first time doing
0:30:04
so we will find out um by
0:30:10
trial and error and
0:30:13
i'm just kind of wondering why we have a
0:30:17
posting the board name
0:30:20
for now with our current design
0:30:29
uh i would say because we are getting
0:30:34
name from the local storage
0:30:38
but our database won't support it for
0:30:43
having a body in general
0:30:53
because we are posting a board at the
0:30:55
moment yeah yeah yeah
0:30:57
you're right because only then
0:31:00
only the notes are actually taking the
0:31:04
body not the board itself right right
0:31:07
correct well that's all right let's kind
0:31:10
of comment it out for now
0:31:11
but we do we will need this for sure
0:31:16
all right that's a good big coffee well
0:31:22
um so buddy we don't need this either
0:31:28
no yeah we need this because
0:31:33
we are setting the
0:31:36
data here stringifying it and then
0:31:40
sending in the body
0:31:44
right no no no i'm just a bit confused
0:31:50
yeah i want to know what
0:31:54
where is the response variable being
0:32:01
um to be honest i would say
0:32:04
from experience that when this
0:32:08
request becomes either successful
0:32:13
denied or whatever that
0:32:17
it would actually give us some
0:32:20
kind of response yeah
0:32:24
and that response is actually
0:32:28
captured in in this object
0:32:32
right okay got it um
0:32:49
um i wouldn't think so we would
0:32:52
because that's i think it's
0:32:57
hang on so when you say form the
0:32:59
response ourselves what do you mean
0:33:02
so i i worked with apis in python and
0:33:05
um in the response variable um
0:33:08
you kind of assign a json the json thing
0:33:11
which you have to send
0:33:13
and then you kind of promise it
0:33:16
but i'm not sure how this works and yet
0:33:24
we'll just take a bit of help from
0:33:26
google in this case because
0:33:28
i wouldn't be sure either about fetch
0:33:31
api and you you must be
0:33:35
right on working with fan champion for
0:33:39
i'm a former python perspective i guess
0:33:42
yeah yeah it depends on how js works
0:33:48
but i could see that on the
0:33:53
um blog official haven't
0:33:56
actually constructed response
0:33:59
using fetch web apis
0:34:05
okay um this might help i'm pasting a
0:34:20
over do you want me to send it to you on
0:34:24
if you can because i can't really click
0:34:28
on that as in copy and paste
0:34:32
i can't copy and paste it oh okay
0:34:36
correct your code for this page
0:34:48
verb appear response okay it's a fair
0:34:52
post sample it says
0:34:56
javascript actually hang on a minute
0:35:00
here they've actually showed us how to
0:35:06
fetch is that one so we are posting it
0:35:10
and then we sending the body
0:35:14
and then we're returning it
0:35:18
yeah so this should be all right because
0:35:21
he has done it in a pure
0:35:25
vanilla javascript which is the
0:35:28
javascript classic and we have
0:35:32
finished using the
0:35:38
arrow function right okay
0:35:41
so this shouldn't really be a problem
0:35:45
but i'll check your
0:35:54
you don't really have to put the body um
0:36:01
because for our post method we don't
0:36:05
have a body in the sense that you know
0:36:08
how get methods work you can't have a
0:36:11
i am looking at a get method you can
0:36:14
just have method headers
0:36:15
and your cores permissions of cash
0:36:19
but like ah right yeah right i say
0:36:23
so um i'm just looking at
0:36:26
our database design point of view that
0:36:29
um but then again we need to send
0:36:32
the board id as well how did we generate
0:36:35
the board id last time
0:36:54
so if that that still there without a
0:36:57
body it should work as well
0:36:59
and it should probably give yeah but my
0:37:03
would be that yeah
0:37:08
so when we change our database design to
0:37:11
name of the board then we'll have a body
0:37:14
i know where you're coming from and i
0:37:18
agree with you totally but
0:37:21
my question would be that um
0:37:25
say we don't use a body so where
0:37:36
as if we need to use that
0:37:40
data objects somewhere um
0:37:43
don't really need to use it um because
0:37:46
our when we post to our body
0:37:50
our body just needs one thing which is
0:37:52
the board id and it's automatically
0:37:54
generating it um using the dynamodb
0:37:59
api which we have so you don't have to
0:38:03
use a data thing because
0:38:04
when you when you're going to use get
0:38:05
functions you're not going to use it
0:38:09
so we can go ahead and give it a try
0:38:12
okay so you're saying if you don't
0:38:17
you're saying that
0:38:21
we can just try this
0:38:24
code now and see if it works yeah
0:38:27
like that body has two things it has
0:38:31
board id and board name board name is
0:38:34
and board id um it's been automatically
0:38:41
yes it's been automatically assigned
0:38:46
that means that we just have to
0:38:49
send a request that's all yes
0:38:53
yeah no necessarily with any
0:38:56
data for now at least
0:38:59
yeah so we just want a post request on
0:39:02
that's all we need but
0:39:06
right right right well in the metro you
0:39:08
have specified that it's a post request
0:39:10
and you have specified the url as well
0:39:13
so this should technically
0:39:17
work but if it's coming inside the
0:39:22
function yeah yeah of course
0:39:34
home.html open up my console
0:39:40
come on mr console here we go
0:39:43
where did my co no
0:39:48
one step ahead of myself
0:39:52
yeah um all right cool so let's do that
0:39:57
i need to mix maximize it a bit
0:40:10
on console and see what happens
0:40:16
still not coming in no apparently no
0:40:20
um can you show me where you link the
0:40:37
scrambler scripts middleweight
0:40:46
sure should be text javascript
0:40:50
can you do a control f
0:40:56
no no just just write javascript here
0:41:08
there's one more instance can you look
0:41:11
oh wait yes it's text last javascript
0:41:52
i'm gonna do that really quickly as well
0:41:56
source attribute yeah
0:42:02
ah so we don't really need the
0:42:05
type apparently really are sure
0:42:09
it's says a hair oh okay
0:42:14
right that's cool wait wait wait jensen
0:42:18
can we do one more thing yeah
0:42:21
um can you show me the code
0:42:28
do you have access no i don't know
0:42:31
fine i guess for now i actually sent
0:42:35
you the url already i don't know if you
0:42:39
clicked on it i didn't get it
0:42:52
send it to you again don't worry
0:43:06
i think isn't this no no no
0:43:09
no that's fine just
0:43:13
return post can you
0:43:16
go on the index file and see how they
0:43:17
have done it in the index file
0:43:21
just linking javascript
0:43:34
given the type yeah we probably don't
0:43:38
need yeah that's fine
0:43:40
um you have linked middleware here as
0:43:44
right yeah that was my bad we don't need
0:43:58
to be honest it's good that we are
0:44:01
making this kind of mistakes it's really
0:44:05
it's really good for our learnings yes
0:44:10
okay let's try again and see if
0:44:14
this makes any difference
0:44:49
no come on mate come on zayn what are
0:44:53
oh wow okay never mind what am i doing
0:45:12
sorry about that i'm going to mute my
0:45:38
run come on come on come on
0:45:42
show me some loving no
0:45:45
no love tonight i know i love tonight
0:45:49
apparently middleweight js
0:45:52
that's fine so you should
0:46:00
um i'm just saying like let's just write
0:46:02
it inside home.html for now
0:46:09
okay yeah i have a feeling there's some
0:46:13
problem in linking
0:46:14
on the file or there's some problem in
0:46:17
calling the function
0:46:19
either one of these but
0:46:22
it is middleweight give me
0:46:28
five more five more minutes i really
0:46:31
want to find this thing out
0:46:37
functions on click html
0:46:48
i'm just going to turn on my heater okay
0:46:59
why are we using return
0:47:26
did you get something
0:47:29
um you're using return
0:47:38
thing here i'm gonna
0:47:41
try and do this because in that in that
0:47:45
he is enemies choosing the semi colons
0:47:52
we're not using the return right
0:48:00
i was looking at this second
0:48:04
i don't believe the last one is required
0:48:08
but hey mine's roulette for good me
0:48:12
assignment callers to the end of the
0:48:16
cause in order to call them both
0:48:19
to work okay so we do have to add
0:48:22
seven colons but not the return one
0:48:36
we put the semiconductor
0:48:53
good work for sure huh
0:48:56
it will work for sure
0:49:10
i did see go there
0:49:14
yeah but we weren't looking for go we
0:49:18
looking for that text
0:49:22
i did see go printed there but i think
0:49:26
it was printed on the first page
0:49:33
go printed why do we
0:49:36
um i'm hang on a minute
0:49:45
okay so it's only calling the first
0:49:49
one then but not the second one
0:49:58
um the on click return thing that's
0:50:02
that's actually a thing like i think
0:50:07
print it in the second page
0:50:15
and i'll just add the return so go and
0:50:21
no it's fine actually actually leave it
0:50:23
for now it's working
0:50:40
id go that's the input
0:50:44
we're doing that on submit
0:50:47
we're returning okay cool
0:50:50
so i think we need to place this board
0:50:54
name on submit as well well yeah
0:50:57
yeah we should do that might i don't
0:51:12
okay let's start this
0:51:40
i would just want to check if it does
0:51:48
did you see go printed again or no
0:51:55
forget that one then
0:52:04
okay how about if we do this instead
0:52:09
just make this one work first
0:52:21
we can do that see if that
0:52:24
this approach does this any good
0:52:29
the go function have something useful in
0:52:35
go function what it always does is
0:52:41
board name from the input to
0:52:45
the industrial html and also
0:52:51
and also takes the user to index talk
0:52:55
html page that's what's important about
0:53:02
yeah you can try this if you get the
0:53:06
yeah i'm just my vs code isn't
0:53:10
lagging a lot at the moment don't know
0:53:28
so only ah i might do one thing
0:53:31
until hard refresh it properly
0:54:06
so it's not really calling that at all
0:54:10
apparently this is
0:54:14
getting interesting again and again
0:54:29
okay go actually one
0:54:32
could you forget that one i will bring
0:54:48
comment everything out and i just want
0:54:52
board named the function to actually be
0:54:57
that make sense we can do that
0:55:25
we can remove the yeah
0:55:35
come on there's no way in the world it
0:55:42
you can't be that confident man
0:55:47
software you shouldn't be that confident
0:55:53
true anything can go wrong anything
0:55:59
come on wondering did you write the
0:56:02
spelling of console.log right
0:56:06
if that's the reason i'll just laugh at
0:56:09
myself the entire night
0:56:11
i'm listening console.log
0:56:15
yeah that seems to be good enough
0:56:19
i mean don't we need a semicolon after
0:56:24
it doesn't really matter but i'll
0:56:27
just put it well yeah i didn't know that
0:56:38
um can you possibly your other
0:56:42
notifications because it's sounds really
0:56:45
unprofessional that that
0:56:48
or the background noise is coming up
0:56:51
while we're talking
0:56:55
all right let's see what we want
0:56:59
if it doesn't come if it comes
0:57:02
i don't know what to say well let's
0:57:06
it did come up isn't it yeah
0:57:09
it's not staying at the moment yeah
0:57:12
we're moving to a new page
0:57:14
yeah that might have been okay
0:57:17
so actually i've got a minute if we
0:57:29
right so basically what's happening
0:57:33
is that on submit we actually
0:57:43
and if we don't call go we call this
0:57:52
and then we don't tell it to go to
0:58:08
and see what happens
0:58:13
there's a way in which from which um you
0:58:17
keep the comments logged oh sorry
0:58:22
logged in the console
0:58:30
do you know how to do that
0:58:33
yes and no one second i need to google
0:58:35
it i've done it before
0:58:48
come on let's do it say something
0:58:52
giving us um just i think
0:58:57
at this point just uh then just do alert
0:59:00
instead of console.log
0:59:06
test just a moment
0:59:11
i've just done a hard refresh so i just
0:59:14
want to see if that works
0:59:33
even though we are telling it not to go
0:59:38
why is it still going there
0:59:45
we haven't even called the gulp method
0:59:49
let's do a ctrl f for go parentheses
0:59:53
and see where it's been called
0:59:58
um in index as well
1:00:08
now can i can i take control now um
1:00:12
right um i'll go ahead and share my
1:00:16
help me set up as well cool
1:00:19
is this the first time and i'll just
1:00:22
access to the terminal as well
1:00:25
now so i'll i'll set up it on my vs code
1:00:30
like i'll click all right all right
1:00:33
because it kind of lags so
1:00:35
yeah yeah okay we both keep pushing
1:00:38
yeah yeah that makes sense though okay
1:00:42
cool right if you do that and you can
1:00:45
your screens so we can fast track
1:00:49
everything that you need to set up
1:00:54
for you have to push what you did till
1:00:59
oh hang on a minute
1:01:03
that's a good point
1:01:17
how many changes have i got well i've
1:01:25
insert the changes i've done
1:01:28
hang on you do have a branch called
1:01:32
middleware implementation
1:01:36
okay so i'll just switch to that branch
1:01:50
but it will be implementation
1:01:53
that that branch is made for that only
1:02:02
middle uh can you tell me the spelling
1:02:06
because for some reason
1:02:09
middleware uh with the
1:02:13
underscore and implementation let's go
1:02:21
implementation yes i am
1:02:24
ple oh wait i'm coming up
1:02:28
mentation someone messed up this
1:02:32
oh yeah wait that's fine imple
1:02:39
and how's the hang on i'll just check
1:02:48
uh middleware implementation
1:02:54
this is interesting i'm not finding okay
1:02:58
probably because i'm in the wrong order
1:03:02
so you'll have to go to the root
1:03:06
um just switch middleware
1:03:18
oh it's not laying me
1:03:22
hang on get branch
1:03:34
list the branches on get
1:03:38
this is just branches
1:03:56
all right iphone a
1:04:00
okay what apparently not
1:04:25
get branch and see what it gives me
1:04:32
it'll just tell you details about your
1:04:37
not telling me anything apparently wow
1:04:46
of the project yes did i show your
1:05:11
is what's this done what
1:05:15
messed up just open terminal in
1:05:28
wow okay that's cool
1:05:37
good branch minus a
1:05:42
no that doesn't work either do you have
1:05:58
how can it be this complicated come on
1:06:09
repository is in scramble enhancement
1:06:11
main and your terminal says
1:06:14
scrambler enhancement main yeah
1:06:18
that's the right one how it works
1:06:28
list all the branch all of the branches
1:06:30
in your repository this
1:06:32
is synonymous with keep branch list
1:06:35
can you do it that's right it is for me
1:06:50
you know what what
1:06:55
their repo isn't even there
1:06:58
yeah because um i think that's the thing
1:07:02
the actual repo is crumbler enhancement
1:07:05
and you have a version called scramble
1:07:08
probably them must have been the
1:07:15
um on the river and paste your code
1:07:19
yeah ah that that's gonna be
1:07:23
too long but yeah we'll have to do that
1:07:26
i'm gonna be really quick with that
1:08:00
it's all right um that's why we have two
1:08:07
no need to worry but the thing is i
1:08:10
take your time to code as well oh that's
1:08:17
from glenn huntsman cool
1:08:20
oh why do i have master in
1:08:29
no that's not right that's not right
1:08:32
workspace as in i need to check hang on
1:08:36
give me two seconds let's
1:08:53
is it directory core rm
1:09:01
okay cool this should be it now
1:09:16
i wanna stop fresh
1:09:35
i'm kind of excited to code for some
1:09:40
step why are you eating that much
1:09:44
yes i'm just like gaining some energy
1:09:48
i didn't eat the whole day like i said
1:09:52
you think this is that's why
1:09:55
man keep your timings
1:09:59
on on schedule as in make sure you eat
1:10:03
on time because your body you can only
1:10:07
good enough if you give your
1:10:10
body good enough food
1:10:14
that's true that's good
1:10:19
um file i'm gonna just open up a new
1:10:24
yeah actually i can do it in there and
1:10:26
just copy and paste the code simple
1:10:38
file new add folder to workspace
1:10:44
workspace up a recent
1:11:00
scrum blue here we go yeah this is the
1:11:04
so we need scrambler that one
1:11:12
ah please don't open in the same one i
1:11:33
we need to copy the curve from the other
1:11:35
one and paste in this one but
1:11:37
hang on i'll do some changes from the
1:11:42
finder itself they'll probably speed it
1:11:48
client middleware copy
1:11:54
enhancement client
1:11:59
yeah in that one okay
1:12:03
no not knowing that what i wanted to be
1:12:10
if you want um there's a way to
1:12:13
list differences between two
1:12:16
um i don't want that one at the moment
1:12:21
want is to update this repo
1:12:24
with that one okay
1:12:38
call and then dump this one
1:12:42
call this one and now y1 is all the code
1:12:50
all the code to be over there
1:12:54
so on this one are you in the middleware
1:13:03
caring about that at the moment all i
1:13:07
changes to be in this project first
1:13:11
and then i'll i'll go and commit it
1:13:14
to that branch afterwards
1:13:19
um so i wanna open
1:13:24
actually i'm gonna save this first
1:13:27
i'm gonna quit this middleware
1:13:33
ah here we go of course i can use
1:13:48
no i don't need new file in this
1:13:54
i just want my code to come over there
1:14:06
actually you know what i'm gonna do it
1:14:09
over here as in manually
1:14:14
yeah that's probably the only option
1:14:25
sauce or you could just like
1:14:28
copy the index file from there and just
1:14:30
paste it the whole index file
1:14:38
yes but the thing is that i need to open
1:14:41
but it's not it doesn't want to open it
1:14:44
they place them in finder that's it
1:14:57
no no just like good
1:15:01
just understand this time man about
1:15:09
uh what did i want to do that one
1:15:15
why does this keep on coming on
1:15:28
my index i need to copy and paste here
1:15:40
paste item paste two items
1:15:50
all right all the ones and just push it
1:15:52
up and i'll get it
1:15:54
yes that's what i'm gonna do now
1:15:58
in the middle implementation branch
1:16:12
come on dude i don't have all that hair
1:16:16
there we go switch
1:16:21
middle where employment
1:16:31
the logo would be over him by the check
1:16:34
how investors you please comment your
1:16:44
you were right i should have
1:16:47
conveyed to that first and then and then
1:16:53
well um hang on hang on i've got
1:16:56
a really bad idea i will
1:17:00
take this these ones out
1:17:08
here we go and then what we can do is
1:17:14
that one as well yeah
1:17:20
am i gonna delete it from there then
1:17:24
and now i can do is
1:17:29
why did i do that i can just undo all
1:17:34
yeah discard changes
1:17:38
restore file yes this card changes
1:17:43
cool that's done so no changes
1:17:48
now i can switch back
1:17:51
i mean it was set to upgrade a little
1:17:55
search from origin switch to a new
1:18:02
can you do get branch minus a
1:18:12
middleware implementation
1:18:18
you are at middleware implementation
1:18:21
isn't it supposed to be that one oh
1:18:26
local one i'm thinking that's by showing
1:18:32
could be yeah probably all right i'll
1:18:36
switch to that one as in trying to
1:18:41
commit yeah see where this takes
1:18:47
come on terminal good boy
1:19:28
cool uh now what we need to do
1:19:39
refresh it there we go there's our
1:19:42
cool here we go there comes to you
1:19:46
only three changes yes the free changes
1:20:00
anything literally anything
1:20:21
okay here we go you got the code now
1:20:26
let's see and i'll stop my share
1:20:32
things you can share now yeah
1:20:39
uh all right i'm gonna just go and get
1:20:42
some water for myself
1:20:54
um on this branch i don't usually use
1:20:57
github desktop but um
1:21:00
i'm configured with my school account on
1:21:04
terminal so i need to use get update
1:21:15
i'm just telling people that how i don't
1:21:17
use github desktop normally
1:21:20
um i'm just kind of configured to my
1:21:25
terminal so ah i say yeah
1:21:28
that makes sense though yeah you used to
1:21:36
for my personal project but since i
1:21:40
come online yeah it becomes a lot of a
1:21:45
efficient yeah all right
1:21:49
um we'll log out from this
1:22:02
wait how do i love out from this do you
1:22:14
why do you want to log out because i
1:22:18
log into my other account
1:22:22
just use the web what
1:22:33
like as in um as in the
1:22:36
website of github nothing yeah
1:22:40
desktop yeah this one um
1:22:44
there's a reason why i can't do that and
1:22:48
it's really annoying okay um
1:22:52
yeah it doesn't um
1:22:57
i'll tell you why this is the reason um
1:23:05
so if you go ahead and see once again
1:23:16
that oopsies that's fine
1:23:21
you do what you have to do man um
1:23:24
so you want to see how to
1:23:39
i just signed up for my github version
1:23:42
desktop all right go to your accounts
1:23:46
as an options account and it should be
1:23:50
got it found it cool yeah
1:24:03
um right add clone depository
1:24:09
right what's your name um
1:24:14
scrambler enhancement yeah the first one
1:25:09
you should i think you should really
1:25:13
item terminal really oh is it helpful
1:25:18
is it helpful it's very helpful
1:25:21
um so it actually gives you
1:25:24
different colors of different things oh
1:25:29
right yeah i'll look into it um just
1:25:33
to give me a head start how do i run
1:25:36
just uh you've already inclined just
1:25:45
m and then simple http server
1:25:59
stdp capital or small
1:26:02
small i think ready
1:26:07
um so hang on i'll just copy and paste
1:26:10
for you it might be a lot easier
1:26:29
okay there you go and
1:27:02
and now go to your browser
1:27:07
type in http colon
1:27:10
slash class zero zero
1:27:19
and then the home home html
1:27:27
yeah there you go you up and running
1:27:37
on call referencer okay jay
1:27:40
ignore the third one we're just work
1:27:44
actually you're not getting any of them
1:27:49
actually go back to your vs code
1:28:02
go to the scripture.js
1:28:05
oh yeah uh we don't i can't see the
1:28:09
middleware file anywhere there
1:28:14
did i actually even include it
1:28:18
i did yeah so why is he not appearing
1:28:29
never mind that was my fault
1:28:35
so i think you didn't change the branch
1:28:53
okay let's do it again
1:29:15
encore oh so it's saying encore
1:29:21
this error on on click
1:29:29
oh yeah that's fine just
1:29:36
yeah board post board name is not
1:29:40
let's go back in the code 25
1:29:57
okay have you put on just go up
1:30:01
sorry yeah just go up a bit
1:30:05
middleweight.js is fine i just wanted to
1:30:08
check that that's all also it's empty
1:30:11
what yeah that's weird
1:30:16
that is absolutely weird
1:30:21
it's is it empty on github yep i'm doing
1:30:26
um it's fine um that's all
1:30:33
got the code still oh
1:30:37
no i have i have i have i have it i have
1:30:42
that was really close just
1:30:45
gonna open it up and
1:30:48
see okay here we go i'll just
1:30:52
paste the code there all right for you
1:30:59
where are you pasting it to me uh i'll
1:31:03
in the chat it's quicker okay
1:31:09
where did my stream yard go now yeah
1:31:19
here we go i think that should be
1:31:42
actually you know what i'm gonna do i'm
1:31:51
commit it and then you you can just get
1:31:58
that's probably a good way
1:32:26
okay it should be with you any second
1:32:30
all right let's see what we got here
1:33:03
go ahead and do an alert
1:33:28
no seeing what does it do
1:33:33
if i do home.html here let me test one
1:33:38
uh hard refresh it
1:33:47
look did you hard refresh it
1:33:52
you wanted me to close it right and open
1:33:55
press uh command shift r
1:34:02
now try oh i didn't know that
1:34:10
right um just uh check if it's
1:34:20
if it's calling that function that's
1:34:23
all yeah that's the only thing we
1:34:27
care about at the moment but you might
1:34:30
um you might want to do your
1:34:33
consoles uh no sorry
1:34:37
you are already done and
1:34:40
yeah and also that's weird
1:34:50
what does he do um open test
1:34:54
for some reason and i don't know where
1:34:56
it's getting the test
1:34:58
from anywhere oh it's probably the
1:35:02
i'll just go ahead and play the catch
1:35:05
compartment first second oops
1:35:52
there we go so it does come up now
1:35:55
in that function um
1:35:59
how about yeah yeah
1:36:02
however if you uncomment
1:36:06
on it actually hang on hang on a minute
1:36:11
we don't need the data at all as in
1:36:14
on underscore data so you can
1:36:18
comment that i'll just contact the api
1:36:21
and see if it does anything
1:36:25
please why keeping messages
1:36:40
ah now we're talking
1:36:47
yeah so we probably have to allow access
1:36:58
request um i kind of saw
1:37:02
a code snippet in which you give a
1:37:06
that's not uh i don't think that was
1:37:10
that was working though so we might just
1:37:13
have to ignore that code
1:37:15
what was working for you um that code
1:37:18
wasn't working because that was the
1:37:21
initial problem that a team member was
1:37:26
facing that he was he wasn't able to
1:37:35
are we talking about the same thing yes
1:37:38
the cause arrow was the initial problem
1:37:43
came to me all right
1:37:46
okay so this isn't my task
1:37:50
but i i'm just helping
1:37:54
a team member solve his problem
1:37:57
can you give it a try though um of
1:38:01
oh um if you want to do
1:38:24
put that small fetch
1:38:28
okay so include the following in the
1:38:39
yeah we might want to do this as well um
1:38:44
which one should it be
1:38:50
sorry i kind of just like i know
1:39:06
i can tell you're s you're scanning
1:39:09
and reading ability is a lot as in way
1:39:14
faster than mine to be honest yeah i
1:39:18
mean i just want to kind of go through
1:39:19
what we need like if like this thing
1:39:22
kind of like looks like what we did so
1:39:27
uni makes you do that you have to go
1:39:29
through like a lot of papers and stuff
1:39:31
all right um we can just separate it
1:39:39
but that's python though
1:39:42
yeah but um oh um so another thing that
1:39:45
we might have to apply
1:39:50
enable enabling of the cause in the
1:39:55
api itself so um you you might try and
1:41:14
you know there's one one more thing that
1:41:18
getting myself confused with as well
1:41:22
is you know how we name the project
1:41:25
a bit differently in everything as in
1:41:30
for example our local reaper has a
1:41:33
name of a remote one kind of has a
1:41:36
name and then the cloud animation stack
1:41:39
has a different one
1:41:41
so that really has in
1:41:44
kind of that's true it's kind of
1:41:46
confusing confusing
1:41:51
yeah as in consistently
1:41:54
yeah um i have given access on the
1:42:00
so if you enable it it should do the
1:42:08
hang on enable pause on
1:42:28
uh tuesday beer choose the resources
1:42:32
okay it should never from that
1:42:36
api drop down method
1:42:50
okay do the following
1:42:54
in the confirm method choose yes
1:43:12
yeah enable cause and replace
1:43:19
i think i'm almost there but i'll tell
1:43:22
soon as i've done it yeah all good
1:43:36
this is a really good answer
1:43:41
um there's one answer which is like
1:43:45
this is literally what we need to solve
1:43:46
this and it's like 1 2
1:43:48
8 upwards so this guy did the same thing
1:43:51
he did the fetch um pretty much the same
1:43:56
responds and stuff like that um
1:44:00
and he got the same error um as in
1:44:04
like so yeah we pretty much are doing
1:44:10
okay yeah that's that's that's good to
1:44:15
just getting few errors in enabling
1:44:18
cause just bear with me for a minute and
1:44:22
i'd have to sort these arrows out first
1:44:46
in options method okay
1:44:49
and add options okay so
1:44:52
so i need to add them in options method
1:45:00
integration more can point
1:45:05
method response add a response
1:45:18
options method options
1:45:24
unselected methods in order for their
1:45:30
manually how to remove
1:45:59
add access to options
1:46:03
method okay i need this
1:46:06
thing so i'm gonna screenshot it
1:46:12
and then work from that
1:46:34
okay add access to the options
1:46:37
method that's the options method
1:46:44
and then what i need to do is add
1:46:47
method requests request headers
1:46:51
is that the one head header yeah
1:46:55
this must be the one
1:47:26
okay and the second would be
1:47:38
i'm just doing some i'm just uh
1:47:42
adding the headers in api
1:47:45
gateway manually that's what was causing
1:47:58
headers x control allow methods
1:48:01
origin method response and
1:48:09
my head name allow control
1:48:48
allow methods integration okay cool
1:48:52
so this is done in the method
1:48:55
response header and now i need to go to
1:49:04
ah my bad i entered it in the wrong one
1:49:20
status method response headers
1:49:24
for what should be the response harris
1:49:30
um can i show your screen
1:49:37
yes i'll just add your screen to the
1:49:40
so yeah cool do that
1:49:46
cool because i've already
1:49:53
i'll start over again i've already
1:49:56
enab so when i was enabling the
1:50:00
causing api gateway yep
1:50:05
it said this which is fine
1:50:09
i'll enable the cause
1:50:12
and then then is saying that this one
1:50:17
i need to add all these in this
1:50:21
method response headers and then all
1:50:22
these in the inter
1:50:24
integration response had a mapping all
1:50:27
country are all like together
1:50:32
what do you mean call me at all to the
1:50:36
yeah because we are pushing like we are
1:50:48
i'm kind of not sure can i can i go
1:50:50
ahead and google it
1:51:03
um i'm sending you a tiny url all right
1:51:16
you can go ahead and click it i'm pretty
1:51:18
sure can you not ah
1:51:20
you can go ahead and click it the link
1:51:27
oh okay oh in private chat you can write
1:51:32
yeah but no a in the comments you can't
1:51:36
right but i'm able to copy the comments
1:51:41
oh wait yeah i can't uh actually
1:51:45
yeah i've done that so just
1:51:49
using enable calls in that one enable
1:51:55
run applying to any
1:52:02
fairy plant animation will not be set
1:52:05
instead your backhand must return the
1:52:07
applicable causation
1:52:10
yeah that's why i was gang
1:52:16
because i did this exact thing which is
1:52:20
just now so i went here
1:52:28
where's it going api gateway okay
1:52:36
and it will cause this is
1:52:40
this is what we get
1:52:47
and uh can you possibly mute the
1:52:50
notifications please yep i can do that
1:52:56
it's all right um and then i do
1:52:59
replace so the error is that
1:53:03
we need this headers in the options
1:53:07
unless i just delete the options method
1:53:12
what's the option method for to be
1:53:14
honest i don't know
1:53:30
the option measure represents the
1:53:33
request for information about the
1:53:36
options available on the request chain
1:53:39
identified by this
1:53:41
request uri if the request
1:53:44
your eye is in historic the option
1:53:48
we do need the options for sure yeah
1:53:51
that's only where you can we can get it
1:53:54
um what's the problem why can't we
1:53:57
enable it in options method
1:53:59
we can enable it but um
1:54:03
we need we need um
1:54:10
this hang on i'll tell you what what we
1:54:17
we need to add those headers
1:54:24
but they have to have a code hang on
1:54:28
give you a random random code probably
1:54:32
let's do 200 i guess
1:54:43
status add response
1:54:46
oh hang on a minute something came up
1:54:53
yeah this was the one i was looking for
1:54:58
re response headers so
1:55:10
would that gonna be that hard
1:55:13
to this one i need you where is my
1:55:26
can i google the error what's the other
1:55:30
really that error is saying that
1:55:42
it needs these extra control header
1:55:49
in this method response headers which is
1:55:53
this one two options
1:55:57
method which is the option method here
1:56:00
um can you can you copy and paste this
1:56:02
in the private chat the editor
1:56:07
oh that's fine it's fine if you can't
1:56:14
i'll just do it um
1:56:28
hi you decided can you still copy and
1:56:50
okay so now that that's
1:56:54
done i'll enable cause again
1:57:18
and it will cause yes
1:57:29
you need to go on the 200 which we added
1:57:34
and added three options um
1:57:38
which are access control allow headers
1:57:43
yes that's the exact thing i told
1:57:48
do you remember yeah right we need
1:57:53
to add headers methods and that one to
1:57:56
that one back there so i probably have
1:58:00
back and check it basic
1:58:04
could you confirm that because i was in
1:58:07
the doubt as soon as it was working
1:58:11
yeah which is always good to
1:58:15
confirm these kind of things have
1:58:19
already been added so we have to add
1:58:22
them here as well though
1:58:24
because it says that in the
1:58:27
integration no in the integration
1:58:32
response header so
1:58:35
i'll can you secretly do it in one
1:58:38
can you go back to that page
1:58:45
here um go to metadata response in
1:58:50
you're in any method right here
1:59:14
yeah application slash jason
1:59:17
was right oh yeah yeah that that's what
1:59:21
we want we probably go ahead and have to
1:59:22
and we have to add it
1:59:28
you have to type it ah ah i thought
1:59:31
i got a bit double minded because
1:59:35
yeah it was grayed out application
1:59:39
yeah okay that's the model empty
1:59:50
invalid application
1:59:54
contact type response
2:00:05
ah okay probably what
2:00:09
we need to do is add the model first
2:00:14
really i thought we keep the model empty
2:00:18
um it says that we don't have the
2:00:25
in madam i need to google this error
2:00:31
i mean model is kind of just the json
2:00:35
which we need but um
2:00:38
still yeah but we can't really
2:00:45
with the content type
2:00:48
unless we have the model i would say
2:00:53
yeah that's right what's the error
2:01:01
i did i think it says invalid
2:01:25
not an issue with the support with the
2:01:27
following sessions
2:01:30
then your mother is not like compatible
2:01:32
try removing initial properties or
2:01:35
an example from the modern safe that
2:01:38
what is your phone
2:01:51
modern identifying
2:02:18
i'm pretty sure everyone has kept model
2:02:22
can you create an empty model um just
2:02:25
name it empty and like just
2:02:39
um it says it's required yep
2:03:03
okay um look at this link
2:03:06
this looks promising
2:03:26
uh all right show this video resolution
2:03:36
this zombie uses writer model ski man
2:03:47
user id name the request body
2:03:53
associate the model to the method
2:04:01
shall we continue in this tomorrow
2:04:05
eyes it's all ready five past
2:04:12
any more changes to that um
2:04:16
i did a small change okay i'll go ahead
2:04:19
this is like yeah yeah just push it in
2:04:23
in that branch and um
2:04:27
we can probably take it from there
2:04:31
yeah for sure cool um
2:04:37
all right um yeah we'll continue 1.4
2:04:42
yeah uh but i think overall i was happy
2:04:48
today it was a it was a good one
2:04:56
you can probably have food calmly now as
2:05:00
really in a happy mood
2:05:04
all right mate um thanks a lot guys for
2:05:08
showing up and thanks karthik for your
2:05:12
um so we'll continue this from tomorrow
2:05:17
and i'll see you then yeah cool um see
2:05:21
you guys see you guys tomorrow
2:05:23
thanks guys tomorrow bye