background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Download "Группы JS-12/13 Вебинар №23 Разбора бонусов ДЗ №43-44"

input logo icon
Video tags
|

Video tags

группы
js-1213
вебинар
№23
разбора
бонусов
дз
№43-44
Subtitles
|

Subtitles

subtitles menu arrow
  • ruRussian
Download
00:00:06
so then watercress
00:00:18
7 turns out we’ll sort out the pagination with you, we
00:00:20
can make 12
00:00:22
Pokemon each and we’ll analyze the bonus from the last
00:00:25
lab where it was necessary to make the model not a
00:00:28
window when you click on the ingredient
00:00:31
while on the agenda such topics
00:00:37
first made pagination and then we’ll
00:00:40
come to the club to
00:00:46
start it
00:00:50
it turns out you have a bonus task was
00:00:53
left by Pokemon to do we will
00:00:55
color the next button and the previous ones
00:00:57
let's get started
00:01:02
[music]
00:01:13
so I will turn on bootstrap
00:01:16
11 cm and fines so that day and night
00:01:27
we copy css and
00:01:31
these two attributes can be removed if we
00:01:34
don’t need them
00:01:41
and put the pagination
00:01:50
numbers behind Let's take these styles as a basis,
00:01:52
we can immediately copy them and add them to ourselves
00:01:54
and then we'll change them and
00:01:58
start writing faces
00:02:05
[music] we
00:02:10
also needed a container that we
00:02:13
will add Pokemon can do
00:02:16
while numbered and add my gay
00:02:18
example sheet and
00:02:21
grows wrap the container
00:02:24
so that I can see the content of we were well, it didn’t
00:02:28
stick to the screen, the
00:02:33
remotes were found by a friend, we found a sheet from our
00:02:37
son, you’ll need
00:02:49
this for now, we’ll take this, we can comment on
00:02:51
these buttons, then I’ll show you how you could
00:02:53
make secret buttons, hang up button, the
00:02:55
previous page and the next ones are about
00:02:57
the markings will be like this, the husband
00:03:01
will be closer to the events on these buttons to the
00:03:03
previous ones to the next ones so for these
00:03:05
here we can add predators
00:03:11
and
00:03:15
for the next button we’ll also add a predator
00:03:18
btn nitro
00:03:21
for them we’ll find that we will already be there forever
00:03:24
them events therefore or what
00:03:58
but for now
00:04:00
let’s write a reset for everyone so that you have
00:04:03
Pokemon you can immediately write a function with a tile
00:04:06
and do it there the check can be
00:04:09
set for the function fi miracle then
00:04:10
[music]
00:04:12
it will accept itself ural
00:04:19
so we will use it because the husband
00:04:22
will have a function to make asynchronous
00:04:25
I
00:04:30
’ll wait for you to complete the request, it’s worth worrying and the
00:04:33
custom of enduring which will accept
00:04:35
we play and
00:04:37
after that it was possible to do a check of the
00:04:40
place make a response,
00:04:43
remember, we passed this check
00:04:45
when in use, it can still sleep in
00:04:48
google at the top you have a response ok
00:04:50
true,
00:04:52
that means we will return the data
00:05:02
if it’s not ok, it can just display
00:05:06
an error,
00:05:21
for example, response and status means
00:05:24
we’ll get it, then
00:05:33
we run the ionic function according to
00:05:37
tradition, uranium, this is where we will have
00:05:38
the main functor where the entire program will be launched,
00:05:46
now the result can be created by yuri
00:05:51
antonov yuri was
00:05:55
get you that pokemon can
00:05:58
basically be put into a variable and
00:06:06
we call our fetida method and then we pass
00:06:09
there the desired ural
00:06:16
hyper not burnt which we have created
00:06:19
globally and
00:06:24
such a question, if I now call the method,
00:06:27
well, the run function and
00:06:29
tried to display the date in the console, what will it
00:06:32
show me, will it
00:06:35
show the data right away or not,
00:06:43
what do you think 11 do something, a regular fitch request
00:06:46
is checked if the response is ok on the part
00:06:49
successfully, let's start it can return the data
00:06:50
otherwise, that's all, and let's say the wrong
00:06:53
path will come out, it gives us an alert here,
00:06:57
we then call it,
00:06:59
we pass this function to the final game that we created
00:07:01
globally and wait until it receives the data,
00:07:04
then the Thai data is output to the console,
00:07:06
now the question is that it will not show
00:07:13
the northern one, not the white, and therefore what
00:07:15
will appear well, it will show
00:07:22
what exactly the fetch returns, the date is
00:07:28
correct, it returns a promise because
00:07:31
we used the kasing keyword here,
00:07:33
and when you use the
00:07:35
sing keyword, by default this
00:07:37
function returns a promise. It turns out
00:07:39
here we call this function, it returned
00:07:42
a promise to us and wrote it in
00:07:44
let's check this variable,
00:07:48
make a breakthrough and it's pending to
00:07:52
get the data right away from here Mohammed and
00:07:54
came we need to use a white
00:07:56
well, to use it and we need to
00:07:59
make a very lame function writer
00:08:01
sing
00:08:02
thus now our program will
00:08:05
wait for the fitch to work the date when
00:08:07
he returns here promise we will correct ourselves
00:08:09
immediately touches the cut and
00:08:11
will be written to this variable, now we
00:08:14
will have the date stored in the
00:08:16
object we need,
00:08:23
well, that’s exactly what we did
00:08:46
[music],
00:08:49
accordingly we need it and it comes, we
00:08:51
can already work with them and sort through
00:08:52
them, so
00:08:55
we start our cycle,
00:09:00
we need exactly the key where a
00:09:05
motif from Pokemon is stored there,
00:09:12
maybe man
00:09:30
[music]
00:09:32
and
00:09:33
you because it is stored in Pokemon
00:09:36
Uglegorsk, don’t leave, let’s check what
00:09:37
we really have here saved up
00:09:40
to the type we believe, here we go to all the first
00:09:43
20 Pokemon and
00:09:48
let’s get a list; we’ll do it ourselves,
00:09:51
already creating a new personal
00:09:57
after all, the element
00:10:04
and
00:10:05
inside this
00:10:10
will we have a
00:10:16
pokemon of
00:10:21
this we are this newly up in diem on the rustle
00:10:38
it turned out came out on March 20 I won’t
00:10:41
do it well when we click on pokemon we
00:10:42
go on air as an extra who they are
00:10:44
because you and I have already gone through this
00:10:46
so we won’t do 2 purely, we’ll immediately
00:10:48
come to the
00:10:51
path buttons for what you needed, we’ll immediately
00:10:54
open this link,
00:11:02
open the network and
00:11:07
it’s suitable, that is, we see that this
00:11:10
object that came to us has
00:11:12
properties next and previews, put a nickname for your
00:11:14
transition to the next 20 Pokemon and
00:11:16
previews by channel because we
00:11:18
are on the first page
00:11:26
it turns out here to
00:11:29
go further subscribe events to our buttons
00:11:32
on xi previews first subscribe to this
00:11:34
button and
00:11:38
add listeners will
00:11:43
forget and covered happen
00:12:07
and now such a moment will not be possible to
00:12:09
get the next 20 Pokemon
00:12:12
it turns out on the date let's check There is
00:12:14
such a heap called next
00:12:19
. next we should have a link to the
00:12:23
next 20 Pokemon,
00:12:25
trust,
00:12:27
click next, it will
00:12:29
come out of Konashevich 20 Pokemon
00:12:32
based on this, you can make another
00:12:34
request,
00:12:41
this needs to be written,
00:12:43
and then
00:12:46
bake the date and
00:12:49
give the miracle a
00:12:51
link to git
00:12:53
can also use it and when we
00:12:56
use white we need to do it the function is
00:12:58
very much
00:13:01
in front of mine that it stores a-data
00:13:09
we press the blue button this
00:13:12
Python button that it doesn’t say but
00:13:15
well, the tenth date we call
00:13:19
giving according to the latest info one we write next
00:13:25
here we also have a date called and here
00:13:28
the date is therefore the made meetings and therefore
00:13:31
what do we have there, we check the borders
00:13:37
over we liked the next 20 Pokemon
00:13:41
are studying now we are our list you cancel
00:13:43
on this data you can do the
00:13:46
same thing you can do put it all in a
00:13:48
separate function that we essentially have an account that
00:13:51
will start the cycle again with a large one,
00:13:53
it writes to you I’ll show you what Scott will
00:13:54
repeat himself,
00:13:57
stop seeming and
00:14:02
go through make it for which you can also
00:14:05
write pokemon
00:14:12
and create all this
00:14:15
before we get confused now click on the
00:14:18
first page of the wiki they are added down
00:14:21
or maybe it’s so that the ladies the first year of
00:14:24
Pokemon are removed from us and
00:14:26
new 20 appear instead Pokemon, therefore, in
00:14:28
principle, when we press the button on the
00:14:30
CS, it will be able to do that we have a sheet and the
00:14:33
html will be empty,
00:14:35
it has become empty, we interrogate new
00:14:38
data from the Pokemon and add it to the
00:14:40
page,
00:14:41
we check it
00:14:51
because God happens,
00:15:02
this is something for me, look why
00:15:04
these attention why when I
00:15:06
click on the next button he doesn’t make a
00:15:09
new request the rest remains on the
00:15:11
same request there are options why
00:15:13
this happens it would seem when
00:15:15
I click on the next button for the first time he gets the
00:15:17
next 20 east move when we
00:15:20
click on the next button again he them doesn’t
00:15:21
get makes the same request and
00:15:23
such a question, what is this connected with and what do I
00:15:26
need to change
00:15:28
if the position of
00:15:34
the error is right 10 that’s what I opened for you
00:15:38
the error is here what
00:15:40
exactly is the error why I click on x for the first time
00:15:44
timonov comes out and the second time already it doesn’t
00:15:46
work out,
00:15:55
there are other options,
00:16:17
set it, we made it a constant and
00:16:21
we have the date saved from the very first request
00:16:23
and we find the next key, but we do
00:16:27
n’t change it at all, but there is always 1
00:16:29
next if, but we will need to
00:16:31
change this date, so in principle we can
00:16:34
make it global a variable that
00:16:36
will be overwritten with us, let's
00:16:38
say he doesn't store it anal,
00:16:40
then we ask him to add some
00:16:45
data and the dishes are true against the date,
00:16:48
we add new data,
00:16:53
sometimes the result will also need to be
00:16:55
sorted out,
00:17:03
but from 1 to the problem, the hour in this date goes
00:17:09
to work after no,
00:17:17
now it works for us, in principle, it
00:17:20
was possible to make the way to the nation this way, and
00:17:23
here there was a moment
00:17:26
where one pack of nak became clear. what
00:17:30
did the next button events do here,
00:17:32
make the inner html empty and then
00:17:35
overwrite our data with
00:17:37
new data so that your game I always
00:17:40
changes let it be we
00:17:43
go through the date again we sleep and see that we have this
00:17:45
part of the code and this part of the code
00:17:47
is repeated so we can immediately put it
00:17:49
into a separate function
00:18:05
without an argument and we’ll
00:18:10
take it all out of here
00:18:16
right away, we can even take this line out and for
00:18:20
beginners of Optina Pustyn
00:18:24
let’s believe that is the frame of the
00:18:26
Brazilian provocateur of our
00:18:28
rand program we make the first request and add the
00:18:30
PM to the sheet even in a matter of fact the second request
00:18:34
when I click on the next button and 5
00:18:37
do we add my sheet
00:18:43
personal poured
00:18:50
this
00:18:55
let's check what to distinguish again also
00:18:57
works in
00:19:00
principle works here too the Pokemon
00:19:04
changes
00:19:08
only one is clear that we are still
00:19:10
done we have
00:19:12
moved this function this part of the code into a
00:19:15
separate function because my that
00:19:16
part of the code is repeated now when we
00:19:18
we do the first time we launch our
00:19:20
program we must make the first
00:19:21
request by doing the first request we save the
00:19:24
data in date we add all the pokemons to the page
00:19:27
firstly you pokemons then
00:19:30
the frame when I click on the next button we
00:19:32
make a request for the next 20 pokemons
00:19:34
and add the next 20 pokemons to the
00:19:36
page a this is
00:19:38
how the next button doesn’t work if there are no questions
00:19:42
about the next button
00:20:19
[music]
00:20:22
so many of ours
00:20:26
had to do everything the same only
00:20:28
on the previous button to write
00:20:32
also we will be clicked
00:20:34
too and seng is also
00:20:42
a matter now the scatter of the
00:20:46
ridata date only now our date will not be
00:20:49
next
00:20:51
reviews
00:20:56
we update our sheet,
00:21:14
we check,
00:21:20
in principle, everything works, we look at the flag
00:21:23
again, we press the next button,
00:21:26
20 Pokemon arrive, the next one is now
00:21:30
the church from 40 Pokemon plus 20,
00:21:34
then from 10 of 20, the case back again
00:21:39
comes from 40 plus 20,
00:21:42
then we need to make sure to
00:21:44
check so that we don’t don’t look,
00:21:45
click on this button when we no longer
00:21:47
have
00:21:50
the data, you see, I’ve already done it, in fact,
00:21:53
we already have a check that displays a
00:21:55
message that we call we’re out of
00:21:57
brains and what we don’t have, so we get a
00:21:59
not found 404 error, here we are with it already at
00:22:03
one point processed, but of course it’s
00:22:05
better that we still have this button
00:22:06
blocked, we couldn’t click on it, the
00:22:15
buttons for me are already on top, I have
00:22:18
already created them, here are buttons 1 2, I find them here
00:22:22
and inside the wound I just
00:22:25
subscribe to them,
00:22:27
what should happen when we
00:22:29
click on the nix button and brought it to the button, it
00:22:33
turns out that
00:22:35
the multi-room ones have strengthened inside us to
00:22:38
are on the very first page, we
00:22:40
should not be blocked, so in
00:22:42
principle you can add eyes of worries to
00:22:44
lose weight,
00:22:47
then songs
00:22:52
have been added to the class, look at our button is
00:22:56
now not active, but we can still
00:22:58
press that is, we just added a style,
00:23:00
but we need to be controversial, clickable baker from
00:23:04
this, can I do such a check
00:23:07
right here when we click on
00:23:09
previews,
00:23:11
we check whether
00:23:16
Anna’s date has in this key, I’ll tell
00:23:29
you if they don’t, then we just write
00:23:32
a writer, we essentially don’t take any action
00:23:34
should
00:23:35
the beauty of this we have we check if the
00:23:38
date has reviews if it is not there we just
00:23:42
finish the function let us do
00:23:43
nothing we don’t need to do anything but I need to make
00:23:45
a request that we don’t have this key
00:23:48
let’s check
00:23:51
now nothing happens and sexy
00:23:53
queen this button but nothing
00:23:54
happens, no stock does not go away, the
00:23:57
next moment let's say we click
00:24:00
on the next button, it costs 10 baht, it should be
00:24:02
removed, it should go in and the
00:24:05
previews button should be
00:24:07
active again and
00:24:12
how can this be done, that is, there you
00:24:15
will need to add checks here, I
00:24:29
think I wasn’t afraid write or another one
00:24:32
of you write and
00:24:35
we have dozens of previews, we find
00:24:38
this disabled class, we delete it,
00:24:44
but it turns out already on this class,
00:24:48
well, this element has this class,
00:24:51
so we turn to this element and
00:24:54
delete its designed by class, we’d be in
00:24:59
a hurry they brought a
00:25:01
class sheet of
00:25:04
Klimov and
00:25:08
the name of the class,
00:25:21
we check
00:25:23
next,
00:25:25
well, yes, we need to
00:25:29
do this fitting not on the shelter, but in next and
00:25:32
we write wild iv we
00:25:48
take
00:25:50
ours when we press the next button water this is
00:25:53
gesipa should anthracite musa we went
00:25:55
to the next pages means y it
00:25:56
has a previous page,
00:25:58
so we check if it has such a
00:26:01
key, if it does, but the data is stored in it
00:26:03
there and this visit is deleted, we
00:26:06
believe the note, and
00:26:08
now we have it,
00:26:11
we return back to the very first
00:26:12
page, when we returned to the
00:26:15
first page, we must again this
00:26:16
class add
00:26:17
we write get
00:26:23
into the house go move we
00:26:26
will have to write
00:26:36
about them add that if we
00:26:39
don’t have previews we add these buttons the
00:26:42
class is overthrown and we don’t do anything we’ll
00:26:48
believe
00:26:53
look, we’re not there the business worked like this
00:27:01
next views and views it
00:27:13
’s a pity it’s convenient with this disable that is, in
00:27:15
this case you don’t need to remove it at some
00:27:16
point, you also add it, turn on
00:27:18
previews, it’s not there, it’s an empty fog of years and the
00:27:21
buttons add a class are there and will go
00:27:25
as I want, it wasn’t added
00:27:37
to the site in a different way, let’s write down one
00:27:39
function, it was more clear it was too late all the
00:27:42
buttons let's hang up this
00:27:44
check the
00:27:46
letter the game is confusing it turns out
00:27:50
played so let's write if yes then
00:28:03
if we have linen there and this
00:28:06
disabled we remove the
00:28:10
class there is he didn't forget
00:28:17
otherwise we add it
00:28:37
you just for now let's call this button this
00:28:38
function here and
00:28:43
here in this we take and we’ll just check the time here,
00:29:08
and
00:29:12
reviews have appeared, there’s a
00:29:15
small store-warehouse, it’s more of a clue, it’s cool, it’s
00:29:23
disabled, we click on the next one, this
00:29:26
class is gone, we click on the previous ones you
00:29:29
were added, and well,
00:29:42
yes, I have to call
00:29:46
after the request and I have to call the
00:29:51
port of the request and then
00:29:54
check,
00:29:57
we play, but
00:30:02
we need to repeat after the request when
00:30:04
they clicked on the previews button and after that
00:30:07
we check if it’s still on the previous
00:30:09
page or if it’s not there if it’s not there and
00:30:11
again we add 20 disable was
00:30:14
great it was already done they got on the way
00:30:16
here we have next nolvadex and damn
00:30:19
damn as soon as it gets to the very beginning
00:30:22
we have it again, but it is not active and
00:30:24
no action occurs, in
00:30:27
principle, based on this, we could
00:30:28
immediately add this function hello to the
00:30:31
ISS,
00:30:37
that is, at home,
00:30:54
otherwise,
00:31:06
if there is a meeting page, it
00:31:11
means we started making this button
00:31:14
inactive, we
00:31:17
don’t have the next page We make the next button
00:31:19
inactive and you just stand there if
00:31:22
we have views, we delete the design class if
00:31:26
we don’t have previews there and add the designed tass,
00:31:32
we check it
00:31:42
seems that it will be pierced, I want to
00:31:44
indicate a moment on it, let them also
00:31:46
notice this situation when we get
00:31:47
to the very the last page
00:31:51
will take a long time
00:32:05
where you can go for
00:32:07
a long time
00:32:09
I will show you right away show what
00:32:12
the problem was when we reached the very
00:32:13
last page
00:32:17
[music] we
00:32:32
found we
00:32:34
jumped off we put it too it
00:32:44
will run out salt added to our
00:32:47
page
00:32:56
nothing happens and we see that
00:32:58
our know button becomes inactive
00:33:00
it turns out that our checks work, and we
00:33:02
also added a check that if we
00:33:04
don’t have next, we just don’t do anything there, that
00:33:07
is, btms, we need this listener and
00:33:09
shouldn’t do anything, so we
00:33:11
check that there is no next, then
00:33:14
we return our functions to questions and don’t do anything further,
00:33:15
and also the design class is working and we
00:33:18
will make previews,
00:33:21
we have a tactical active build,
00:33:24
this situation happens
00:33:26
when we get to the last pokemon,
00:33:28
his last limit is 18 and
00:33:32
when he tries to go back, he
00:33:34
returns the pokemon patimat,
00:33:36
although it should have returned 20, this is apparently
00:33:38
what the problem is in the very north it apparently
00:33:40
somehow saves this to have some kind of
00:33:43
change most likely because it
00:33:44
delivers and therefore when we
00:33:47
went to the very last page it
00:33:50
was stored 18 to us we return
00:33:53
to the previous page dimitar is
00:33:55
saved 18 and
00:33:56
most likely this is exactly the problem on
00:33:58
in the north, so we can
00:34:01
have this situation ourselves, and we can
00:34:02
indicate in the set what the limit should be,
00:34:05
and
00:34:06
so, in principle, we have the pagination ready
00:34:10
by page, we have it going, we come
00:34:13
back forward,
00:34:14
we are getting what we
00:34:17
have done so far pagination inside dangerous it was
00:34:19
required to do it
00:34:20
exactly like this pagination approximately
00:34:22
until we did the pagination it’s clear
00:34:26
thank you that yes, I’ve exceeded the pipe from
00:34:29
my hair that they noticed
00:34:35
[music]
00:34:37
let’s have vaccinations, what are they next? We don’t have them next,
00:34:41
then we just don’t do anything if
00:34:44
there are no previews then we just don’t do anything if they are
00:34:46
there, then
00:34:47
we do something like carry a function
00:34:50
that checks where it can be
00:34:52
added to the class and will be occupied by a
00:34:55
regional implementation, but it was required of you
00:34:58
if you did that
00:35:00
then there was a number of yourself as a bonus
00:35:02
that it returns 518 then in principle, it’s not
00:35:04
critical, we can still fix this moment
00:35:06
and how can this be done, that
00:35:09
is, we can set the offset and the limit ourselves,
00:35:11
indicate which one is needed so that the
00:35:13
Northern Testament does not do it,
00:35:19
now we need to think how this can be
00:35:21
done,
00:35:29
well, come on, the rubies are also visible until it takes
00:35:31
a lot of time
00:35:39
and what in principle can be done we
00:35:41
will need to set a limit and let's make our
00:35:44
own it will also be equal to
00:35:47
these here it will be equal to 20
00:35:54
but almost yes, that is, you will have your own
00:35:56
limit that will add exactly
00:35:57
twenty, it will not change with us and
00:36:01
now different situation
00:36:03
and we will need to show which
00:36:05
pokemon we need to show that music
00:36:07
to remind it shows that there are 20
00:36:09
pokemon when next books it
00:36:11
shows 40 pokemon video still the same more
00:36:14
difficult the limit does not change it
00:36:16
always 20 offset changes that is, it
00:36:18
shows says which pokemon I
00:36:21
have to show you their
00:36:23
initial display from 0 so for now you
00:36:27
can actually put
00:36:32
0
00:36:42
and now we make our own url,
00:36:45
now we don’t even use it at the
00:36:47
expo we will use our own logic
00:36:49
when we click on the next light bulb
00:36:51
we use the same royal
00:36:54
so look how there you have
00:36:56
just indicated the question is about everyone
00:37:00
like Yuri plus
00:37:07
mac os
00:37:10
for a long time our
00:37:12
experience
00:37:18
the element is
00:37:20
equal to your limit
00:37:29
and you don’t have to change it for now and let’s
00:37:31
check what we can do
00:37:37
but just for a moment watch how I will
00:37:39
change its offset, that is, we can’t always
00:37:41
is equal to zero and when we click on the next button
00:37:44
it should become 20 when we click on the
00:37:47
cape button again it should
00:37:49
already become 40 and so for us it means caused 0 and
00:37:53
it will always show me the first 20
00:37:55
Pokemon, let's check because it
00:37:57
always shows not the first 20 Pokemon
00:37:58
but I am from 10 and should change, that is, the
00:38:01
first request should be correct 0
00:38:03
but the second request should be already 23
00:38:06
the request should be 40 there the 4th request
00:38:09
should be 60 there are options what
00:38:12
should I do
00:38:16
yes correctly in all the squeak is equal to 20
00:38:19
locations
00:38:32
just not plus not plus is equal to 20 ohms and
00:38:35
did plus equals does not have a queen
00:38:36
correctly because
00:38:38
we have made our own variable, if only
00:38:41
we want to change it there, let’s say by
00:38:42
a hundred, we’ll just write 100 here and we
00:38:44
’ll change it everywhere, i.e. in one these
00:38:46
will change it will change everywhere I will show
00:38:48
you too. a limit is made and when the fashion
00:38:51
paths click on the button on the cop, we
00:38:54
should already have a limit
00:38:57
plus equal to the limit,
00:39:07
but now
00:39:13
if we allow them to want to show
00:39:15
more Pokemon, we can immediately
00:39:16
set a limit for example 100
00:39:25
close to 10 that it will be possible to show
00:39:27
Yuri in the first one only we change it
00:39:36
to show the wrong Pokemon we go to the
00:39:39
dacha it shows the next 100
00:39:41
Pokemon we click on the concert
00:39:47
showed me the last page 18 malls
00:39:50
now about click on the previous
00:39:51
page
00:39:52
it shows 100 Pokemon so maybe it
00:39:56
was Bucky this moment and we had to
00:39:57
set our limit it was always with us
00:39:59
will be the same because apparently the
00:40:01
child himself. this is the limit for me and
00:40:06
this is exactly the way to
00:40:08
get around this moment so that
00:40:10
all our buttons actually work correctly,
00:40:13
in principle, our country is broken again, I don’t understand,
00:40:41
so let’s give it to many that the socks will break
00:40:53
with these links brought a groan from 1000 and
00:41:00
no one will eat,
00:41:07
but yeah we get
00:41:09
who can still a lot of hello
00:41:13
why when I click I need to say
00:41:16
that when we click the preview we even
00:41:18
do it at minus 20 20 is the limit
00:41:23
so it doesn’t work for us a little
00:41:26
my mind
00:41:29
I work for them we
00:41:40
go back to
00:41:44
the page also nothing worker would
00:41:46
crumple up the zucchini inactive
00:41:48
vodka moment name with a bonus if it’s just
00:41:51
about this part of the
00:41:56
emotion of the soul you already answer and
00:41:59
answer correctly yes good
00:42:38
but we remember that I’m coming for you now
00:42:41
questions you all are not there then we’ll get down to it now
00:42:44
he’ll lower it be it when he’s more active
00:42:47
because the more we are waiting the further
00:42:49
we have a webinar, so if your whole
00:42:51
question or not, answer immediately so as not to
00:42:54
wait,
00:42:56
so go there, we will come there with
00:42:58
123 buttons and
00:43:01
so that you can do it, look when
00:43:03
we make the first request for Pokemon, but
00:43:07
there is a count, that is, the number of
00:43:08
Pokemon for page, based on this, we
00:43:11
can calculate how many pages there should be,
00:43:12
for example, on a watch,
00:43:16
each page shows 100
00:43:17
Pokemon and what we had to do now,
00:43:22
we had to divide this count by
00:43:25
the limit and then we would get the number of
00:43:28
pages that we had to
00:43:29
display
00:43:31
therefore Let's immediately forget the
00:43:32
function separately for this that we now have
00:43:34
pagination, we
00:43:50
must teach this, we must receive and
00:43:53
from the pages we go by
00:43:55
account
00:44:05
divided by the limit,
00:44:09
not because it will be stored here,
00:44:40
then it turns out after the first
00:44:41
request, here we could approximately
00:44:44
create pagination,
00:44:46
walk around and squeeze out
00:44:51
they are
00:44:56
11 pages eva simons pokemon receive
00:45:00
in fact we will not have 1 page 12
00:45:02
that the last one let Masaki milk
00:45:04
should also be shown so we can
00:45:06
round up remember there is
00:45:08
such a method l
00:45:11
here is an example in g n up I also show
00:45:14
exactly the number of full pages with the uterus
00:45:16
pages 12
00:45:19
now we know that we have two on
00:45:21
the page so we need to show Egor
00:45:23
15 buttons
00:45:26
we are here in the section to run a cycle and
00:45:28
add these buttons to the page
00:45:33
we also need to have numbering so there are
00:45:35
more topics here and the children's call for
00:45:40
it will initially be equal to one and
00:45:44
al
00:45:46
less
00:45:48
drink count
00:45:51
department less equal to
00:46:02
them a new personal that is, we get it
00:46:05
in the pagination it should be
00:46:07
created here wilds like this so
00:46:10
we create a new one or
00:46:20
even add this class
00:46:32
like this the class should be at the same time
00:46:39
barely the internal elements of catelli
00:46:50
this is this link
00:47:01
comet units of us our mother counter will be stored
00:47:08
oh
00:47:15
and
00:47:17
now we need to
00:47:20
add these newbie correctly in the correct order,
00:47:25
you also have a pagination plugin,
00:47:28
let’s do it right away and find that we
00:47:30
could add
00:47:45
two wild bodies there, we
00:47:48
can add on
00:47:51
it it
00:47:55
will have to be equal and the sequence
00:47:58
and add these buttons then the system you
00:47:59
just use experience let's check y
00:48:05
and our blog
00:48:07
that is, I just do up and and add
00:48:10
here I don’t like because it will happen to us we
00:48:16
see I brought a button on x3
00:48:19
I should have first left the
00:48:21
previews button then there should be numbering and
00:48:23
after ours numbering there should be
00:48:25
a next button, she is looking for help conax
00:48:27
started the very 5 rules to make adding
00:48:30
this not a hive in a dying one, I
00:48:33
also could have a next button at the very
00:48:35
end and
00:48:36
how will I do it, that is, abend
00:48:39
getting a question about them is not suitable because
00:48:41
we have next becomes before the
00:48:43
numbering onyx should be after
00:48:45
the numbering
00:48:47
what bugs are the options at the stage to implement
00:49:11
well yes correctly that is, I don’t just take a photo of myself
00:49:13
be for can make a few
00:49:14
myths then we say
00:49:21
let’s add people before the
00:49:26
last element
00:49:30
I for the first button he will add before
00:49:33
next the second button he will add before
00:49:35
next 3 buttons he will add before next and
00:49:37
so on, we
00:49:39
can have the last element this is a collision,
00:49:41
initially in this block the last
00:49:44
elements are this one and and we say
00:49:47
add a new button before this
00:49:50
element then add a new button
00:49:52
before this element so this is possible
00:49:54
we need to delete, we
00:49:58
check,
00:50:00
put it here, previews are
00:50:04
next and now the numbering is between
00:50:06
them,
00:50:09
do you want next, we had to make
00:50:12
these buttons clickable and it
00:50:17
turns out that we will need to do this,
00:50:19
so inside the loop
00:50:25
we immediately subscribe to events on that not hive, we
00:50:31
think listeners by clicking on
00:50:50
this question, it turns out you need
00:50:53
to make another request
00:50:55
to get data
00:51:02
about
00:51:05
that, we’ll write here what its limit will be, do
00:51:10
you think you clicked on the first button, it
00:51:12
should be equal to zero and there should be
00:51:17
a button there, let’s say absinthe should
00:51:19
be equal to whatever
00:51:20
it is there and 500 for the sake of knowing, let's check
00:51:24
the site for the screams, firstly, on the barrel for the
00:51:27
first,
00:51:29
I should also show from 0 to so correctly
00:51:33
click on the second button, I need to
00:51:36
show from 100
00:51:38
to two, then
00:51:42
click on the third button, it should
00:51:44
show 2
00:51:46
elevators
00:51:48
rubbed
00:51:51
from 300 to 400 there are
00:51:56
also 100 meters left, but on the leg
00:51:59
now do it in Odessa, think about it, the
00:52:01
offset you should have when
00:52:03
we press the fourth should become 300
00:52:05
when we press the third part of the state
00:52:07
action and how we will do it
00:52:28
[music]
00:52:36
Ukraine think the ladies will need their son
00:52:37
to work himself, that is oh
00:52:44
can do it like this, that is, you will have
00:52:46
we write set time,
00:52:51
it will be equal to correctly they say that we
00:52:54
will need to do a and -1 because
00:52:56
we have a button one we must
00:52:58
do -1 we will get zero
00:53:00
so we say oh -1 or you will have
00:53:04
two graves -1, you will get one and
00:53:08
we simply multiply all this by our limit
00:53:12
like this,
00:53:16
well, let’s assume that there is one sikhé kulevi on the button,
00:53:19
we get one here, you will be
00:53:23
minus 10 and minus 1 will be equal to zero,
00:53:28
and you can put it on the table equal to that
00:53:32
flip through and you will have a second button
00:53:36
we say 2 minus 1 will be equal to one
00:53:38
1 multiplied by x will be then
00:53:41
we are repeated and any third button we
00:53:44
say 3 minus 1 it will be equal to 2
00:53:47
multiplied by x will be equal to 200 or
00:53:51
so we should have read we check this
00:53:53
change on your site, it
00:54:00
can immediately
00:54:02
call our function deep zone plus
00:54:06
inox that was connected connected,
00:54:09
so we add our personal
00:54:12
messages because we will need when
00:54:14
we click on one of the folders,
00:54:15
let’s say five, our list should
00:54:17
be updated, we already have it ready there is no function,
00:54:20
but there is more precisely, we don’t need to ask anything anymore
00:54:22
and we just call Garrett’s
00:54:24
function
00:54:29
night, we’ll believe it,
00:54:35
you see, we’ve arrived at the last
00:54:37
page of us next is inactive, I click on it,
00:54:39
nothing happens, the knife, I’m on the
00:54:42
sixth page, on the first, it also
00:54:44
turns out it’s left working
00:54:47
would be It’s much more convenient for us to have the
00:54:50
page we’re on so that
00:54:52
this
00:54:53
button is active
00:54:56
initially, you can make it so that we have the
00:54:59
active button first, but we
00:55:01
don’t have the first button in the markup,
00:55:04
so we have to add an
00:55:07
asset class alien to the first button,
00:55:11
just like we added. class asset to the
00:55:14
first button through the same with here we are and so
00:55:17
there are no first paws
00:55:18
accordingly, I will have to
00:55:20
add this asset through through the package and
00:55:22
I will make the
00:55:32
mother next to them how could I
00:55:34
implement the buttons when we click on
00:55:35
which button what should happen is
00:55:37
clear
00:55:43
[music]
00:55:56
Well, yes, there with id attributes, or let’s say
00:55:58
this class is from, well, just like that, I’ll add the
00:56:01
first edges, that is, I have to
00:56:02
add the asset class to this particular element,
00:56:09
and I’ll immediately add the name, we already when
00:56:11
we open our page on the first
00:56:13
button on the folding first page like I
00:56:16
will add an eye asset to her, although in
00:56:18
the markup there is no thin button for me,
00:56:24
and with you a hint, we
00:56:27
have a parent, here are 3 of you, this y.l.
00:56:32
accordingly, I can get all its
00:56:34
children and add an asset class for the first
00:56:38
element because when we
00:56:40
get the children of this particular block,
00:56:43
they have children by index located from zero
00:56:45
and so on, that is, under the zero
00:56:47
index we have the first day, it is the first
00:56:49
button number 1 1 page she searches under the
00:56:52
first index based on this and I can
00:56:54
get the whole goddess of tires block of people yes
00:57:00
so the
00:57:01
first index is the second element
00:57:04
add them an eye
00:57:09
asset we
00:57:13
will remove
00:57:20
add well now the boat let’s say our
00:57:23
heel from the bright class should
00:57:25
get out of here and be added to the six and
00:57:32
even when I overlap with the buttons I brought
00:57:35
inext, I also have an asset class to
00:57:36
go between these buttons, it
00:57:38
turns out that this asset will
00:57:41
go when we click on one of the
00:57:43
buttons on 1 page and when we click on the
00:57:45
nix button and on the button where
00:57:47
your bust is It will be precisely followed in the logic both
00:57:50
here and
00:57:51
here, therefore, in order not to write in the
00:57:54
same logic everywhere, we can immediately
00:57:56
create a function based on this, you
00:57:58
can also immediately think like this if you have a
00:58:00
circuit somewhere that is used several
00:58:01
times, the same one you at once create a
00:58:03
separate function so that later you can simply
00:58:05
call the functions and
00:58:08
create the palace,
00:58:21
for now we’ll do it as
00:58:26
you think, what should I do now? I
00:58:29
should first of all do it in this
00:58:31
function,
00:58:38
for example, when I click on the button on the
00:58:41
number 2, then to page 2, I
00:58:43
should remove the asset from here and go
00:58:45
here
00:58:48
because what I have to do
00:58:51
initially,
00:58:53
let’s say I clicked on 10, this asset
00:58:56
leaves from here and goes to tens,
00:59:14
well, look, if I have to remove it from here,
00:59:16
then I first have to find
00:59:19
which of the buttons has the class active, that
00:59:22
is, initially I have to find this button that
00:59:24
has the class active and y remove this class from her,
00:59:30
so first I can create nothing active
00:59:34
page
00:59:37
and the lecturer
00:59:43
that having noticed it on this page, I delete
00:59:47
this class, here’s a
01:00:01
bribe
01:00:04
from him, two of him
01:00:07
in the newspaper, we’ll call him
01:00:10
when they shouted cash to
01:00:13
you this function,
01:00:24
now I have it gone from here
01:00:27
participation found an element that there was an
01:00:29
asset class, I removed it from here and now I have to
01:00:31
add it to this button,
01:00:37
how can I make
01:00:39
such a button with the class of these? I found it, I removed
01:00:42
this class from it, and now here we have to
01:00:44
add the buttons on which we clicked. The
01:00:46
class of the act
01:00:51
is done quite easily, that is, there
01:00:53
may be bags there write
01:01:26
when we click on 1 on some
01:01:29
element we can get this element
01:01:31
that we subscribed to I want when we
01:01:33
10 subscribe to me can we
01:01:36
deliver that same element how to
01:01:38
get it remember to get the element
01:01:40
that we subscribed the
01:01:48
path from we will click on this newly
01:01:50
got the element that we subscribed to
01:01:53
and to this element we add the asset class will
01:01:57
send ukkone bidding is
01:02:00
quite suitable, we need exactly another
01:02:05
when they contact the contact says on the foot there is an
01:02:09
element that we exactly subscribed to,
01:02:11
but no, it finds us the element with which
01:02:14
the event began, we will need to get
01:02:17
exactly the element to which we subscribed
01:02:18
because we have the newly created
01:02:21
asset class, so we pass it an
01:02:25
event object and
01:02:27
it turns out that now our function will
01:02:30
receive
01:02:31
or aptly which we pressed the anchor it is
01:02:34
not,
01:02:36
respectively, when we
01:02:38
give this function to you it will send you
01:02:40
an argument and
01:02:42
We now add an
01:02:48
active class to the page,
01:03:00
we check it,
01:03:04
so we added an
01:03:19
anchor target, the
01:03:31
road, go to the new one, it doesn’t
01:03:34
work
01:03:38
for
01:03:56
yes, let’s check the ekarand, one
01:03:59
corner is
01:04:06
our element,
01:04:09
so removing the line,
01:04:33
so he found out, he comes to
01:04:46
put it on so that it is stored
01:04:51
as ethics, I’ll just remove it
01:04:57
with a dub,
01:04:59
but it’s getting lost
01:05:09
night for each thing we will call the fabric itself and
01:05:12
where is the current page lost
01:05:15
also let’s do it this way it works
01:05:21
strange why doesn’t it lose it to us
01:05:30
when we wait until it ends and weight and
01:05:32
therefore we have, as a speaker, no cash equals
01:05:35
we wait until the data comes to us and
01:05:39
while we are waiting in Moscow, this console, well, the
01:05:42
contacts are not equal to anything yet, so
01:05:44
we needed to do before requesting
01:05:46
articles on Karen Target so that it is similar,
01:05:49
first of all, he did not wait until the
01:05:51
date fetch
01:05:55
works for us, so we click on the
01:05:58
pages, the church mask is added to the
01:06:01
desired page
01:06:02
but when we click on the next button,
01:06:05
this asset class does not go to us, maybe we
01:06:08
need to do it too and we will
01:06:10
do it too in this function, you
01:06:12
can even think about how to do it, we
01:06:15
will argue one function for all
01:06:16
this to follow several
01:06:23
if it can do like this then we
01:06:25
will have when we click on the next button
01:06:35
we will pass ourselves simply next to so we
01:06:38
try when we click on brought we
01:06:40
will pass reviews
01:06:51
here's a cheeky index called this this
01:06:53
function and we say what we will now need to add to the
01:06:55
next element of the knife and
01:06:58
on previews we say what needs to be submitted
01:07:00
landing in the previous element
01:07:02
go want we need to do this
01:07:04
checks
01:07:07
if I go to the next
01:07:15
we will add the next element
01:07:18
otherwise if we have
01:07:26
previous
01:07:33
corpses we will add the previous moment
01:07:38
and
01:07:40
to the page on which we will shout
01:07:53
what will need to be done when it
01:07:55
remains when we click on next and but
01:07:57
on next button we must add the
01:07:59
next asset 5th class asset, that is,
01:08:03
we remove the asset shoulders from this and
01:08:05
add the next element to the neighboring
01:08:07
element class asset, let’s say we have Lisa’s testicles, we have
01:08:11
parcels here, you see the
01:08:14
oven store one hour when we press it
01:08:16
will get tired, he will have to give
01:08:19
this indicator for the last element typhus
01:08:21
we found on the neighboring element now
01:08:25
this class remember to moved on to each other by
01:08:27
neighboring elements or previous
01:08:29
elements
01:08:32
emotions to maxims look it’s better
01:08:35
to use the element for yourself
01:08:37
because it gets the missing notes and it’s
01:08:40
this method that he would get still
01:08:41
take into account but let us need there is no
01:08:44
need to take this into account when we click on the
01:08:46
next button we say to add the
01:08:48
next
01:08:51
element the
01:08:54
class
01:08:58
asset
01:09:00
when we click on the previous button
01:09:03
that is back
01:09:04
not rain and views elements blink cross
01:09:11
leaves otherwise we add to the camino the
01:09:14
page that and click on them
01:09:18
let them check
01:09:23
found to the end nothing happens and
01:09:25
his ass
01:09:27
goes to ten twice in the heat next
01:09:30
worked for six the previous one,
01:09:34
this is
01:09:36
such a moment, namely pagination, that is, you
01:09:38
could be an example, and the
01:09:40
transition through the pages is implemented in
01:09:46
what else we did with you
01:09:49
if you have questions about
01:10:22
groups in Lithuania here is the syoss pagination
01:10:30
on the stage, we will immediately proceed to lobby
01:10:33
44, we want to ask you to pick them up for a
01:10:37
bonus in the lobby when you have
01:10:39
the ingredients and click on it,
01:10:41
another model appears in the window with
01:10:43
information about the legend on which you
01:10:45
clicked,
01:10:47
here we go and is there a break right away we’ll
01:10:49
sort them out, we
01:10:56
can go, well, let’s better
01:10:58
go through this a little later because it
01:11:00
will be more difficult there,
01:11:03
I also wanted to show you first so that
01:11:05
you have 123 later. . . let's say 7 8
01:11:09
9 . . touch points page
01:11:12
if you want, you can, in principle, you
01:11:14
already have a ready-made code, pagination, you can
01:11:15
try to shorten it yourself,
01:11:18
it would even be very useful for you,
01:11:22
here we can’t escape from it, it turned out to be
01:11:24
quite big, if we
01:11:26
do this, then we have proven it outwardly
01:11:28
let's do this
01:11:32
let it be necessary to manipulate the
01:11:35
elements once we go let's
01:11:36
release on 3 buttons
01:11:39
we have let's say 4 5 6 place
01:11:43
1231 always remains 12 before remains here
01:11:47
and in the middle the buttons you will change
01:11:48
in their order we
01:11:51
will have a bunch of checks and you hide it you will get
01:11:54
confused for now like
01:11:58
this, yes of course we will
01:12:01
sort this out, we can even try the purpose of
01:12:02
the webinar is to sort out my advice for you
01:12:04
to try it yourself while
01:12:07
you are done with the ceiling 11 is practically ready,
01:12:10
you just have to think about how you can reduce it
01:12:13
if you are allowed to be along that somewhere-
01:12:17
then if you have a limit of 20,
01:12:20
what are its advantages? The change that we
01:12:21
created there in Odessa will change this limit does
01:12:24
not change everywhere where we applied it. The
01:12:28
answer is that we get a very large
01:12:31
pagination that doesn’t even fit on the
01:12:32
page to open and that’s how
01:12:35
it seems to us. cell phone is not a problem there is
01:12:51
such a big pagination
01:12:53
of course to improve these buttons hide and
01:12:56
show there is no need to
01:13:02
do it yourself if there is something for real
01:13:05
binali we can also figure it out
01:13:12
so look enough people while one
01:13:15
person for a break
01:13:17
two people for
01:13:19
further because there are three people otveti 1
01:13:21
against it turns out
01:13:25
more please two people will answer
01:13:27
the break will blame the weight there is no we can immediately well
01:13:39
let's then five minutes
01:13:43
until the spear for the
01:13:46
result 5 minutes the
01:18:46
tractor cartoons also returned to
01:18:49
open the next our
01:18:52
he
01:19:01
hair
01:19:07
this one
01:19:13
but we need
01:19:16
Sadko let him stay
01:19:56
then proceed it
01:20:00
turns out we managed to do it we
01:20:02
press when you click on the cocktail when
01:20:05
you click then galaxy ingredient it
01:20:07
should appear a new model on the window with
01:20:09
information about this ingredient
01:20:11
that we clicked on yes Dimka sign I
01:20:14
’ll show you what we learned is happening I
01:20:15
’ll show you the
01:20:17
trail of Jess and opera je
01:20:22
t’aime there is a preloader such a
01:20:25
container for me where there is a form for search there is a
01:20:28
maid where all the cocktails are added from the
01:20:32
modal window because I find it necessary not the
01:20:35
elements
01:20:37
initially
01:20:41
like what are you
01:20:43
initially I disable this with the loweter
01:20:46
as soon as I press the search button I
01:20:48
appear attach
01:20:50
clients we went through how you
01:20:52
could add that is we we run the cycle,
01:20:54
we did concatenation, creating a new type,
01:20:57
we did it before, I think it
01:21:01
will be clear to
01:21:04
see me, a cocktail is added, I
01:21:07
immediately add the necessary classes to it so that it
01:21:09
is adaptive enough dates attributes
01:21:12
to associate with Madame Coy im energetic
01:21:14
ml. I add the necessary markup,
01:21:19
even his subscription to each card
01:21:25
from how to add ingredients to the modal
01:21:28
window and
01:21:33
also asks there at the moment how to add and
01:21:35
remove a preloader or hide it, that is,
01:21:37
when we make a request, we allow the request to
01:21:40
requests and turn on the pilots, we make a request
01:21:43
somewhere, we stand from there everything the
01:21:45
data has not arrived, we are turning on the preloader and one
01:21:47
more thing. let us take it apart
01:21:49
when we make one correct cocktail
01:21:52
which there is no such thing as it is possible
01:21:55
to vaccinate give this too I will put
01:21:57
this in a separate function
01:22:03
I will call it as date
01:22:15
John reset
01:22:32
oven and
01:22:35
well we will accept
01:22:41
gives the moment we would also accept the Urals
01:22:47
if we have a response ok
01:22:51
then we return
01:22:54
grateful to
01:23:01
coulson,
01:23:04
you can display an alert
01:23:20
something in the background, so here is
01:23:24
the error
01:23:29
response status,
01:23:37
now we call bring the date, we
01:23:42
remove it, the
01:23:45
whole world has become cut and sorted out our
01:23:48
drinks,
01:23:53
then let's say we give him something to eat, let's check
01:23:56
what we have, if we say it's
01:23:57
wrong,
01:24:04
we fall and the quitter is constantly spinning and
01:24:09
here you can was to return this line,
01:24:17
maybe this part should be wrapped in
01:24:20
a fight,
01:24:22
people try to make a request, you
01:24:28
can add from here
01:24:35
the oven
01:24:38
Oleg
01:24:44
only needs the world of the most smoking,
01:25:10
we get it when we have enough ketch,
01:25:13
we will also need to remove the opened blow
01:25:15
and go out and let’s trade, we’ll check,
01:25:19
press ok, the pilots get in wealth,
01:25:24
our request was wrapped up in this successful case,
01:25:26
we put the logic in the evening, but still
01:25:28
an error comes out on the ketch is triggered where
01:25:31
we are at the boat in paradise and enter a years with an
01:25:34
error message, this is
01:25:35
how I could work with
01:25:37
exactly this if both of you are allowed
01:25:44
it doesn’t work so that the new 52 is
01:25:47
correct, like a margarita, everything works,
01:25:51
but what about the booth, request what we have, we
01:25:54
don’t have such a cocktail, so again it comes out
01:25:57
for the oven and
01:25:58
it goes
01:26:01
missing, my view is checking what you have,
01:26:05
let’s say if you have a children’s channel, then
01:26:07
you could remove the pilots or display
01:26:10
Albert and we can do exactly
01:26:12
the kind of cheats that you asked for while you
01:26:13
showed how it could be done and the soft
01:26:15
line could have been done like this, but
01:26:17
because when we get a
01:26:20
non-existent drink here on the ferry it is
01:26:23
immediately considered an error. for some reason, it was
01:26:25
the evening of conception, as a
01:26:27
mistake, there was an
01:26:29
error in three of
01:26:31
us, the firmware gets into a leak,
01:26:41
I can’t read the
01:26:44
foreach anal,
01:26:47
it says that 10 we need
01:26:50
to disperse the anal and we drove for each, we
01:26:53
can’t apply it, and thus the
01:26:55
catch is triggered by
01:26:58
this moment with the concept
01:27:07
you know you are tragically
01:27:10
shoving everywhere you tried to approach this
01:27:12
handouts where you see that you have a
01:27:14
request to the north there tracked can be
01:27:17
used but this is not a panacea for what will
01:27:20
always save you tory stove floor fisherman
01:27:22
you must
01:27:24
think about the code so that it works for you
01:27:27
correctly we need trucks for the reason
01:27:29
that you use it when you don’t
01:27:31
know how this code will behave,
01:27:34
for example, to own, let’s say you were riding on a
01:27:36
pawn breaks, well, each other’s siwaki
01:27:38
will break, we don’t know when it
01:27:39
will break, it may never break at all,
01:27:41
so this situation is possible
01:27:43
on the off chance that you write tracks, then you
01:27:45
completely swore all of our code was a
01:27:47
mistake,
01:27:49
but only in such situations, but if we
01:27:52
know how the like in your code will lead you
01:27:54
along the path of whose use, you don’t need to
01:27:56
use it only
01:27:58
when you don’t know what can happen
01:28:00
in which - at a certain moment, for example,
01:28:02
in queries, you don’t know whether the feature will
01:28:05
work or not,
01:28:12
so in principle it’s possible, but I don’t know, you need to
01:28:15
build a structure and why use Ventura in the morning
01:28:21
[music]
01:28:23
so let’s get started, we
01:28:26
sorted out what is there, let’s say there is no drink, but it
01:28:27
turns out that there is no such drink or
01:28:29
we are cocktails and we enter change cocktail the
01:28:32
modal window is repeated and it turns out
01:28:35
further we had to make
01:28:36
these ingredients clickable well, for
01:28:38
example, I will make a picture that the
01:28:39
practice of benefits and cabins when he is
01:28:41
welding opens a new modal window
01:28:43
for this you could immediately
01:28:47
add do not add at all for
01:28:50
the ingredient you pay here, I’ll write down what I
01:28:53
think are dollars,
01:29:02
here’s a picture inside this
01:29:05
block with the ingredients
01:29:10
and made it look like
01:29:13
garbage,
01:29:16
which was clear that we click on the
01:29:18
picture,
01:29:23
it’s broken, give Miguel, we’ll add it,
01:29:36
we’ll check
01:29:39
in any of them, someone would have them
01:29:42
clickable dash now sandvik
01:29:44
we are implementing that is, on this picture near
01:29:46
Paris now the events I am creating for you are
01:29:48
here
01:30:05
as there will already receive this picture
01:30:07
find
01:30:15
us on the promo video so we
01:30:18
see three ingredients in our picture of a couple of
01:30:22
sector mt
01:30:35
we will check we close exactly what we need them the
01:30:38
client
01:30:40
hit them with an anchor the target of
01:30:50
this ingredient and how to give a picture
01:30:53
using the quarry selector and subscribe to it,
01:30:58
try
01:31:03
so you bodies
01:31:09
[music]
01:31:11
while everything is working sand now it will work
01:31:14
when we attach the ingredient a
01:31:16
new modal window should open, so in
01:31:18
principle it was possible to create another
01:31:20
modal window, I already have one there is you, we’ll
01:31:23
give you one more
01:31:27
next, we’ll change the predator
01:31:41
module Vadim to now
01:31:43
we’ll remove what’s unnecessary
01:31:45
because at the peak ingredient info
01:32:05
when we’ll do this a few dozen structure a
01:32:08
lot of not to confuse you, but here we’ll
01:32:09
create a function, this function I’ll call to
01:32:11
walk inside the subscription
01:32:18
we’ll have lymph
01:32:21
gloss
01:32:34
so I’ll add
01:32:37
the ingredient and I have it stored in kay
01:32:44
we see this function on
01:32:46
youtube separately, who didn’t
01:32:49
care much about the area already as it is and beautifully
01:32:51
confuse it with it,
01:33:07
then by the way, we had to do this
01:33:10
exactly when we move to this picture
01:33:12
on m&g we needed to tie it up, wound
01:33:15
it up that is, we must set what
01:33:17
attributes in order to connect our picture with
01:33:19
mo push
01:33:26
so the attributes will be here, I’ll look at
01:33:28
what attributes were here the date of that
01:33:35
we will have a fashion
01:33:40
Chinese still Odessa winders
01:33:47
and money we have a
01:33:52
model we will
01:34:06
also check that you we will only
01:34:07
open only empty
01:34:11
covered class sheet const so
01:34:16
I like you
01:34:44
he even decided to put
01:34:52
Obama gave to the
01:34:54
ceiling must write down the data so I
01:34:57
visually show the amount of the basket stir and
01:34:58
dates attributes indicated all this modal
01:35:00
window and indicated by which one and the predator
01:35:03
should open a modal window
01:35:04
when I click on this picture and summary of the
01:35:07
subscription occurs I call the function,
01:35:09
pass the cocktail key there and must
01:35:12
get information about which coaching legends
01:35:14
and now I must get information on
01:35:16
this ingredient it turns out I will need to
01:35:19
make a new request in here, that
01:35:21
is, here we have
01:35:22
the ingredient itself, accordingly I will have to
01:35:25
go from a new request when I have to
01:35:26
describe how and sing
01:35:34
to the and
01:35:39
see what kind of Yuri we needed so
01:35:42
that we search by ingredient let's
01:35:44
see
01:35:52
has been done
01:35:56
display
01:36:01
first this one and
01:36:09
plus the name of the ingredients of
01:36:18
this one will be saved until it's cleared
01:36:23
we check
01:36:31
this one write why it's
01:36:36
not there about what it's called
01:36:38
go without
01:36:54
so why does German but come
01:37:14
on the fight or when
01:37:18
Sergei
01:37:50
and the diplomats don’t come and
01:37:54
we
01:37:57
pointed out
01:38:05
the terrible sausage about the attack or on the basis of
01:38:09
coming only looked with which there is an
01:38:11
array inside this array there is one
01:38:13
object we
01:38:16
can get the keys we get the ingredient
01:38:19
by zero index,
01:38:21
its first element is
01:38:29
great phones for
01:38:33
data and the
01:38:40
object
01:38:50
even in the group could be nike
01:39:00
where the
01:39:01
data is wound in this, but it could be useful to
01:39:03
add game nickname
01:39:05
mondi to be the ingredients of the background and
01:39:10
what is this div and
01:39:15
add inside we need markings
01:39:22
for death, you can display the arch and
01:39:29
because you can take 29 I’ll copy it
01:39:44
so you can take maybe it seems like
01:39:47
degrees and you can degrees we can eat
01:39:50
there are no vacuoles and give a description of the discrimination, let’s
01:39:53
take these and the type of room the plan is
01:39:56
crying for example it was possible initially
01:39:58
to show
01:40:00
well, the march through the iphone conferences
01:40:10
what is it called
01:40:19
further than us will it be if there is fire or no
01:40:34
habitation
01:40:46
with this
01:40:58
we check
01:41:00
[music]
01:41:06
we come out with a formation about the ingredient our
01:41:09
such a moment as if we when we press
01:41:11
close we completely close everything to the [ __ ]
01:41:13
and well, it would of course be more convenient
01:41:17
when we let’s say click on a cocktail
01:41:18
choose one of the ingredients I’ll read about
01:41:21
it and so that there are possibilities, but the virus is again an
01:41:24
ingredient, that is, it came back and
01:41:26
quickly pix they are also together kilika
01:41:28
implemented there is simply a button
01:41:31
that returns you to the previous
01:41:33
winders, this is a thread demonstration to
01:41:40
tell the first sense, let’s say at the knife
01:41:42
and nails they opened the second ingredient
01:41:45
returned 1 winder
01:41:48
here too, let’s just implement it
01:41:51
there is another button being created a button
01:41:53
where you return the first winders
01:42:00
return to the previous corner
01:42:05
or the winder plate add a footer this
01:42:09
button and say that we must
01:42:11
return now the nickname with the fuse he gave
01:42:12
completed the survey my module
01:42:20
let's check
01:42:25
select a cocktail
01:42:27
press the button
01:42:28
[music]
01:42:30
press the ingredient return here's an
01:42:33
example to read,
01:42:35
he came back in the same way as the previous one, where did
01:42:37
we get another ingredient, the whole channel
01:42:40
comes out with a video of this information, no,
01:42:41
they came back, that's exactly
01:42:43
how it would be to
01:42:45
implement the winder
01:42:49
again, what I did again, I
01:42:52
stirred these nuts in just for m&g these
01:42:54
attributes so that I am impressive how
01:42:57
we would open the winder
01:42:59
after that I click on this picture,
01:43:03
sign up for events and call a function in
01:43:06
which I pass the name of the ingredient
01:43:08
so they will get into this function I
01:43:11
make a request for
01:43:13
this ingredient receiving information there has
01:43:16
already been access to key legends and
01:43:18
get the first object, one object is
01:43:20
stored after that, I find the model on the
01:43:24
body of the modal window and through enlarge
01:43:27
tml I add the necessary data there so
01:43:32
that you can return again 1
01:43:34
winder, I added one button where I say
01:43:37
what to pick to open the first monologue,
01:43:42
in principle, the entire implementation of this bonus,
01:43:45
your bonus for yourself, it was written either the
01:43:48
opportunity
01:43:49
from this window is an inflection of the search therefore
01:43:52
the ingredients or just close the window with
01:43:54
us just who closes
01:44:03
just I added to em g am I
01:44:06
added the date attributes
01:44:17
and how I added the cards so
01:44:23
this is the attribute that is, I have myself the
01:44:26
card is all clickable and I
01:44:28
have added attributes for all the cards,
01:44:30
but this attribute and the
01:44:33
target model and this jar needs to be opened very much
01:44:37
through this reboot,
01:44:38
added yes,
01:44:47
in fact, the short one
01:44:49
is responsible for the role of the button,
01:44:58
well, here’s where to submit it, I’ll show you the markup, so the
01:45:02
whole card is essentially responsible for the
01:45:04
role of the button, here you see, on the
01:45:06
card itself, on this card there are date
01:45:08
attributes that were the hills very
01:45:10
quickly, you in me don’t
01:45:12
necessarily need to create a button, the main thing you
01:45:15
needed to know was to take these date attributes
01:45:16
and add the desired element by shouting on
01:45:19
which you want to open the modal window let
01:45:35
's go in order
01:45:37
I have to show would not
01:45:41
take and that's it I have
01:45:45
drives we have already done this there is
01:45:49
then a container which has a form and a
01:45:53
div block for cocktails which we will find
01:45:58
further from the modal windows first second 1
01:46:01
for cocktail
01:46:03
information cocktails three times for
01:46:05
the ingredients further, there are still necessary elements with which I
01:46:08
will interact,
01:46:11
my function for need to make the entire
01:46:13
request, I immediately made the vaccine, I have my
01:46:15
hands, I return the data, otherwise
01:46:17
the return is included exactly years with an error,
01:46:23
then when I allow it, but I click on the
01:46:25
ingredient in the modal window, I make a
01:46:29
request on this ingredient, it gets
01:46:32
information there,
01:46:33
where else will you need to add this
01:46:36
information, I have a bug in the winder
01:46:40
where the core is, I find it here and
01:46:44
through and in the world that I had, I add the
01:46:46
necessary markings there with the necessary information, the
01:46:52
children add ingredients, that is,
01:46:55
every time a
01:46:56
modal window opens for me, I clean the ingredients,
01:46:59
remove everything and go through a cycle as you
01:47:02
went to the lesson,
01:47:03
you will repeat all this will not happen, but
01:47:06
what did we do with you
01:47:07
then and made exactly the picture for the
01:47:09
stone one, that is, I simply added and the date
01:47:11
attributes are needed so that
01:47:13
the necessary one opens for me window and
01:47:16
in order for the click itself to be implemented, I
01:47:19
find a picture inside the ingredient and
01:47:22
subscribe to it,
01:47:23
after that I call the function where it
01:47:26
will be necessary to get information about this
01:47:28
ingredient
01:47:31
years, the gardens card itself gets to the div,
01:47:34
adding the necessary classes to it, adding
01:47:37
the necessary dates, attributes and
01:47:39
writing the necessary markup in the card,
01:47:53
well event form I think it’s clear
01:48:04
we went through the attribute
01:48:10
you specify exactly call the set
01:48:14
attribute method indicate which attribute
01:48:17
you want to create and what you want to write in this attribute
01:48:19
5 what is the value of
01:48:28
the board Zion is an extra
01:48:31
ingredient
01:48:32
[music]
01:48:35
take it home I checked to make sure it’s
01:48:38
really for the required ingredient
01:48:40
lectures who forgot to remove
01:48:50
if this is a bonus then no bonus we explain
01:48:54
there and two points if you make a bonus
01:49:02
moment don’t go into this to see or
01:49:04
not
01:49:06
here you could also do it so that
01:49:08
when you open the model from you the
01:49:10
ingredient should have been up to 8
01:49:13
search button where you click on it and
01:49:15
you are searched for all the cocktails with this
01:49:17
ingredient will we do it or not,
01:49:22
that is, and when I opened the
01:49:24
modal window I
01:49:27
clicked at the moment of action there will be a
01:49:30
search button to find all the cocktails with this where
01:49:33
this ingredient is used
01:49:36
hypotheses then click the edge this
01:49:38
button closes the modal window 10
01:49:39
will display all the ingredients in all the
01:49:42
hotels, that is,
01:50:04
the window through take learn the method, we
01:50:08
will need to immediately add a new button
01:50:10
for a long time, we will
01:50:12
not hide
01:50:15
which atom is useless, we need to add
01:50:17
another button, which will now be
01:50:19
allowed with
01:50:28
otherwise tarkett we don’t need these dates
01:50:30
attributes de France will be 8 you won’t go out nickname
01:50:33
Kerch
01:50:37
grecotel
01:50:47
children will be with us
01:51:02
and
01:51:03
you can take us to subscribe to this event
01:51:09
agent or I’ll subscribe separately to the water from the world
01:51:22
where to do it so that it’s a little
01:51:24
separate everything
01:51:39
here about in general separately completely let’s
01:51:40
do it
01:51:43
so we find this button
01:52:05
we find this button under sign up for
01:52:07
events and
01:52:16
by the time we need to do
01:52:18
the question again
01:52:26
when you are already ural we need
01:52:32
reds that
01:52:39
and blues
01:52:41
england
01:52:56
you can try to create a global
01:52:58
variable for example, let's also call it to
01:53:00
faith
01:53:02
as it will be empty for us
01:53:09
when we receive information about the
01:53:11
ingredient
01:53:18
so
01:53:22
10 the name of the ingredient itself is learned
01:53:25
when they could fireplace code ingredient
01:53:28
here we write
01:53:30
the name of the ingredient in this variable and
01:53:46
let it be written
01:53:48
depending on which ingredient
01:53:49
we clicked
01:53:52
here it will be plus what you
01:53:59
name we will check to
01:54:01
so we will output it
01:54:27
can be used and weight
01:54:54
give because it is stored in the square
01:54:59
how to get empty we will have a
01:55:05
long rest
01:55:11
crooked there at 10 we
01:55:13
wrote
01:55:15
the ingredient incorrectly it will probably be the
01:55:24
queen’s office a request for indicators does not
01:55:27
mean so this
01:55:29
one
01:55:31
with the name with the name of the drinks the
01:55:35
network gets to the post to make
01:55:36
more requests to these drink
01:55:43
so here I will have to masturbate and
01:55:45
sort through and
01:55:47
make requests
01:55:58
so we came as shaved
01:56:07
everyone can watch the
01:56:11
quarters working
01:56:21
they are working there to stop cabal
01:56:24
[music]
01:56:29
I want a movie database they come
01:56:31
when we go by ingredient and than
01:56:43
we get an object in which there is a
01:56:46
winx key this an array that we can sort through with you,
01:56:51
so we take out this key 2 and
01:56:59
tidy it up, we can do it,
01:57:03
we will distribute 11 cocktails to each and
01:57:07
make a request
01:57:24
now there will be one more question
01:57:33
before
01:57:37
[music] the
01:57:40
final we will need the one that we
01:57:41
used plays we got cocktails
01:57:43
this is one
01:57:49
of the advantages the name of the cocktails with this we are there
01:57:53
for these it is stored it resisted drink
01:58:07
that is the border
01:58:11
[music]
01:58:26
again there are many objects that
01:58:28
have tanks and in each a different number of
01:58:31
arrays we will
01:58:33
now need to sort through each drinks again it
01:58:35
turns out we will need
01:58:37
another cycle inside the buff we need to
01:58:40
have more one loop
01:58:51
and you can do foreach,
01:59:06
now you need to draw it on the page
01:59:08
to death, the function already exists, this is a cocktail of
01:59:11
labor and we pass it to sit green,
01:59:20
let's check
01:59:34
exactly the list lasted
01:59:40
so that when we
01:59:42
click on the search button, this
01:59:46
modal window will close, we can
01:59:49
take it and see what is responsible for
01:59:52
closing the model on the windows, here we have a
01:59:54
goat button closed with a cross and it
01:59:56
has and where in the center it will be given,
01:59:58
let's try to add it too, here
02:00:08
we go through a kilo, look
02:00:12
here we have to add new cocktails but the
02:00:15
old ones have not been deleted
02:00:18
lady, well, you are being used
02:00:22
[music] is used
02:00:32
at a minimum to bribe troops and ask, let's
02:00:34
try we don't use here,
02:00:35
let's say there is one gin, let's go somewhere where there is
02:00:38
gin
02:00:42
monoblocks, press
02:00:43
[music]
02:00:45
we'll see it just adds us to get
02:00:48
old cocktails, put away and somewhere
02:00:52
in this method
02:00:54
someone- then we will clean
02:00:57
what is stored in cocktails
02:01:03
was empty so
02:01:17
never the network will already be inside each
02:01:19
operation will respond
02:01:23
yes here we’ll just add then
02:01:31
so
02:01:38
now you had everything updated
02:01:49
as it
02:01:51
turns out we
02:01:53
added a button modal window
02:01:55
subscribed to events
02:01:58
further than all the cocktails that we have
02:02:00
stored on the page we delete because
02:02:02
we will receive a new one make a
02:02:04
request for our ingredient the name of
02:02:07
the gradient we write down a global
02:02:08
variable let's say when we receive
02:02:10
information about the incident
02:02:13
the case is here to drive here
02:02:18
we write down our global
02:02:20
variable language record the name of
02:02:22
our ingredient
02:02:24
here is a pumpkin and on this button we
02:02:27
did request we received a list of
02:02:31
drinks where this
02:02:33
ingredient is used, we sort through this list, it
02:02:37
stores itself the name of only the drinks, it
02:02:39
turns out we will need to make
02:02:40
another request where we indicate the name of the
02:02:42
drink, it returns us a list
02:02:46
of those drinks with that name, we
02:02:48
sort through the list and add to
02:02:51
page
02:02:53
so that by clicking on the button four of us, the
02:02:55
model for the riddle will be closed, we
02:02:57
have added here another date attribute
02:03:02
something like this,
02:03:09
I wanted to sort it out with you, we just don’t
02:03:13
have time for one moment, let’s say if your
02:03:14
data takes a long time to connect, you
02:03:18
see us, the pictures
02:03:20
only load over time and can do so
02:03:22
that while the pictures are loading,
02:03:24
the preloader is spinning, that is, each
02:03:26
picture will have its own lords, as
02:03:29
soon as it loads with the locker,
02:03:31
the idea will be loaded, the picture will load, guys,
02:03:34
when we have a picture, there are a lot of requests
02:03:38
on there, you see, it takes a long time to load, let it be
02:03:41
just the background of us Morgan pages what’s happening is
02:03:46
a little ugly, it looks like it’s
02:03:48
constantly twitching on the page and
02:03:51
yours was to add a jump, you’ll attach it, you can, in
02:03:53
principle, try to
02:03:55
sort it out in the final, so you can sort it out
02:03:56
as you want now, or
02:03:59
already at the next
02:04:17
questions about bonuses, you have how else the bonus
02:04:19
was implemented now
02:04:22
on now we’ll take it,
02:04:43
well, there’s a lot it is necessary to explain longer,
02:04:46
do this not for long, but it is explained for
02:04:48
about 15-20 minutes,
02:05:02
such events are special for the picture
02:05:05
when it is loaded, you call
02:05:07
a callback, that is, what needs to happen
02:05:09
when the picture is loaded, our situation
02:05:11
will happen that when the picture
02:05:13
is loaded, we jump with the pen drives
02:05:15
and display the picture
02:05:24
drive skoda next time
02:05:31
give better next time should
02:05:34
say your complex hydrate turned out
02:05:37
but what should have been done
02:05:42
so if you have questions
02:05:45
from it let's finish arguing for an hour
02:05:48
ten people of this about 5
02:05:50
sign up and we'll finish
02:06:29
we understand
02:06:40
[music]
02:06:42
there might be too is to want
02:06:44
because we are 10 pasion to use this
02:06:45
link and here it
02:06:47
was possible to put a permanent link in the text in the variable,
02:06:50
do not sign this is
02:06:52
also not very
02:06:53
landau, we are all for your attention, bye everyone
02:06:56
and have a good evening,
02:06:57
good luck with your homework, bye
02:07:01
everyone

