0:00:28
ho what is going on guys welcome back to
0:00:32
another session off
0:00:34
tori and zayn's raw coders
0:00:38
i messed up isn't it
0:00:43
tory and zayn show
0:00:45
the bill breaking fakes brought to you
0:00:47
by the two of the rule codes
0:00:49
that's right yeah i guess oh my god oh
0:00:52
okay sounded good the first time
0:00:59
anyway um yeah ready
0:01:02
to be back after one day break
0:01:05
um how was your break yesterday tori
0:01:11
i've been i've been pretty busy to be
0:01:15
i think it's only going to get busier
0:01:19
thanks for joining but yeah i got like a
0:01:25
and there's already like a lot of people
0:01:32
so yeah it's it's gonna be i'm already
0:01:35
tired just thinking about it
0:01:39
but yeah it's it's it's it's it's good i
0:01:42
think i'll i'll feel
0:01:44
more exhilarated uh after some some
0:01:47
sleep but yeah it's like i think
0:01:50
that sounds really promising though as
0:01:53
job literally started
0:01:55
you're literally started supply and
0:01:58
you're already hearing back from
0:02:01
over end which is really i think
0:02:04
kind of promising though
0:02:07
uh yeah i mean like this is a like
0:02:13
i call it like a machine gun tactic
0:02:17
i've heard of it i've heard a lot of
0:02:19
advice saying it's ill-advised to do but
0:02:22
i've i've i have pals
0:02:25
and i've seen their own success with
0:02:29
uh i can't i can talk about
0:02:33
other methodologies of applying for a
0:02:35
job which i find quite painful
0:02:39
versus when you have
0:02:42
a lot of jobs you're chasing
0:02:49
you're not putting an emotional
0:02:54
um positions that so
0:03:00
positions don't necessarily
0:03:02
meet your expectations or what you're
0:03:05
looking for or vice versa
0:03:07
then you just move on and you have just
0:03:11
tons more interviews to get through so
0:03:14
there is no there is no time to
0:03:17
to necessarily be attached to anything
0:03:19
because you just you just have to go on
0:03:22
through to the the next interview and
0:03:24
then you know as the weeks will progress
0:03:26
it will filter down
0:03:30
you know final rounds and final offers
0:03:33
and then from there you'll be able to
0:03:39
emotional decision let's say but yeah
0:03:44
from the from the get-go it's like yeah
0:03:47
you have to do like the the the flaw is
0:03:50
you have or the downside is you have to
0:03:52
do a lot of work up front
0:03:55
to just like interact with tons of
0:03:58
tons of different people even if they're
0:04:00
short even if there's
0:04:02
five or 20 minute interactions
0:04:07
it's still working it has to be yeah
0:04:09
yeah because it seems like this say
0:04:14
just business so there's
0:04:19
cash is primarily just business and um
0:04:23
yeah we learned to
0:04:25
move on with all the mental mental
0:04:29
but i'm pretty sure that you're gonna be
0:04:32
talking to a lot of people
0:04:34
and a lot over the phone as well
0:04:38
yeah so yeah it's interesting too
0:04:40
because i i just i just applied
0:04:44
literally so i already have
0:04:49
who reached out to me from singapore
0:04:52
from australia from the u.s
0:05:04
i will report my findings for sure after
0:05:10
really looking forward to hearing your
0:05:14
this approach how did it go because this
0:05:18
i don't think it's a standard approach
0:05:20
it's a really different one
0:05:23
yeah this is i this is this is me trying
0:05:28
some conventional wisdom i think yeah
0:05:31
and i don't care because the worst case
0:05:35
i just learn a lot of things and i just
0:05:37
hear a lot of no's i'm i don't care
0:05:42
it's how they say you're not emotionally
0:05:44
attached it's just business
0:05:48
that's it no it's not personal
0:05:53
it's that personal
0:05:57
fantastic and gag dave was asking your
0:05:59
question when's your last day on the
0:06:02
show story i'm never leaving i'm a
0:06:04
parasite on the show
0:06:07
i love that as long as long as the host
0:06:10
is alive i'm still thriving
0:06:15
yeah yeah i love you all again to be
0:06:18
honest it's like i'm i'm like
0:06:21
like the parasite attached to the host
0:06:27
it seems fantastic all right okay
0:06:31
do you wanna choose a letter and then we
0:06:35
can pop some music on
0:06:47
that's a classy uh monty python move
0:06:52
uh i say no way no way
0:06:57
all right your favorite one is
0:07:07
all right um so do you want to share
0:07:13
and we can get the ball popping
0:07:20
just to give a bit of a context as in i
0:07:22
was working on um on friday uh
0:07:26
uh as is saving the cards that come
0:07:31
through web socket but that just got
0:07:33
left in the middle we probably have to
0:07:35
continue from that
0:07:39
did i push my code
0:07:42
i don't think i did
0:07:49
yeah it's supposed to be in the client
0:07:51
but yeah you can basically create
0:07:56
or whichever one you want to and
0:07:58
continue on there because i don't think
0:08:22
yeah so so what do we what are we
0:08:24
getting ourselves into today um so you
0:08:28
know how you were talking about
0:08:33
save the cars from the concurrent users
0:08:38
connected to the websocket um
0:08:41
oh yeah the problem is that they are not
0:08:43
uh the concurrent users card are not
0:08:46
being saved and you said that we just
0:08:50
the cards as in all the cards which also
0:08:54
coming from websocket in there in that
0:08:58
so we just basically
0:09:12
bit of a headway to there but um i
0:09:15
couldn't really get my head around
0:09:20
um in that time i had
0:09:26
and cornwall 64 didn't mention
0:09:30
um on friday that we wanna basically
0:09:38
no sorry that was something else
0:10:00
i think i made this function
0:10:16
this function which is in script js for
0:10:20
whatever reason why not
0:10:26
based on the title it adds
0:10:30
board notes okay so
0:10:36
what looks like a note here
0:10:40
do you want do you want me to uh live
0:10:43
uh do live share live live share yeah
0:10:46
why not yeah it'll be easy i guess
0:10:56
have you changed your laptop by the way
0:11:01
okay because normally your laptop
0:11:04
relatively slow when the music plays
0:11:12
be it could be that
0:11:16
whatever just let them all through i
0:11:18
don't care let it all through the
0:11:24
uh it should it could i don't know maybe
0:11:27
it's a stream yard update or
0:11:39
why is it being slow now
0:11:44
i shouldn't have said it
0:11:46
i don't know it's good now all right let
0:11:48
me i'll paste this in
0:11:50
uh the the private chat
0:11:58
if you have any problems joining just
0:12:05
so it looks like this function takes in
0:12:10
a note object so i'm assuming that's
0:12:12
some type of valid note
0:12:19
i think i think i kind of just you know
0:12:21
i think this was based on a
0:12:27
implementation that you and kartik had
0:12:29
wrote a while ago and then i kind of
0:12:40
whatever changes we had made so it kind
0:12:42
of fit with whatever changes we made um
0:12:48
i don't think i changed that much so all
0:12:56
wasn't already in the board notes map
0:13:02
if the board notes map does not have
0:13:04
this id then we just
0:13:09
node object to the board notes map
0:13:13
down here we set it okay and then i
0:13:15
don't know we're logging it i think that
0:13:18
something you guys um had so i just kept
0:13:24
and yeah so it either adds it as
0:13:26
inserted or not inserted
0:13:29
um so the reason i was looking at that
0:13:32
is because i just wanted to see where
0:13:33
else that's referenced
0:13:40
and then from there we can just
0:13:43
probably add this function
0:13:51
um for when we receive a websocket
0:13:54
message for creating a card
0:13:58
so it looks like it's being called here
0:14:00
which is on draw new card
0:14:07
that's interesting
0:14:18
it's also being used when we rotate
0:14:28
i don't know i did that i don't know why
0:14:30
but i guess it was something we had to
0:14:33
oh because we're updating the color ha
0:14:40
so yeah we want to update that note
0:14:43
when we update the color i guess um
0:14:50
uh this function which was already
0:14:53
existing in the code this
0:15:01
ah so i think this
0:15:04
gets called when we
0:15:09
uh edit a note so this looks like the
0:15:17
on the note i'm guessing
0:15:20
so it looks like this function gets
0:15:25
edit is that inside this method
0:15:28
yeah okay this my memory is coming back
0:15:30
to me a bit now so this on end
0:15:33
method here was something i added
0:15:35
because i looked at the api for this
0:15:38
jquery library editable and there is
0:15:41
this n method so when you're done
0:15:44
editing the note then
0:15:47
a bunch of stuff happens and then we
0:15:50
add our update the note okay great um so
0:15:56
in terms of script js that's the only
0:15:59
two places where it's being executed
0:16:06
yeah that's the entire code so
0:16:19
so i was thinking that um
0:16:30
you know when we call uh so what's
0:16:34
happening in the boards add update board
0:16:43
it's just updating the notes
0:16:46
on the board so it takes in a note with
0:16:55
if it doesn't it's
0:16:58
updated with the new
0:17:01
information in the board notes map and
0:17:09
can we call this this method
0:17:16
when the um websocket kick connection is
0:17:27
in still front end
0:17:39
so we have this on message event for the
0:17:43
so this is this is when we receive
0:17:54
and then it calls this get message
0:17:56
function which is in script js
0:18:00
um passing in the data from the um
0:18:05
from the websocket event yeah
0:18:15
like one dirty way of dealing with it is
0:18:17
basically check if we get a message here
0:18:31
i guess i guess if if we
0:18:34
wanted to not think of edge cases then
0:18:48
maybe a better way to handle it i'm
0:18:49
sorry i'm just kind of like thinking
0:18:51
back and forth in my mind i'm not really
0:18:53
talking out loud sorry
0:18:55
but one way to handle it would be to go
0:19:01
function that actually
0:19:03
is called when we create a new card and
0:19:14
at this get message function so let's
0:19:20
from the message data that we got from
0:19:27
create card so that's one of the actions
0:19:29
we send through the websocket is create
0:19:32
so inside here we could say
0:19:36
when we call draw a new card
0:19:40
let's let's find the end of the sucker
0:19:43
it's pretty well it's a big function
0:19:54
okay so it's like a
0:19:56
method with other methods
0:19:58
or it's a function
0:20:05
a bunch of event listening
0:20:27
huh so where's the i'm looking for a
0:20:37
so it must be this a pen to board
0:20:43
here i'm assuming is when the card
0:20:47
you click on the button in the ui to
0:20:50
create a card and then this
0:20:54
uh if type card blah blah blah and then
0:21:04
okay h is assigned to this whole
0:21:12
and then we append that
0:21:14
component which is a card to the board
0:21:23
so i guess the only time
0:21:27
the card is actually
0:21:34
our map that we're using after that
0:21:39
well it's it's actually
0:21:42
only on the edit event which is down
0:21:45
here so that's probably why it's not
0:21:50
yeah it's getting called down here in
0:21:52
this event this editable
0:21:58
what are you talking um
0:22:05
this listener gets called zane when you
0:22:07
click on a card to edit it and
0:22:10
change the text but if you
0:22:12
it only gets called when you actually
0:22:18
i think i think the reason why this is
0:22:21
not currently working is because when
0:22:25
a new card via the websocket you're not
0:22:28
actually clicking on it
0:22:30
or focusing on it i guess i should say
0:22:38
so it works when the admin which is the
0:22:42
person who's actually created the board
0:22:47
uh i mean if they click on the card
0:22:52
yes and i think when you click i think
0:22:54
if anybody clicks on a card
0:22:57
uh the button to create a card i should
0:23:01
there's probably logic in there to
0:23:05
focus the cursor on the card so then
0:23:09
that automatically triggers this event
0:23:14
which then in turn would update it
0:23:17
but when we get the websocket message
0:23:21
that this is not being triggered i think
0:23:36
that this actually
0:23:40
other scenarios where like
0:23:48
let's see what else could they change on
0:23:57
but you as the admin don't rotate the
0:24:05
also doesn't get called
0:24:08
and therefore that wouldn't be updated
0:24:17
so you mean to say that
0:24:28
some of the uh second features then
0:24:38
i'm thinking that might be the case
0:24:43
so how about if we just focus on
0:24:48
one thing at a time i think that
0:24:51
might be a better approach
0:24:57
saving the cards for the websockets is
0:25:00
actually really cool functionality
0:25:03
and once we have basically done that we
0:25:12
what you actually pointed out this is
0:25:15
as in the other scenarios
0:25:17
where um the user rotates the card but
0:25:20
the admin doesn't really still affect it
0:25:24
sure yeah like this one i'm looking at
0:25:29
if a user deletes a card does that
0:25:33
the admin and i don't know if that's a
0:25:34
functionality you want or you don't want
0:25:39
if let's say that is the case where that
0:25:42
doesn't work but you want it to
0:25:45
maybe the simplest implementation is to
0:25:53
before you save the notes
0:25:57
and call the in post to the api just
0:26:00
grab the notes from the dom
0:26:06
the array of the map whatever and then
0:26:09
just send back to the api
0:26:11
instead of updating it throughout the
0:26:15
like in different parts of the code
0:26:19
may cost a little bit on performance
0:26:21
before you make that api call but it's
0:26:24
probably not a big deal i would say
0:26:27
probably not at all
0:26:32
because you could just do like a
0:26:34
query selector grab all the notes grab
0:26:37
all the information from the notes in
0:26:40
and then just send that off
0:26:46
wow there are many scenarios
0:26:49
okay yeah yeah so we can we can go ahead
0:26:53
with this and then
0:26:55
we can we can see if the other actions
0:27:00
have working as well also
0:27:04
yeah i think there might be a better
0:27:09
get this this part working first
0:27:12
and if other one by the
0:27:16
by the way what i'm saying is
0:27:18
not based on gag doesn't comment
0:27:26
um yeah i'm just trying to think
0:27:29
what's the best uh what's the the best
0:27:33
in this scenario at this time of the
0:27:41
that first as in save the card
0:27:44
which is coming from the websocket first
0:27:47
and then we can consider other scenarios
0:27:51
when this is working
0:27:55
what is this doing
0:28:03
i think i think i covered some of these
0:28:06
i think i just didn't
0:28:09
i don't know this was so long ago but
0:28:14
um by the way jagdev it's not eight
0:28:23
eight years is a long time
0:28:31
ah there's there's a lot of
0:28:33
there's a lot of actions here
0:28:37
and the old basis switches
0:28:40
yeah which is kind of nice it's just
0:28:43
kind of easy to go from
0:29:03
run this function here it's a little bit
0:29:08
um just like update it
0:29:17
dragging we don't care about these
0:29:19
because we're not using these as web
0:29:28
delete that one's covered i guess
0:29:31
change color i think this is also
0:29:37
covered inside here
0:29:41
the code that seems like
0:30:05
yeah so i guess we could do a check
0:30:08
like we could we could we could add
0:30:22
this sticker add sticker
0:30:25
so we could i guess we could
0:30:32
i don't know what problems this might
0:30:34
create to be honest
0:30:42
hang on if sticker
0:30:45
then add the sticker
0:30:50
i think there's like notes and stickers
0:30:58
one sticker would be
0:31:06
it's not good you only want the stream
0:31:11
stickers with those small notes
0:31:16
which are red yellow purple something
0:31:20
even know if that works to be honest
0:31:25
we never know unless we unless we try it
0:31:36
because i okay so what what we need to
0:31:41
is let's take a look at this
0:31:46
come on that is so slow come on and tell
0:31:48
us so we need a color id and a position
0:32:03
i think the card itself has all that
0:32:06
information but it's inside of a
0:32:22
because we have the id
0:32:26
we have the rotation
0:32:30
yeah i ca i could be messy and put it in
0:32:36
it'll probably work
0:32:38
but i know you are
0:32:44
well yeah let's i wonder if we can
0:32:46
access those properties from card hmm
0:32:50
that's exactly what i'm thinking
0:33:00
i'm not getting any intellisense so i
0:33:02
have no idea if i can do that
0:33:06
that's exactly how i feel when um
0:33:11
javascript or jquery in
0:33:17
i'm like would this even work i'm not
0:33:20
getting any intelligence
0:33:27
oh wait wait wait i'm i'm being silly
0:33:28
zane we we're getting all this
0:33:30
information from the
0:33:32
from the president
0:33:35
yeah so we're good we can just pass
0:33:41
so uh should i put this at the bottom
0:33:44
here or should i put this at the top
0:33:52
it make a difference
0:33:54
no it's just up to you
0:34:08
welcome good to have you
0:34:10
position is that a thing
0:34:13
what does pickers mean
0:34:26
right i'm gonna save that
0:34:28
you want should i fire this up
0:34:40
will have in a bit
0:34:47
i think i think kartik said he might
0:34:50
actually come back
0:34:53
which would be cool
0:34:54
or maybe if he chose or something
0:34:57
and if i feel like if we say that on air
0:35:01
he'll be obligated
0:35:06
as we speak he is coming off
0:35:13
um i think right now he said he's is
0:35:21
what's he doing there
0:35:26
having indian food
0:35:30
it's probably delicious
0:35:32
yeah pretty sure it is let me swat dog
0:35:44
jagdev i'm pretty sure
0:36:07
hey at least something's working right
0:36:12
your parts will work we need more
0:36:15
we need probably more of them do you
0:36:18
yeah do you guys want to hear more
0:36:24
i can't hang on a minute i'm just gonna
0:36:32
and we did eat too many
0:36:34
too many beans with a z that day that is
0:36:39
which one was it the black
0:36:41
or the rare or the red ones
0:36:44
um i usually just go for uh like a mix
0:36:50
i find to be the best combination
0:37:03
gekko asked if you you've gone platinum
0:37:09
or are you still just
0:37:16
all right so this is done um the
0:37:20
s3 is up hopefully we don't get any
0:37:28
yeah we never know on this [ __ ] you
0:37:30
never know what can happen
0:37:34
all right here we go you'll just have to
0:37:36
stick around and find out
0:37:42
um what forge what ford should i use
0:37:49
let me tell you by the way i'm afraid
0:37:52
oh hang on hang on a minute
0:37:55
i think i know who who is the coda is
0:38:00
oh yeah who's that because there's only
0:38:02
one person who who calls me zed in that
0:38:09
there's only one person
0:38:16
uh i'll tell you offline don't worry
0:38:21
all right here we go uh
0:38:24
you're still on local host
0:38:38
you know what i'm gonna make sure i mute
0:38:40
the site there we go yeah yeah do that
0:38:44
that's not gonna that's how i'm gonna
0:38:48
writing lewd comments
0:38:51
or crashing my browser
0:38:55
they can't anymore
0:39:00
they can't anymore
0:39:05
they can't anymore
0:39:07
ah so what the power is in the hand of
0:39:19
i feel like you're
0:39:21
you're provoking them by saying
0:39:25
honestly leave the con anymore
0:39:29
because i've taken the bucket off
0:39:40
you know i'm pretty much
0:39:45
looks like there's an error
0:39:48
oh sorry you can't see my
0:39:56
pull this over here
0:40:04
uh reference here and promise position
0:40:08
it's coming to position which is
0:40:14
so position i guess doesn't exist
0:40:23
uh it might not exist in that function
0:40:30
why am i not getting a linting here okay
0:40:36
probably do x and y instead of
0:40:39
position i i don't know if that would
0:40:46
what is this thing
0:40:49
i don't even remember
0:40:55
and left as an object
0:41:03
so this position object is top
0:41:21
which we don't get
0:41:35
grade card position
0:41:37
is the card height but this is in jquery
0:41:47
this must be like a
0:41:57
yeah um so this is basically
0:42:05
javascript i guess
0:42:24
well you know what um
0:42:40
what is going on with my mouse that's
0:42:42
weird right so what's
0:42:46
what's start position where is this oh
0:42:48
this is coming from here okay so start
0:42:50
position. you know what um so basically
0:42:53
all we need is this
0:43:11
and we'll be good to go
0:43:22
got top and left perfect
0:43:25
love that intellisense thank you
0:43:33
all right let's see if that error is
0:43:54
cannot reproduce reading send
0:44:07
what is it trying to send
0:44:13
is that probably because it's not
0:44:15
connected to the websocket
0:44:22
because you're trying to send everybody
0:44:40
um yeah i guess the websocket
0:44:45
doesn't exist as a websocket so this
0:44:54
yeah because it's trying to look for
0:44:58
websocket because you can't find it
0:45:02
but it tries to send this so saying
0:45:05
can't help you there because i can't
0:45:14
if the websocket's not on how are we
0:45:16
going to be able to test this
0:45:21
how are you going to be able to
0:45:23
test it is a simple
0:45:38
it looks like creating the card works
0:45:42
um and it and it it adds the it adds a
0:45:49
right here empty note
0:45:57
how are we gonna test now if
0:46:02
have another person
0:46:04
another client create the websocket
0:46:07
and then the admin goes to say that how
0:46:09
are we going to test that without the
0:46:13
that's what i was saying that
0:46:16
going offline because if that
0:46:23
the same thing will occur that was
0:46:26
happening before and i don't really want
0:46:32
we will probably have to um take the
0:46:34
testing of this feature
0:46:40
by offline i don't mean by localhost but
0:46:43
just not on the stream
0:46:48
so that's how we basically want to test
0:47:00
yeah because what i might do
0:47:03
for testing i know you might not be
0:47:08
if you are available just after the
0:47:10
stream for probably
0:47:14
five or 10 minutes
0:47:15
then we can test in that way
0:47:23
so in that way how about you if we call
0:47:36
left foot for testing
0:47:40
okay yeah it sounds good
0:47:48
you jump if you joined the stream and
0:47:50
you didn't get what you wanted today
0:47:56
maybe some people came here for a very
0:47:59
specific purpose because they heard
0:48:04
and that something couldn't not happen
0:48:11
if you join next time
0:48:14
yeah maybe just saying if you want to
0:48:23
i might just change my mind who knows
0:48:27
just gotta show up to find out
0:48:31
all right guys um thanks a lot for
0:48:34
joining good progress but we are going
0:48:38
this feature that we worked on just now
0:48:45
different reasons so um yeah if you
0:48:49
want to see us how we
0:48:52
into further steps or if you want to do
0:49:01
feel free to join us at the
