0:00:26
oops sorry about that but welcome guys
0:00:29
uh to another session of buildbreaking
0:00:32
fix brought to you by the raw coders
0:00:35
hope y'all everyone's doing really well
0:00:38
looking forward to the holiday season
0:00:43
just to give you a bit of a recap
0:00:45
actually first of all you might be
0:00:47
observing that finesse
0:00:48
isn't here um he's going uh
0:00:52
commitments which is why he won't be
0:00:56
join us but we we miss you finish and
0:01:00
hope to see you on
0:01:06
yeah so just to give you a bit of a
0:01:09
is yesterday we went to through
0:01:15
coding the backhand function for getting
0:01:20
however that resulted in a syntax error
0:01:24
so in order to find the syntax arrow we
0:01:29
tried to install and configure
0:01:31
es lens which is basically an extension
0:01:34
for vs code used to
0:01:37
identify any syntax
0:01:41
errors or any off find
0:01:46
in the code and also format the code as
0:01:52
will continue to do that
0:01:59
uh we still have to figure that one out
0:02:02
so i'm i'm gonna be taking you guys
0:02:05
through that process and hopefully we
0:02:06
can find what syntax
0:02:09
error was there in our backend function
0:02:12
called get bored by name all right so
0:02:15
without further ado let's get started
0:02:19
before that let's acknowledge the
0:02:25
i begin today by acknowledging the
0:02:27
traditional custodians of the land on
0:02:29
which we gather today and pay my
0:02:31
respects to the elders past present and
0:02:34
future i extend their respect to
0:02:37
aboriginal and torres strait islander
0:02:42
fantastic so that is all done
0:02:47
let's move on to the action part
0:02:52
getting the es lens setup in our
0:02:55
environment all right so basically share
0:02:58
my screen and see how that goes
0:03:08
all right there we go
0:03:33
now as we are back on track
0:03:36
um let me just go and
0:03:39
open up share my screen first and then
0:03:51
let me go to share my screen
0:04:02
okay cool so now um we need to open
0:04:06
and get cracking with our
0:04:22
uh small scrambler no it was backhand so
0:04:26
it must be that one
0:04:34
we did this change
0:04:39
okay with the help of tory littlefield
0:04:46
just gonna go back in my
0:04:48
app.js and see where exactly did i went
0:04:55
um so it's not really giving us anything
0:05:02
check exactly how to
0:05:06
i'll just set this in vs code how to
0:05:09
length formula code within slants invest
0:05:13
this should give us pretty much what we
0:05:17
you have got that installed
0:05:20
create a javascript starter code
0:05:23
you need to create the demo create
0:05:25
directory okay i've got this one
0:05:30
touch yeah i've got that one
0:05:37
open app.js in vs code write the
0:05:40
following code in the app.js
0:05:47
you may have noticed that there are
0:05:51
that could be improved yeah cool
0:06:02
inconsistent use of quotes
0:06:08
and consistent use of semicolon
0:06:14
now with this javascript file in place
0:06:17
you can now initialize this project to
0:06:19
do this and navigate to command line 100
0:06:25
here's just initialize the process
0:06:37
let me see if there's any chat
0:06:41
hi cute jesse good to have you
0:07:00
use okay we don't need this part the
0:07:05
store your project dependencies and
0:07:09
configuration settings for your project
0:07:23
now that your javascript project is set
0:07:25
properly you can now set okay this is
0:07:28
the part we need so npm install yes
0:07:33
okay we can try this one as well and see
0:07:43
actually it wasn't the
0:07:45
was it the back end
0:07:50
yeah it was the backhand isn't it yeah
0:07:57
so it's got two packages so jason's
0:08:03
okay i'll basically do
0:08:08
actually comment this one out
0:08:12
let's go with that save dev
0:08:27
i multiply yes flint okay dev
0:08:32
which is done over here
0:08:38
uh it's important to include the
0:08:46
saved package as dependency for the
0:08:49
development use only in this case it's
0:08:51
into the packet that's only needed
0:08:58
working on and making changes to your
0:09:03
once your project launches or
0:09:06
is in product production instantly no
0:09:08
longer okay yeah that's fine
0:09:12
now eslint is installed you can
0:09:14
initialize is length
0:09:17
configuration of for your project using
0:09:19
the following command
0:09:50
know what yours is lent
0:09:53
okay how would you
0:09:55
like to use eslint
0:09:58
that is basically over here
0:10:01
the first prompt is to find and enforce
0:10:11
okay yeah i need to do common
0:10:16
i'm just saying none of these
0:10:22
it's the next problem if your eyes does
0:10:25
your project could use
0:10:36
choose a browse option okay
0:10:39
yeah we've done that
0:10:40
choose a popular cell guide here
0:10:46
um the next prompt
0:10:50
before we start you want to follow
0:11:02
json which is fine
0:11:04
you'll see you will then see this
0:11:09
check compare dependencies of eslint
0:11:17
the config that you have selected
0:11:21
requires the following dependencies okay
0:11:29
you would really like to install them
0:11:33
and choose yes yeah cool
0:11:36
so installing these dependencies
0:11:46
after completing all the prompts you
0:11:48
will notice that found
0:11:50
named is lenses has been added to your
0:12:01
so i can basically get rid of that one
0:12:03
and just choose this one
0:12:05
been added to your
0:12:08
yeah which has been here
0:12:13
it is lent is now installed the coding
0:12:17
app.js hasn't changed yet
0:12:20
this is because the insulins needs to be
0:12:24
integrated with ps4 structuring
0:12:29
eslint extension okay to install if
0:12:32
they've already got that which is over
0:12:38
choose install uh-huh
0:12:42
once it's installed
0:12:48
underlining in your app.js file
0:12:57
these markers are calibration huh
0:13:00
if you hover over underline code right
0:13:04
you he's saying that i should be able to
0:13:14
where was they were coming in board
0:13:24
should be able to see the errors
0:13:28
formatting on there too
0:13:33
so um find you update by highlight
0:13:38
these markers are color based on
0:13:41
say if you hover over your underline
0:13:45
code you will see a message explaining
0:14:15
depth dependencies
0:14:20
okay what i'm gonna do is just
0:14:23
close it and then reopen it
0:14:25
and see if it's if it works then for us
0:15:07
to find settings in this link
0:15:19
with this settings
0:15:28
in your javascript
0:15:30
yeah i did all this
0:15:36
is going to use in it
0:16:08
all right so it is working
0:16:52
any comments no comments since now
0:17:26
okay however if i just deploy and see
0:17:40
names no i don't need that i need this
0:17:47
that was a problem right
0:18:10
right identify here we go
0:18:14
i think this is where we went wrong
0:18:23
never reassigned use const instead i
0:18:36
interesting i like this
0:18:39
i really like this extension now
0:18:52
identifies no camera case
0:19:20
wow this is just incredible
0:19:36
uh closing curly brace does not appear
0:19:40
on the same line as a subsequent block
0:19:53
unnecessary else after return
0:19:59
now i need that one that's fine
0:20:11
switch expects expected spaces off to
0:20:20
this is incredible
0:20:25
honestly i love this
0:20:51
training space is not allowed
0:20:54
okay cool so let's try and
0:21:00
try this and see if this part works now
0:21:16
right so seems like that the es lens
0:21:20
extension has been installed and it's
0:21:22
working because it's
0:21:24
actually giving us all the
0:21:28
hints and everything to
0:21:31
correct the code according to the
0:21:33
standards and everything which is great
0:21:39
um i'm gonna do a guided deployment this
0:22:10
all right so this one will be
0:22:13
yes yes and deploy yes
0:22:42
i just want to check if any comments no
0:22:58
fierce code and see what's happening
0:23:17
like that's been deployed and now if i
0:23:20
postman i should be able to
0:23:30
new backend function
0:23:35
first of all i need to do
0:23:37
gel boards and see if that if everything
0:23:40
is working properly
0:24:10
in here we can base actually i want to
0:24:12
check which board is available first
0:24:19
so that means they forget if i should
0:24:25
so let's go ahead and try that
0:24:32
board is not valid
0:24:41
so where is it coming
0:24:48
and it's not even coming over there
0:25:13
does doesn't even come here
0:25:28
when i check if this backhand function
0:25:30
is working first of all
0:25:33
block must not be padded by blank lines
0:25:54
expected exception
0:25:57
block space or tab and comment
0:26:02
expected session block space
0:26:07
i really like this
0:26:17
i'm passing it that one
0:27:04
okay see if i do this
0:27:26
because i want to first of all check if
0:27:55
all right that's done and
0:27:58
to a guided deployment in profile
0:28:53
any comments here no
0:29:05
okay going to the cut okay cool so let's
0:29:14
actually does something for us
0:29:17
from a bad request board id is invalid
0:29:21
but was it what is it trying to do there
0:29:26
i need to go into our
0:29:37
um account id would be
0:29:41
seven six five nine five
0:29:44
seven six five nine five
0:29:51
one eight one one seven
0:30:00
okay and that's basically our
0:31:07
i thought this was the password um
0:31:11
my card number must be wrong
0:31:14
seven six five nine five one eight one
0:31:21
seven one five nine nine five four
0:31:43
all right finally there
0:31:46
and what we're gonna now do is
0:32:14
so i need to go to sydney
0:32:17
yeah there are my lambda functions
0:32:22
yeah cool there we go
0:32:36
functions are there
0:32:45
monitor the freelancing cloud watch
0:32:56
yes see it's not coming
0:32:59
in the function we want it to come in
0:33:05
so it's not coming in that function
0:33:08
why is he not coming in this function
0:33:19
this function instead
0:33:22
yeah i id is invalid
0:34:31
it's coming into that one which is not
0:34:34
really what we want
0:34:36
we need to send it to
0:34:42
we need to send it ah so
0:34:46
get requests right right right
0:34:51
get a particular would buy that one no
0:34:54
actually what we need to basically do is
0:34:57
convert this one into that
0:35:13
and see what happens now
0:35:20
right see what happens if this still
0:35:50
welcome reading good to have you um have
0:35:53
you tried formatting your code with
0:35:55
fierce curse and repeat
0:36:00
yeah i guess so and um
0:36:05
probably doing that right now
0:36:08
this is really as in bad
0:36:28
document there we go
0:36:37
these errors basically i will do them in
0:36:40
my own time but today because i don't
0:36:46
kind of fit things
0:36:48
appearing this is really bad
0:36:51
so but i'm really glad that um
0:36:57
length is working that you guys
0:37:00
suggested yesterday which is really good
0:37:16
i will replace all
0:37:21
two cores with a single core bar really
0:37:24
wanna see first of all that if that um
0:37:28
name function that we have
0:37:32
is working now so i'm just
0:37:35
gonna test that really quick
0:37:39
take it from there
0:37:48
uh profile stronger
0:38:02
doing it and what probably do is in the
0:38:08
you have that use suggested um
0:38:18
sit down wow wow that is
0:38:23
okay so no more errors finally
0:38:36
go to your problems tab
0:38:42
oh wow wow wow wow interesting
0:38:45
so i'd have to come back to these
0:38:52
because i don't want these problems
0:38:59
just doing uh good
0:39:02
days lemon left just doing okay
0:39:48
your street is unnecessary
0:39:53
inside of modules okay cool so that can
0:39:58
but this is actually really helping
0:40:01
um expected one empty
0:40:04
line after require statement
0:40:13
right right right i see
0:40:15
so this is basically be
0:40:44
that goes hopefully fight for double
0:40:57
i'll probably have to come back to this
0:41:02
not even being used anywhere
0:41:05
so kind of generally rid of this
0:41:15
not really being used
0:41:20
grayed out so i don't need to use this
0:41:28
okay tyres who are unable to resolve
0:41:32
to you actually i'm not i am choosing
0:41:36
you i did yeah i can't do that
0:41:45
what's the problem here
0:41:48
unexpected why use lateral const
0:41:52
wow this is really
0:42:08
missing semicolon wow
0:42:18
uh okay that one's done
0:42:23
spill that declaration into multiple
0:42:28
oops okay that was actually my fault i
0:42:31
shouldn't have done that
0:42:44
oh so i can't change these variables
0:42:54
i'd probably have to
0:42:57
resolve it all these arrows could these
0:43:00
are just way too many for now it's 187
0:43:06
yeah probably have to come back
0:43:09
to that one but let's try and see if if
0:43:36
expected one and two
0:43:40
not followed by another okay fine
0:43:57
okay let's check if this one works
0:44:03
if it will get method actually gets what
0:44:13
miss key schema element
0:44:19
so i missed the key schema
0:44:24
key schema was the key schema there
0:44:31
board name okay i don't really want this
0:44:47
actually i don't really need this either
0:44:50
so i can get rid of the else
0:45:25
we wasn't using this before
0:45:30
ah okay yeah that's fine that's my fault
0:45:36
oh i missed the key there
0:45:42
so i need to go back
0:45:48
basically the key would be
0:45:54
ah i would have to get the how would i
0:46:13
as a key maybe although
0:46:17
wrong but let me just try it
0:46:27
cause quantity property found
0:46:54
like where am i going wrong
0:47:05
and that's what caused the problems you
0:47:11
yeah that's what i want it's fine
0:47:15
i can basically just ignore this
0:47:22
board name and see what happens
0:47:51
see what happens now
0:48:00
what our lovely viewers
0:48:02
have to say if anything
0:48:16
okay so this is still
0:48:20
this has been built up and now we can do
0:48:40
this is looking pretty good
0:48:57
just be right back
0:48:59
guys i'm gonna just get some water all
0:49:05
in the mirror about the chainsaw can be
0:49:43
all right i am back in action
0:49:48
have some water in my collet
0:49:57
let's see if this worked
0:50:04
miss key skimmer element
0:50:15
we need to probably specify the book
0:50:18
key here which is the board id but i
0:50:20
don't have the board id here
0:50:28
um so first of all what we would
0:50:31
probably have to do
0:50:37
we would have to somehow get the board
0:50:40
id from the board name
0:50:55
i'm just thinking how to approach this
0:50:59
when in in the front end we'll give the
0:51:16
if we need the board id to be there
0:51:34
good to have you mate
0:51:37
that's all i made um
0:51:44
at last you met at last you made it so
0:51:50
um by the way i managed to ins uh
0:51:53
install and configure
0:51:57
lens from this tutorial
0:51:59
which actually not this one
0:52:02
this one which was really
0:52:10
tips and everything that really helped
0:52:16
so we need to get the board id from
0:52:27
board name i'm just
0:52:30
gonna check how to
0:52:42
uh did you feel every need of a partner
0:52:48
oh thank you really very much um i
0:52:52
really do actually
0:52:54
appreciate it but yeah i will
0:52:58
like you know and keep you posted if
0:53:05
like this happens again so but thank you
0:53:08
very much for the offer
0:53:59
that's how to print it now
0:54:07
then my dp has to say
0:54:10
no i don't want this
0:54:22
filter create a table
0:54:42
it's been a very pretty productive day
0:54:58
let's check this one
0:55:02
just this has to say
0:55:18
experience to get conditional operator
0:55:23
attribute difference and type okay
0:55:26
access energy views
0:55:42
the name of that industry no i don't
0:56:15
our primary key yeah that would probably
0:56:19
with index city index
0:56:25
as you have not provided the folder is
0:56:27
difficult to landlord by the issue
0:56:31
it works for me you can okay
0:56:35
so this is table index yeah
0:56:48
then queries using index
0:56:52
ah so i need to make the index
0:57:04
index names hitting this
0:57:08
all right so i need to basically make an
0:57:11
index called the board name and
0:57:24
as in the primary key
0:57:27
so which would be the index name right
0:57:36
i can either go with this approach
0:57:41
or there has to be a better approach as
0:57:43
in a more simple approach
0:57:50
query with the non
0:57:56
do this ah okay so i can basically use
0:58:03
if you're doing a query
0:58:04
that then you have to pause the primary
0:58:07
key which in your case is user id if you
0:58:10
if you do not have a private key and if
0:58:13
all the logged in truth then you can do
0:58:18
no i want to use a query
0:58:21
because i want the entire one object
0:58:40
no that's not gonna work
0:58:43
primary key use secondary key
0:58:46
right it's gonna do
0:58:49
um all right guys um we can leave it at
0:59:00
we will come back to this tomorrow um
0:59:06
you guys enjoyed this session we
0:59:08
definitely made some improvement we got
0:59:12
um yes lens installed and configured and
0:59:20
identified with where the syntax error
0:59:29
board name for the backend function um
0:59:33
so we identified that now that that is
0:59:36
being triggered um
0:59:40
the next step would be to how to get a
0:59:44
having to pass the board id um
0:59:47
yeah so we will come back to that
0:59:55
for for tomorrow and i will see you back
0:59:58
here same place same task and at the
1:00:02
same time all right have a good night