Description:

On this page you can download the media «Группы JS-12/13 Вебинар №23 Разбора бонусов ДЗ №43-44» highest quality possible WITHOUT any restrictions on the number of downloads or download speed.

Preparing download options

popular icon
Popular
hd icon
HD video
audio icon
Only sound
total icon
All
* — If the video is playing in a new tab, go to it, then right-click on the video and select "Save video as..."
** — Link intended for online playback in specialized players

Questions about downloading video

mobile menu iconHow can I download "Группы JS-12/13 Вебинар №23 Разбора бонусов ДЗ №43-44" video?mobile menu icon

  • http://unidownloader.com/ website is the best way to download a video or a separate audio track if you want to do without installing programs and extensions.

  • The UDL Helper extension is a convenient button that is seamlessly integrated into YouTube, Instagram and OK.ru sites for fast content download.

  • UDL Client program (for Windows) is the most powerful solution that supports more than 900 websites, social networks and video hosting sites, as well as any video quality that is available in the source.

  • UDL Lite is a really convenient way to access a website from your mobile device. With its help, you can easily download videos directly to your smartphone.

mobile menu iconWhich format of "Группы JS-12/13 Вебинар №23 Разбора бонусов ДЗ №43-44" video should I choose?mobile menu icon

  • The best quality formats are FullHD (1080p), 2K (1440p), 4K (2160p) and 8K (4320p). The higher the resolution of your screen, the higher the video quality should be. However, there are other factors to consider: download speed, amount of free space, and device performance during playback.

mobile menu iconWhy does my computer freeze when loading a "Группы JS-12/13 Вебинар №23 Разбора бонусов ДЗ №43-44" video?mobile menu icon

  • The browser/computer should not freeze completely! If this happens, please report it with a link to the video. Sometimes videos cannot be downloaded directly in a suitable format, so we have added the ability to convert the file to the desired format. In some cases, this process may actively use computer resources.

mobile menu iconHow can I download "Группы JS-12/13 Вебинар №23 Разбора бонусов ДЗ №43-44" video to my phone?mobile menu icon

  • You can download a video to your smartphone using the website or the PWA application UDL Lite. It is also possible to send a download link via QR code using the UDL Helper extension.

mobile menu iconHow can I download an audio track (music) to MP3 "Группы JS-12/13 Вебинар №23 Разбора бонусов ДЗ №43-44"?mobile menu icon

  • The most convenient way is to use the UDL Client program, which supports converting video to MP3 format. In some cases, MP3 can also be downloaded through the UDL Helper extension.

mobile menu iconHow can I save a frame from a video "Группы JS-12/13 Вебинар №23 Разбора бонусов ДЗ №43-44"?mobile menu icon

  • This feature is available in the UDL Helper extension. Make sure that "Show the video snapshot button" is checked in the settings. A camera icon should appear in the lower right corner of the player to the left of the "Settings" icon. When you click on it, the current frame from the video will be saved to your computer in JPEG format.

mobile menu iconWhat's the price of all this stuff?mobile menu icon

  • It costs nothing. Our services are absolutely free for all users. There are no PRO subscriptions, no restrictions on the number or maximum length of downloaded videos.