Stacking Context - Shopify Development Tutorials
내용
[subtitle-meta] lang=en auto=True
hello in this video we are going to be
exploring liquid shopify's template
language we are going to see what
problem liquid is solving how to do some
of the most common things with it such
as variable declaration looping F
conditionals filters and so on we'll
also take a look at some of its
limitations and how to work around a few
of them so in short liquid is a template
engine created by short device that can
be used for developing themes and what
it means to be a template engine is that
we can create the structure of our Pages
using HTML and make its content change
dynamically depending on what you the
user is
vising here you can see an example of
this this is a very basic liquid
template and over here we have this
regular HTML title tags and in between
the tags we have two pairs of curly
brackets and this page title text here
this is how you output a variable Li bit
so every page has a title but let's say
we don't want to create this structure
for every single page what we can do
instead if is create a template create
this structure over here and this and
the title will change dynamically
depending on the page the user is
visiting the same will happen for the
description over here although here you
can also see another element a
conditional liquid supports conditionals
too and what we are doing here is that
only if the page has a description then
we are going to Output this meta HTML
tag and we are going to here output the
page the page description
variable you can also see that we are
not limited to printing variables or
outputting variables in the body of HTML
tags or in between HTML Tex we can
output them pretty much anywhere here we
are outputting it for the for the value
of this content attribute so as long as
the end result is valid HTML you can put
a variable anywhere and here we have
this pipe operator and then this
truncate word and 150 in liquid this is
called a filter and what we are doing
here is truncating the page description
as this title implies as this name
implies to 150 characters and this is
how the output of this of this code over
here will look like now say that I
wanted to change this 150 to just 100 we
can see that the text changes
accordingly and we have now a shorter
text here also something else we can do
is that let's say that we wanted to add
our stores name after the page title we
can say something like this my store and
over here we'll end up with this result
here we'll have the pages title no
matter what page we're visiting in and
then we'll have the storage title at the
end now something we have to keep in
mind before getting started is that
liquid runs on the server and that's has
its pros and its conss its biggest
advantage over other ways of having
Dynamic content like say it with
JavaScript is that with liquid the HTML
you send to the client already has the
content in so you so your user won't
have to wait for an extra API call to be
done to get that content and you won't
have to manage the complexity that comes
with creating that interaction yourself
through JavaScript on the other hand as
it is only run on the server it has no
information about the user device so if
you wanted to do something like render a
section based on whether the user was
visiting from a mobile phone or from a
desktop that's out of the scope of what
liid can do and instead you'll have to
do it with JavaScript after the content
is loaded on the user's device okay okay
so here from Visual Studio code the
first thing we'll do is go to this
snippet folder and create a new file
here call it tutorial.
liquid and here I will put hello from
tutorial
liquid now the next thing I'll do is go
to theme. liquid here in the layout
folder and I'll look for the body tag
over
here and I'll add
render
tutorial what this will do is that it
will replace this line with the content
of this tutorial file over here for this
to work it must be inside the snippet
folder if I were to add it inside
sections it will give me an error the
same if I try to add it under any of the
other folders over here so now from th
liquid I'm going to run
Shopify theme Dev and I'm going to pass
the environment flag and specify the
development
environment what this is is in Shopify
theme. tumble here I created this
development environment where I'm
specifying which store to run the
commands in this folder
against so now I shall have this theme
running in Local Host 92 92 so let me go
here let me refresh this page and I
shall see here the content of my store
so now let's go to tutorial. liquid
let's delete this and when you're are
following the tutorial of how to learn a
programming language even though liquid
is not a programming language itself it
shares some similarities with regular
programming languages like the
capability of declaring a variable so
let's learn how to do that for this I'll
open these delimiters over here of a
curly bracket in a percentage sign and
I'm going to write a sign my value iable
this will be equal to hello
world then I'm going to here print my
variable and if I go to the page here I
see that is refreshed and I see Hello
World here a moment ago we saw that this
is how you print a variable we enclos
the variable name in between curly two
pairs of curly brackets and that's how
you get this output over
here now another way you may see of of
declaring variables or creating
directives in general is by doing
this so an open curly bracket a
percentage sign and a Dash here for
example in this team this is done by the
way Shopify open source team this
property first Char variable is being
declared that way and what is the
difference between doing it the way we
were doing it with just an open Cod
bracket in a percentage sign or adding
the dash where
to see the difference we'll have to view
the page Source here I'll click on view
page
source and I'm going to look for hello
world here we can see that the text is
being printed as we expect but there is
an empty line above and there is an
empty line below this why is this this
way here I don't have these empty lines
well in liquid when you um declare a
variable or when you write liquid code
in general just as empty lines and the
way to remove those is by adding this
Dash to the Declaration so here if I
refresh this page now this empty line
got removed I have this empty line below
as well and to get rid of that I can add
the dash over here as
well and the empty line below hello worm
also get gets removed that won't affect
the overall output so this is why both
of them are valid and you may see them
being used interchangeably in different
code
bases I think the important thing is
that you stick with one or the other and
be consistent with that across your
codebase overall removing the anti- line
has the benefit that you send a tiny bit
less code less um text to the to the
client but it is so minimal that I don't
think it will make a significant
performance impact however if you want
to still use this just try to be
consistent across your code base
something else you're probably noticing
is that for the first declaration over
here I use an open curly bracket and a
percentage sign and for the second one I
used two curly brackets so why is this
well if you're basically if your liquid
line has an output so say when you're
printing a variable you should use two
curly brackets otherwise like for
example when you are declaring a
variable this should not print anything
in these cases you use an open Cur
bracket and a percentage sign this will
be the same if you were creating an if
statement a for Loop a switch and things
like that we'll see how those look like
later in the video but just keep this in
mind if you get confused along the way
now that we've seen how to create
variables in liquid let's see what data
types we have available for us here but
before that let's quickly take a look at
how to create a comment in lid so I'll
delete all of this and then I'll open a
cly bracket a percentage sign and I'll
write here comment and then I'll do the
same and write and comment and now any
text that I write here will be treated
as a comment and therefore won't be
rendered in the page so here I can say
this is a
comment and should not
render and if I visit the page here I
will't see
anything now let me type some example h
word here so we can see that this is
still rendering content so the hello
word gets rendered but the comment above
this is not now as this also accepts
HTML we can also use an HTML comment
here so HTML
comment and this will also work fine we
can write anything here and the user the
customer won't see anything rendered in
the page however there is a difference
between this comment and this comment
this HTML comment and that is that the
liquid comment is not sent to the client
at all while the HTML comment is sent to
the client but it's just not rendered so
if I go here and view page
Source I can look for HTML comment and
we can see the comment here but the
liquid comment itself which should be
above the hello world doesn't show at
all because as this is a liquid comment
it stays in the server so these comments
these liquid comments are preferred if
you want to add self documentation or
documentation to some parts of your code
because there is really no benefit of
sending this to the client your page
will have a slightly larger footprint
and your user won't benefit with that at
all also you may accidentally link some
information here in the comments so it
is better to keep them in the server
whenever you
can now let's delete all of this I'll
let a command here by pressing command
and slash or controll and slash on
Windows this is a keyboard shortcode for
quickly adding a command Visual Studio
code and here I'm going to say
string a string is the first data type
that we will explore here so let's
create a string by creating a variable
here my string this will be equal to
hello
world now what is a string a string is
any sequence of text that is enclosed
between either double quotes or single
quotes like this one over here the text
can be characters it can be numbers it
can be a special characters or a
combination of all of them like
this now an important distinction to be
made
here is that if the contents of a
strings are numbers like for example
here then liquid will still treat it as
a string this is especially important at
the time of doing comparison operations
because if we try to compare a string
with a number to for example do
something if one is greater than the
other we may end up with unexpected
results later in the video we'll see how
we can convert from one data type to the
other to handle situations like those
now let's print here this string my
string here and if I go to the page I
see 1 2 3 4 so this is
working the next data type that we're
going to see are numbers so here are
number this doesn't have have much
Mysteries to it my number this can be
something like this you just type the
number you don't have to use single
quotes over quotes or any special
character just the number and the number
can be an integer or it can be a floting
point so my floting point number 1 2 3.
five and both of them will work fine so
let's print my number a comma my
floating Point number
and here I can see down like this it's
important to know by the way that liquid
doesn't add new lines if we just print
the variable so we have to add this
manually I'm going to add a br element
here and this will force a line
break next let's see booleans so here
Boolean this is basically a true or
false type so my bullan this either be
true or it can be
false in both cases if I try to print it
here I'll just get the text let me add
here a line break as
well I just get the false text here same
if I try to print
through but where this becomes really
useful is when we are dealing with
comparisons and with conditionals we'll
see more of that later in this
video now the next one we'll see is Neil
or null so let me add a line break here
and nil or
null so we can declare this this way so
my nil equals
nil and this extension that I have over
here this Shopify liquid extension
automatically transforms this to null I
think it is this
extension but anyways for practical
purposes they are both the same if I try
to print this my
Neil nothing shows up because this value
is
empty however where this is useful is if
I try to in a conditional we haven't
seen conditionals we'll explore more of
this in a moment but I want to
illustrate this example here if I check
for if defined variable is equal to
n let me print on the fin variable is
equal to
nil
and over here right I forgot to close
this so here I see that undefined is
equal undefined variable is equal to nil
if I were to put a different variable
here like let's say my
number now we don't see anything here
again Neil and null are pretty much the
same they are just used to indicate that
a value is empty as on defined variable
doesn't exist here its value is
considered empty and therefore the code
over here is executed so this P tag and
the content inside of it gets Brint gets
added to the to the HTML code okay so
the next data types that we'll see are
data types that we cannot declare
ourselves but that we can access if they
have been declared for us
and show if I does that of them the
first one will be
array so here I'll write
array and an array is basically a
collection of values that are enclosed
in a single variable if you have
programmed already in other programming
languages you are probably familiar with
them in one way or the
other now if I try to declare an array
here so my array in other programming
languages this is how you will declare
them
usually but you already get an idea here
that this will throw an
error if here I try printing
this I just won't see
anything however Shopify declares a few
arrays for us that we can access one of
those is product.
taex you can see that this didn't show
an
error but it still doesn't print
anything and the reason for that is that
I'm in the homepage but if I go to a
product page like this we can see the
product tags of this so something to
mention is that some of the variables
that Shopify declares for us are
contextual and depend on where you are
trying to access them obviously product.
tax doesn't make sense if you are in the
homepage because it doesn't know what
product you are referring to but if
you're in the product page it knows what
product you want to get the Tex for
anyways this is an array and you can see
all the tags they are grouped together
here so this doesn't make much sense
much sense you could even think that
this is a string however if here I try
accessing the first element in the array
and arrays by the way start at index
zero and go on from
there we see premium here if I try
accessing the one in index
one we'll see a snow and so one also
arrays have the size property this let
us know how many elements are in the
array strings also have this that
property by the way so here I can say my
string look
size and I should see here four because
this string has four
characters anyways arrays also let us
Loop through them we'll see Loops more
in depth later in the video but just so
you see how you can Loop through them so
for tag in
Tex and for here
and we can print here the
tag let's add
a new line
here right in product.
tax and we can see all the taxs that
this product has so there you have it
even though we cannot declare arrays we
can access them if they've been provided
by
Shopify there is though a workaround for
declaring array R it only works for very
specific circumstances but we'll explore
It Anyways later later in the video now
let's cover the last data type and you
have already seen a preview of that we
are going to see the object data type so
this product. text here this product
variable I didn't declare it anywhere
this product is a variable provided to
me by Shopify and it is an object
because I'm accessing a property of that
object so here I can say product.
title and I get the title of this
product over here and by the way this is
how all of this information is being
rendered it is accessing the different
properties of the product object now
what what properties do we have access
in the product object well we have all
of these properties I'll leave a link to
this in the video description but this
is basically the documentation for all
the objects that Shopify provides to us
including of course the product object
which we are just seeing right now this
is an example of
it and if you click on any of these
properties you can see a short
description of what the property is
about we can't by the way declare
objects so there is no way for me to
create say a product two object and
start adding properties to
it so we'll have to do with the objects
that we have
there may be workarounds but they
usually don't work that well meta
objects are kind of a workaround for
this but we'll see more of those in a
future video with those we could create
custom objects but they have to be
managed through the Shopify admin and we
cannot like declare a meta object from
theod from the code itself we just can
access them anyways now let's see a
different way of declaring variables we
have previously seen that we can can do
so using a sign but this other method
will make much more sense now that we've
seen the different data types that we
have available so first let's see what
problem this solves let's say that I
want to capture some some
HTML in a variable here let's say that I
have
div Ander inside this div I want to have
a P tag here and it says hello product.
title
now let's print
this and here we can see that something
gets printed but not exactly what we
wanted here I'm seeing hello and
literally prod the title in between the
curly
brackets but I actually want the real
product the real product title here so
how can I do that well there is a work
around for this and that is the capture
way of declaring a variable so here I'll
say cap I'll say capture
HTML and and capture and what this is
doing is that anything we put inside
this capture and and capture block will
be the value of the HTML variable that
we setting here so let me do div
div p over here
hello and then product. title and close
the P
here and now we see Hello the completed
snowboard which is the title of this
product that we are seeing so basically
by using capture we can have HTML that
inside of it is using is
accessing variables we can also have
conditionals here loop loop through Loop
through arrays and so on so this is very
powerful for capturing HTML inside of a
variable this will be treated as a
string by the way so you can do any
operation that you were able to do with
a string like for example I can say that
size and I can see that this has 66
characters okay so the next thing we'll
see are conditionals we saw a brief
example of this a moment ago when we
declared this conditional over here to
check if on the fire on defined variable
is equal to null but let's create a more
intentional example so I'll delete all
of this and now let me first start by
creating a variable my variable and this
will be equal to 11 and then let's
create a conditional so if my variable
is greater than
10 let me
print variable greater than
10 else and print variable not greater
than
10 and we have to then and close this
with an end if so this is basically a
control statement what we do here is if
this variable my variable is greater
than 10 we are going to enter here and
everything that we write in here we can
write multiple multiple statements or
instructions here so let's say something
like another
instruction everything we write in here
will be
executed if my variable is greater than
10 otherwise or else everything that we
write in here will be executed if my
variable is not greater than 10 this lse
blog by the way is optional I can remove
it and this will still be valid and a
valid if statement however what I cannot
get rid of is this line over here this
if nor this end if at the end now if I
save this let's go to the browser and
see what we get so here I get variable
greater than 10 and then another
instruction
here I can also add arbitrary liquid
code so I can say assign my nested
variable let's say that this is equal to
20 now let me print
20 or the value of my Nest variable so I
can go
here and I can see a 20
here now if I make this a nine for
example
we will see that only this gets printed
so variable not greater than
10 also this this my nested variable
here is never declared in the second
block therefore it doesn't exist so if I
try printing it over
here I'll get nothing nothing will show
because this variable is dependent on my
variable being greater than
10 another part of conditionals that is
important is the LF statement which in
liquid is written like this El if
everything as a single word and then we
can put here a second conditional so I
can say if my variable else if my
variable is greater than five then here
I can
say variable greater than five so it
will only enter here if my variable is
not greater than 10 so it has to fail
this conditional then it will check for
this my variable is greater than five
so that's why it is an else
if let's save this and here we get
variable greater than five so it will
not enter this else conditional unless
everything else fails we can have as
many else if as we want so I can say
else if my variable is greater than
three and I'll copy this and I can say
variable greater than
three and now if I make my variable to
before we'll see that it did not enter
the first conditional because we tried
to check if the variable was greater
than 10 which it isn't it did not enter
the second conditional because it is not
greater than five but it did enter the
third conditional because it is greater
than three if I made it
two then it will go to the last
conditional which is which actually
should be know that the variable is not
greater than three because it will only
enter here if the variable is not
greater than
three now let's see comparison operators
so while writing all of these
conditionals I've been using the greater
than operator so I'm comparing my
variable with 10 and the relationship
that I want between my variable and 10
is that my variable should be greater
than 10 for it to pass this conditional
this is not the only operator we have
here so let's delete all of this let me
close this condition up here let me just
say here my variable is greater than 10
and let me add a
commment greater than now if I save this
and I make this variable
20 we'll see here my variable is greater
than 10 now let's try with the less 10
operator so if my variable is less than
let's say
10 I'll copy
this my variable is less than
10 and let's make this a
two so here we will see that now my
variable is less than 10 is what is
being rendered in the page instead of
the text we had when the variable was
greater than 10 so let's add a comment
here less
than we also have access to the equal
operator
so equal if my variable is equal to
10 my variable is equal to
so
price so this had to be changed to be a
10 and now as see here my variable is
equal to 10 so this is working just fine
now let's see greater than or equal
to and this or this I'm just going to
copy this over here and I'm going to add
an equal sign to the right of this
greater than sign so my variable is
greater than
or equal to
10 and now both of these statements are
true if my variable is no sorry both of
these statements here are true my
variable is equal to 10 but my variable
is is also greater than or equal to 10
so we will see both things being printed
over
here and as you can guess we also have
access to the less 10 or equal to
comparison operator
so if I
put this here and I change this greater
with this less
than here I say less
than we see that the three of these
statements are true at the same time
because my variable is equal to 10 now
if I make this an
11 we'll see that only these two are
being true now so my variable is greater
than 10 this is true and my variable is
greater than or equal to 10 both both of
these statements are true and if I make
it a
nine we get that my variable is less
than 10 or that my variable is less than
or equal to
10 now when we are dealing with the
equal operator we are not limited
limited to working with numbers we can
also work with the strings so let me
create another variable
here my string
and this will be
hello and now I can say if my string is
equal to
hello let me just
write my string is
hello and if I save this I see my string
is
hello but if I say that my string here
now would be something else like like
not
hello now this
conditional doesn't doesn't Evol to true
and therefore we don't execute what's
inside this
block and something else I mentioned
earlier is that when we are create
creating a string we have the option of
setting its value to a number but this
number as it is between single quotes it
will be treated as a string so if I
change my variable from nine the number
to a string that has the value of nine
look at what happens here we get a bunch
of liquid errors because a comparison of
a string with 10
failed therefore you can see here that
we cannot compare a strings with numbers
so this is why I what I meant earlier
when you when I said that you have to be
careful with the type of your numbers in
liquid okay now let's convert this back
to a
number and here let's see the contains
operator so for this I'm going to
print product
title and I'm also going to print the
product TXS we'll use both in a moment
so if I save this and I go to the
browser here I see the product title and
the product TX which as we saw earlier
this is an array but when we print it
just like this the name of the variable
we get them all group together like if
it was a single word
now for using contains we can use this
to check in the case of a string to
check if it contains a subset of
characters and in the case of an array
to check if it contains a particular
element so first let's see for a string
and let's go to say that if product
title contains
snowboard then we can print here this is
a
snowbo
if we go here I see this is a
snowboard now in the case of the TX I
can say if product
TX contains let's see one of these
TXS
winter I can print here this is a winter
product and if I save this again this is
a winter product and this is a
snowboard now if I wanted to just just
to show you that we are actually
checking for individual items here I
will copy a sport
winter and if I try to check for
this we'll see that the last check the
check the product. Tex contains a sport
winter no longer enters here this is no
longer printed because because even
though they are grouped together here
tags are actually separated you can see
the separation the separation here by
checking for the letter that's in
uppercase
now and I almost forgot but we also have
the not
equal operator so if my string is not
equal to hello I'm going to say my
string is not hello
so here I save this my string here is
not hello so I should see here my string
is not
hello now for all these instances of
comparison operators there is always a
way to negate them so the negation of
greater than will be less than or equal
to the negation of less than will be
greater than or equal to the negation of
equal will be not equal here
but how do we negate
contains we cannot here say not contains
or doesent contain and if you have
programmed in other programming
languages you may try to do something
like this adding an exclamation mark
here to negate something maybe wrapping
this in parenthesis but none of this is
valid in liquid instead we have to rely
on the onless tag so this is like a
reverse if or an opposite if so unless
product tax
contains
premium we are going to say this product
doesn't
contain the premium
tag and we have to make sure we close
this appropriately instead of and if and
unless and if I save this I'm not going
to see anything because this product
contains the premium tag tag however if
I go to the homepage and let's search
for a product that doesn't contain this
like this selling plant Sky
wax I can see here this product doesn't
contain the premium
tag also unless supports an else
statement so here can
say else this product contains the
premium
tag so if I save this here this won't
change but if we go back to the other
product we were seeing a moment ago I
think it was this
one here we see this product contains
the premium tag so this is how you will
use the unless tag you are not limited
to just using contain here you can use
any conditional so unless my variable is
less than less than or equal to
10 I'm going to
say
my
variable is greater than
10 otherwise I'm going to say my
variable is not greater than 10 so here
my variable is n so I shall be seeing my
variable is not greater than
10 and now if I make
this
11 my variable is greater than 10
because we're saying unless my variable
is less or equal 10 so you can always
try creating this in natural language
and you will get an idea of what this is
doing okay so now let's see logical
operators what this letter us do is that
we will be able to chain conditions
together so for example let's say that I
want to print a message if and in a in a
snowbo page and the snowboard is an
affordable one so let's say that I do if
product title contains a
snowboard and product price let's say
that an affordable snowboard is below
$650 so I'm going to say $650 and I have
to add two zeros here because the
pricing Shopify is saved as cents so
instead of dollar I'm saying that this
is 6 65,000 cents which is
$650
so here and I'll
say this is an
affordable
snowboard if I save
this let's go first to the complet snowb
here this one is 699 and here I don't
see the message now if
then I go to this snowboard
hydrogen here I see this is an
affordable snowboard because it is below
$650 now I can if I replace this and
with an or it will enter here if either
this condition is met or this condition
is met so here we won't see any change
but
now if I go to the previous snowboard
that I checked the complete a snowboard
here I'll see that this is an affordable
snowboard and I will even see this
message if I go to the ski wax because
even though it's it's title doesn't
contain the word snowboard as we
specified in the first condition here
its price is below
$650 so we enter the condition and the
conditional anyways and we printed this
message here we can change as many
conditionals as we need to but there is
a catch in the way they are evaluated in
liquid and to illustrate this let's
modify this conditional and let's say
say that a snowboard can either be
something where the product title
contains the word snowboard or product
type is equal to
snowboard and then we want to check if
the ti if the price is also below
$650 so the idea here will
be is it a
snowboard yes and then is its price
below
$650 yes then this is an affordable
snowboard now if I go back to the page
here I don't see any message because
this is not a snowboard by any of the
conditions we specified
here but if I go
back and now open the complete snowboard
here we are seeing that this is an
affordable snowboard message even though
we specified that the price must be
below $650 so why is this happening
maybe if I reduce the price a little
that will fix it so let's say if it is
below
$10 no we are still seeing the message
even if I make it that the price should
be below 100 or sorry $1 because this
these are
cents we still get this an affordable
snowboard as if this condition was being
ignored and the reason for this is
because of the way Shopify evaluates
this expression over here so let me copy
this and let's write a
comment and let's try to evaluate this
ourselves so basically Shopify is going
from right to left evaluating each
condition and then resolving them so the
first step it will do
is it will take this product price
product price is below $1 or 100 cents
in the case of this product false so
then in the second line it will say
false and product type equals nobore
product type equal nobore is
true true and false what do we get when
we say true and false true and false is
false so we get here false Now product
title contains a snowbo this is true so
here we will have true true or false and
based on logical operations why what do
we get when we have true or false well
the result of this will be true and this
is why it is entering here even though
we don't intend that to happen in other
programming languages we will solve this
by adding parenthesis here so I will be
able to do something like this and that
will solve this in theory but in liid
you are already seeing that this is not
how it works we get here this red
underline indicating that this is
invalid and if I save this I won't see
any change here this one see Shopify
will not take this as valid liquid and
therefore will not update anything in
the
page so what can we do about
this what we can do is have this as a
separate variable so let's say that I
create is a snowboard and I say that
this is by default true sorry by default
false and then I do this conditional
here and if it enters here we will say
that this is
true and then I do
is I snowboard and its price is below
$1 and we see here that the message is
no longer being printed now if I were to
change this 100 or $1 to be
$700 or
70,000 and I save
this I'm going to see this is an
affordable snowboard for this product
and if I go to other
products
I'm not going to see or I should not be
seeing the message so this one over
here the compare out price is no I don't
see the affordable
message okay so the last tag that we'll
check is the case tag which in some
programming languages is referred to as
switch so here I'm going to say case and
let's say product do
product type let's end case here at the
end and now what we can do here is have
several of these when blocks and we can
check for the value of the product type
like for example
snowboard and we are able to print
something if the if the value of this
product type is exactly what we have
here so let's say this is a
snowboard if I save
this and if I go to the complet
snowboard here I get this is a snowboard
but if I go to the homepage again and
open this ski wax
product I don't see
anything now I went ahead in Shopify
admin and fill the product type for some
products so basically just open the
product here if this field was empty I
just type something here or if I had
already defined it I just selected it
from the list and click save I did this
off camera to not waste too much time on
that but anyways
here now I can say
when the value here is a key wax I'll
copy this here say this is a ski
wax and let's do that
again one the type here is a gift
card this is a gift
card now if I save
this here I see this as keyw
and for a gift card here I see this is a
gift card now if I go to a page that
doesn't have this defined nothing will
show here what we can
do here is have an lse tag which will be
executed if none of these Texs um if
nothing enters none of these when
statements so for example here I can
say no product type or no not not known
product
type if I say
this in the homepage as there is no
product type at all I see here no known
product type although something better
could do is to wrap all of this in an if
statement so if product
type and that way we will only enter
here if there is an actual product type
that way if the product
itself like if there is not a product
itself here so if this is undefined it
is not that there is that this is not a
known product type it is that there is
no product type at all so for
example I think I didn't add a product
type to this is nowhere over
here or perhaps I
did right product type is defined but
it's blank what I can do if I didn't
want that to enter there is if product
type is different than
blank then now we are not entering here
at all even if the if we are in a
product
page if the product. type is empty we
will not enter there at
all but here this is a sare is working
just fine
now if I go to the oxygen one
here and I say that the product type is
some s
more and I if
this now if I go to oxygen
here I see not not know prodct type
which is what we have defined just here
so wanted to quickly mention why I use
blank here instead of nil or null so if
we go to liquid segmentation here where
a string is being defined we see this
dip here the says you can check whether
a string is empty with the blank object
so this is why I compared it with blank
instead of nil nil is for undefined
values but if we want to check whether a
string is empty or not we will use blank
and we know that this that product type
is a string because here in the
documentation for the product object
here type is mentioned to be a string so
that's why I compare it with blank and
the last thing regarding conditionals
that I want to mention is the truthy and
falcy concept so so far we've been
working with conditions where its value
can be resolved to either be true or
false like for example product title
contains a snowboard this is either true
or it is false product type is equal to
a snowboard this is either true or it is
false however not every time we will be
able to convert things to be Boolean and
this is where the truthy and falsey
concept comes to play for example an
empty array if we put an empty array as
a condition for in an if statement that
will be considered as true the same as
the True Value here or a zero or an
integer or a float or an array or even
an empty array
basically everything unless it is false
and nil so let's see an
example here I can
say if product
title then I'm going to
print product
title and let's prent this is the
product
title so if I come here I refresh this
I see here this is the product title and
the title of the product but if I go to
the
homepage I won't see anything here now
if I remove it this conditional
here we will be seeing this message this
is the product title everywhere even if
the product title was empty so this is
why this conditional is important and as
you can see when we print the title here
this is a string so this is why this
truthy and falsy concept is important
because we can use other vales aside
from booleans in conditionals and they
will follow this rules uh stated in this
table over here I'll leave the link to
this in the video
description okay now that we've seen
conditionals let's see looping so I'm
going to delete everything in this file
and now let's save and let me go to a
collections
page so here I'm in collections all so
this collection should have all the
products you can manually navigate to
this URL if you're in a different team
that doesn't have this particular Link
in the naar and now let's Loop through
all the products so I'm going to use a
for Loop we saw a preview of that a
moment ago but this is basically a way
of going through every element in AR in
an array so I'm going to say four
product in collection. products this
collection object is an object that
Shopify provide to us if we are a
collection
page and now let me just print
here product.
tile let's
save and I see every product that is a
member of this
collection now let's start doing things
in this Loop so you saw earlier in the
video that we are able to use Liquid for
having Dynamic parameters or things
change dynamically in the attributes of
our HTML elements as well so let's say
that I wanted the first ele the first
product in this array to be green so
what I can do is this style here say the
color if for Loop do
first then I'm going to say that it is
green and actually we should put this
color inside of the if statement
here and now here we can see that the
first product the gift card has a green
color to
it we can also do this
so let's add more space
here and let's say
that else if for loop. last we can say
color let's say
orange
and we have an orange color
here and now let's say that I wanted to
add the number to the side of each
element
here I can do something like this for
loop.
index and that will tell
me each number over
here we could also use index zero so you
will use is either index or index zero
depending on what you're trying to do
index as it is as it says here is a one
based index of the current iteration and
index zero is the same but it starts at
zero because as we saw earlier arrays
are index at zero so you can
Loop and access the index either in a
zero way or in a more natural
way something else we can do is that we
can nest for Loops so I can say for tag
in prod.
TX and let me close the loop here and
now I can print every tag here I could
en close this in a unordered list
here and then
say
tag and let's see how this looks
like so we can see the text here for
every product that has text and maybe I
could I call add a title here so
tax but now we have this text title but
nothing is showing below so we can
enclose all of this in a conditional if
project.
tax and I put this here
here we we refresh but we are still
seeing this TX over here and the reason
for this is because of the truthy and O
thing we saw a moment ago product. tax
is an empty array for products that
don't have tax like this gift card so we
have to an an empty array evaluates to
true in a conditional so what we have to
do here is to explicitly tell it what we
are looking for here so going to say do
size has to be greater than zero that
way it will explicitly check if the tax
array has at least one element if it
doesn't then it won't show this tax
heading
below okay so now let's say that I
needed to associate the product index
with each one of these tags so for all
the tags of product one I want data
product
index to be one for all the tags of
product two I wanted I want data product
index to be2 the reason for this may be
that I need to do something with it in
JavaScript or something like
that I will for for making this example
more visual I would Brint the product
index here in text so we don't have to
open the the developer tools and see
that
there but the idea will be the same of
how to get this so here if I try
printing product for Loop do index by
the way let me change this index zero to
the regular index now if I save this
I'm going to get here one two three but
all of these should have the same
product index in this case too why is
this well this for Loop variable is
always Associated to the closest um for
Loop which in this case is this stag
Loop so if we wanted to access the
parent for Loop we will have to do
something like parent Loop and then
index and if we had three four Loops
next stood we could do for Loop parent
loop again and parent loop again as much
as we needed to in this case we only
have one nested for Loop so doing parent
Loop just once will
work and now here we can see that the
product index is always the same for all
the types of a single product as we
expect this to
behave something else we can do when we
are dealing with for Loops in liquid is
that we can add an else close so I'm
going to create an empty collection here
to Showcase this so I'm going to name
this empty
collection it will be a manual
collection I will just not add any
product to get the URL for this I'll
click here on edit and the URL is this
over here so I'll copy
this and then I'll go to the store
here and I'm going to paste
this and we see empty collection and it
has a message no products found now if
we wanted to also show a message for
this here we could do something like
this
if collection.
products. size equals
z we can print this collection has no
products and this will work this
collection will show this
message but the collection that has
products will not show will not show
this
message but there is an easier way to do
this I'll cut this over here and what
I'll do is that I'll add an else tag
here and I'm going to paste this so let
me remove this and now if I
save here I still see my message even if
I refresh the page the message is still
there and in the collection that
has products we don't see the message
message so this is a way of showing a
message if uh if you're looping through
has no has no values at all something
else we can do with liquid is to put
here a limit parameter and what this
will do is that it will only show end
products in this for Loop in this case
five so if I save this and I go here I
will only see up to the fifth product
and it even considers this the last
product because we had a conditional
that change the color of the last
product to be orange which in this case
is the fifth product I can also pass it
and offset so what this will do is that
it will start the for loop after end of
these elements so if I pass zero here it
will start as normal if I pass one it
will start in the second element if I
pass two it will start on the third
element and so on so if I pass four here
it should start on The Fifth Element
this this one here so this will be the
first element once I click once I hit
save in the code editor so the
collection is no more liquid if I press
save here she will appear now at the top
let's see the collection is no more
liquid and now the last element is the
inventory not tracks notb so this is
working just fine now some other liquid
tags that may come useful when we are
dealing with loops are break and
continue so for this let's go over here
in this Loop that is going through the
text and let's say here that we wanted
to stop the loop immediately after we
found the sport tag
so I cannot use for this the limit
parameter because this port tag is not
always in the same position here it is
the second item but here it is the
fourth item so what I can do instead is
that I can add a conditional here if
tag equals
sport then break and what this will do
is that it will end the for Loop
prematurely so if I save
this here we can see that sport is
always the last item in the cases where
it where where that tag is
present something else we can do is that
instead of break we use continue and
what this will do is that it will es
skip this tag at all this iteration at
all so if I move this to the top
instead it will continue to the next
iteration of this Loop and it will not
execute anything below this so it this
line won't be printed if we go here we
can see that now a sport is missing
everywhere it was
before something else we can do is Loop
through arbitrary range of numbers so
let's say that I wanted to print a
message five times I can do for I in
then
one to
five and four and here I can say hello
world and here I'm going to see Hello
World printed five
times I can also print the value of this
I
variable and here we're going to see 1 2
3 4 5 the same range we have specified
here but this is not the index the index
still can be found under for loop. index
which if we print this nothing will
change
however I doesn't have to necessarily
match the index to prove this I will
change this to be from 11 to
15 I'm still going to be printing this
five times but now the value of I starts
at 11 and ends at
15 a limitation for Loops having liquid
is that they are limited to 50
iterations per page so if we had more
than 50 products in our stores for for
example we wouldn't be able to Loop
through them all in a single page now
for certain objects such as collection.
products which is the one that we are
using and all of
this we are able to use the pinate tag
here to navigate to different pages and
be able to see all the products that way
so let's see how we can implement this
in our
store now even though this collection
here if I print the products and the
size even though this collection doesn't
have 50 products can go
here we only have 13 products in this
collection we can still paginate through
this because we can specify a page size
when paginating so I'm going to delete
all of this so only the pagination
products are printed and now I'm going
to say
pinate collection.
products I'm going to say
by 10 or by
five and
paginate and now here I'm going to Lo
through the product
so for
product in collection.
products
I'm going to print the product title so
if I save
this here I'm seeing the first five
products and now how do we navigate to
the next page because yes we know that
it is being paginated but there is no
button here to go to the next page well
for this we can use the paginate object
which similar to the for Loop object we
have access to this object when we are
inside a paginate um Loop or a paginate
block it has all of these properties so
we could build a pagination navigation
here with this like for example here
this next property is of type part and
here we can see its title it's URL and
whether it is a link or
not however for simple cases we can use
the default pagination filter and we can
render a decent vagination that works
out of the box so let's do that I'll say
paginate default pagination here I'm
going to save this and now if I go to
the page here I have this pagination it
is UN styled by the way but we could
take care of that through CSS if we
wanted to now I can click on next here
and I'm on page two and you can see if
you were paying attention here that the
items changed and now I can go to page
three and likewise the items changed as
well I can click also here to the first
page and I'm in the first
page now let's see filters we've been
using them throughout this video but we
haven't formally explored them so let's
go through that I'm going to delete all
of this now first what is a filter a
filter is a way of transforming an input
or a value into another value based on
certain conditions so there are some
filters that are
native of liquid but then there are some
others that are added by Shopify so as
liquid is a template engine that you
could use in other projects like I think
11t supports using liquid for example
you there can use also the native liquid
filters but the ones that are specific
to Shopify well you cannot use them
there because they were defined here in
Shopify so with that being said let's
start with the math a specific filter so
let's say that I have
a number here my number and let's say
that I have this as
10 so if we wanted to do arithmetic
operations with this number let's say
that I wanted to add five
to in a regular programming language you
will be able to do something like this
sign my new
number is equal to my number +
5 here we can see already that we have
an error and if I try printing
this I see 10 because this operation did
not happen so how can I add five to my
number well I can use the plus five
filter and now I see 15 here if I wanted
to decrease this by five I will
use the minus filter
and now I have I have five
here if I wanted to multiply by five I
will
use the times
filter and I have here
50 and if I wanted to divide by
five I will use the divide by
filter and here I have two
now earlier we said that there were ways
of transforming a string that contained
a number into a number itself so here I
have my number and I made this a string
now because it is between single quotes
and if I try doing something like this
say if my number is greater than
five let's print my know number is
greater than
five if I save
this I see here an error comparison of a
string with five failed if I wanted to
convert this
to to a number I can do the following
here I can say
assign my new number is equals to my
number and then I can do any arithmetic
operation here and that will convert it
to a type number now what if I want to
keep this as a 10 so maybe I don't want
to add anything to it or subtract
anything from it I can still do plus
zero and that will convert it to a
number so here I'll change this my new
number and now we can see that this work
fine we no longer get the error and if I
print my new number
here I get get uh the 10 that I have
here but this condition no longer fails
another filter for numbers that we have
access to is the modulo one so we can
use this to tell whether a number is
even or not so let's say that I want to
do if my new
number
modulo
2 is equal to
zero then I want to print
here even
otherwise of then let's close this it if
statement and we can see here that we
are having an error and this is
important to know you cannot use filters
in the like in the body of in the
Declaration sorry of a conditional or in
a loop you instead have to create an
intermediary variable here so
assign modulo of my number for
example and I'll copy
this and now I can say if modulo of my
number is equal to zero then even
otherwise odd so here we can see even
and if I make this uh let's say an
11 we shall see all being printed here
correct so basically modulo is the the
remainder that you get when you divide
this 11 by two so if the remainder of
that is different than zero that means
that the number is odd or otherwise it
will be zero and that means that the
number is
even something else we can do let's
create a different variable here my apps
number and let's equal this to minus
11 if I print
this
I get obviously minus 11 because that's
what I assign this variable too however
if I wanted to get the absolute value of
this for some reason I can use the ABS
filter of absolute value and I get now
an
11 we also can round numbers with Filter
so let's say that I have a variable here
my rounded number and let's equal this
to
10.4 if I print this I round the
number I'll see there at 10.4 but if I
say round
here I see a 10
now because it is CLO this 10.4 is
closer to 10 than it is to 11 however if
I make this at
10.6
I get here an
11 and if I make this a 10.5 which is
right in the middle I get an 11 because
it defaults to moving
upwards however if I want to force this
to go down I can use
floor which will go to
10 and likewise if I have here a
10.6 sorry a 10.4 but I want to go to
the next one nonetheless I can use seal
and this will be moved to 11 now and the
last two filters for numbers that we'll
see are at most and at least so let's
create a value here my Capp
value and I'll say that this is
100 if I print this here my cap
value I get 100 but now I can say that
this at
most can be
80 and now here I get an 80 because this
goes above this 80 however if I make
this a
60 I will get the actual number instead
of the cap value likewise I can use at
least and I can say that this can can't
go below 70 so now here I see a 70 but
if I make this
100 I'll get the exact 100 value that
I that I assigned to this variable here
and now that we've seen numeric filters
let's see a string filter so I'll delete
all of this and let's start by creating
a variable here my string this will be
equal to hello
world and let's print this my string
and I should see this over
here and now let's start applying
filters to this so some of the most
common ones are for example upase if we
wanted this to be an
uppercase down case if we wanted this to
be all in lower case and for this to
make more sense let's say hello world
here like
this and if we move this filter here you
will see that this change
made is showing the first word in
uppercase we can also use capitalize
here another filter we can use is aend
here so some extra
text if I put this this
way then I get it like this I can also
put variables here so I can say my old
string and this will be equal to this
some some extra
text and now I can pass this variable
here and I can see Hello World some
extra text we can also change filters so
if I wanted to here then put everything
here in down
case I can do that but the order matter
here if instead I put down case at the
beginning and let's say that I add some
extra here will be another
case even though I use the downcase
filter I appended this after using the
down case filter therefore this will
remain in uppercase this extra Tex here
will remain in uppercase unless of
course I add down case can
here another filter we can find useful
is the strip filter so let's say here
that this is my string with white
space and here I'm going to say hello
this has white
space and if I print
this my stream with white space and to
make it obvious that it has white space
let's add an exclamation point at the
end with a
Pand I'll see here that it has wi space
in HTML you actually even though you add
more than white space you get at most
one they are continuous so this is why
not all of them C render here but
anyways if I wanted to remove all of
this trading wi space what I can do is
that I can and pass the a strip filter
here and now I don't have of the trading
wi space that I had before if if you
want to see a comparison of how that
looks like with and without the strip
filter
here this is it here you can see that it
has this wi speed here but now here it
doesn't another useful filter related to
this one is the strip HTML so let's say
that I have my HTML text here and this
is a ptag with the style color
red I actually have to use here color
red it says
hello and if I print this my HTML
text I get this text in red however what
if I don't want this text in red What If
instead I want this hello text only but
the way I'm getting or the source of
this hello text comes with the HTML
embedded well I can remove those tags by
using the strip HTML
filter and now I get my plain text as I
needed it we can also use trunade and
trunc words if we want to reduce the
length of a text so let's write a
variable here my long string and here I
I'll write this is some very long text
that will be
trimed so I print this here my long
string and let's say that I want only
the first 20 character so I can say
truncate
20 and I get this is some
very
and then an ellipses I can pass here a
second argument with the character that
I want that I want to use at the end if
I don't want these three dots here I can
maybe say that I want a question mark
for
example and I'll get just that at the
end now let's say that instead of this I
want the first four words I can say
trate
words and pass four
here and I get this is some very that
way I don't get that abrupt ending where
there may be some incomplete characters
from the next
word we s drun Kate here something to
notice is that we may have to use it in
combination with a strip HTML sometimes
because the text that you are getting
comes in HTML this is this happens for
example if you get the content of an
article and you want to maybe show a
preview with only the first 50
characters or something like that
so here let me add some extra
text inside this P text over here to
show this example better and let's say
that I want to render my HTML
text andate to the first 35
characters if I render this I get Hello
song but if we count this we have 1 2 3
4 5
the y space is another six 7 8 9 10
characters so what are the others well
the others are all of these right
here so to get the actual first 35
characters I have to first pass it
through the strip HTML filter and then
through drate and now I get all of this
actually this test has less than 35
characters so to illustrate better let
me add more here and here we get the
actual first 35 characters of this text
instead of getting this part of the HTML
which by the way will be malformed
because we wouldn't be getting this ptag
at the
end another useful one is new line to VR
so let's say that I have here my
multi-line
text and I say here this is the first
line
this is the second line and this is the
third
line if I try printing
this I will get everything in a single
line and this is where this filter is
useful I can say new line to VR VR being
this tag over here which forces a line
break and here I see that now I have my
text separated into different lines like
I have it over
here and now the last two filters I want
to show are replace and remove so let's
say my text here will be equal to
this now if I print this my
text I'll see Hello some extra text some
extra text
now I can say
replace I can
say tab text will be replac it with
string here I see some extra string some
extra
string now if I wanted to only replace
the first equivalence of this I can say
replace
first and here this is a string but this
is text
and conversely we have also replace
원문 자막 펼치기
WEBVTT Kind: captions Language: en 00:00:00.280 --> 00:00:01.630 align:start position:0% hello<00:00:00.599><c> in</c><00:00:00.719><c> this</c><00:00:00.880><c> video</c><00:00:01.079><c> we</c><00:00:01.160><c> are</c><00:00:01.240><c> going</c><00:00:01.400><c> to</c><00:00:01.520><c> be</c> 00:00:01.630 --> 00:00:01.640 align:start position:0% hello in this video we are going to be 00:00:01.640 --> 00:00:03.429 align:start position:0% hello in this video we are going to be exploring<00:00:02.040><c> liquid</c><00:00:02.440><c> shopify's</c><00:00:03.040><c> template</c> 00:00:03.429 --> 00:00:03.439 align:start position:0% exploring liquid shopify's template 00:00:03.439 --> 00:00:05.110 align:start position:0% exploring liquid shopify's template language<00:00:04.040><c> we</c><00:00:04.120><c> are</c><00:00:04.279><c> going</c><00:00:04.440><c> to</c><00:00:04.560><c> see</c><00:00:04.920><c> what</c> 00:00:05.110 --> 00:00:05.120 align:start position:0% language we are going to see what 00:00:05.120 --> 00:00:07.070 align:start position:0% language we are going to see what problem<00:00:05.400><c> liquid</c><00:00:05.720><c> is</c><00:00:05.839><c> solving</c><00:00:06.440><c> how</c><00:00:06.560><c> to</c><00:00:06.680><c> do</c><00:00:06.879><c> some</c> 00:00:07.070 --> 00:00:07.080 align:start position:0% problem liquid is solving how to do some 00:00:07.080 --> 00:00:08.950 align:start position:0% problem liquid is solving how to do some of<00:00:07.200><c> the</c><00:00:07.319><c> most</c><00:00:07.520><c> common</c><00:00:07.759><c> things</c><00:00:08.080><c> with</c><00:00:08.240><c> it</c><00:00:08.800><c> such</c> 00:00:08.950 --> 00:00:08.960 align:start position:0% of the most common things with it such 00:00:08.960 --> 00:00:10.790 align:start position:0% of the most common things with it such as<00:00:09.120><c> variable</c><00:00:09.480><c> declaration</c><00:00:10.160><c> looping</c><00:00:10.559><c> F</c> 00:00:10.790 --> 00:00:10.800 align:start position:0% as variable declaration looping F 00:00:10.800 --> 00:00:12.830 align:start position:0% as variable declaration looping F conditionals<00:00:11.280><c> filters</c><00:00:11.679><c> and</c><00:00:11.840><c> so</c><00:00:12.000><c> on</c><00:00:12.599><c> we'll</c> 00:00:12.830 --> 00:00:12.840 align:start position:0% conditionals filters and so on we'll 00:00:12.840 --> 00:00:14.470 align:start position:0% conditionals filters and so on we'll also<00:00:13.080><c> take</c><00:00:13.200><c> a</c><00:00:13.360><c> look</c><00:00:13.599><c> at</c><00:00:13.799><c> some</c><00:00:13.960><c> of</c><00:00:14.120><c> its</c> 00:00:14.470 --> 00:00:14.480 align:start position:0% also take a look at some of its 00:00:14.480 --> 00:00:16.269 align:start position:0% also take a look at some of its limitations<00:00:15.040><c> and</c><00:00:15.240><c> how</c><00:00:15.360><c> to</c><00:00:15.480><c> work</c><00:00:15.679><c> around</c><00:00:16.039><c> a</c><00:00:16.119><c> few</c> 00:00:16.269 --> 00:00:16.279 align:start position:0% limitations and how to work around a few 00:00:16.279 --> 00:00:18.830 align:start position:0% limitations and how to work around a few of<00:00:16.440><c> them</c><00:00:17.359><c> so</c><00:00:17.600><c> in</c><00:00:17.720><c> short</c><00:00:18.039><c> liquid</c><00:00:18.359><c> is</c><00:00:18.439><c> a</c><00:00:18.520><c> template</c> 00:00:18.830 --> 00:00:18.840 align:start position:0% of them so in short liquid is a template 00:00:18.840 --> 00:00:20.310 align:start position:0% of them so in short liquid is a template engine<00:00:19.119><c> created</c><00:00:19.400><c> by</c><00:00:19.560><c> short</c><00:00:19.800><c> device</c><00:00:20.080><c> that</c><00:00:20.199><c> can</c> 00:00:20.310 --> 00:00:20.320 align:start position:0% engine created by short device that can 00:00:20.320 --> 00:00:22.349 align:start position:0% engine created by short device that can be<00:00:20.439><c> used</c><00:00:20.680><c> for</c><00:00:20.880><c> developing</c><00:00:21.279><c> themes</c><00:00:22.080><c> and</c><00:00:22.240><c> what</c> 00:00:22.349 --> 00:00:22.359 align:start position:0% be used for developing themes and what 00:00:22.359 --> 00:00:23.910 align:start position:0% be used for developing themes and what it<00:00:22.480><c> means</c><00:00:22.680><c> to</c><00:00:22.840><c> be</c><00:00:22.920><c> a</c><00:00:23.039><c> template</c><00:00:23.359><c> engine</c><00:00:23.640><c> is</c><00:00:23.800><c> that</c> 00:00:23.910 --> 00:00:23.920 align:start position:0% it means to be a template engine is that 00:00:23.920 --> 00:00:25.950 align:start position:0% it means to be a template engine is that we<00:00:24.080><c> can</c><00:00:24.199><c> create</c><00:00:24.439><c> the</c><00:00:24.640><c> structure</c><00:00:25.160><c> of</c><00:00:25.279><c> our</c><00:00:25.599><c> Pages</c> 00:00:25.950 --> 00:00:25.960 align:start position:0% we can create the structure of our Pages 00:00:25.960 --> 00:00:27.990 align:start position:0% we can create the structure of our Pages using<00:00:26.240><c> HTML</c><00:00:26.800><c> and</c><00:00:26.960><c> make</c><00:00:27.119><c> its</c><00:00:27.320><c> content</c><00:00:27.640><c> change</c> 00:00:27.990 --> 00:00:28.000 align:start position:0% using HTML and make its content change 00:00:28.000 --> 00:00:30.230 align:start position:0% using HTML and make its content change dynamically<00:00:28.560><c> depending</c><00:00:28.920><c> on</c><00:00:29.480><c> what</c><00:00:29.599><c> you</c><00:00:30.119><c> the</c> 00:00:30.230 --> 00:00:30.240 align:start position:0% dynamically depending on what you the 00:00:30.240 --> 00:00:31.830 align:start position:0% dynamically depending on what you the user<00:00:30.480><c> is</c> 00:00:31.830 --> 00:00:31.840 align:start position:0% user is 00:00:31.840 --> 00:00:34.150 align:start position:0% user is vising<00:00:32.840><c> here</c><00:00:33.079><c> you</c><00:00:33.160><c> can</c><00:00:33.280><c> see</c><00:00:33.480><c> an</c><00:00:33.640><c> example</c><00:00:33.960><c> of</c> 00:00:34.150 --> 00:00:34.160 align:start position:0% vising here you can see an example of 00:00:34.160 --> 00:00:36.229 align:start position:0% vising here you can see an example of this<00:00:34.559><c> this</c><00:00:34.680><c> is</c><00:00:34.800><c> a</c><00:00:35.079><c> very</c><00:00:35.360><c> basic</c><00:00:35.840><c> liquid</c> 00:00:36.229 --> 00:00:36.239 align:start position:0% this this is a very basic liquid 00:00:36.239 --> 00:00:38.950 align:start position:0% this this is a very basic liquid template<00:00:37.120><c> and</c><00:00:37.399><c> over</c><00:00:37.680><c> here</c><00:00:38.120><c> we</c><00:00:38.320><c> have</c><00:00:38.680><c> this</c> 00:00:38.950 --> 00:00:38.960 align:start position:0% template and over here we have this 00:00:38.960 --> 00:00:42.110 align:start position:0% template and over here we have this regular<00:00:39.360><c> HTML</c><00:00:40.039><c> title</c><00:00:40.399><c> tags</c><00:00:41.320><c> and</c><00:00:41.640><c> in</c><00:00:41.800><c> between</c> 00:00:42.110 --> 00:00:42.120 align:start position:0% regular HTML title tags and in between 00:00:42.120 --> 00:00:45.430 align:start position:0% regular HTML title tags and in between the<00:00:42.280><c> tags</c><00:00:43.000><c> we</c><00:00:43.200><c> have</c><00:00:43.879><c> two</c><00:00:44.120><c> pairs</c><00:00:44.520><c> of</c><00:00:45.000><c> curly</c> 00:00:45.430 --> 00:00:45.440 align:start position:0% the tags we have two pairs of curly 00:00:45.440 --> 00:00:48.350 align:start position:0% the tags we have two pairs of curly brackets<00:00:46.440><c> and</c><00:00:46.719><c> this</c><00:00:47.000><c> page</c><00:00:47.239><c> title</c><00:00:47.760><c> text</c><00:00:48.120><c> here</c> 00:00:48.350 --> 00:00:48.360 align:start position:0% brackets and this page title text here 00:00:48.360 --> 00:00:50.630 align:start position:0% brackets and this page title text here this<00:00:48.440><c> is</c><00:00:48.640><c> how</c><00:00:48.800><c> you</c><00:00:49.039><c> output</c><00:00:49.440><c> a</c><00:00:49.559><c> variable</c><00:00:50.120><c> Li</c><00:00:50.399><c> bit</c> 00:00:50.630 --> 00:00:50.640 align:start position:0% this is how you output a variable Li bit 00:00:50.640 --> 00:00:54.430 align:start position:0% this is how you output a variable Li bit so<00:00:51.360><c> every</c><00:00:51.680><c> page</c><00:00:52.039><c> has</c><00:00:52.160><c> a</c><00:00:52.359><c> title</c><00:00:53.280><c> but</c><00:00:54.039><c> let's</c><00:00:54.239><c> say</c> 00:00:54.430 --> 00:00:54.440 align:start position:0% so every page has a title but let's say 00:00:54.440 --> 00:00:56.349 align:start position:0% so every page has a title but let's say we<00:00:54.559><c> don't</c><00:00:54.760><c> want</c><00:00:55.000><c> to</c><00:00:55.440><c> create</c><00:00:55.719><c> this</c><00:00:56.000><c> structure</c> 00:00:56.349 --> 00:00:56.359 align:start position:0% we don't want to create this structure 00:00:56.359 --> 00:00:57.990 align:start position:0% we don't want to create this structure for<00:00:56.559><c> every</c><00:00:56.760><c> single</c><00:00:57.039><c> page</c><00:00:57.520><c> what</c><00:00:57.640><c> we</c><00:00:57.760><c> can</c><00:00:57.879><c> do</c> 00:00:57.990 --> 00:00:58.000 align:start position:0% for every single page what we can do 00:00:58.000 --> 00:01:00.670 align:start position:0% for every single page what we can do instead<00:00:58.359><c> if</c><00:00:58.760><c> is</c><00:00:59.000><c> create</c><00:00:59.239><c> a</c><00:00:59.399><c> template</c><00:01:00.359><c> create</c> 00:01:00.670 --> 00:01:00.680 align:start position:0% instead if is create a template create 00:01:00.680 --> 00:01:03.549 align:start position:0% instead if is create a template create this<00:01:00.879><c> structure</c><00:01:01.280><c> over</c><00:01:01.559><c> here</c><00:01:02.359><c> and</c><00:01:03.160><c> this</c><00:01:03.399><c> and</c> 00:01:03.549 --> 00:01:03.559 align:start position:0% this structure over here and this and 00:01:03.559 --> 00:01:05.229 align:start position:0% this structure over here and this and the<00:01:03.719><c> title</c><00:01:04.080><c> will</c><00:01:04.280><c> change</c><00:01:04.640><c> dynamically</c> 00:01:05.229 --> 00:01:05.239 align:start position:0% the title will change dynamically 00:01:05.239 --> 00:01:06.710 align:start position:0% the title will change dynamically depending<00:01:05.560><c> on</c><00:01:05.720><c> the</c><00:01:05.880><c> page</c><00:01:06.119><c> the</c><00:01:06.280><c> user</c><00:01:06.560><c> is</c> 00:01:06.710 --> 00:01:06.720 align:start position:0% depending on the page the user is 00:01:06.720 --> 00:01:08.789 align:start position:0% depending on the page the user is visiting<00:01:07.560><c> the</c><00:01:07.680><c> same</c><00:01:07.920><c> will</c><00:01:08.119><c> happen</c><00:01:08.360><c> for</c><00:01:08.600><c> the</c> 00:01:08.789 --> 00:01:08.799 align:start position:0% visiting the same will happen for the 00:01:08.799 --> 00:01:10.630 align:start position:0% visiting the same will happen for the description<00:01:09.200><c> over</c><00:01:09.479><c> here</c><00:01:09.799><c> although</c><00:01:10.280><c> here</c><00:01:10.520><c> you</c> 00:01:10.630 --> 00:01:10.640 align:start position:0% description over here although here you 00:01:10.640 --> 00:01:12.469 align:start position:0% description over here although here you can<00:01:10.840><c> also</c><00:01:11.080><c> see</c><00:01:11.439><c> another</c><00:01:11.759><c> element</c><00:01:12.159><c> a</c> 00:01:12.469 --> 00:01:12.479 align:start position:0% can also see another element a 00:01:12.479 --> 00:01:14.310 align:start position:0% can also see another element a conditional<00:01:13.000><c> liquid</c><00:01:13.360><c> supports</c><00:01:13.920><c> conditionals</c> 00:01:14.310 --> 00:01:14.320 align:start position:0% conditional liquid supports conditionals 00:01:14.320 --> 00:01:17.030 align:start position:0% conditional liquid supports conditionals too<00:01:15.119><c> and</c><00:01:15.280><c> what</c><00:01:15.400><c> we</c><00:01:15.479><c> are</c><00:01:15.600><c> doing</c><00:01:15.920><c> here</c><00:01:16.240><c> is</c><00:01:16.439><c> that</c> 00:01:17.030 --> 00:01:17.040 align:start position:0% too and what we are doing here is that 00:01:17.040 --> 00:01:19.429 align:start position:0% too and what we are doing here is that only<00:01:17.320><c> if</c><00:01:17.479><c> the</c><00:01:17.680><c> page</c><00:01:18.080><c> has</c><00:01:18.200><c> a</c><00:01:18.400><c> description</c><00:01:19.280><c> then</c> 00:01:19.429 --> 00:01:19.439 align:start position:0% only if the page has a description then 00:01:19.439 --> 00:01:21.950 align:start position:0% only if the page has a description then we<00:01:19.520><c> are</c><00:01:19.640><c> going</c><00:01:19.840><c> to</c><00:01:20.000><c> Output</c><00:01:20.479><c> this</c><00:01:20.840><c> meta</c><00:01:21.320><c> HTML</c> 00:01:21.950 --> 00:01:21.960 align:start position:0% we are going to Output this meta HTML 00:01:21.960 --> 00:01:25.069 align:start position:0% we are going to Output this meta HTML tag<00:01:22.720><c> and</c><00:01:22.880><c> we</c><00:01:22.960><c> are</c><00:01:23.119><c> going</c><00:01:23.320><c> to</c><00:01:23.520><c> here</c><00:01:23.960><c> output</c><00:01:24.759><c> the</c> 00:01:25.069 --> 00:01:25.079 align:start position:0% tag and we are going to here output the 00:01:25.079 --> 00:01:27.310 align:start position:0% tag and we are going to here output the page<00:01:25.720><c> the</c><00:01:25.880><c> page</c><00:01:26.159><c> description</c> 00:01:27.310 --> 00:01:27.320 align:start position:0% page the page description 00:01:27.320 --> 00:01:30.429 align:start position:0% page the page description variable<00:01:28.320><c> you</c><00:01:28.479><c> can</c><00:01:29.079><c> also</c><00:01:29.320><c> see</c><00:01:29.960><c> that</c><00:01:30.200><c> we</c><00:01:30.320><c> are</c> 00:01:30.429 --> 00:01:30.439 align:start position:0% variable you can also see that we are 00:01:30.439 --> 00:01:33.469 align:start position:0% variable you can also see that we are not<00:01:30.640><c> limited</c><00:01:31.360><c> to</c><00:01:32.360><c> printing</c><00:01:32.880><c> variables</c><00:01:33.240><c> or</c> 00:01:33.469 --> 00:01:33.479 align:start position:0% not limited to printing variables or 00:01:33.479 --> 00:01:36.990 align:start position:0% not limited to printing variables or outputting<00:01:34.119><c> variables</c><00:01:35.119><c> in</c><00:01:35.360><c> the</c><00:01:35.560><c> body</c><00:01:36.119><c> of</c><00:01:36.399><c> HTML</c> 00:01:36.990 --> 00:01:37.000 align:start position:0% outputting variables in the body of HTML 00:01:37.000 --> 00:01:39.149 align:start position:0% outputting variables in the body of HTML tags<00:01:37.280><c> or</c><00:01:37.439><c> in</c><00:01:37.520><c> between</c><00:01:37.880><c> HTML</c><00:01:38.320><c> Tex</c><00:01:38.759><c> we</c><00:01:38.880><c> can</c> 00:01:39.149 --> 00:01:39.159 align:start position:0% tags or in between HTML Tex we can 00:01:39.159 --> 00:01:41.230 align:start position:0% tags or in between HTML Tex we can output<00:01:39.560><c> them</c><00:01:39.920><c> pretty</c><00:01:40.159><c> much</c><00:01:40.360><c> anywhere</c><00:01:40.880><c> here</c><00:01:41.119><c> we</c> 00:01:41.230 --> 00:01:41.240 align:start position:0% output them pretty much anywhere here we 00:01:41.240 --> 00:01:44.789 align:start position:0% output them pretty much anywhere here we are<00:01:41.920><c> outputting</c><00:01:42.479><c> it</c><00:01:43.000><c> for</c><00:01:43.799><c> the</c><00:01:44.079><c> for</c><00:01:44.280><c> the</c><00:01:44.439><c> value</c> 00:01:44.789 --> 00:01:44.799 align:start position:0% are outputting it for the for the value 00:01:44.799 --> 00:01:47.789 align:start position:0% are outputting it for the for the value of<00:01:44.960><c> this</c><00:01:45.200><c> content</c><00:01:45.719><c> attribute</c><00:01:46.719><c> so</c><00:01:47.320><c> as</c><00:01:47.439><c> long</c><00:01:47.640><c> as</c> 00:01:47.789 --> 00:01:47.799 align:start position:0% of this content attribute so as long as 00:01:47.799 --> 00:01:51.149 align:start position:0% of this content attribute so as long as the<00:01:47.920><c> end</c><00:01:48.200><c> result</c><00:01:48.560><c> is</c><00:01:48.920><c> valid</c><00:01:49.520><c> HTML</c><00:01:50.520><c> you</c><00:01:50.640><c> can</c><00:01:50.880><c> put</c> 00:01:51.149 --> 00:01:51.159 align:start position:0% the end result is valid HTML you can put 00:01:51.159 --> 00:01:54.389 align:start position:0% the end result is valid HTML you can put a<00:01:51.360><c> variable</c><00:01:52.079><c> anywhere</c><00:01:53.079><c> and</c><00:01:53.439><c> here</c><00:01:53.960><c> we</c><00:01:54.159><c> have</c> 00:01:54.389 --> 00:01:54.399 align:start position:0% a variable anywhere and here we have 00:01:54.399 --> 00:01:56.389 align:start position:0% a variable anywhere and here we have this<00:01:54.640><c> pipe</c><00:01:54.920><c> operator</c><00:01:55.520><c> and</c><00:01:55.719><c> then</c><00:01:56.200><c> this</c> 00:01:56.389 --> 00:01:56.399 align:start position:0% this pipe operator and then this 00:01:56.399 --> 00:02:00.270 align:start position:0% this pipe operator and then this truncate<00:01:56.920><c> word</c><00:01:57.439><c> and</c><00:01:57.920><c> 150</c><00:01:58.920><c> in</c><00:01:59.119><c> liquid</c><00:01:59.600><c> this</c><00:01:59.960><c> is</c> 00:02:00.270 --> 00:02:00.280 align:start position:0% truncate word and 150 in liquid this is 00:02:00.280 --> 00:02:02.990 align:start position:0% truncate word and 150 in liquid this is called<00:02:00.560><c> a</c><00:02:00.799><c> filter</c><00:02:01.799><c> and</c><00:02:02.200><c> what</c><00:02:02.399><c> we</c><00:02:02.479><c> are</c><00:02:02.640><c> doing</c> 00:02:02.990 --> 00:02:03.000 align:start position:0% called a filter and what we are doing 00:02:03.000 --> 00:02:06.270 align:start position:0% called a filter and what we are doing here<00:02:03.880><c> is</c><00:02:04.560><c> truncating</c><00:02:05.159><c> the</c><00:02:05.320><c> page</c><00:02:05.560><c> description</c> 00:02:06.270 --> 00:02:06.280 align:start position:0% here is truncating the page description 00:02:06.280 --> 00:02:08.710 align:start position:0% here is truncating the page description as<00:02:06.759><c> this</c><00:02:07.280><c> title</c><00:02:07.600><c> implies</c><00:02:08.039><c> as</c><00:02:08.239><c> this</c><00:02:08.440><c> name</c> 00:02:08.710 --> 00:02:08.720 align:start position:0% as this title implies as this name 00:02:08.720 --> 00:02:12.350 align:start position:0% as this title implies as this name implies<00:02:09.399><c> to</c><00:02:09.640><c> 150</c><00:02:10.800><c> characters</c><00:02:11.800><c> and</c><00:02:12.040><c> this</c><00:02:12.160><c> is</c> 00:02:12.350 --> 00:02:12.360 align:start position:0% implies to 150 characters and this is 00:02:12.360 --> 00:02:14.509 align:start position:0% implies to 150 characters and this is how<00:02:12.560><c> the</c><00:02:12.720><c> output</c><00:02:13.160><c> of</c><00:02:13.440><c> this</c><00:02:13.840><c> of</c><00:02:13.959><c> this</c><00:02:14.080><c> code</c><00:02:14.360><c> over</c> 00:02:14.509 --> 00:02:14.519 align:start position:0% how the output of this of this code over 00:02:14.519 --> 00:02:16.229 align:start position:0% how the output of this of this code over here<00:02:14.680><c> will</c><00:02:14.879><c> look</c><00:02:15.120><c> like</c><00:02:15.560><c> now</c><00:02:15.840><c> say</c><00:02:16.000><c> that</c><00:02:16.120><c> I</c> 00:02:16.229 --> 00:02:16.239 align:start position:0% here will look like now say that I 00:02:16.239 --> 00:02:20.270 align:start position:0% here will look like now say that I wanted<00:02:16.480><c> to</c><00:02:16.599><c> change</c><00:02:16.920><c> this</c><00:02:17.319><c> 150</c><00:02:18.319><c> to</c><00:02:18.720><c> just</c><00:02:19.160><c> 100</c><00:02:20.160><c> we</c> 00:02:20.270 --> 00:02:20.280 align:start position:0% wanted to change this 150 to just 100 we 00:02:20.280 --> 00:02:21.750 align:start position:0% wanted to change this 150 to just 100 we can<00:02:20.400><c> see</c><00:02:20.599><c> that</c><00:02:20.720><c> the</c><00:02:20.920><c> text</c><00:02:21.319><c> changes</c> 00:02:21.750 --> 00:02:21.760 align:start position:0% can see that the text changes 00:02:21.760 --> 00:02:23.550 align:start position:0% can see that the text changes accordingly<00:02:22.239><c> and</c><00:02:22.440><c> we</c><00:02:22.599><c> have</c><00:02:22.840><c> now</c><00:02:23.040><c> a</c><00:02:23.160><c> shorter</c> 00:02:23.550 --> 00:02:23.560 align:start position:0% accordingly and we have now a shorter 00:02:23.560 --> 00:02:25.990 align:start position:0% accordingly and we have now a shorter text<00:02:23.959><c> here</c><00:02:24.680><c> also</c><00:02:24.959><c> something</c><00:02:25.239><c> else</c><00:02:25.400><c> we</c><00:02:25.519><c> can</c><00:02:25.680><c> do</c> 00:02:25.990 --> 00:02:26.000 align:start position:0% text here also something else we can do 00:02:26.000 --> 00:02:28.229 align:start position:0% text here also something else we can do is<00:02:26.160><c> that</c><00:02:26.360><c> let's</c><00:02:26.560><c> say</c><00:02:26.760><c> that</c><00:02:26.920><c> we</c><00:02:27.040><c> wanted</c><00:02:27.360><c> to</c><00:02:27.560><c> add</c> 00:02:28.229 --> 00:02:28.239 align:start position:0% is that let's say that we wanted to add 00:02:28.239 --> 00:02:30.589 align:start position:0% is that let's say that we wanted to add our<00:02:28.599><c> stores</c><00:02:29.000><c> name</c><00:02:29.319><c> after</c><00:02:29.560><c> the</c><00:02:29.840><c> page</c><00:02:30.080><c> title</c><00:02:30.519><c> we</c> 00:02:30.589 --> 00:02:30.599 align:start position:0% our stores name after the page title we 00:02:30.599 --> 00:02:33.910 align:start position:0% our stores name after the page title we can<00:02:30.760><c> say</c><00:02:31.000><c> something</c><00:02:31.319><c> like</c><00:02:31.519><c> this</c><00:02:32.239><c> my</c><00:02:32.760><c> store</c><00:02:33.760><c> and</c> 00:02:33.910 --> 00:02:33.920 align:start position:0% can say something like this my store and 00:02:33.920 --> 00:02:36.589 align:start position:0% can say something like this my store and over<00:02:34.239><c> here</c><00:02:34.840><c> we'll</c><00:02:35.080><c> end</c><00:02:35.280><c> up</c><00:02:35.480><c> with</c><00:02:35.720><c> this</c><00:02:35.920><c> result</c> 00:02:36.589 --> 00:02:36.599 align:start position:0% over here we'll end up with this result 00:02:36.599 --> 00:02:38.309 align:start position:0% over here we'll end up with this result here<00:02:36.840><c> we'll</c><00:02:37.080><c> have</c><00:02:37.239><c> the</c><00:02:37.360><c> pages</c><00:02:37.720><c> title</c><00:02:38.160><c> no</c> 00:02:38.309 --> 00:02:38.319 align:start position:0% here we'll have the pages title no 00:02:38.319 --> 00:02:40.550 align:start position:0% here we'll have the pages title no matter<00:02:38.599><c> what</c><00:02:38.800><c> page</c><00:02:39.000><c> we're</c><00:02:39.239><c> visiting</c><00:02:39.560><c> in</c><00:02:40.360><c> and</c> 00:02:40.550 --> 00:02:40.560 align:start position:0% matter what page we're visiting in and 00:02:40.560 --> 00:02:42.350 align:start position:0% matter what page we're visiting in and then<00:02:40.879><c> we'll</c><00:02:41.120><c> have</c><00:02:41.319><c> the</c><00:02:41.519><c> storage</c><00:02:41.879><c> title</c><00:02:42.120><c> at</c><00:02:42.239><c> the</c> 00:02:42.350 --> 00:02:42.360 align:start position:0% then we'll have the storage title at the 00:02:42.360 --> 00:02:44.190 align:start position:0% then we'll have the storage title at the end<00:02:43.040><c> now</c><00:02:43.280><c> something</c><00:02:43.560><c> we</c><00:02:43.680><c> have</c><00:02:43.800><c> to</c><00:02:43.920><c> keep</c><00:02:44.080><c> in</c> 00:02:44.190 --> 00:02:44.200 align:start position:0% end now something we have to keep in 00:02:44.200 --> 00:02:45.630 align:start position:0% end now something we have to keep in mind<00:02:44.440><c> before</c><00:02:44.680><c> getting</c><00:02:44.959><c> started</c><00:02:45.360><c> is</c><00:02:45.480><c> that</c> 00:02:45.630 --> 00:02:45.640 align:start position:0% mind before getting started is that 00:02:45.640 --> 00:02:47.750 align:start position:0% mind before getting started is that liquid<00:02:45.920><c> runs</c><00:02:46.200><c> on</c><00:02:46.319><c> the</c><00:02:46.440><c> server</c><00:02:46.840><c> and</c><00:02:47.000><c> that's</c><00:02:47.280><c> has</c> 00:02:47.750 --> 00:02:47.760 align:start position:0% liquid runs on the server and that's has 00:02:47.760 --> 00:02:49.550 align:start position:0% liquid runs on the server and that's has its<00:02:47.959><c> pros</c><00:02:48.239><c> and</c><00:02:48.360><c> its</c><00:02:48.560><c> conss</c><00:02:49.000><c> its</c><00:02:49.200><c> biggest</c> 00:02:49.550 --> 00:02:49.560 align:start position:0% its pros and its conss its biggest 00:02:49.560 --> 00:02:51.670 align:start position:0% its pros and its conss its biggest advantage<00:02:50.440><c> over</c><00:02:50.720><c> other</c><00:02:50.959><c> ways</c><00:02:51.200><c> of</c><00:02:51.400><c> having</c> 00:02:51.670 --> 00:02:51.680 align:start position:0% advantage over other ways of having 00:02:51.680 --> 00:02:53.110 align:start position:0% advantage over other ways of having Dynamic<00:02:52.080><c> content</c><00:02:52.440><c> like</c><00:02:52.599><c> say</c><00:02:52.840><c> it</c><00:02:52.959><c> with</c> 00:02:53.110 --> 00:02:53.120 align:start position:0% Dynamic content like say it with 00:02:53.120 --> 00:02:55.229 align:start position:0% Dynamic content like say it with JavaScript<00:02:53.640><c> is</c><00:02:53.879><c> that</c><00:02:54.040><c> with</c><00:02:54.200><c> liquid</c><00:02:54.599><c> the</c><00:02:54.720><c> HTML</c> 00:02:55.229 --> 00:02:55.239 align:start position:0% JavaScript is that with liquid the HTML 00:02:55.239 --> 00:02:56.990 align:start position:0% JavaScript is that with liquid the HTML you<00:02:55.360><c> send</c><00:02:55.599><c> to</c><00:02:55.720><c> the</c><00:02:55.840><c> client</c><00:02:56.200><c> already</c><00:02:56.599><c> has</c><00:02:56.800><c> the</c> 00:02:56.990 --> 00:02:57.000 align:start position:0% you send to the client already has the 00:02:57.000 --> 00:02:59.470 align:start position:0% you send to the client already has the content<00:02:57.680><c> in</c><00:02:57.959><c> so</c><00:02:58.200><c> you</c><00:02:58.519><c> so</c><00:02:58.680><c> your</c><00:02:58.879><c> user</c><00:02:59.200><c> won't</c> 00:02:59.470 --> 00:02:59.480 align:start position:0% content in so you so your user won't 00:02:59.480 --> 00:03:01.589 align:start position:0% content in so you so your user won't have<00:02:59.840><c> to</c><00:03:00.000><c> wait</c><00:03:00.159><c> for</c><00:03:00.319><c> an</c><00:03:00.480><c> extra</c><00:03:00.800><c> API</c><00:03:01.120><c> call</c><00:03:01.360><c> to</c><00:03:01.440><c> be</c> 00:03:01.589 --> 00:03:01.599 align:start position:0% have to wait for an extra API call to be 00:03:01.599 --> 00:03:03.509 align:start position:0% have to wait for an extra API call to be done<00:03:02.159><c> to</c><00:03:02.360><c> get</c><00:03:02.519><c> that</c><00:03:02.720><c> content</c><00:03:03.040><c> and</c><00:03:03.159><c> you</c><00:03:03.239><c> won't</c> 00:03:03.509 --> 00:03:03.519 align:start position:0% done to get that content and you won't 00:03:03.519 --> 00:03:05.270 align:start position:0% done to get that content and you won't have<00:03:03.680><c> to</c><00:03:03.879><c> manage</c><00:03:04.239><c> the</c><00:03:04.400><c> complexity</c><00:03:04.920><c> that</c><00:03:05.080><c> comes</c> 00:03:05.270 --> 00:03:05.280 align:start position:0% have to manage the complexity that comes 00:03:05.280 --> 00:03:08.470 align:start position:0% have to manage the complexity that comes with<00:03:05.440><c> creating</c><00:03:06.120><c> that</c><00:03:07.040><c> interaction</c><00:03:08.040><c> yourself</c> 00:03:08.470 --> 00:03:08.480 align:start position:0% with creating that interaction yourself 00:03:08.480 --> 00:03:10.750 align:start position:0% with creating that interaction yourself through<00:03:08.720><c> JavaScript</c><00:03:09.720><c> on</c><00:03:09.879><c> the</c><00:03:10.000><c> other</c><00:03:10.239><c> hand</c><00:03:10.599><c> as</c> 00:03:10.750 --> 00:03:10.760 align:start position:0% through JavaScript on the other hand as 00:03:10.760 --> 00:03:13.110 align:start position:0% through JavaScript on the other hand as it<00:03:10.959><c> is</c><00:03:11.159><c> only</c><00:03:11.480><c> run</c><00:03:11.760><c> on</c><00:03:11.920><c> the</c><00:03:12.040><c> server</c><00:03:12.519><c> it</c><00:03:12.720><c> has</c><00:03:12.920><c> no</c> 00:03:13.110 --> 00:03:13.120 align:start position:0% it is only run on the server it has no 00:03:13.120 --> 00:03:15.309 align:start position:0% it is only run on the server it has no information<00:03:13.599><c> about</c><00:03:13.799><c> the</c><00:03:13.920><c> user</c><00:03:14.319><c> device</c><00:03:15.000><c> so</c><00:03:15.200><c> if</c> 00:03:15.309 --> 00:03:15.319 align:start position:0% information about the user device so if 00:03:15.319 --> 00:03:16.990 align:start position:0% information about the user device so if you<00:03:15.440><c> wanted</c><00:03:15.720><c> to</c><00:03:15.840><c> do</c><00:03:16.040><c> something</c><00:03:16.319><c> like</c><00:03:16.480><c> render</c><00:03:16.799><c> a</c> 00:03:16.990 --> 00:03:17.000 align:start position:0% you wanted to do something like render a 00:03:17.000 --> 00:03:18.589 align:start position:0% you wanted to do something like render a section<00:03:17.360><c> based</c><00:03:17.560><c> on</c><00:03:17.720><c> whether</c><00:03:17.959><c> the</c><00:03:18.080><c> user</c><00:03:18.400><c> was</c> 00:03:18.589 --> 00:03:18.599 align:start position:0% section based on whether the user was 00:03:18.599 --> 00:03:20.949 align:start position:0% section based on whether the user was visiting<00:03:19.400><c> from</c><00:03:19.599><c> a</c><00:03:19.760><c> mobile</c><00:03:20.080><c> phone</c><00:03:20.480><c> or</c><00:03:20.640><c> from</c><00:03:20.799><c> a</c> 00:03:20.949 --> 00:03:20.959 align:start position:0% visiting from a mobile phone or from a 00:03:20.959 --> 00:03:22.990 align:start position:0% visiting from a mobile phone or from a desktop<00:03:21.799><c> that's</c><00:03:22.040><c> out</c><00:03:22.200><c> of</c><00:03:22.319><c> the</c><00:03:22.440><c> scope</c><00:03:22.720><c> of</c><00:03:22.840><c> what</c> 00:03:22.990 --> 00:03:23.000 align:start position:0% desktop that's out of the scope of what 00:03:23.000 --> 00:03:24.670 align:start position:0% desktop that's out of the scope of what liid<00:03:23.400><c> can</c><00:03:23.519><c> do</c><00:03:23.799><c> and</c><00:03:23.920><c> instead</c><00:03:24.159><c> you'll</c><00:03:24.400><c> have</c><00:03:24.519><c> to</c> 00:03:24.670 --> 00:03:24.680 align:start position:0% liid can do and instead you'll have to 00:03:24.680 --> 00:03:27.309 align:start position:0% liid can do and instead you'll have to do<00:03:24.840><c> it</c><00:03:25.400><c> with</c><00:03:25.640><c> JavaScript</c><00:03:26.480><c> after</c><00:03:26.879><c> the</c><00:03:27.000><c> content</c> 00:03:27.309 --> 00:03:27.319 align:start position:0% do it with JavaScript after the content 00:03:27.319 --> 00:03:29.910 align:start position:0% do it with JavaScript after the content is<00:03:27.440><c> loaded</c><00:03:27.959><c> on</c><00:03:28.080><c> the</c><00:03:28.239><c> user's</c><00:03:28.640><c> device</c><00:03:29.480><c> okay</c><00:03:29.799><c> okay</c> 00:03:29.910 --> 00:03:29.920 align:start position:0% is loaded on the user's device okay okay 00:03:29.920 --> 00:03:31.229 align:start position:0% is loaded on the user's device okay okay so<00:03:30.080><c> here</c><00:03:30.200><c> from</c><00:03:30.360><c> Visual</c><00:03:30.680><c> Studio</c><00:03:30.959><c> code</c><00:03:31.159><c> the</c> 00:03:31.229 --> 00:03:31.239 align:start position:0% so here from Visual Studio code the 00:03:31.239 --> 00:03:32.550 align:start position:0% so here from Visual Studio code the first<00:03:31.400><c> thing</c><00:03:31.519><c> we'll</c><00:03:31.720><c> do</c><00:03:31.879><c> is</c><00:03:32.000><c> go</c><00:03:32.159><c> to</c><00:03:32.319><c> this</c> 00:03:32.550 --> 00:03:32.560 align:start position:0% first thing we'll do is go to this 00:03:32.560 --> 00:03:34.470 align:start position:0% first thing we'll do is go to this snippet<00:03:33.000><c> folder</c><00:03:33.480><c> and</c><00:03:33.599><c> create</c><00:03:33.840><c> a</c><00:03:33.959><c> new</c><00:03:34.120><c> file</c> 00:03:34.470 --> 00:03:34.480 align:start position:0% snippet folder and create a new file 00:03:34.480 --> 00:03:37.070 align:start position:0% snippet folder and create a new file here<00:03:35.120><c> call</c><00:03:35.360><c> it</c><00:03:35.519><c> tutorial.</c> 00:03:37.070 --> 00:03:37.080 align:start position:0% here call it tutorial. 00:03:37.080 --> 00:03:42.589 align:start position:0% here call it tutorial. liquid<00:03:38.080><c> and</c><00:03:38.640><c> here</c><00:03:39.640><c> I</c><00:03:39.920><c> will</c><00:03:40.920><c> put</c><00:03:41.400><c> hello</c><00:03:42.159><c> from</c> 00:03:42.589 --> 00:03:42.599 align:start position:0% liquid and here I will put hello from 00:03:42.599 --> 00:03:45.190 align:start position:0% liquid and here I will put hello from tutorial 00:03:45.190 --> 00:03:45.200 align:start position:0% tutorial 00:03:45.200 --> 00:03:47.710 align:start position:0% tutorial liquid<00:03:46.200><c> now</c><00:03:46.400><c> the</c><00:03:46.519><c> next</c><00:03:46.720><c> thing</c><00:03:46.840><c> I'll</c><00:03:47.000><c> do</c><00:03:47.400><c> is</c><00:03:47.560><c> go</c> 00:03:47.710 --> 00:03:47.720 align:start position:0% liquid now the next thing I'll do is go 00:03:47.720 --> 00:03:50.630 align:start position:0% liquid now the next thing I'll do is go to<00:03:47.920><c> theme.</c><00:03:48.439><c> liquid</c><00:03:49.200><c> here</c><00:03:49.799><c> in</c><00:03:49.920><c> the</c><00:03:50.040><c> layout</c> 00:03:50.630 --> 00:03:50.640 align:start position:0% to theme. liquid here in the layout 00:03:50.640 --> 00:03:53.750 align:start position:0% to theme. liquid here in the layout folder<00:03:51.640><c> and</c><00:03:51.799><c> I'll</c><00:03:52.040><c> look</c><00:03:52.280><c> for</c><00:03:52.760><c> the</c><00:03:52.920><c> body</c><00:03:53.280><c> tag</c> 00:03:53.750 --> 00:03:53.760 align:start position:0% folder and I'll look for the body tag 00:03:53.760 --> 00:03:55.789 align:start position:0% folder and I'll look for the body tag over 00:03:55.789 --> 00:03:55.799 align:start position:0% over 00:03:55.799 --> 00:03:58.670 align:start position:0% over here<00:03:56.799><c> and</c><00:03:57.319><c> I'll</c><00:03:57.640><c> add</c> 00:03:58.670 --> 00:03:58.680 align:start position:0% here and I'll add 00:03:58.680 --> 00:04:01.069 align:start position:0% here and I'll add render 00:04:01.069 --> 00:04:01.079 align:start position:0% render 00:04:01.079 --> 00:04:04.390 align:start position:0% render tutorial<00:04:02.079><c> what</c><00:04:02.280><c> this</c><00:04:02.400><c> will</c><00:04:02.599><c> do</c><00:04:03.439><c> is</c><00:04:03.680><c> that</c><00:04:04.239><c> it</c> 00:04:04.390 --> 00:04:04.400 align:start position:0% tutorial what this will do is that it 00:04:04.400 --> 00:04:06.630 align:start position:0% tutorial what this will do is that it will<00:04:04.640><c> replace</c><00:04:05.159><c> this</c><00:04:05.319><c> line</c><00:04:05.799><c> with</c><00:04:05.959><c> the</c><00:04:06.120><c> content</c> 00:04:06.630 --> 00:04:06.640 align:start position:0% will replace this line with the content 00:04:06.640 --> 00:04:08.830 align:start position:0% will replace this line with the content of<00:04:06.840><c> this</c><00:04:07.040><c> tutorial</c><00:04:07.480><c> file</c><00:04:07.920><c> over</c><00:04:08.200><c> here</c><00:04:08.480><c> for</c><00:04:08.680><c> this</c> 00:04:08.830 --> 00:04:08.840 align:start position:0% of this tutorial file over here for this 00:04:08.840 --> 00:04:11.470 align:start position:0% of this tutorial file over here for this to<00:04:09.040><c> work</c><00:04:09.480><c> it</c><00:04:09.680><c> must</c><00:04:10.120><c> be</c><00:04:10.560><c> inside</c><00:04:10.879><c> the</c><00:04:11.079><c> snippet</c> 00:04:11.470 --> 00:04:11.480 align:start position:0% to work it must be inside the snippet 00:04:11.480 --> 00:04:13.190 align:start position:0% to work it must be inside the snippet folder<00:04:11.920><c> if</c><00:04:12.040><c> I</c><00:04:12.159><c> were</c><00:04:12.360><c> to</c><00:04:12.480><c> add</c><00:04:12.680><c> it</c><00:04:12.799><c> inside</c> 00:04:13.190 --> 00:04:13.200 align:start position:0% folder if I were to add it inside 00:04:13.200 --> 00:04:15.509 align:start position:0% folder if I were to add it inside sections<00:04:14.200><c> it</c><00:04:14.319><c> will</c><00:04:14.560><c> give</c><00:04:14.720><c> me</c><00:04:14.799><c> an</c><00:04:14.959><c> error</c><00:04:15.400><c> the</c> 00:04:15.509 --> 00:04:15.519 align:start position:0% sections it will give me an error the 00:04:15.519 --> 00:04:17.990 align:start position:0% sections it will give me an error the same<00:04:16.040><c> if</c><00:04:16.160><c> I</c><00:04:16.280><c> try</c><00:04:16.519><c> to</c><00:04:16.639><c> add</c><00:04:16.840><c> it</c><00:04:17.239><c> under</c><00:04:17.600><c> any</c><00:04:17.759><c> of</c><00:04:17.880><c> the</c> 00:04:17.990 --> 00:04:18.000 align:start position:0% same if I try to add it under any of the 00:04:18.000 --> 00:04:22.150 align:start position:0% same if I try to add it under any of the other<00:04:18.160><c> folders</c><00:04:18.639><c> over</c><00:04:19.079><c> here</c><00:04:20.079><c> so</c><00:04:20.639><c> now</c><00:04:21.479><c> from</c><00:04:21.720><c> th</c> 00:04:22.150 --> 00:04:22.160 align:start position:0% other folders over here so now from th 00:04:22.160 --> 00:04:25.189 align:start position:0% other folders over here so now from th liquid<00:04:23.160><c> I'm</c><00:04:23.280><c> going</c><00:04:23.479><c> to</c><00:04:23.639><c> run</c> 00:04:25.189 --> 00:04:25.199 align:start position:0% liquid I'm going to run 00:04:25.199 --> 00:04:28.870 align:start position:0% liquid I'm going to run Shopify<00:04:26.199><c> theme</c><00:04:27.160><c> Dev</c><00:04:27.680><c> and</c><00:04:27.800><c> I'm</c><00:04:27.960><c> going</c><00:04:28.120><c> to</c><00:04:28.360><c> pass</c> 00:04:28.870 --> 00:04:28.880 align:start position:0% Shopify theme Dev and I'm going to pass 00:04:28.880 --> 00:04:31.670 align:start position:0% Shopify theme Dev and I'm going to pass the<00:04:29.039><c> environment</c><00:04:29.639><c> flag</c><00:04:30.400><c> and</c><00:04:30.720><c> specify</c><00:04:31.479><c> the</c> 00:04:31.670 --> 00:04:31.680 align:start position:0% the environment flag and specify the 00:04:31.680 --> 00:04:33.070 align:start position:0% the environment flag and specify the development 00:04:33.070 --> 00:04:33.080 align:start position:0% development 00:04:33.080 --> 00:04:36.110 align:start position:0% development environment<00:04:34.080><c> what</c><00:04:34.280><c> this</c><00:04:34.440><c> is</c><00:04:34.919><c> is</c><00:04:35.240><c> in</c><00:04:35.400><c> Shopify</c> 00:04:36.110 --> 00:04:36.120 align:start position:0% environment what this is is in Shopify 00:04:36.120 --> 00:04:38.230 align:start position:0% environment what this is is in Shopify theme.<00:04:36.639><c> tumble</c><00:04:37.120><c> here</c><00:04:37.600><c> I</c><00:04:37.759><c> created</c><00:04:38.080><c> this</c> 00:04:38.230 --> 00:04:38.240 align:start position:0% theme. tumble here I created this 00:04:38.240 --> 00:04:40.350 align:start position:0% theme. tumble here I created this development<00:04:38.880><c> environment</c><00:04:39.880><c> where</c><00:04:40.080><c> I'm</c> 00:04:40.350 --> 00:04:40.360 align:start position:0% development environment where I'm 00:04:40.360 --> 00:04:42.590 align:start position:0% development environment where I'm specifying<00:04:41.039><c> which</c><00:04:41.360><c> store</c><00:04:41.840><c> to</c><00:04:42.080><c> run</c><00:04:42.440><c> the</c> 00:04:42.590 --> 00:04:42.600 align:start position:0% specifying which store to run the 00:04:42.600 --> 00:04:45.670 align:start position:0% specifying which store to run the commands<00:04:43.240><c> in</c><00:04:43.520><c> this</c><00:04:43.919><c> folder</c> 00:04:45.670 --> 00:04:45.680 align:start position:0% commands in this folder 00:04:45.680 --> 00:04:49.350 align:start position:0% commands in this folder against<00:04:46.680><c> so</c><00:04:47.080><c> now</c><00:04:48.080><c> I</c><00:04:48.199><c> shall</c><00:04:48.520><c> have</c><00:04:48.840><c> this</c><00:04:49.039><c> theme</c> 00:04:49.350 --> 00:04:49.360 align:start position:0% against so now I shall have this theme 00:04:49.360 --> 00:04:53.510 align:start position:0% against so now I shall have this theme running<00:04:50.039><c> in</c><00:04:50.240><c> Local</c><00:04:50.560><c> Host</c><00:04:51.160><c> 92</c><00:04:51.639><c> 92</c><00:04:52.440><c> so</c><00:04:53.000><c> let</c><00:04:53.120><c> me</c><00:04:53.280><c> go</c> 00:04:53.510 --> 00:04:53.520 align:start position:0% running in Local Host 92 92 so let me go 00:04:53.520 --> 00:04:56.990 align:start position:0% running in Local Host 92 92 so let me go here<00:04:54.520><c> let</c><00:04:54.639><c> me</c><00:04:54.800><c> refresh</c><00:04:55.199><c> this</c><00:04:55.759><c> page</c><00:04:56.759><c> and</c><00:04:56.880><c> I</c> 00:04:56.990 --> 00:04:57.000 align:start position:0% here let me refresh this page and I 00:04:57.000 --> 00:05:01.029 align:start position:0% here let me refresh this page and I shall<00:04:57.240><c> see</c><00:04:57.560><c> here</c><00:04:58.199><c> the</c><00:04:58.400><c> content</c><00:04:59.080><c> of</c><00:04:59.320><c> my</c><00:05:00.039><c> store</c> 00:05:01.029 --> 00:05:01.039 align:start position:0% shall see here the content of my store 00:05:01.039 --> 00:05:04.230 align:start position:0% shall see here the content of my store so<00:05:01.560><c> now</c><00:05:01.759><c> let's</c><00:05:02.000><c> go</c><00:05:02.160><c> to</c><00:05:02.639><c> tutorial.</c><00:05:03.320><c> liquid</c> 00:05:04.230 --> 00:05:04.240 align:start position:0% so now let's go to tutorial. liquid 00:05:04.240 --> 00:05:06.710 align:start position:0% so now let's go to tutorial. liquid let's<00:05:04.440><c> delete</c><00:05:04.960><c> this</c><00:05:05.960><c> and</c><00:05:06.360><c> when</c><00:05:06.520><c> you're</c><00:05:06.600><c> are</c> 00:05:06.710 --> 00:05:06.720 align:start position:0% let's delete this and when you're are 00:05:06.720 --> 00:05:08.749 align:start position:0% let's delete this and when you're are following<00:05:07.280><c> the</c><00:05:07.600><c> tutorial</c><00:05:08.000><c> of</c><00:05:08.160><c> how</c><00:05:08.280><c> to</c><00:05:08.400><c> learn</c><00:05:08.639><c> a</c> 00:05:08.749 --> 00:05:08.759 align:start position:0% following the tutorial of how to learn a 00:05:08.759 --> 00:05:10.110 align:start position:0% following the tutorial of how to learn a programming<00:05:09.120><c> language</c><00:05:09.440><c> even</c><00:05:09.639><c> though</c><00:05:09.759><c> liquid</c> 00:05:10.110 --> 00:05:10.120 align:start position:0% programming language even though liquid 00:05:10.120 --> 00:05:11.990 align:start position:0% programming language even though liquid is<00:05:10.199><c> not</c><00:05:10.360><c> a</c><00:05:10.479><c> programming</c><00:05:10.840><c> language</c><00:05:11.160><c> itself</c><00:05:11.840><c> it</c> 00:05:11.990 --> 00:05:12.000 align:start position:0% is not a programming language itself it 00:05:12.000 --> 00:05:14.590 align:start position:0% is not a programming language itself it shares<00:05:12.880><c> some</c><00:05:13.160><c> similarities</c><00:05:13.840><c> with</c><00:05:14.199><c> regular</c> 00:05:14.590 --> 00:05:14.600 align:start position:0% shares some similarities with regular 00:05:14.600 --> 00:05:16.150 align:start position:0% shares some similarities with regular programming<00:05:14.960><c> languages</c><00:05:15.520><c> like</c><00:05:15.880><c> the</c> 00:05:16.150 --> 00:05:16.160 align:start position:0% programming languages like the 00:05:16.160 --> 00:05:18.590 align:start position:0% programming languages like the capability<00:05:17.000><c> of</c><00:05:17.479><c> declaring</c><00:05:17.919><c> a</c><00:05:18.039><c> variable</c><00:05:18.440><c> so</c> 00:05:18.590 --> 00:05:18.600 align:start position:0% capability of declaring a variable so 00:05:18.600 --> 00:05:21.350 align:start position:0% capability of declaring a variable so let's<00:05:18.840><c> learn</c><00:05:19.120><c> how</c><00:05:19.240><c> to</c><00:05:19.360><c> do</c><00:05:19.600><c> that</c><00:05:20.400><c> for</c><00:05:20.720><c> this</c><00:05:21.120><c> I'll</c> 00:05:21.350 --> 00:05:21.360 align:start position:0% let's learn how to do that for this I'll 00:05:21.360 --> 00:05:24.550 align:start position:0% let's learn how to do that for this I'll open<00:05:21.840><c> these</c><00:05:22.400><c> delimiters</c><00:05:23.080><c> over</c><00:05:23.319><c> here</c><00:05:24.280><c> of</c><00:05:24.440><c> a</c> 00:05:24.550 --> 00:05:24.560 align:start position:0% open these delimiters over here of a 00:05:24.560 --> 00:05:26.430 align:start position:0% open these delimiters over here of a curly<00:05:24.880><c> bracket</c><00:05:25.199><c> in</c><00:05:25.319><c> a</c><00:05:25.440><c> percentage</c><00:05:25.840><c> sign</c><00:05:26.319><c> and</c> 00:05:26.430 --> 00:05:26.440 align:start position:0% curly bracket in a percentage sign and 00:05:26.440 --> 00:05:30.110 align:start position:0% curly bracket in a percentage sign and I'm<00:05:26.639><c> going</c><00:05:27.240><c> to</c><00:05:27.680><c> write</c><00:05:27.919><c> a</c><00:05:28.160><c> sign</c><00:05:29.039><c> my</c><00:05:29.280><c> value</c><00:05:29.520><c> iable</c> 00:05:30.110 --> 00:05:30.120 align:start position:0% I'm going to write a sign my value iable 00:05:30.120 --> 00:05:32.350 align:start position:0% I'm going to write a sign my value iable this<00:05:30.240><c> will</c><00:05:30.440><c> be</c><00:05:30.600><c> equal</c><00:05:30.880><c> to</c><00:05:31.319><c> hello</c> 00:05:32.350 --> 00:05:32.360 align:start position:0% this will be equal to hello 00:05:32.360 --> 00:05:37.710 align:start position:0% this will be equal to hello world<00:05:33.360><c> then</c><00:05:33.560><c> I'm</c><00:05:33.759><c> going</c><00:05:33.919><c> to</c><00:05:34.199><c> here</c><00:05:34.560><c> print</c><00:05:35.560><c> my</c> 00:05:37.710 --> 00:05:37.720 align:start position:0% world then I'm going to here print my 00:05:37.720 --> 00:05:40.870 align:start position:0% world then I'm going to here print my variable<00:05:38.720><c> and</c><00:05:38.840><c> if</c><00:05:38.960><c> I</c><00:05:39.080><c> go</c><00:05:39.240><c> to</c><00:05:39.360><c> the</c><00:05:39.520><c> page</c><00:05:39.880><c> here</c><00:05:40.759><c> I</c> 00:05:40.870 --> 00:05:40.880 align:start position:0% variable and if I go to the page here I 00:05:40.880 --> 00:05:43.830 align:start position:0% variable and if I go to the page here I see<00:05:41.120><c> that</c><00:05:41.280><c> is</c><00:05:41.440><c> refreshed</c><00:05:42.360><c> and</c><00:05:42.520><c> I</c><00:05:42.600><c> see</c><00:05:42.840><c> Hello</c> 00:05:43.830 --> 00:05:43.840 align:start position:0% see that is refreshed and I see Hello 00:05:43.840 --> 00:05:46.590 align:start position:0% see that is refreshed and I see Hello World<00:05:44.840><c> here</c><00:05:45.520><c> a</c><00:05:45.600><c> moment</c><00:05:45.840><c> ago</c><00:05:46.039><c> we</c><00:05:46.120><c> saw</c><00:05:46.360><c> that</c><00:05:46.520><c> this</c> 00:05:46.590 --> 00:05:46.600 align:start position:0% World here a moment ago we saw that this 00:05:46.600 --> 00:05:48.629 align:start position:0% World here a moment ago we saw that this is<00:05:46.720><c> how</c><00:05:46.840><c> you</c><00:05:47.000><c> print</c><00:05:47.240><c> a</c><00:05:47.360><c> variable</c><00:05:47.960><c> we</c><00:05:48.199><c> enclos</c> 00:05:48.629 --> 00:05:48.639 align:start position:0% is how you print a variable we enclos 00:05:48.639 --> 00:05:52.350 align:start position:0% is how you print a variable we enclos the<00:05:48.720><c> variable</c><00:05:49.080><c> name</c><00:05:50.080><c> in</c><00:05:50.280><c> between</c><00:05:51.000><c> curly</c><00:05:51.720><c> two</c> 00:05:52.350 --> 00:05:52.360 align:start position:0% the variable name in between curly two 00:05:52.360 --> 00:05:54.350 align:start position:0% the variable name in between curly two pairs<00:05:52.639><c> of</c><00:05:52.759><c> curly</c><00:05:53.120><c> brackets</c><00:05:53.840><c> and</c><00:05:54.000><c> that's</c><00:05:54.199><c> how</c> 00:05:54.350 --> 00:05:54.360 align:start position:0% pairs of curly brackets and that's how 00:05:54.360 --> 00:05:56.870 align:start position:0% pairs of curly brackets and that's how you<00:05:54.720><c> get</c><00:05:54.880><c> this</c><00:05:55.039><c> output</c><00:05:55.400><c> over</c> 00:05:56.870 --> 00:05:56.880 align:start position:0% you get this output over 00:05:56.880 --> 00:05:59.629 align:start position:0% you get this output over here<00:05:57.880><c> now</c><00:05:58.120><c> another</c><00:05:58.440><c> way</c><00:05:58.639><c> you</c><00:05:58.759><c> may</c><00:05:58.919><c> see</c><00:05:59.280><c> of</c><00:05:59.479><c> of</c> 00:05:59.629 --> 00:05:59.639 align:start position:0% here now another way you may see of of 00:05:59.639 --> 00:06:01.749 align:start position:0% here now another way you may see of of declaring<00:06:00.120><c> variables</c><00:06:00.840><c> or</c><00:06:01.280><c> creating</c> 00:06:01.749 --> 00:06:01.759 align:start position:0% declaring variables or creating 00:06:01.759 --> 00:06:06.430 align:start position:0% declaring variables or creating directives<00:06:02.240><c> in</c><00:06:02.560><c> general</c><00:06:03.560><c> is</c><00:06:04.479><c> by</c><00:06:05.400><c> doing</c> 00:06:06.430 --> 00:06:06.440 align:start position:0% directives in general is by doing 00:06:06.440 --> 00:06:08.790 align:start position:0% directives in general is by doing this<00:06:07.440><c> so</c><00:06:07.680><c> an</c><00:06:07.840><c> open</c><00:06:08.080><c> curly</c><00:06:08.400><c> bracket</c><00:06:08.680><c> a</c> 00:06:08.790 --> 00:06:08.800 align:start position:0% this so an open curly bracket a 00:06:08.800 --> 00:06:10.950 align:start position:0% this so an open curly bracket a percentage<00:06:09.240><c> sign</c><00:06:09.520><c> and</c><00:06:09.680><c> a</c><00:06:09.919><c> Dash</c><00:06:10.520><c> here</c><00:06:10.759><c> for</c> 00:06:10.950 --> 00:06:10.960 align:start position:0% percentage sign and a Dash here for 00:06:10.960 --> 00:06:13.150 align:start position:0% percentage sign and a Dash here for example<00:06:11.680><c> in</c><00:06:11.840><c> this</c><00:06:12.039><c> team</c><00:06:12.400><c> this</c><00:06:12.520><c> is</c><00:06:12.680><c> done</c><00:06:12.960><c> by</c><00:06:13.080><c> the</c> 00:06:13.150 --> 00:06:13.160 align:start position:0% example in this team this is done by the 00:06:13.160 --> 00:06:16.350 align:start position:0% example in this team this is done by the way<00:06:13.360><c> Shopify</c><00:06:14.000><c> open</c><00:06:14.280><c> source</c><00:06:14.960><c> team</c><00:06:15.960><c> this</c> 00:06:16.350 --> 00:06:16.360 align:start position:0% way Shopify open source team this 00:06:16.360 --> 00:06:18.749 align:start position:0% way Shopify open source team this property<00:06:16.759><c> first</c><00:06:17.160><c> Char</c><00:06:17.639><c> variable</c><00:06:18.360><c> is</c><00:06:18.520><c> being</c> 00:06:18.749 --> 00:06:18.759 align:start position:0% property first Char variable is being 00:06:18.759 --> 00:06:20.469 align:start position:0% property first Char variable is being declared<00:06:19.240><c> that</c><00:06:19.440><c> way</c><00:06:19.880><c> and</c><00:06:20.080><c> what</c><00:06:20.199><c> is</c><00:06:20.319><c> the</c> 00:06:20.469 --> 00:06:20.479 align:start position:0% declared that way and what is the 00:06:20.479 --> 00:06:22.469 align:start position:0% declared that way and what is the difference<00:06:20.960><c> between</c><00:06:21.440><c> doing</c><00:06:21.720><c> it</c><00:06:22.120><c> the</c><00:06:22.240><c> way</c><00:06:22.400><c> we</c> 00:06:22.469 --> 00:06:22.479 align:start position:0% difference between doing it the way we 00:06:22.479 --> 00:06:24.150 align:start position:0% difference between doing it the way we were<00:06:22.680><c> doing</c><00:06:22.880><c> it</c><00:06:23.039><c> with</c><00:06:23.240><c> just</c><00:06:23.440><c> an</c><00:06:23.599><c> open</c><00:06:23.840><c> Cod</c> 00:06:24.150 --> 00:06:24.160 align:start position:0% were doing it with just an open Cod 00:06:24.160 --> 00:06:27.830 align:start position:0% were doing it with just an open Cod bracket<00:06:24.800><c> in</c><00:06:24.960><c> a</c><00:06:25.120><c> percentage</c><00:06:25.720><c> sign</c><00:06:26.720><c> or</c><00:06:27.520><c> adding</c> 00:06:27.830 --> 00:06:27.840 align:start position:0% bracket in a percentage sign or adding 00:06:27.840 --> 00:06:30.029 align:start position:0% bracket in a percentage sign or adding the<00:06:28.199><c> dash</c><00:06:29.199><c> where</c> 00:06:30.029 --> 00:06:30.039 align:start position:0% the dash where 00:06:30.039 --> 00:06:32.710 align:start position:0% the dash where to<00:06:30.199><c> see</c><00:06:30.400><c> the</c><00:06:30.560><c> difference</c><00:06:31.440><c> we'll</c><00:06:31.720><c> have</c><00:06:31.880><c> to</c><00:06:32.440><c> view</c> 00:06:32.710 --> 00:06:32.720 align:start position:0% to see the difference we'll have to view 00:06:32.720 --> 00:06:35.510 align:start position:0% to see the difference we'll have to view the<00:06:32.880><c> page</c><00:06:33.120><c> Source</c><00:06:33.840><c> here</c><00:06:34.840><c> I'll</c><00:06:35.039><c> click</c><00:06:35.199><c> on</c><00:06:35.319><c> view</c> 00:06:35.510 --> 00:06:35.520 align:start position:0% the page Source here I'll click on view 00:06:35.520 --> 00:06:36.790 align:start position:0% the page Source here I'll click on view page 00:06:36.790 --> 00:06:36.800 align:start position:0% page 00:06:36.800 --> 00:06:39.309 align:start position:0% page source<00:06:37.800><c> and</c><00:06:37.919><c> I'm</c><00:06:38.080><c> going</c><00:06:38.240><c> to</c><00:06:38.440><c> look</c><00:06:38.639><c> for</c><00:06:39.000><c> hello</c> 00:06:39.309 --> 00:06:39.319 align:start position:0% source and I'm going to look for hello 00:06:39.319 --> 00:06:42.430 align:start position:0% source and I'm going to look for hello world<00:06:40.360><c> here</c><00:06:41.360><c> we</c><00:06:41.479><c> can</c><00:06:41.599><c> see</c><00:06:41.800><c> that</c><00:06:41.919><c> the</c><00:06:42.080><c> text</c><00:06:42.319><c> is</c> 00:06:42.430 --> 00:06:42.440 align:start position:0% world here we can see that the text is 00:06:42.440 --> 00:06:45.510 align:start position:0% world here we can see that the text is being<00:06:42.720><c> printed</c><00:06:43.400><c> as</c><00:06:43.599><c> we</c><00:06:43.880><c> expect</c><00:06:44.840><c> but</c><00:06:45.160><c> there</c><00:06:45.319><c> is</c> 00:06:45.510 --> 00:06:45.520 align:start position:0% being printed as we expect but there is 00:06:45.520 --> 00:06:47.309 align:start position:0% being printed as we expect but there is an<00:06:45.639><c> empty</c><00:06:45.960><c> line</c><00:06:46.360><c> above</c><00:06:46.840><c> and</c><00:06:47.000><c> there</c><00:06:47.080><c> is</c><00:06:47.199><c> an</c> 00:06:47.309 --> 00:06:47.319 align:start position:0% an empty line above and there is an 00:06:47.319 --> 00:06:49.710 align:start position:0% an empty line above and there is an empty<00:06:47.560><c> line</c><00:06:47.759><c> below</c><00:06:48.120><c> this</c><00:06:48.919><c> why</c><00:06:49.080><c> is</c><00:06:49.319><c> this</c><00:06:49.560><c> this</c> 00:06:49.710 --> 00:06:49.720 align:start position:0% empty line below this why is this this 00:06:49.720 --> 00:06:52.270 align:start position:0% empty line below this why is this this way<00:06:50.120><c> here</c><00:06:50.319><c> I</c><00:06:50.440><c> don't</c><00:06:50.680><c> have</c><00:06:50.919><c> these</c><00:06:51.120><c> empty</c><00:06:51.400><c> lines</c> 00:06:52.270 --> 00:06:52.280 align:start position:0% way here I don't have these empty lines 00:06:52.280 --> 00:06:55.070 align:start position:0% way here I don't have these empty lines well<00:06:52.520><c> in</c><00:06:52.720><c> liquid</c><00:06:53.199><c> when</c><00:06:53.479><c> you</c><00:06:54.479><c> um</c><00:06:54.639><c> declare</c><00:06:54.960><c> a</c> 00:06:55.070 --> 00:06:55.080 align:start position:0% well in liquid when you um declare a 00:06:55.080 --> 00:06:57.230 align:start position:0% well in liquid when you um declare a variable<00:06:55.720><c> or</c><00:06:55.960><c> when</c><00:06:56.160><c> you</c><00:06:56.440><c> write</c><00:06:56.720><c> liquid</c><00:06:57.039><c> code</c> 00:06:57.230 --> 00:06:57.240 align:start position:0% variable or when you write liquid code 00:06:57.240 --> 00:06:59.909 align:start position:0% variable or when you write liquid code in<00:06:57.360><c> general</c><00:06:57.840><c> just</c><00:06:58.280><c> as</c><00:06:58.639><c> empty</c><00:06:59.000><c> lines</c><00:06:59.639><c> and</c><00:06:59.800><c> the</c> 00:06:59.909 --> 00:06:59.919 align:start position:0% in general just as empty lines and the 00:06:59.919 --> 00:07:02.150 align:start position:0% in general just as empty lines and the way<00:07:00.039><c> to</c><00:07:00.199><c> remove</c><00:07:00.639><c> those</c><00:07:01.360><c> is</c><00:07:01.520><c> by</c><00:07:01.680><c> adding</c><00:07:01.960><c> this</c> 00:07:02.150 --> 00:07:02.160 align:start position:0% way to remove those is by adding this 00:07:02.160 --> 00:07:05.029 align:start position:0% way to remove those is by adding this Dash<00:07:02.639><c> to</c><00:07:02.800><c> the</c><00:07:02.960><c> Declaration</c><00:07:03.599><c> so</c><00:07:04.479><c> here</c><00:07:04.759><c> if</c><00:07:04.879><c> I</c> 00:07:05.029 --> 00:07:05.039 align:start position:0% Dash to the Declaration so here if I 00:07:05.039 --> 00:07:08.070 align:start position:0% Dash to the Declaration so here if I refresh<00:07:05.440><c> this</c><00:07:05.599><c> page</c><00:07:05.840><c> now</c><00:07:06.800><c> this</c><00:07:07.000><c> empty</c><00:07:07.360><c> line</c> 00:07:08.070 --> 00:07:08.080 align:start position:0% refresh this page now this empty line 00:07:08.080 --> 00:07:10.430 align:start position:0% refresh this page now this empty line got<00:07:08.440><c> removed</c><00:07:09.199><c> I</c><00:07:09.319><c> have</c><00:07:09.520><c> this</c><00:07:09.680><c> empty</c><00:07:09.960><c> line</c><00:07:10.160><c> below</c> 00:07:10.430 --> 00:07:10.440 align:start position:0% got removed I have this empty line below 00:07:10.440 --> 00:07:14.710 align:start position:0% got removed I have this empty line below as<00:07:11.000><c> well</c><00:07:12.000><c> and</c><00:07:12.120><c> to</c><00:07:12.280><c> get</c><00:07:12.479><c> rid</c><00:07:12.639><c> of</c><00:07:13.199><c> that</c><00:07:14.199><c> I</c><00:07:14.319><c> can</c><00:07:14.520><c> add</c> 00:07:14.710 --> 00:07:14.720 align:start position:0% as well and to get rid of that I can add 00:07:14.720 --> 00:07:18.430 align:start position:0% as well and to get rid of that I can add the<00:07:14.919><c> dash</c><00:07:15.440><c> over</c><00:07:15.720><c> here</c><00:07:15.919><c> as</c> 00:07:18.430 --> 00:07:18.440 align:start position:0% 00:07:18.440 --> 00:07:21.469 align:start position:0% well<00:07:19.440><c> and</c><00:07:19.960><c> the</c><00:07:20.160><c> empty</c><00:07:20.440><c> line</c><00:07:20.599><c> below</c><00:07:20.879><c> hello</c><00:07:21.120><c> worm</c> 00:07:21.469 --> 00:07:21.479 align:start position:0% well and the empty line below hello worm 00:07:21.479 --> 00:07:25.029 align:start position:0% well and the empty line below hello worm also<00:07:21.759><c> get</c><00:07:22.120><c> gets</c><00:07:22.479><c> removed</c><00:07:23.479><c> that</c><00:07:23.840><c> won't</c><00:07:24.319><c> affect</c> 00:07:25.029 --> 00:07:25.039 align:start position:0% also get gets removed that won't affect 00:07:25.039 --> 00:07:28.110 align:start position:0% also get gets removed that won't affect the<00:07:25.360><c> overall</c><00:07:25.879><c> output</c><00:07:26.759><c> so</c><00:07:27.039><c> this</c><00:07:27.160><c> is</c><00:07:27.400><c> why</c><00:07:27.879><c> both</c> 00:07:28.110 --> 00:07:28.120 align:start position:0% the overall output so this is why both 00:07:28.120 --> 00:07:30.869 align:start position:0% the overall output so this is why both of<00:07:28.319><c> them</c><00:07:28.639><c> are</c><00:07:28.919><c> valid</c><00:07:29.400><c> and</c><00:07:29.520><c> you</c><00:07:29.639><c> may</c><00:07:29.840><c> see</c><00:07:30.639><c> them</c> 00:07:30.869 --> 00:07:30.879 align:start position:0% of them are valid and you may see them 00:07:30.879 --> 00:07:34.150 align:start position:0% of them are valid and you may see them being<00:07:31.319><c> used</c><00:07:32.520><c> interchangeably</c><00:07:33.520><c> in</c><00:07:33.840><c> different</c> 00:07:34.150 --> 00:07:34.160 align:start position:0% being used interchangeably in different 00:07:34.160 --> 00:07:35.189 align:start position:0% being used interchangeably in different code 00:07:35.189 --> 00:07:35.199 align:start position:0% code 00:07:35.199 --> 00:07:37.350 align:start position:0% code bases<00:07:36.199><c> I</c><00:07:36.319><c> think</c><00:07:36.479><c> the</c><00:07:36.639><c> important</c><00:07:37.000><c> thing</c><00:07:37.160><c> is</c> 00:07:37.350 --> 00:07:37.360 align:start position:0% bases I think the important thing is 00:07:37.360 --> 00:07:39.430 align:start position:0% bases I think the important thing is that<00:07:37.479><c> you</c><00:07:37.680><c> stick</c><00:07:37.919><c> with</c><00:07:38.080><c> one</c><00:07:38.440><c> or</c><00:07:38.680><c> the</c><00:07:38.800><c> other</c><00:07:39.280><c> and</c> 00:07:39.430 --> 00:07:39.440 align:start position:0% that you stick with one or the other and 00:07:39.440 --> 00:07:41.830 align:start position:0% that you stick with one or the other and be<00:07:39.639><c> consistent</c><00:07:40.120><c> with</c><00:07:40.280><c> that</c><00:07:40.479><c> across</c><00:07:40.720><c> your</c> 00:07:41.830 --> 00:07:41.840 align:start position:0% be consistent with that across your 00:07:41.840 --> 00:07:46.029 align:start position:0% be consistent with that across your codebase<00:07:42.840><c> overall</c><00:07:43.680><c> removing</c><00:07:44.080><c> the</c><00:07:44.199><c> anti-</c><00:07:45.039><c> line</c> 00:07:46.029 --> 00:07:46.039 align:start position:0% codebase overall removing the anti- line 00:07:46.039 --> 00:07:48.790 align:start position:0% codebase overall removing the anti- line has<00:07:46.280><c> the</c><00:07:46.440><c> benefit</c><00:07:46.800><c> that</c><00:07:46.960><c> you</c><00:07:47.120><c> send</c><00:07:47.919><c> a</c><00:07:48.199><c> tiny</c><00:07:48.479><c> bit</c> 00:07:48.790 --> 00:07:48.800 align:start position:0% has the benefit that you send a tiny bit 00:07:48.800 --> 00:07:52.670 align:start position:0% has the benefit that you send a tiny bit less<00:07:49.120><c> code</c><00:07:49.720><c> less</c><00:07:50.599><c> um</c><00:07:50.840><c> text</c><00:07:51.680><c> to</c><00:07:51.960><c> the</c><00:07:52.360><c> to</c><00:07:52.520><c> the</c> 00:07:52.670 --> 00:07:52.680 align:start position:0% less code less um text to the to the 00:07:52.680 --> 00:07:54.950 align:start position:0% less code less um text to the to the client<00:07:53.479><c> but</c><00:07:53.680><c> it</c><00:07:53.800><c> is</c><00:07:53.960><c> so</c><00:07:54.120><c> minimal</c><00:07:54.560><c> that</c><00:07:54.680><c> I</c><00:07:54.759><c> don't</c> 00:07:54.950 --> 00:07:54.960 align:start position:0% client but it is so minimal that I don't 00:07:54.960 --> 00:07:56.430 align:start position:0% client but it is so minimal that I don't think<00:07:55.120><c> it</c><00:07:55.240><c> will</c><00:07:55.400><c> make</c><00:07:55.599><c> a</c><00:07:55.800><c> significant</c> 00:07:56.430 --> 00:07:56.440 align:start position:0% think it will make a significant 00:07:56.440 --> 00:07:59.430 align:start position:0% think it will make a significant performance<00:07:57.120><c> impact</c><00:07:58.120><c> however</c><00:07:58.800><c> if</c><00:07:58.919><c> you</c><00:07:59.080><c> want</c> 00:07:59.430 --> 00:07:59.440 align:start position:0% performance impact however if you want 00:07:59.440 --> 00:08:01.350 align:start position:0% performance impact however if you want to<00:07:59.560><c> still</c><00:07:59.840><c> use</c><00:08:00.120><c> this</c><00:08:00.759><c> just</c><00:08:00.919><c> try</c><00:08:01.120><c> to</c><00:08:01.199><c> be</c> 00:08:01.350 --> 00:08:01.360 align:start position:0% to still use this just try to be 00:08:01.360 --> 00:08:03.710 align:start position:0% to still use this just try to be consistent<00:08:01.800><c> across</c><00:08:02.080><c> your</c><00:08:02.199><c> code</c><00:08:02.720><c> base</c> 00:08:03.710 --> 00:08:03.720 align:start position:0% consistent across your code base 00:08:03.720 --> 00:08:05.189 align:start position:0% consistent across your code base something<00:08:04.039><c> else</c><00:08:04.240><c> you're</c><00:08:04.479><c> probably</c><00:08:04.759><c> noticing</c> 00:08:05.189 --> 00:08:05.199 align:start position:0% something else you're probably noticing 00:08:05.199 --> 00:08:06.869 align:start position:0% something else you're probably noticing is<00:08:05.360><c> that</c><00:08:05.520><c> for</c><00:08:05.680><c> the</c><00:08:05.800><c> first</c><00:08:06.039><c> declaration</c><00:08:06.639><c> over</c> 00:08:06.869 --> 00:08:06.879 align:start position:0% is that for the first declaration over 00:08:06.879 --> 00:08:08.629 align:start position:0% is that for the first declaration over here<00:08:07.080><c> I</c><00:08:07.280><c> use</c><00:08:07.479><c> an</c><00:08:07.639><c> open</c><00:08:07.879><c> curly</c><00:08:08.199><c> bracket</c><00:08:08.440><c> and</c><00:08:08.520><c> a</c> 00:08:08.629 --> 00:08:08.639 align:start position:0% here I use an open curly bracket and a 00:08:08.639 --> 00:08:10.670 align:start position:0% here I use an open curly bracket and a percentage<00:08:09.080><c> sign</c><00:08:09.479><c> and</c><00:08:09.599><c> for</c><00:08:09.800><c> the</c><00:08:09.919><c> second</c><00:08:10.199><c> one</c><00:08:10.520><c> I</c> 00:08:10.670 --> 00:08:10.680 align:start position:0% percentage sign and for the second one I 00:08:10.680 --> 00:08:14.990 align:start position:0% percentage sign and for the second one I used<00:08:11.400><c> two</c><00:08:11.800><c> curly</c><00:08:12.240><c> brackets</c><00:08:13.240><c> so</c><00:08:13.599><c> why</c><00:08:13.720><c> is</c><00:08:13.960><c> this</c> 00:08:14.990 --> 00:08:15.000 align:start position:0% used two curly brackets so why is this 00:08:15.000 --> 00:08:17.950 align:start position:0% used two curly brackets so why is this well<00:08:16.000><c> if</c><00:08:16.159><c> you're</c><00:08:16.720><c> basically</c><00:08:17.159><c> if</c><00:08:17.280><c> your</c><00:08:17.560><c> liquid</c> 00:08:17.950 --> 00:08:17.960 align:start position:0% well if you're basically if your liquid 00:08:17.960 --> 00:08:21.430 align:start position:0% well if you're basically if your liquid line<00:08:18.960><c> has</c><00:08:19.639><c> an</c><00:08:19.840><c> output</c><00:08:20.599><c> so</c><00:08:20.919><c> say</c><00:08:21.159><c> when</c><00:08:21.280><c> you're</c> 00:08:21.430 --> 00:08:21.440 align:start position:0% line has an output so say when you're 00:08:21.440 --> 00:08:24.710 align:start position:0% line has an output so say when you're printing<00:08:21.759><c> a</c><00:08:22.280><c> variable</c><00:08:23.280><c> you</c><00:08:23.440><c> should</c><00:08:23.759><c> use</c><00:08:24.479><c> two</c> 00:08:24.710 --> 00:08:24.720 align:start position:0% printing a variable you should use two 00:08:24.720 --> 00:08:26.790 align:start position:0% printing a variable you should use two curly<00:08:25.080><c> brackets</c><00:08:25.720><c> otherwise</c><00:08:26.479><c> like</c><00:08:26.639><c> for</c> 00:08:26.790 --> 00:08:26.800 align:start position:0% curly brackets otherwise like for 00:08:26.800 --> 00:08:27.869 align:start position:0% curly brackets otherwise like for example<00:08:27.080><c> when</c><00:08:27.240><c> you</c><00:08:27.319><c> are</c><00:08:27.440><c> declaring</c><00:08:27.800><c> a</c> 00:08:27.869 --> 00:08:27.879 align:start position:0% example when you are declaring a 00:08:27.879 --> 00:08:30.270 align:start position:0% example when you are declaring a variable<00:08:28.280><c> this</c><00:08:28.400><c> should</c><00:08:28.599><c> not</c><00:08:28.840><c> print</c><00:08:29.319><c> anything</c> 00:08:30.270 --> 00:08:30.280 align:start position:0% variable this should not print anything 00:08:30.280 --> 00:08:32.110 align:start position:0% variable this should not print anything in<00:08:30.479><c> these</c><00:08:30.680><c> cases</c><00:08:31.080><c> you</c><00:08:31.240><c> use</c><00:08:31.479><c> an</c><00:08:31.639><c> open</c><00:08:31.840><c> Cur</c> 00:08:32.110 --> 00:08:32.120 align:start position:0% in these cases you use an open Cur 00:08:32.120 --> 00:08:34.190 align:start position:0% in these cases you use an open Cur bracket<00:08:32.360><c> and</c><00:08:32.479><c> a</c><00:08:32.599><c> percentage</c><00:08:33.000><c> sign</c><00:08:33.919><c> this</c><00:08:34.039><c> will</c> 00:08:34.190 --> 00:08:34.200 align:start position:0% bracket and a percentage sign this will 00:08:34.200 --> 00:08:36.630 align:start position:0% bracket and a percentage sign this will be<00:08:34.399><c> the</c><00:08:34.560><c> same</c><00:08:35.000><c> if</c><00:08:35.120><c> you</c><00:08:35.240><c> were</c><00:08:35.919><c> creating</c><00:08:36.279><c> an</c><00:08:36.440><c> if</c> 00:08:36.630 --> 00:08:36.640 align:start position:0% be the same if you were creating an if 00:08:36.640 --> 00:08:39.269 align:start position:0% be the same if you were creating an if statement<00:08:37.039><c> a</c><00:08:37.240><c> for</c><00:08:37.440><c> Loop</c><00:08:38.200><c> a</c><00:08:38.399><c> switch</c><00:08:38.880><c> and</c><00:08:39.039><c> things</c> 00:08:39.269 --> 00:08:39.279 align:start position:0% statement a for Loop a switch and things 00:08:39.279 --> 00:08:41.269 align:start position:0% statement a for Loop a switch and things like<00:08:39.479><c> that</c><00:08:39.800><c> we'll</c><00:08:40.000><c> see</c><00:08:40.440><c> how</c><00:08:40.640><c> those</c><00:08:40.839><c> look</c><00:08:41.039><c> like</c> 00:08:41.269 --> 00:08:41.279 align:start position:0% like that we'll see how those look like 00:08:41.279 --> 00:08:43.509 align:start position:0% like that we'll see how those look like later<00:08:41.560><c> in</c><00:08:41.680><c> the</c><00:08:41.839><c> video</c><00:08:42.640><c> but</c><00:08:42.800><c> just</c><00:08:43.000><c> keep</c><00:08:43.240><c> this</c><00:08:43.360><c> in</c> 00:08:43.509 --> 00:08:43.519 align:start position:0% later in the video but just keep this in 00:08:43.519 --> 00:08:46.030 align:start position:0% later in the video but just keep this in mind<00:08:44.000><c> if</c><00:08:44.120><c> you</c><00:08:44.279><c> get</c><00:08:44.480><c> confused</c><00:08:44.880><c> along</c><00:08:45.080><c> the</c><00:08:45.200><c> way</c> 00:08:46.030 --> 00:08:46.040 align:start position:0% mind if you get confused along the way 00:08:46.040 --> 00:08:47.870 align:start position:0% mind if you get confused along the way now<00:08:46.240><c> that</c><00:08:46.399><c> we've</c><00:08:46.600><c> seen</c><00:08:47.000><c> how</c><00:08:47.160><c> to</c><00:08:47.480><c> create</c> 00:08:47.870 --> 00:08:47.880 align:start position:0% now that we've seen how to create 00:08:47.880 --> 00:08:50.590 align:start position:0% now that we've seen how to create variables<00:08:48.320><c> in</c><00:08:48.519><c> liquid</c><00:08:49.519><c> let's</c><00:08:49.760><c> see</c><00:08:50.120><c> what</c><00:08:50.320><c> data</c> 00:08:50.590 --> 00:08:50.600 align:start position:0% variables in liquid let's see what data 00:08:50.600 --> 00:08:52.870 align:start position:0% variables in liquid let's see what data types<00:08:50.880><c> we</c><00:08:51.000><c> have</c><00:08:51.200><c> available</c><00:08:51.680><c> for</c><00:08:51.839><c> us</c><00:08:52.080><c> here</c><00:08:52.720><c> but</c> 00:08:52.870 --> 00:08:52.880 align:start position:0% types we have available for us here but 00:08:52.880 --> 00:08:55.070 align:start position:0% types we have available for us here but before<00:08:53.240><c> that</c><00:08:53.720><c> let's</c><00:08:53.959><c> quickly</c><00:08:54.360><c> take</c><00:08:54.519><c> a</c><00:08:54.680><c> look</c><00:08:54.839><c> at</c> 00:08:55.070 --> 00:08:55.080 align:start position:0% before that let's quickly take a look at 00:08:55.080 --> 00:08:57.870 align:start position:0% before that let's quickly take a look at how<00:08:55.320><c> to</c><00:08:55.640><c> create</c><00:08:55.880><c> a</c><00:08:56.120><c> comment</c><00:08:56.440><c> in</c><00:08:56.640><c> lid</c><00:08:57.560><c> so</c><00:08:57.720><c> I'll</c> 00:08:57.870 --> 00:08:57.880 align:start position:0% how to create a comment in lid so I'll 00:08:57.880 --> 00:09:00.190 align:start position:0% how to create a comment in lid so I'll delete<00:08:58.200><c> all</c><00:08:58.320><c> of</c><00:08:58.519><c> this</c><00:08:58.920><c> and</c><00:08:59.279><c> then</c><00:08:59.560><c> I'll</c><00:08:59.760><c> open</c><00:08:59.959><c> a</c> 00:09:00.190 --> 00:09:00.200 align:start position:0% delete all of this and then I'll open a 00:09:00.200 --> 00:09:02.990 align:start position:0% delete all of this and then I'll open a cly<00:09:00.600><c> bracket</c><00:09:01.320><c> a</c><00:09:01.519><c> percentage</c><00:09:01.959><c> sign</c><00:09:02.600><c> and</c><00:09:02.720><c> I'll</c> 00:09:02.990 --> 00:09:03.000 align:start position:0% cly bracket a percentage sign and I'll 00:09:03.000 --> 00:09:05.389 align:start position:0% cly bracket a percentage sign and I'll write<00:09:03.240><c> here</c><00:09:03.560><c> comment</c><00:09:04.560><c> and</c><00:09:04.760><c> then</c><00:09:04.920><c> I'll</c><00:09:05.079><c> do</c><00:09:05.240><c> the</c> 00:09:05.389 --> 00:09:05.399 align:start position:0% write here comment and then I'll do the 00:09:05.399 --> 00:09:07.829 align:start position:0% write here comment and then I'll do the same<00:09:05.640><c> and</c><00:09:05.839><c> write</c><00:09:06.160><c> and</c><00:09:06.440><c> comment</c><00:09:07.120><c> and</c><00:09:07.320><c> now</c><00:09:07.640><c> any</c> 00:09:07.829 --> 00:09:07.839 align:start position:0% same and write and comment and now any 00:09:07.839 --> 00:09:10.269 align:start position:0% same and write and comment and now any text<00:09:08.120><c> that</c><00:09:08.240><c> I</c><00:09:08.519><c> write</c><00:09:08.839><c> here</c><00:09:09.640><c> will</c><00:09:09.839><c> be</c><00:09:09.959><c> treated</c> 00:09:10.269 --> 00:09:10.279 align:start position:0% text that I write here will be treated 00:09:10.279 --> 00:09:11.990 align:start position:0% text that I write here will be treated as<00:09:10.360><c> a</c><00:09:10.480><c> comment</c><00:09:10.880><c> and</c><00:09:11.120><c> therefore</c><00:09:11.560><c> won't</c><00:09:11.839><c> be</c> 00:09:11.990 --> 00:09:12.000 align:start position:0% as a comment and therefore won't be 00:09:12.000 --> 00:09:14.750 align:start position:0% as a comment and therefore won't be rendered<00:09:12.360><c> in</c><00:09:12.440><c> the</c><00:09:12.640><c> page</c><00:09:12.959><c> so</c><00:09:13.160><c> here</c><00:09:13.360><c> I</c><00:09:13.440><c> can</c><00:09:13.760><c> say</c> 00:09:14.750 --> 00:09:14.760 align:start position:0% rendered in the page so here I can say 00:09:14.760 --> 00:09:16.430 align:start position:0% rendered in the page so here I can say this<00:09:15.320><c> is</c><00:09:15.519><c> a</c> 00:09:16.430 --> 00:09:16.440 align:start position:0% this is a 00:09:16.440 --> 00:09:19.670 align:start position:0% this is a comment<00:09:17.440><c> and</c><00:09:17.600><c> should</c><00:09:18.000><c> not</c> 00:09:19.670 --> 00:09:19.680 align:start position:0% comment and should not 00:09:19.680 --> 00:09:23.230 align:start position:0% comment and should not render<00:09:20.680><c> and</c><00:09:20.880><c> if</c><00:09:21.040><c> I</c><00:09:21.200><c> visit</c><00:09:21.519><c> the</c><00:09:21.720><c> page</c><00:09:22.079><c> here</c><00:09:23.079><c> I</c> 00:09:23.230 --> 00:09:23.240 align:start position:0% render and if I visit the page here I 00:09:23.240 --> 00:09:25.030 align:start position:0% render and if I visit the page here I will't<00:09:23.399><c> see</c> 00:09:25.030 --> 00:09:25.040 align:start position:0% will't see 00:09:25.040 --> 00:09:28.310 align:start position:0% will't see anything<00:09:26.040><c> now</c><00:09:26.279><c> let</c><00:09:26.440><c> me</c><00:09:27.000><c> type</c><00:09:27.240><c> some</c><00:09:27.760><c> example</c><00:09:28.040><c> h</c> 00:09:28.310 --> 00:09:28.320 align:start position:0% anything now let me type some example h 00:09:28.320 --> 00:09:30.110 align:start position:0% anything now let me type some example h word<00:09:28.560><c> here</c><00:09:29.160><c> so</c><00:09:29.279><c> we</c><00:09:29.399><c> can</c><00:09:29.480><c> see</c><00:09:29.640><c> that</c><00:09:29.800><c> this</c><00:09:29.920><c> is</c> 00:09:30.110 --> 00:09:30.120 align:start position:0% word here so we can see that this is 00:09:30.120 --> 00:09:32.269 align:start position:0% word here so we can see that this is still<00:09:30.360><c> rendering</c><00:09:30.800><c> content</c><00:09:31.680><c> so</c><00:09:31.880><c> the</c><00:09:32.000><c> hello</c> 00:09:32.269 --> 00:09:32.279 align:start position:0% still rendering content so the hello 00:09:32.279 --> 00:09:34.350 align:start position:0% still rendering content so the hello word<00:09:32.519><c> gets</c><00:09:32.720><c> rendered</c><00:09:33.240><c> but</c><00:09:33.440><c> the</c><00:09:33.640><c> comment</c><00:09:34.000><c> above</c> 00:09:34.350 --> 00:09:34.360 align:start position:0% word gets rendered but the comment above 00:09:34.360 --> 00:09:37.910 align:start position:0% word gets rendered but the comment above this<00:09:34.600><c> is</c><00:09:34.880><c> not</c><00:09:35.880><c> now</c><00:09:36.320><c> as</c><00:09:36.600><c> this</c><00:09:36.839><c> also</c><00:09:37.279><c> accepts</c> 00:09:37.910 --> 00:09:37.920 align:start position:0% this is not now as this also accepts 00:09:37.920 --> 00:09:40.949 align:start position:0% this is not now as this also accepts HTML<00:09:38.920><c> we</c><00:09:39.120><c> can</c><00:09:39.480><c> also</c><00:09:39.760><c> use</c><00:09:39.959><c> an</c><00:09:40.120><c> HTML</c><00:09:40.640><c> comment</c> 00:09:40.949 --> 00:09:40.959 align:start position:0% HTML we can also use an HTML comment 00:09:40.959 --> 00:09:42.829 align:start position:0% HTML we can also use an HTML comment here<00:09:41.200><c> so</c><00:09:41.560><c> HTML</c> 00:09:42.829 --> 00:09:42.839 align:start position:0% here so HTML 00:09:42.839 --> 00:09:45.509 align:start position:0% here so HTML comment<00:09:43.839><c> and</c><00:09:44.000><c> this</c><00:09:44.160><c> will</c><00:09:44.360><c> also</c><00:09:44.760><c> work</c><00:09:45.000><c> fine</c><00:09:45.399><c> we</c> 00:09:45.509 --> 00:09:45.519 align:start position:0% comment and this will also work fine we 00:09:45.519 --> 00:09:48.670 align:start position:0% comment and this will also work fine we can<00:09:45.680><c> write</c><00:09:46.000><c> anything</c><00:09:46.399><c> here</c><00:09:47.040><c> and</c><00:09:47.279><c> the</c><00:09:48.120><c> user</c><00:09:48.519><c> the</c> 00:09:48.670 --> 00:09:48.680 align:start position:0% can write anything here and the user the 00:09:48.680 --> 00:09:50.870 align:start position:0% can write anything here and the user the customer<00:09:49.079><c> won't</c><00:09:49.320><c> see</c><00:09:49.600><c> anything</c><00:09:50.279><c> rendered</c><00:09:50.760><c> in</c> 00:09:50.870 --> 00:09:50.880 align:start position:0% customer won't see anything rendered in 00:09:50.880 --> 00:09:53.310 align:start position:0% customer won't see anything rendered in the<00:09:51.079><c> page</c><00:09:52.079><c> however</c><00:09:52.399><c> there</c><00:09:52.519><c> is</c><00:09:52.680><c> a</c><00:09:52.839><c> difference</c> 00:09:53.310 --> 00:09:53.320 align:start position:0% the page however there is a difference 00:09:53.320 --> 00:09:55.670 align:start position:0% the page however there is a difference between<00:09:53.720><c> this</c><00:09:53.920><c> comment</c><00:09:54.360><c> and</c><00:09:54.600><c> this</c><00:09:54.839><c> comment</c> 00:09:55.670 --> 00:09:55.680 align:start position:0% between this comment and this comment 00:09:55.680 --> 00:09:58.630 align:start position:0% between this comment and this comment this<00:09:55.839><c> HTML</c><00:09:56.440><c> comment</c><00:09:57.440><c> and</c><00:09:57.640><c> that</c><00:09:57.800><c> is</c><00:09:58.200><c> that</c><00:09:58.519><c> the</c> 00:09:58.630 --> 00:09:58.640 align:start position:0% this HTML comment and that is that the 00:09:58.640 --> 00:10:00.990 align:start position:0% this HTML comment and that is that the liquid<00:09:59.160><c> comment</c><00:09:59.600><c> is</c><00:09:59.760><c> not</c><00:09:59.959><c> sent</c><00:10:00.240><c> to</c><00:10:00.399><c> the</c><00:10:00.519><c> client</c> 00:10:00.990 --> 00:10:01.000 align:start position:0% liquid comment is not sent to the client 00:10:01.000 --> 00:10:03.630 align:start position:0% liquid comment is not sent to the client at<00:10:01.160><c> all</c><00:10:01.680><c> while</c><00:10:01.920><c> the</c><00:10:02.079><c> HTML</c><00:10:02.640><c> comment</c><00:10:03.120><c> is</c><00:10:03.240><c> sent</c><00:10:03.519><c> to</c> 00:10:03.630 --> 00:10:03.640 align:start position:0% at all while the HTML comment is sent to 00:10:03.640 --> 00:10:06.990 align:start position:0% at all while the HTML comment is sent to the<00:10:03.800><c> client</c><00:10:04.360><c> but</c><00:10:04.600><c> it's</c><00:10:04.839><c> just</c><00:10:05.040><c> not</c><00:10:05.480><c> rendered</c><00:10:06.480><c> so</c> 00:10:06.990 --> 00:10:07.000 align:start position:0% the client but it's just not rendered so 00:10:07.000 --> 00:10:11.110 align:start position:0% the client but it's just not rendered so if<00:10:07.240><c> I</c><00:10:07.600><c> go</c><00:10:07.920><c> here</c><00:10:08.760><c> and</c><00:10:09.000><c> view</c><00:10:09.279><c> page</c> 00:10:11.110 --> 00:10:11.120 align:start position:0% if I go here and view page 00:10:11.120 --> 00:10:14.910 align:start position:0% if I go here and view page Source<00:10:12.120><c> I</c><00:10:12.240><c> can</c><00:10:12.399><c> look</c><00:10:12.600><c> for</c><00:10:12.959><c> HTML</c><00:10:13.760><c> comment</c><00:10:14.760><c> and</c> 00:10:14.910 --> 00:10:14.920 align:start position:0% Source I can look for HTML comment and 00:10:14.920 --> 00:10:17.269 align:start position:0% Source I can look for HTML comment and we<00:10:15.120><c> can</c><00:10:15.360><c> see</c><00:10:15.560><c> the</c><00:10:15.720><c> comment</c><00:10:16.160><c> here</c><00:10:16.920><c> but</c><00:10:17.120><c> the</c> 00:10:17.269 --> 00:10:17.279 align:start position:0% we can see the comment here but the 00:10:17.279 --> 00:10:18.949 align:start position:0% we can see the comment here but the liquid<00:10:17.640><c> comment</c><00:10:18.000><c> itself</c><00:10:18.399><c> which</c><00:10:18.519><c> should</c><00:10:18.760><c> be</c> 00:10:18.949 --> 00:10:18.959 align:start position:0% liquid comment itself which should be 00:10:18.959 --> 00:10:21.230 align:start position:0% liquid comment itself which should be above<00:10:19.200><c> the</c><00:10:19.320><c> hello</c><00:10:19.600><c> world</c><00:10:20.560><c> doesn't</c><00:10:20.839><c> show</c><00:10:21.120><c> at</c> 00:10:21.230 --> 00:10:21.240 align:start position:0% above the hello world doesn't show at 00:10:21.240 --> 00:10:23.750 align:start position:0% above the hello world doesn't show at all<00:10:21.720><c> because</c><00:10:22.519><c> as</c><00:10:22.720><c> this</c><00:10:22.839><c> is</c><00:10:22.920><c> a</c><00:10:23.079><c> liquid</c><00:10:23.360><c> comment</c> 00:10:23.750 --> 00:10:23.760 align:start position:0% all because as this is a liquid comment 00:10:23.760 --> 00:10:27.310 align:start position:0% all because as this is a liquid comment it<00:10:24.160><c> stays</c><00:10:24.519><c> in</c><00:10:24.640><c> the</c><00:10:24.920><c> server</c><00:10:25.920><c> so</c><00:10:26.480><c> these</c><00:10:26.760><c> comments</c> 00:10:27.310 --> 00:10:27.320 align:start position:0% it stays in the server so these comments 00:10:27.320 --> 00:10:29.310 align:start position:0% it stays in the server so these comments these<00:10:27.480><c> liquid</c><00:10:27.880><c> comments</c><00:10:28.320><c> are</c><00:10:28.560><c> preferred</c><00:10:29.200><c> if</c> 00:10:29.310 --> 00:10:29.320 align:start position:0% these liquid comments are preferred if 00:10:29.320 --> 00:10:31.790 align:start position:0% these liquid comments are preferred if you<00:10:29.480><c> want</c><00:10:29.760><c> to</c><00:10:30.320><c> add</c><00:10:30.560><c> self</c><00:10:30.920><c> documentation</c><00:10:31.519><c> or</c> 00:10:31.790 --> 00:10:31.800 align:start position:0% you want to add self documentation or 00:10:31.800 --> 00:10:35.509 align:start position:0% you want to add self documentation or documentation<00:10:32.800><c> to</c><00:10:33.120><c> some</c><00:10:33.399><c> parts</c><00:10:33.760><c> of</c><00:10:33.920><c> your</c><00:10:34.519><c> code</c> 00:10:35.509 --> 00:10:35.519 align:start position:0% documentation to some parts of your code 00:10:35.519 --> 00:10:37.629 align:start position:0% documentation to some parts of your code because<00:10:36.360><c> there</c><00:10:36.519><c> is</c><00:10:36.680><c> really</c><00:10:36.920><c> no</c><00:10:37.200><c> benefit</c><00:10:37.519><c> of</c> 00:10:37.629 --> 00:10:37.639 align:start position:0% because there is really no benefit of 00:10:37.639 --> 00:10:40.030 align:start position:0% because there is really no benefit of sending<00:10:37.959><c> this</c><00:10:38.120><c> to</c><00:10:38.240><c> the</c><00:10:38.399><c> client</c><00:10:39.240><c> your</c><00:10:39.519><c> page</c> 00:10:40.030 --> 00:10:40.040 align:start position:0% sending this to the client your page 00:10:40.040 --> 00:10:44.590 align:start position:0% sending this to the client your page will<00:10:40.720><c> have</c><00:10:41.200><c> a</c><00:10:41.440><c> slightly</c><00:10:42.240><c> larger</c><00:10:43.600><c> footprint</c> 00:10:44.590 --> 00:10:44.600 align:start position:0% will have a slightly larger footprint 00:10:44.600 --> 00:10:47.110 align:start position:0% will have a slightly larger footprint and<00:10:45.519><c> your</c><00:10:45.720><c> user</c><00:10:46.040><c> won't</c><00:10:46.279><c> benefit</c><00:10:46.639><c> with</c><00:10:46.800><c> that</c><00:10:47.000><c> at</c> 00:10:47.110 --> 00:10:47.120 align:start position:0% and your user won't benefit with that at 00:10:47.120 --> 00:10:49.150 align:start position:0% and your user won't benefit with that at all<00:10:47.519><c> also</c><00:10:47.800><c> you</c><00:10:47.920><c> may</c><00:10:48.160><c> accidentally</c><00:10:48.680><c> link</c><00:10:48.959><c> some</c> 00:10:49.150 --> 00:10:49.160 align:start position:0% all also you may accidentally link some 00:10:49.160 --> 00:10:51.110 align:start position:0% all also you may accidentally link some information<00:10:49.680><c> here</c><00:10:49.880><c> in</c><00:10:50.040><c> the</c><00:10:50.200><c> comments</c><00:10:50.760><c> so</c><00:10:51.000><c> it</c> 00:10:51.110 --> 00:10:51.120 align:start position:0% information here in the comments so it 00:10:51.120 --> 00:10:53.470 align:start position:0% information here in the comments so it is<00:10:51.279><c> better</c><00:10:51.519><c> to</c><00:10:51.680><c> keep</c><00:10:51.959><c> them</c><00:10:52.600><c> in</c><00:10:52.800><c> the</c><00:10:52.959><c> server</c> 00:10:53.470 --> 00:10:53.480 align:start position:0% is better to keep them in the server 00:10:53.480 --> 00:10:55.590 align:start position:0% is better to keep them in the server whenever<00:10:53.839><c> you</c> 00:10:55.590 --> 00:10:55.600 align:start position:0% whenever you 00:10:55.600 --> 00:10:58.670 align:start position:0% whenever you can<00:10:56.600><c> now</c><00:10:56.839><c> let's</c><00:10:57.000><c> delete</c><00:10:57.360><c> all</c><00:10:57.480><c> of</c><00:10:57.680><c> this</c><00:10:58.480><c> I'll</c> 00:10:58.670 --> 00:10:58.680 align:start position:0% can now let's delete all of this I'll 00:10:58.680 --> 00:11:00.550 align:start position:0% can now let's delete all of this I'll let<00:10:58.800><c> a</c><00:10:59.040><c> command</c><00:10:59.320><c> here</c><00:10:59.519><c> by</c><00:10:59.760><c> pressing</c><00:11:00.200><c> command</c> 00:11:00.550 --> 00:11:00.560 align:start position:0% let a command here by pressing command 00:11:00.560 --> 00:11:03.030 align:start position:0% let a command here by pressing command and<00:11:00.800><c> slash</c><00:11:01.440><c> or</c><00:11:01.800><c> controll</c><00:11:02.279><c> and</c><00:11:02.399><c> slash</c><00:11:02.880><c> on</c> 00:11:03.030 --> 00:11:03.040 align:start position:0% and slash or controll and slash on 00:11:03.040 --> 00:11:04.870 align:start position:0% and slash or controll and slash on Windows<00:11:03.720><c> this</c><00:11:03.880><c> is</c><00:11:03.959><c> a</c><00:11:04.079><c> keyboard</c><00:11:04.320><c> shortcode</c><00:11:04.720><c> for</c> 00:11:04.870 --> 00:11:04.880 align:start position:0% Windows this is a keyboard shortcode for 00:11:04.880 --> 00:11:06.350 align:start position:0% Windows this is a keyboard shortcode for quickly<00:11:05.120><c> adding</c><00:11:05.399><c> a</c><00:11:05.480><c> command</c><00:11:05.800><c> Visual</c><00:11:06.120><c> Studio</c> 00:11:06.350 --> 00:11:06.360 align:start position:0% quickly adding a command Visual Studio 00:11:06.360 --> 00:11:09.030 align:start position:0% quickly adding a command Visual Studio code<00:11:06.519><c> and</c><00:11:06.760><c> here</c><00:11:07.200><c> I'm</c><00:11:07.360><c> going</c><00:11:07.560><c> to</c><00:11:07.760><c> say</c> 00:11:09.030 --> 00:11:09.040 align:start position:0% code and here I'm going to say 00:11:09.040 --> 00:11:11.389 align:start position:0% code and here I'm going to say string<00:11:10.040><c> a</c><00:11:10.160><c> string</c><00:11:10.440><c> is</c><00:11:10.560><c> the</c><00:11:10.680><c> first</c><00:11:10.920><c> data</c><00:11:11.160><c> type</c> 00:11:11.389 --> 00:11:11.399 align:start position:0% string a string is the first data type 00:11:11.399 --> 00:11:13.230 align:start position:0% string a string is the first data type that<00:11:11.519><c> we</c><00:11:11.600><c> will</c><00:11:11.839><c> explore</c><00:11:12.240><c> here</c><00:11:12.560><c> so</c><00:11:13.000><c> let's</c> 00:11:13.230 --> 00:11:13.240 align:start position:0% that we will explore here so let's 00:11:13.240 --> 00:11:15.790 align:start position:0% that we will explore here so let's create<00:11:13.480><c> a</c><00:11:13.720><c> string</c><00:11:14.720><c> by</c><00:11:15.040><c> creating</c><00:11:15.320><c> a</c><00:11:15.440><c> variable</c> 00:11:15.790 --> 00:11:15.800 align:start position:0% create a string by creating a variable 00:11:15.800 --> 00:11:18.150 align:start position:0% create a string by creating a variable here<00:11:16.040><c> my</c><00:11:16.240><c> string</c><00:11:17.200><c> this</c><00:11:17.320><c> will</c><00:11:17.480><c> be</c><00:11:17.639><c> equal</c><00:11:17.880><c> to</c> 00:11:18.150 --> 00:11:18.160 align:start position:0% here my string this will be equal to 00:11:18.160 --> 00:11:19.069 align:start position:0% here my string this will be equal to hello 00:11:19.069 --> 00:11:19.079 align:start position:0% hello 00:11:19.079 --> 00:11:21.590 align:start position:0% hello world<00:11:20.079><c> now</c><00:11:20.279><c> what</c><00:11:20.360><c> is</c><00:11:20.480><c> a</c><00:11:20.600><c> string</c><00:11:20.959><c> a</c><00:11:21.079><c> string</c><00:11:21.360><c> is</c> 00:11:21.590 --> 00:11:21.600 align:start position:0% world now what is a string a string is 00:11:21.600 --> 00:11:24.230 align:start position:0% world now what is a string a string is any<00:11:21.800><c> sequence</c><00:11:22.200><c> of</c><00:11:22.399><c> text</c><00:11:23.160><c> that</c><00:11:23.320><c> is</c><00:11:23.600><c> enclosed</c> 00:11:24.230 --> 00:11:24.240 align:start position:0% any sequence of text that is enclosed 00:11:24.240 --> 00:11:26.269 align:start position:0% any sequence of text that is enclosed between<00:11:24.760><c> either</c><00:11:25.040><c> double</c><00:11:25.320><c> quotes</c><00:11:25.760><c> or</c><00:11:25.920><c> single</c> 00:11:26.269 --> 00:11:26.279 align:start position:0% between either double quotes or single 00:11:26.279 --> 00:11:29.069 align:start position:0% between either double quotes or single quotes<00:11:27.200><c> like</c><00:11:27.399><c> this</c><00:11:27.519><c> one</c><00:11:27.680><c> over</c><00:11:27.920><c> here</c><00:11:28.399><c> the</c><00:11:28.560><c> text</c> 00:11:29.069 --> 00:11:29.079 align:start position:0% quotes like this one over here the text 00:11:29.079 --> 00:11:32.790 align:start position:0% quotes like this one over here the text can<00:11:29.440><c> be</c><00:11:30.200><c> characters</c><00:11:30.920><c> it</c><00:11:31.079><c> can</c><00:11:31.200><c> be</c><00:11:31.639><c> numbers</c><00:11:32.639><c> it</c> 00:11:32.790 --> 00:11:32.800 align:start position:0% can be characters it can be numbers it 00:11:32.800 --> 00:11:35.470 align:start position:0% can be characters it can be numbers it can<00:11:32.959><c> be</c><00:11:33.120><c> a</c><00:11:33.279><c> special</c><00:11:33.760><c> characters</c><00:11:34.760><c> or</c><00:11:35.000><c> a</c> 00:11:35.470 --> 00:11:35.480 align:start position:0% can be a special characters or a 00:11:35.480 --> 00:11:40.190 align:start position:0% can be a special characters or a combination<00:11:36.480><c> of</c><00:11:36.639><c> all</c><00:11:36.800><c> of</c><00:11:36.920><c> them</c><00:11:37.320><c> like</c> 00:11:40.190 --> 00:11:40.200 align:start position:0% 00:11:40.200 --> 00:11:43.230 align:start position:0% this<00:11:41.200><c> now</c><00:11:41.399><c> an</c><00:11:41.600><c> important</c><00:11:42.079><c> distinction</c><00:11:42.880><c> to</c><00:11:43.040><c> be</c> 00:11:43.230 --> 00:11:43.240 align:start position:0% this now an important distinction to be 00:11:43.240 --> 00:11:44.269 align:start position:0% this now an important distinction to be made 00:11:44.269 --> 00:11:44.279 align:start position:0% made 00:11:44.279 --> 00:11:47.389 align:start position:0% made here<00:11:45.279><c> is</c><00:11:45.600><c> that</c><00:11:46.360><c> if</c><00:11:46.560><c> the</c><00:11:46.720><c> contents</c><00:11:47.160><c> of</c><00:11:47.279><c> a</c> 00:11:47.389 --> 00:11:47.399 align:start position:0% here is that if the contents of a 00:11:47.399 --> 00:11:49.990 align:start position:0% here is that if the contents of a strings<00:11:47.959><c> are</c><00:11:48.600><c> numbers</c><00:11:49.160><c> like</c><00:11:49.320><c> for</c><00:11:49.519><c> example</c> 00:11:49.990 --> 00:11:50.000 align:start position:0% strings are numbers like for example 00:11:50.000 --> 00:11:52.470 align:start position:0% strings are numbers like for example here<00:11:50.959><c> then</c><00:11:51.160><c> liquid</c><00:11:51.519><c> will</c><00:11:51.720><c> still</c><00:11:51.959><c> treat</c><00:11:52.240><c> it</c><00:11:52.399><c> as</c> 00:11:52.470 --> 00:11:52.480 align:start position:0% here then liquid will still treat it as 00:11:52.480 --> 00:11:54.550 align:start position:0% here then liquid will still treat it as a<00:11:52.639><c> string</c><00:11:53.360><c> this</c><00:11:53.480><c> is</c><00:11:53.720><c> especially</c><00:11:54.120><c> important</c><00:11:54.440><c> at</c> 00:11:54.550 --> 00:11:54.560 align:start position:0% a string this is especially important at 00:11:54.560 --> 00:11:56.750 align:start position:0% a string this is especially important at the<00:11:54.720><c> time</c><00:11:54.880><c> of</c><00:11:55.040><c> doing</c><00:11:55.360><c> comparison</c><00:11:56.079><c> operations</c> 00:11:56.750 --> 00:11:56.760 align:start position:0% the time of doing comparison operations 00:11:56.760 --> 00:11:58.389 align:start position:0% the time of doing comparison operations because<00:11:57.079><c> if</c><00:11:57.200><c> we</c><00:11:57.320><c> try</c><00:11:57.519><c> to</c><00:11:57.680><c> compare</c><00:11:57.959><c> a</c><00:11:58.079><c> string</c> 00:11:58.389 --> 00:11:58.399 align:start position:0% because if we try to compare a string 00:11:58.399 --> 00:12:00.430 align:start position:0% because if we try to compare a string with<00:11:58.519><c> a</c><00:11:58.639><c> number</c><00:11:59.399><c> to</c><00:11:59.639><c> for</c><00:11:59.880><c> example</c><00:12:00.200><c> do</c> 00:12:00.430 --> 00:12:00.440 align:start position:0% with a number to for example do 00:12:00.440 --> 00:12:01.949 align:start position:0% with a number to for example do something<00:12:00.760><c> if</c><00:12:00.920><c> one</c><00:12:01.120><c> is</c><00:12:01.279><c> greater</c><00:12:01.639><c> than</c><00:12:01.839><c> the</c> 00:12:01.949 --> 00:12:01.959 align:start position:0% something if one is greater than the 00:12:01.959 --> 00:12:04.590 align:start position:0% something if one is greater than the other<00:12:02.560><c> we</c><00:12:02.680><c> may</c><00:12:02.880><c> end</c><00:12:03.079><c> up</c><00:12:03.279><c> with</c><00:12:03.800><c> unexpected</c> 00:12:04.590 --> 00:12:04.600 align:start position:0% other we may end up with unexpected 00:12:04.600 --> 00:12:06.750 align:start position:0% other we may end up with unexpected results<00:12:05.360><c> later</c><00:12:05.639><c> in</c><00:12:05.760><c> the</c><00:12:05.880><c> video</c><00:12:06.120><c> we'll</c><00:12:06.279><c> see</c><00:12:06.480><c> how</c> 00:12:06.750 --> 00:12:06.760 align:start position:0% results later in the video we'll see how 00:12:06.760 --> 00:12:08.629 align:start position:0% results later in the video we'll see how we<00:12:06.920><c> can</c><00:12:07.079><c> convert</c><00:12:07.480><c> from</c><00:12:07.639><c> one</c><00:12:07.880><c> data</c><00:12:08.120><c> type</c><00:12:08.360><c> to</c><00:12:08.519><c> the</c> 00:12:08.629 --> 00:12:08.639 align:start position:0% we can convert from one data type to the 00:12:08.639 --> 00:12:11.990 align:start position:0% we can convert from one data type to the other<00:12:09.480><c> to</c><00:12:09.760><c> handle</c><00:12:10.120><c> situations</c><00:12:10.639><c> like</c><00:12:11.000><c> those</c> 00:12:11.990 --> 00:12:12.000 align:start position:0% other to handle situations like those 00:12:12.000 --> 00:12:15.189 align:start position:0% other to handle situations like those now<00:12:12.279><c> let's</c><00:12:12.560><c> print</c><00:12:13.079><c> here</c><00:12:14.079><c> this</c><00:12:14.399><c> string</c><00:12:15.040><c> my</c> 00:12:15.189 --> 00:12:15.199 align:start position:0% now let's print here this string my 00:12:15.199 --> 00:12:18.629 align:start position:0% now let's print here this string my string<00:12:15.959><c> here</c><00:12:16.959><c> and</c><00:12:17.120><c> if</c><00:12:17.240><c> I</c><00:12:17.399><c> go</c><00:12:17.560><c> to</c><00:12:17.720><c> the</c><00:12:17.920><c> page</c><00:12:18.480><c> I</c> 00:12:18.629 --> 00:12:18.639 align:start position:0% string here and if I go to the page I 00:12:18.639 --> 00:12:22.670 align:start position:0% string here and if I go to the page I see<00:12:18.920><c> 1</c><00:12:19.120><c> 2</c><00:12:19.320><c> 3</c><00:12:20.000><c> 4</c><00:12:21.000><c> so</c><00:12:21.240><c> this</c><00:12:21.360><c> is</c> 00:12:22.670 --> 00:12:22.680 align:start position:0% see 1 2 3 4 so this is 00:12:22.680 --> 00:12:24.750 align:start position:0% see 1 2 3 4 so this is working<00:12:23.680><c> the</c><00:12:23.800><c> next</c><00:12:24.040><c> data</c><00:12:24.279><c> type</c><00:12:24.480><c> that</c><00:12:24.600><c> we're</c> 00:12:24.750 --> 00:12:24.760 align:start position:0% working the next data type that we're 00:12:24.760 --> 00:12:27.030 align:start position:0% working the next data type that we're going<00:12:24.920><c> to</c><00:12:25.040><c> see</c><00:12:25.399><c> are</c><00:12:25.680><c> numbers</c><00:12:26.399><c> so</c><00:12:26.600><c> here</c><00:12:26.720><c> are</c> 00:12:27.030 --> 00:12:27.040 align:start position:0% going to see are numbers so here are 00:12:27.040 --> 00:12:29.350 align:start position:0% going to see are numbers so here are number<00:12:28.040><c> this</c><00:12:28.440><c> doesn't</c><00:12:28.720><c> have</c><00:12:28.920><c> have</c><00:12:29.079><c> much</c> 00:12:29.350 --> 00:12:29.360 align:start position:0% number this doesn't have have much 00:12:29.360 --> 00:12:33.949 align:start position:0% number this doesn't have have much Mysteries<00:12:29.920><c> to</c><00:12:30.199><c> it</c><00:12:30.959><c> my</c><00:12:31.240><c> number</c><00:12:32.120><c> this</c><00:12:32.279><c> can</c><00:12:32.959><c> be</c> 00:12:33.949 --> 00:12:33.959 align:start position:0% Mysteries to it my number this can be 00:12:33.959 --> 00:12:35.550 align:start position:0% Mysteries to it my number this can be something<00:12:34.360><c> like</c><00:12:34.560><c> this</c><00:12:34.880><c> you</c><00:12:35.040><c> just</c><00:12:35.240><c> type</c><00:12:35.440><c> the</c> 00:12:35.550 --> 00:12:35.560 align:start position:0% something like this you just type the 00:12:35.560 --> 00:12:37.150 align:start position:0% something like this you just type the number<00:12:35.800><c> you</c><00:12:35.920><c> don't</c><00:12:36.160><c> have</c><00:12:36.279><c> to</c><00:12:36.600><c> use</c><00:12:36.920><c> single</c> 00:12:37.150 --> 00:12:37.160 align:start position:0% number you don't have to use single 00:12:37.160 --> 00:12:38.910 align:start position:0% number you don't have to use single quotes<00:12:37.480><c> over</c><00:12:37.760><c> quotes</c><00:12:38.160><c> or</c><00:12:38.320><c> any</c><00:12:38.600><c> special</c> 00:12:38.910 --> 00:12:38.920 align:start position:0% quotes over quotes or any special 00:12:38.920 --> 00:12:42.750 align:start position:0% quotes over quotes or any special character<00:12:39.920><c> just</c><00:12:40.600><c> the</c><00:12:41.160><c> number</c><00:12:42.160><c> and</c><00:12:42.320><c> the</c><00:12:42.440><c> number</c> 00:12:42.750 --> 00:12:42.760 align:start position:0% character just the number and the number 00:12:42.760 --> 00:12:46.310 align:start position:0% character just the number and the number can<00:12:43.199><c> be</c><00:12:43.399><c> an</c><00:12:43.600><c> integer</c><00:12:44.560><c> or</c><00:12:44.760><c> it</c><00:12:44.920><c> can</c><00:12:45.120><c> be</c><00:12:45.680><c> a</c><00:12:45.839><c> floting</c> 00:12:46.310 --> 00:12:46.320 align:start position:0% can be an integer or it can be a floting 00:12:46.320 --> 00:12:50.670 align:start position:0% can be an integer or it can be a floting point<00:12:46.639><c> so</c><00:12:46.880><c> my</c><00:12:47.000><c> floting</c><00:12:47.480><c> point</c><00:12:48.199><c> number</c><00:12:49.199><c> 1</c><00:12:49.440><c> 2</c><00:12:49.639><c> 3.</c> 00:12:50.670 --> 00:12:50.680 align:start position:0% point so my floting point number 1 2 3. 00:12:50.680 --> 00:12:54.189 align:start position:0% point so my floting point number 1 2 3. five<00:12:51.680><c> and</c><00:12:51.920><c> both</c><00:12:52.120><c> of</c><00:12:52.320><c> them</c><00:12:52.600><c> will</c><00:12:52.880><c> work</c><00:12:53.199><c> fine</c><00:12:53.760><c> so</c> 00:12:54.189 --> 00:12:54.199 align:start position:0% five and both of them will work fine so 00:12:54.199 --> 00:12:57.269 align:start position:0% five and both of them will work fine so let's<00:12:54.399><c> print</c><00:12:55.120><c> my</c><00:12:55.320><c> number</c><00:12:56.279><c> a</c><00:12:56.560><c> comma</c><00:12:57.120><c> my</c> 00:12:57.269 --> 00:12:57.279 align:start position:0% let's print my number a comma my 00:12:57.279 --> 00:13:01.629 align:start position:0% let's print my number a comma my floating<00:12:57.680><c> Point</c><00:12:57.920><c> number</c> 00:13:01.629 --> 00:13:01.639 align:start position:0% 00:13:01.639 --> 00:13:05.790 align:start position:0% and<00:13:02.360><c> here</c><00:13:03.360><c> I</c><00:13:03.519><c> can</c><00:13:03.680><c> see</c><00:13:04.000><c> down</c><00:13:04.560><c> like</c><00:13:04.800><c> this</c><00:13:05.600><c> it's</c> 00:13:05.790 --> 00:13:05.800 align:start position:0% and here I can see down like this it's 00:13:05.800 --> 00:13:07.750 align:start position:0% and here I can see down like this it's important<00:13:06.199><c> to</c><00:13:06.360><c> know</c><00:13:06.720><c> by</c><00:13:06.880><c> the</c><00:13:06.959><c> way</c><00:13:07.160><c> that</c><00:13:07.320><c> liquid</c> 00:13:07.750 --> 00:13:07.760 align:start position:0% important to know by the way that liquid 00:13:07.760 --> 00:13:10.230 align:start position:0% important to know by the way that liquid doesn't<00:13:08.720><c> add</c><00:13:09.000><c> new</c><00:13:09.240><c> lines</c><00:13:09.560><c> if</c><00:13:09.680><c> we</c><00:13:09.800><c> just</c><00:13:10.000><c> print</c> 00:13:10.230 --> 00:13:10.240 align:start position:0% doesn't add new lines if we just print 00:13:10.240 --> 00:13:11.670 align:start position:0% doesn't add new lines if we just print the<00:13:10.399><c> variable</c><00:13:10.800><c> so</c><00:13:10.959><c> we</c><00:13:11.079><c> have</c><00:13:11.199><c> to</c><00:13:11.360><c> add</c><00:13:11.519><c> this</c> 00:13:11.670 --> 00:13:11.680 align:start position:0% the variable so we have to add this 00:13:11.680 --> 00:13:14.590 align:start position:0% the variable so we have to add this manually<00:13:12.160><c> I'm</c><00:13:12.279><c> going</c><00:13:12.440><c> to</c><00:13:12.639><c> add</c><00:13:12.839><c> a</c><00:13:13.839><c> br</c><00:13:14.199><c> element</c> 00:13:14.590 --> 00:13:14.600 align:start position:0% manually I'm going to add a br element 00:13:14.600 --> 00:13:18.509 align:start position:0% manually I'm going to add a br element here<00:13:15.519><c> and</c><00:13:15.680><c> this</c><00:13:15.800><c> will</c><00:13:16.040><c> force</c><00:13:16.600><c> a</c><00:13:16.839><c> line</c> 00:13:18.509 --> 00:13:18.519 align:start position:0% here and this will force a line 00:13:18.519 --> 00:13:22.710 align:start position:0% here and this will force a line break<00:13:19.519><c> next</c><00:13:19.839><c> let's</c><00:13:20.040><c> see</c><00:13:20.279><c> booleans</c><00:13:21.120><c> so</c><00:13:21.399><c> here</c> 00:13:22.710 --> 00:13:22.720 align:start position:0% break next let's see booleans so here 00:13:22.720 --> 00:13:25.590 align:start position:0% break next let's see booleans so here Boolean<00:13:23.720><c> this</c><00:13:23.880><c> is</c><00:13:24.120><c> basically</c><00:13:24.959><c> a</c><00:13:25.199><c> true</c><00:13:25.399><c> or</c> 00:13:25.590 --> 00:13:25.600 align:start position:0% Boolean this is basically a true or 00:13:25.600 --> 00:13:29.269 align:start position:0% Boolean this is basically a true or false<00:13:26.040><c> type</c><00:13:26.399><c> so</c><00:13:26.720><c> my</c><00:13:27.440><c> bullan</c><00:13:28.440><c> this</c><00:13:28.920><c> either</c><00:13:29.120><c> be</c> 00:13:29.269 --> 00:13:29.279 align:start position:0% false type so my bullan this either be 00:13:29.279 --> 00:13:31.430 align:start position:0% false type so my bullan this either be true<00:13:30.240><c> or</c><00:13:30.440><c> it</c><00:13:30.560><c> can</c><00:13:30.720><c> be</c> 00:13:31.430 --> 00:13:31.440 align:start position:0% true or it can be 00:13:31.440 --> 00:13:35.030 align:start position:0% true or it can be false<00:13:32.440><c> in</c><00:13:32.680><c> both</c><00:13:32.959><c> cases</c><00:13:33.639><c> if</c><00:13:33.760><c> I</c><00:13:33.920><c> try</c><00:13:34.160><c> to</c><00:13:34.320><c> print</c><00:13:34.600><c> it</c> 00:13:35.030 --> 00:13:35.040 align:start position:0% false in both cases if I try to print it 00:13:35.040 --> 00:13:38.710 align:start position:0% false in both cases if I try to print it here<00:13:36.040><c> I'll</c><00:13:36.240><c> just</c><00:13:36.440><c> get</c><00:13:36.639><c> the</c><00:13:36.920><c> text</c><00:13:37.760><c> let</c><00:13:37.880><c> me</c><00:13:38.160><c> add</c> 00:13:38.710 --> 00:13:38.720 align:start position:0% here I'll just get the text let me add 00:13:38.720 --> 00:13:41.350 align:start position:0% here I'll just get the text let me add here<00:13:38.920><c> a</c><00:13:39.079><c> line</c><00:13:39.279><c> break</c><00:13:39.600><c> as</c> 00:13:41.350 --> 00:13:41.360 align:start position:0% here a line break as 00:13:41.360 --> 00:13:44.710 align:start position:0% here a line break as well<00:13:42.360><c> I</c><00:13:42.519><c> just</c><00:13:42.680><c> get</c><00:13:42.880><c> the</c><00:13:43.040><c> false</c><00:13:43.440><c> text</c><00:13:43.839><c> here</c><00:13:44.360><c> same</c> 00:13:44.710 --> 00:13:44.720 align:start position:0% well I just get the false text here same 00:13:44.720 --> 00:13:47.269 align:start position:0% well I just get the false text here same if<00:13:44.880><c> I</c><00:13:45.000><c> try</c><00:13:45.240><c> to</c><00:13:45.399><c> print</c> 00:13:47.269 --> 00:13:47.279 align:start position:0% if I try to print 00:13:47.279 --> 00:13:50.150 align:start position:0% if I try to print through<00:13:48.279><c> but</c><00:13:49.000><c> where</c><00:13:49.240><c> this</c><00:13:49.480><c> becomes</c><00:13:49.920><c> really</c> 00:13:50.150 --> 00:13:50.160 align:start position:0% through but where this becomes really 00:13:50.160 --> 00:13:52.509 align:start position:0% through but where this becomes really useful<00:13:50.759><c> is</c><00:13:50.920><c> when</c><00:13:51.320><c> we</c><00:13:51.480><c> are</c><00:13:51.839><c> dealing</c><00:13:52.240><c> with</c> 00:13:52.509 --> 00:13:52.519 align:start position:0% useful is when we are dealing with 00:13:52.519 --> 00:13:54.790 align:start position:0% useful is when we are dealing with comparisons<00:13:53.519><c> and</c><00:13:53.759><c> with</c><00:13:54.079><c> conditionals</c><00:13:54.600><c> we'll</c> 00:13:54.790 --> 00:13:54.800 align:start position:0% comparisons and with conditionals we'll 00:13:54.800 --> 00:13:56.790 align:start position:0% comparisons and with conditionals we'll see<00:13:55.000><c> more</c><00:13:55.160><c> of</c><00:13:55.360><c> that</c><00:13:55.600><c> later</c><00:13:55.880><c> in</c><00:13:56.040><c> this</c> 00:13:56.790 --> 00:13:56.800 align:start position:0% see more of that later in this 00:13:56.800 --> 00:13:59.829 align:start position:0% see more of that later in this video<00:13:57.800><c> now</c><00:13:58.000><c> the</c><00:13:58.120><c> next</c><00:13:58.320><c> one</c><00:13:58.440><c> we'll</c><00:13:58.560><c> see</c><00:13:59.199><c> is</c><00:13:59.440><c> Neil</c> 00:13:59.829 --> 00:13:59.839 align:start position:0% video now the next one we'll see is Neil 00:13:59.839 --> 00:14:04.829 align:start position:0% video now the next one we'll see is Neil or<00:14:00.320><c> null</c><00:14:01.320><c> so</c><00:14:01.920><c> let</c><00:14:02.079><c> me</c><00:14:02.480><c> add</c><00:14:02.680><c> a</c><00:14:02.839><c> line</c><00:14:03.079><c> break</c><00:14:03.839><c> here</c> 00:14:04.829 --> 00:14:04.839 align:start position:0% or null so let me add a line break here 00:14:04.839 --> 00:14:09.069 align:start position:0% or null so let me add a line break here and<00:14:05.480><c> nil</c><00:14:06.399><c> or</c> 00:14:09.069 --> 00:14:09.079 align:start position:0% 00:14:09.079 --> 00:14:12.470 align:start position:0% null<00:14:10.079><c> so</c><00:14:10.519><c> we</c><00:14:10.680><c> can</c><00:14:10.920><c> declare</c><00:14:11.399><c> this</c><00:14:11.880><c> this</c><00:14:12.040><c> way</c><00:14:12.279><c> so</c> 00:14:12.470 --> 00:14:12.480 align:start position:0% null so we can declare this this way so 00:14:12.480 --> 00:14:15.350 align:start position:0% null so we can declare this this way so my<00:14:12.720><c> nil</c><00:14:13.360><c> equals</c> 00:14:15.350 --> 00:14:15.360 align:start position:0% my nil equals 00:14:15.360 --> 00:14:18.310 align:start position:0% my nil equals nil<00:14:16.360><c> and</c><00:14:17.040><c> this</c><00:14:17.240><c> extension</c><00:14:17.639><c> that</c><00:14:17.759><c> I</c><00:14:17.920><c> have</c><00:14:18.120><c> over</c> 00:14:18.310 --> 00:14:18.320 align:start position:0% nil and this extension that I have over 00:14:18.320 --> 00:14:20.590 align:start position:0% nil and this extension that I have over here<00:14:18.639><c> this</c><00:14:18.759><c> Shopify</c><00:14:19.320><c> liquid</c><00:14:19.680><c> extension</c> 00:14:20.590 --> 00:14:20.600 align:start position:0% here this Shopify liquid extension 00:14:20.600 --> 00:14:23.150 align:start position:0% here this Shopify liquid extension automatically<00:14:21.199><c> transforms</c><00:14:21.839><c> this</c><00:14:22.040><c> to</c><00:14:22.279><c> null</c><00:14:23.079><c> I</c> 00:14:23.150 --> 00:14:23.160 align:start position:0% automatically transforms this to null I 00:14:23.160 --> 00:14:24.629 align:start position:0% automatically transforms this to null I think<00:14:23.360><c> it</c><00:14:23.440><c> is</c><00:14:23.680><c> this</c> 00:14:24.629 --> 00:14:24.639 align:start position:0% think it is this 00:14:24.639 --> 00:14:27.749 align:start position:0% think it is this extension<00:14:25.639><c> but</c><00:14:25.920><c> anyways</c><00:14:26.920><c> for</c><00:14:27.279><c> practical</c> 00:14:27.749 --> 00:14:27.759 align:start position:0% extension but anyways for practical 00:14:27.759 --> 00:14:29.829 align:start position:0% extension but anyways for practical purposes<00:14:28.199><c> they</c><00:14:28.320><c> are</c><00:14:28.440><c> both</c><00:14:28.839><c> the</c><00:14:28.959><c> same</c><00:14:29.399><c> if</c><00:14:29.519><c> I</c><00:14:29.639><c> try</c> 00:14:29.829 --> 00:14:29.839 align:start position:0% purposes they are both the same if I try 00:14:29.839 --> 00:14:33.430 align:start position:0% purposes they are both the same if I try to<00:14:30.040><c> print</c><00:14:30.519><c> this</c><00:14:30.920><c> my</c> 00:14:33.430 --> 00:14:33.440 align:start position:0% 00:14:33.440 --> 00:14:36.269 align:start position:0% Neil<00:14:34.440><c> nothing</c><00:14:34.759><c> shows</c><00:14:35.079><c> up</c><00:14:35.440><c> because</c><00:14:35.720><c> this</c><00:14:35.959><c> value</c> 00:14:36.269 --> 00:14:36.279 align:start position:0% Neil nothing shows up because this value 00:14:36.279 --> 00:14:37.150 align:start position:0% Neil nothing shows up because this value is 00:14:37.150 --> 00:14:37.160 align:start position:0% is 00:14:37.160 --> 00:14:40.710 align:start position:0% is empty<00:14:38.160><c> however</c><00:14:38.480><c> where</c><00:14:38.759><c> this</c><00:14:38.920><c> is</c><00:14:39.399><c> useful</c><00:14:40.199><c> is</c><00:14:40.600><c> if</c> 00:14:40.710 --> 00:14:40.720 align:start position:0% empty however where this is useful is if 00:14:40.720 --> 00:14:43.030 align:start position:0% empty however where this is useful is if I<00:14:40.920><c> try</c><00:14:41.199><c> to</c><00:14:41.920><c> in</c><00:14:42.079><c> a</c><00:14:42.399><c> conditional</c><00:14:42.720><c> we</c><00:14:42.839><c> haven't</c> 00:14:43.030 --> 00:14:43.040 align:start position:0% I try to in a conditional we haven't 00:14:43.040 --> 00:14:45.269 align:start position:0% I try to in a conditional we haven't seen<00:14:43.440><c> conditionals</c><00:14:44.120><c> we'll</c><00:14:44.440><c> explore</c><00:14:45.000><c> more</c><00:14:45.160><c> of</c> 00:14:45.269 --> 00:14:45.279 align:start position:0% seen conditionals we'll explore more of 00:14:45.279 --> 00:14:46.430 align:start position:0% seen conditionals we'll explore more of this<00:14:45.440><c> in</c><00:14:45.519><c> a</c><00:14:45.639><c> moment</c><00:14:45.920><c> but</c><00:14:46.040><c> I</c><00:14:46.120><c> want</c><00:14:46.279><c> to</c> 00:14:46.430 --> 00:14:46.440 align:start position:0% this in a moment but I want to 00:14:46.440 --> 00:14:49.189 align:start position:0% this in a moment but I want to illustrate<00:14:46.920><c> this</c><00:14:47.120><c> example</c><00:14:47.519><c> here</c><00:14:48.360><c> if</c><00:14:48.560><c> I</c><00:14:48.759><c> check</c> 00:14:49.189 --> 00:14:49.199 align:start position:0% illustrate this example here if I check 00:14:49.199 --> 00:14:55.910 align:start position:0% illustrate this example here if I check for<00:14:50.199><c> if</c><00:14:50.720><c> defined</c><00:14:51.759><c> variable</c><00:14:52.759><c> is</c><00:14:52.959><c> equal</c><00:14:53.240><c> to</c> 00:14:55.910 --> 00:14:55.920 align:start position:0% 00:14:55.920 --> 00:14:59.949 align:start position:0% n<00:14:56.920><c> let</c><00:14:57.079><c> me</c><00:14:57.279><c> print</c><00:14:58.079><c> on</c><00:14:58.279><c> the</c><00:14:58.440><c> fin</c><00:14:58.839><c> variable</c><00:14:59.720><c> is</c> 00:14:59.949 --> 00:14:59.959 align:start position:0% n let me print on the fin variable is 00:14:59.959 --> 00:15:02.910 align:start position:0% n let me print on the fin variable is equal<00:15:00.240><c> to</c> 00:15:02.910 --> 00:15:02.920 align:start position:0% 00:15:02.920 --> 00:15:05.550 align:start position:0% nil 00:15:05.550 --> 00:15:05.560 align:start position:0% nil 00:15:05.560 --> 00:15:12.710 align:start position:0% nil and<00:15:06.560><c> over</c><00:15:06.959><c> here</c><00:15:07.959><c> right</c><00:15:08.160><c> I</c><00:15:08.240><c> forgot</c><00:15:08.519><c> to</c><00:15:08.639><c> close</c> 00:15:12.710 --> 00:15:12.720 align:start position:0% 00:15:12.720 --> 00:15:15.749 align:start position:0% this<00:15:13.720><c> so</c><00:15:14.000><c> here</c><00:15:14.320><c> I</c><00:15:14.399><c> see</c><00:15:14.680><c> that</c><00:15:14.800><c> undefined</c><00:15:15.560><c> is</c> 00:15:15.749 --> 00:15:15.759 align:start position:0% this so here I see that undefined is 00:15:15.759 --> 00:15:18.150 align:start position:0% this so here I see that undefined is equal<00:15:16.040><c> undefined</c><00:15:16.519><c> variable</c><00:15:16.839><c> is</c><00:15:16.959><c> equal</c><00:15:17.199><c> to</c><00:15:17.320><c> nil</c> 00:15:18.150 --> 00:15:18.160 align:start position:0% equal undefined variable is equal to nil 00:15:18.160 --> 00:15:20.110 align:start position:0% equal undefined variable is equal to nil if<00:15:18.279><c> I</c><00:15:18.399><c> were</c><00:15:18.600><c> to</c><00:15:18.759><c> put</c><00:15:19.079><c> a</c><00:15:19.240><c> different</c><00:15:19.639><c> variable</c> 00:15:20.110 --> 00:15:20.120 align:start position:0% if I were to put a different variable 00:15:20.120 --> 00:15:25.069 align:start position:0% if I were to put a different variable here<00:15:20.800><c> like</c><00:15:21.160><c> let's</c><00:15:21.360><c> say</c><00:15:21.600><c> my</c> 00:15:25.069 --> 00:15:25.079 align:start position:0% 00:15:25.079 --> 00:15:28.230 align:start position:0% number<00:15:26.079><c> now</c><00:15:26.279><c> we</c><00:15:26.399><c> don't</c><00:15:26.560><c> see</c><00:15:26.880><c> anything</c><00:15:27.360><c> here</c> 00:15:28.230 --> 00:15:28.240 align:start position:0% number now we don't see anything here 00:15:28.240 --> 00:15:30.189 align:start position:0% number now we don't see anything here again<00:15:28.680><c> Neil</c><00:15:28.920><c> and</c><00:15:29.079><c> null</c><00:15:29.360><c> are</c><00:15:29.600><c> pretty</c><00:15:29.800><c> much</c><00:15:30.079><c> the</c> 00:15:30.189 --> 00:15:30.199 align:start position:0% again Neil and null are pretty much the 00:15:30.199 --> 00:15:33.030 align:start position:0% again Neil and null are pretty much the same<00:15:30.720><c> they</c><00:15:30.839><c> are</c><00:15:31.040><c> just</c><00:15:31.240><c> used</c><00:15:31.560><c> to</c><00:15:31.839><c> indicate</c><00:15:32.839><c> that</c> 00:15:33.030 --> 00:15:33.040 align:start position:0% same they are just used to indicate that 00:15:33.040 --> 00:15:35.269 align:start position:0% same they are just used to indicate that a<00:15:33.160><c> value</c><00:15:33.399><c> is</c><00:15:33.519><c> empty</c><00:15:33.920><c> as</c><00:15:34.040><c> on</c><00:15:34.240><c> defined</c><00:15:34.639><c> variable</c> 00:15:35.269 --> 00:15:35.279 align:start position:0% a value is empty as on defined variable 00:15:35.279 --> 00:15:37.829 align:start position:0% a value is empty as on defined variable doesn't<00:15:35.720><c> exist</c><00:15:36.319><c> here</c><00:15:37.199><c> its</c><00:15:37.480><c> value</c><00:15:37.720><c> is</c> 00:15:37.829 --> 00:15:37.839 align:start position:0% doesn't exist here its value is 00:15:37.839 --> 00:15:40.749 align:start position:0% doesn't exist here its value is considered<00:15:38.319><c> empty</c><00:15:38.800><c> and</c><00:15:39.079><c> therefore</c><00:15:40.079><c> the</c><00:15:40.319><c> code</c> 00:15:40.749 --> 00:15:40.759 align:start position:0% considered empty and therefore the code 00:15:40.759 --> 00:15:44.910 align:start position:0% considered empty and therefore the code over<00:15:41.040><c> here</c><00:15:42.000><c> is</c><00:15:42.240><c> executed</c><00:15:42.800><c> so</c><00:15:43.240><c> this</c><00:15:43.800><c> P</c><00:15:44.120><c> tag</c><00:15:44.800><c> and</c> 00:15:44.910 --> 00:15:44.920 align:start position:0% over here is executed so this P tag and 00:15:44.920 --> 00:15:47.030 align:start position:0% over here is executed so this P tag and the<00:15:45.040><c> content</c><00:15:45.399><c> inside</c><00:15:45.639><c> of</c><00:15:45.759><c> it</c><00:15:45.880><c> gets</c><00:15:46.079><c> Brint</c><00:15:46.839><c> gets</c> 00:15:47.030 --> 00:15:47.040 align:start position:0% the content inside of it gets Brint gets 00:15:47.040 --> 00:15:50.790 align:start position:0% the content inside of it gets Brint gets added<00:15:47.279><c> to</c><00:15:47.440><c> the</c><00:15:48.199><c> to</c><00:15:48.360><c> the</c><00:15:48.480><c> HTML</c><00:15:49.319><c> code</c><00:15:50.319><c> okay</c><00:15:50.600><c> so</c> 00:15:50.790 --> 00:15:50.800 align:start position:0% added to the to the HTML code okay so 00:15:50.800 --> 00:15:53.309 align:start position:0% added to the to the HTML code okay so the<00:15:50.959><c> next</c><00:15:51.240><c> data</c><00:15:51.480><c> types</c><00:15:51.720><c> that</c><00:15:51.839><c> we'll</c><00:15:52.079><c> see</c><00:15:52.639><c> are</c> 00:15:53.309 --> 00:15:53.319 align:start position:0% the next data types that we'll see are 00:15:53.319 --> 00:15:55.309 align:start position:0% the next data types that we'll see are data<00:15:53.600><c> types</c><00:15:53.880><c> that</c><00:15:54.519><c> we</c><00:15:54.680><c> cannot</c><00:15:54.959><c> declare</c> 00:15:55.309 --> 00:15:55.319 align:start position:0% data types that we cannot declare 00:15:55.319 --> 00:15:57.430 align:start position:0% data types that we cannot declare ourselves<00:15:55.880><c> but</c><00:15:56.040><c> that</c><00:15:56.199><c> we</c><00:15:56.279><c> can</c><00:15:56.519><c> access</c><00:15:57.120><c> if</c><00:15:57.279><c> they</c> 00:15:57.430 --> 00:15:57.440 align:start position:0% ourselves but that we can access if they 00:15:57.440 --> 00:15:59.230 align:start position:0% ourselves but that we can access if they have<00:15:57.560><c> been</c><00:15:57.759><c> declared</c><00:15:58.240><c> for</c><00:15:58.440><c> us</c> 00:15:59.230 --> 00:15:59.240 align:start position:0% have been declared for us 00:15:59.240 --> 00:16:01.389 align:start position:0% have been declared for us and<00:15:59.399><c> show</c><00:15:59.680><c> if</c><00:15:59.839><c> I</c><00:16:00.120><c> does</c><00:16:00.399><c> that</c><00:16:00.639><c> of</c><00:16:00.839><c> them</c><00:16:01.240><c> the</c> 00:16:01.389 --> 00:16:01.399 align:start position:0% and show if I does that of them the 00:16:01.399 --> 00:16:03.309 align:start position:0% and show if I does that of them the first<00:16:01.800><c> one</c><00:16:02.240><c> will</c><00:16:02.440><c> be</c> 00:16:03.309 --> 00:16:03.319 align:start position:0% first one will be 00:16:03.319 --> 00:16:06.110 align:start position:0% first one will be array<00:16:04.319><c> so</c><00:16:04.720><c> here</c><00:16:05.160><c> I'll</c><00:16:05.360><c> write</c> 00:16:06.110 --> 00:16:06.120 align:start position:0% array so here I'll write 00:16:06.120 --> 00:16:08.550 align:start position:0% array so here I'll write array<00:16:07.120><c> and</c><00:16:07.360><c> an</c><00:16:07.519><c> array</c><00:16:07.880><c> is</c><00:16:08.079><c> basically</c><00:16:08.440><c> a</c> 00:16:08.550 --> 00:16:08.560 align:start position:0% array and an array is basically a 00:16:08.560 --> 00:16:10.350 align:start position:0% array and an array is basically a collection<00:16:08.959><c> of</c><00:16:09.199><c> values</c><00:16:09.639><c> that</c><00:16:09.759><c> are</c><00:16:09.920><c> enclosed</c> 00:16:10.350 --> 00:16:10.360 align:start position:0% collection of values that are enclosed 00:16:10.360 --> 00:16:12.509 align:start position:0% collection of values that are enclosed in<00:16:10.440><c> a</c><00:16:10.560><c> single</c><00:16:11.000><c> variable</c><00:16:12.000><c> if</c><00:16:12.120><c> you</c><00:16:12.279><c> have</c> 00:16:12.509 --> 00:16:12.519 align:start position:0% in a single variable if you have 00:16:12.519 --> 00:16:13.910 align:start position:0% in a single variable if you have programmed<00:16:12.959><c> already</c><00:16:13.240><c> in</c><00:16:13.360><c> other</c><00:16:13.560><c> programming</c> 00:16:13.910 --> 00:16:13.920 align:start position:0% programmed already in other programming 00:16:13.920 --> 00:16:15.910 align:start position:0% programmed already in other programming languages<00:16:14.680><c> you</c><00:16:14.759><c> are</c><00:16:14.959><c> probably</c><00:16:15.319><c> familiar</c><00:16:15.759><c> with</c> 00:16:15.910 --> 00:16:15.920 align:start position:0% languages you are probably familiar with 00:16:15.920 --> 00:16:17.629 align:start position:0% languages you are probably familiar with them<00:16:16.079><c> in</c><00:16:16.240><c> one</c><00:16:16.399><c> way</c><00:16:16.560><c> or</c><00:16:16.720><c> the</c> 00:16:17.629 --> 00:16:17.639 align:start position:0% them in one way or the 00:16:17.639 --> 00:16:20.790 align:start position:0% them in one way or the other<00:16:18.639><c> now</c><00:16:18.880><c> if</c><00:16:19.000><c> I</c><00:16:19.160><c> try</c><00:16:19.440><c> to</c><00:16:19.600><c> declare</c><00:16:20.279><c> an</c><00:16:20.440><c> array</c> 00:16:20.790 --> 00:16:20.800 align:start position:0% other now if I try to declare an array 00:16:20.800 --> 00:16:23.550 align:start position:0% other now if I try to declare an array here<00:16:21.000><c> so</c><00:16:21.279><c> my</c><00:16:21.759><c> array</c><00:16:22.759><c> in</c><00:16:22.920><c> other</c><00:16:23.160><c> programming</c> 00:16:23.550 --> 00:16:23.560 align:start position:0% here so my array in other programming 00:16:23.560 --> 00:16:25.749 align:start position:0% here so my array in other programming languages<00:16:24.240><c> this</c><00:16:24.360><c> is</c><00:16:24.680><c> how</c><00:16:25.040><c> you</c><00:16:25.160><c> will</c><00:16:25.360><c> declare</c> 00:16:25.749 --> 00:16:25.759 align:start position:0% languages this is how you will declare 00:16:25.759 --> 00:16:26.550 align:start position:0% languages this is how you will declare them 00:16:26.550 --> 00:16:26.560 align:start position:0% them 00:16:26.560 --> 00:16:29.430 align:start position:0% them usually<00:16:27.560><c> but</c><00:16:27.800><c> you</c><00:16:27.959><c> already</c><00:16:28.639><c> get</c><00:16:28.800><c> an</c><00:16:28.959><c> idea</c><00:16:29.240><c> here</c> 00:16:29.430 --> 00:16:29.440 align:start position:0% usually but you already get an idea here 00:16:29.440 --> 00:16:32.590 align:start position:0% usually but you already get an idea here that<00:16:29.639><c> this</c><00:16:29.759><c> will</c><00:16:29.959><c> throw</c><00:16:30.199><c> an</c> 00:16:32.590 --> 00:16:32.600 align:start position:0% 00:16:32.600 --> 00:16:35.749 align:start position:0% error<00:16:33.600><c> if</c><00:16:33.800><c> here</c><00:16:33.959><c> I</c><00:16:34.120><c> try</c><00:16:34.360><c> printing</c> 00:16:35.749 --> 00:16:35.759 align:start position:0% error if here I try printing 00:16:35.759 --> 00:16:38.910 align:start position:0% error if here I try printing this<00:16:36.759><c> I</c><00:16:36.880><c> just</c><00:16:37.000><c> won't</c><00:16:37.240><c> see</c> 00:16:38.910 --> 00:16:38.920 align:start position:0% this I just won't see 00:16:38.920 --> 00:16:42.550 align:start position:0% this I just won't see anything<00:16:39.920><c> however</c><00:16:40.720><c> Shopify</c><00:16:41.720><c> declares</c><00:16:42.240><c> a</c><00:16:42.360><c> few</c> 00:16:42.550 --> 00:16:42.560 align:start position:0% anything however Shopify declares a few 00:16:42.560 --> 00:16:45.309 align:start position:0% anything however Shopify declares a few arrays<00:16:42.880><c> for</c><00:16:43.040><c> us</c><00:16:43.240><c> that</c><00:16:43.399><c> we</c><00:16:43.519><c> can</c><00:16:43.880><c> access</c><00:16:44.880><c> one</c><00:16:45.079><c> of</c> 00:16:45.309 --> 00:16:45.319 align:start position:0% arrays for us that we can access one of 00:16:45.319 --> 00:16:48.910 align:start position:0% arrays for us that we can access one of those<00:16:46.160><c> is</c><00:16:47.160><c> product.</c> 00:16:48.910 --> 00:16:48.920 align:start position:0% those is product. 00:16:48.920 --> 00:16:51.470 align:start position:0% those is product. taex<00:16:49.920><c> you</c><00:16:50.040><c> can</c><00:16:50.160><c> see</c><00:16:50.399><c> that</c><00:16:50.680><c> this</c><00:16:50.959><c> didn't</c><00:16:51.240><c> show</c> 00:16:51.470 --> 00:16:51.480 align:start position:0% taex you can see that this didn't show 00:16:51.480 --> 00:16:52.189 align:start position:0% taex you can see that this didn't show an 00:16:52.189 --> 00:16:52.199 align:start position:0% an 00:16:52.199 --> 00:16:54.629 align:start position:0% an error<00:16:53.199><c> but</c><00:16:53.519><c> it</c><00:16:53.800><c> still</c><00:16:54.000><c> doesn't</c><00:16:54.319><c> print</c> 00:16:54.629 --> 00:16:54.639 align:start position:0% error but it still doesn't print 00:16:54.639 --> 00:16:56.030 align:start position:0% error but it still doesn't print anything<00:16:55.000><c> and</c><00:16:55.120><c> the</c><00:16:55.199><c> reason</c><00:16:55.440><c> for</c><00:16:55.600><c> that</c><00:16:55.759><c> is</c><00:16:55.880><c> that</c> 00:16:56.030 --> 00:16:56.040 align:start position:0% anything and the reason for that is that 00:16:56.040 --> 00:16:58.749 align:start position:0% anything and the reason for that is that I'm<00:16:56.160><c> in</c><00:16:56.240><c> the</c><00:16:56.360><c> homepage</c><00:16:56.959><c> but</c><00:16:57.120><c> if</c><00:16:57.199><c> I</c><00:16:57.480><c> go</c><00:16:58.480><c> to</c><00:16:58.639><c> a</c> 00:16:58.749 --> 00:16:58.759 align:start position:0% I'm in the homepage but if I go to a 00:16:58.759 --> 00:17:01.269 align:start position:0% I'm in the homepage but if I go to a product<00:16:59.160><c> page</c><00:16:59.600><c> like</c><00:16:59.880><c> this</c><00:17:00.720><c> we</c><00:17:00.839><c> can</c><00:17:01.000><c> see</c><00:17:01.160><c> the</c> 00:17:01.269 --> 00:17:01.279 align:start position:0% product page like this we can see the 00:17:01.279 --> 00:17:04.750 align:start position:0% product page like this we can see the product<00:17:01.639><c> tags</c><00:17:01.920><c> of</c><00:17:02.160><c> this</c><00:17:03.280><c> so</c><00:17:04.280><c> something</c><00:17:04.600><c> to</c> 00:17:04.750 --> 00:17:04.760 align:start position:0% product tags of this so something to 00:17:04.760 --> 00:17:06.309 align:start position:0% product tags of this so something to mention<00:17:05.079><c> is</c><00:17:05.199><c> that</c><00:17:05.400><c> some</c><00:17:05.559><c> of</c><00:17:05.720><c> the</c><00:17:05.919><c> variables</c> 00:17:06.309 --> 00:17:06.319 align:start position:0% mention is that some of the variables 00:17:06.319 --> 00:17:08.189 align:start position:0% mention is that some of the variables that<00:17:06.439><c> Shopify</c><00:17:06.880><c> declares</c><00:17:07.240><c> for</c><00:17:07.439><c> us</c><00:17:07.919><c> are</c> 00:17:08.189 --> 00:17:08.199 align:start position:0% that Shopify declares for us are 00:17:08.199 --> 00:17:10.429 align:start position:0% that Shopify declares for us are contextual<00:17:08.839><c> and</c><00:17:09.000><c> depend</c><00:17:09.640><c> on</c><00:17:10.000><c> where</c><00:17:10.199><c> you</c><00:17:10.319><c> are</c> 00:17:10.429 --> 00:17:10.439 align:start position:0% contextual and depend on where you are 00:17:10.439 --> 00:17:12.630 align:start position:0% contextual and depend on where you are trying<00:17:10.679><c> to</c><00:17:10.880><c> access</c><00:17:11.160><c> them</c><00:17:11.679><c> obviously</c><00:17:12.079><c> product.</c> 00:17:12.630 --> 00:17:12.640 align:start position:0% trying to access them obviously product. 00:17:12.640 --> 00:17:14.829 align:start position:0% trying to access them obviously product. tax<00:17:12.919><c> doesn't</c><00:17:13.199><c> make</c><00:17:13.439><c> sense</c><00:17:13.839><c> if</c><00:17:13.959><c> you</c><00:17:14.079><c> are</c><00:17:14.559><c> in</c><00:17:14.679><c> the</c> 00:17:14.829 --> 00:17:14.839 align:start position:0% tax doesn't make sense if you are in the 00:17:14.839 --> 00:17:16.909 align:start position:0% tax doesn't make sense if you are in the homepage<00:17:15.280><c> because</c><00:17:15.480><c> it</c><00:17:15.600><c> doesn't</c><00:17:15.839><c> know</c><00:17:16.720><c> what</c> 00:17:16.909 --> 00:17:16.919 align:start position:0% homepage because it doesn't know what 00:17:16.919 --> 00:17:18.309 align:start position:0% homepage because it doesn't know what product<00:17:17.199><c> you</c><00:17:17.280><c> are</c><00:17:17.400><c> referring</c><00:17:17.760><c> to</c><00:17:18.079><c> but</c><00:17:18.199><c> if</c> 00:17:18.309 --> 00:17:18.319 align:start position:0% product you are referring to but if 00:17:18.319 --> 00:17:20.429 align:start position:0% product you are referring to but if you're<00:17:18.439><c> in</c><00:17:18.520><c> the</c><00:17:18.679><c> product</c><00:17:19.000><c> page</c><00:17:19.360><c> it</c><00:17:19.520><c> knows</c><00:17:20.240><c> what</c> 00:17:20.429 --> 00:17:20.439 align:start position:0% you're in the product page it knows what 00:17:20.439 --> 00:17:22.870 align:start position:0% you're in the product page it knows what product<00:17:20.760><c> you</c><00:17:20.880><c> want</c><00:17:21.039><c> to</c><00:17:21.160><c> get</c><00:17:21.319><c> the</c><00:17:21.480><c> Tex</c><00:17:21.880><c> for</c> 00:17:22.870 --> 00:17:22.880 align:start position:0% product you want to get the Tex for 00:17:22.880 --> 00:17:24.870 align:start position:0% product you want to get the Tex for anyways<00:17:23.439><c> this</c><00:17:23.520><c> is</c><00:17:23.640><c> an</c><00:17:23.799><c> array</c><00:17:24.240><c> and</c><00:17:24.400><c> you</c><00:17:24.480><c> can</c><00:17:24.640><c> see</c> 00:17:24.870 --> 00:17:24.880 align:start position:0% anyways this is an array and you can see 00:17:24.880 --> 00:17:27.429 align:start position:0% anyways this is an array and you can see all<00:17:25.039><c> the</c><00:17:25.240><c> tags</c><00:17:26.000><c> they</c><00:17:26.120><c> are</c><00:17:26.600><c> grouped</c><00:17:27.079><c> together</c> 00:17:27.429 --> 00:17:27.439 align:start position:0% all the tags they are grouped together 00:17:27.439 --> 00:17:30.150 align:start position:0% all the tags they are grouped together here<00:17:28.079><c> so</c><00:17:28.679><c> this</c><00:17:28.880><c> doesn't</c><00:17:29.200><c> make</c><00:17:29.520><c> much</c><00:17:29.760><c> sense</c> 00:17:30.150 --> 00:17:30.160 align:start position:0% here so this doesn't make much sense 00:17:30.160 --> 00:17:32.590 align:start position:0% here so this doesn't make much sense much<00:17:30.480><c> sense</c><00:17:31.480><c> you</c><00:17:31.600><c> could</c><00:17:31.799><c> even</c><00:17:32.200><c> think</c><00:17:32.440><c> that</c> 00:17:32.590 --> 00:17:32.600 align:start position:0% much sense you could even think that 00:17:32.600 --> 00:17:36.510 align:start position:0% much sense you could even think that this<00:17:32.720><c> is</c><00:17:32.799><c> a</c><00:17:32.919><c> string</c><00:17:34.000><c> however</c><00:17:35.000><c> if</c><00:17:35.280><c> here</c><00:17:35.960><c> I</c><00:17:36.120><c> try</c> 00:17:36.510 --> 00:17:36.520 align:start position:0% this is a string however if here I try 00:17:36.520 --> 00:17:38.789 align:start position:0% this is a string however if here I try accessing<00:17:37.200><c> the</c><00:17:37.360><c> first</c><00:17:37.600><c> element</c><00:17:37.960><c> in</c><00:17:38.080><c> the</c><00:17:38.160><c> array</c> 00:17:38.789 --> 00:17:38.799 align:start position:0% accessing the first element in the array 00:17:38.799 --> 00:17:41.310 align:start position:0% accessing the first element in the array and<00:17:39.000><c> arrays</c><00:17:39.520><c> by</c><00:17:39.640><c> the</c><00:17:39.760><c> way</c><00:17:40.200><c> start</c><00:17:40.679><c> at</c><00:17:40.919><c> index</c> 00:17:41.310 --> 00:17:41.320 align:start position:0% and arrays by the way start at index 00:17:41.320 --> 00:17:43.630 align:start position:0% and arrays by the way start at index zero<00:17:41.760><c> and</c><00:17:41.880><c> go</c><00:17:42.080><c> on</c><00:17:42.280><c> from</c> 00:17:43.630 --> 00:17:43.640 align:start position:0% zero and go on from 00:17:43.640 --> 00:17:47.029 align:start position:0% zero and go on from there<00:17:44.640><c> we</c><00:17:44.799><c> see</c><00:17:45.039><c> premium</c><00:17:45.840><c> here</c><00:17:46.440><c> if</c><00:17:46.600><c> I</c><00:17:46.760><c> try</c> 00:17:47.029 --> 00:17:47.039 align:start position:0% there we see premium here if I try 00:17:47.039 --> 00:17:50.029 align:start position:0% there we see premium here if I try accessing<00:17:47.440><c> the</c><00:17:47.600><c> one</c><00:17:47.799><c> in</c><00:17:47.960><c> index</c> 00:17:50.029 --> 00:17:50.039 align:start position:0% accessing the one in index 00:17:50.039 --> 00:17:53.870 align:start position:0% accessing the one in index one<00:17:51.039><c> we'll</c><00:17:51.280><c> see</c><00:17:51.440><c> a</c><00:17:51.559><c> snow</c><00:17:52.000><c> and</c><00:17:52.200><c> so</c><00:17:52.440><c> one</c><00:17:53.160><c> also</c> 00:17:53.870 --> 00:17:53.880 align:start position:0% one we'll see a snow and so one also 00:17:53.880 --> 00:17:57.669 align:start position:0% one we'll see a snow and so one also arrays<00:17:54.880><c> have</c><00:17:55.120><c> the</c><00:17:55.360><c> size</c><00:17:56.200><c> property</c><00:17:57.200><c> this</c><00:17:57.440><c> let</c> 00:17:57.669 --> 00:17:57.679 align:start position:0% arrays have the size property this let 00:17:57.679 --> 00:18:00.590 align:start position:0% arrays have the size property this let us<00:17:57.880><c> know</c><00:17:58.760><c> how</c><00:17:58.919><c> many</c><00:17:59.200><c> elements</c><00:17:59.799><c> are</c><00:18:00.000><c> in</c><00:18:00.159><c> the</c> 00:18:00.590 --> 00:18:00.600 align:start position:0% us know how many elements are in the 00:18:00.600 --> 00:18:02.990 align:start position:0% us know how many elements are in the array<00:18:01.600><c> strings</c><00:18:02.039><c> also</c><00:18:02.280><c> have</c><00:18:02.520><c> this</c><00:18:02.799><c> that</c> 00:18:02.990 --> 00:18:03.000 align:start position:0% array strings also have this that 00:18:03.000 --> 00:18:05.230 align:start position:0% array strings also have this that property<00:18:03.400><c> by</c><00:18:03.520><c> the</c><00:18:03.640><c> way</c><00:18:03.880><c> so</c><00:18:04.320><c> here</c><00:18:04.559><c> I</c><00:18:04.640><c> can</c><00:18:04.760><c> say</c><00:18:05.039><c> my</c> 00:18:05.230 --> 00:18:05.240 align:start position:0% property by the way so here I can say my 00:18:05.240 --> 00:18:06.950 align:start position:0% property by the way so here I can say my string<00:18:05.880><c> look</c> 00:18:06.950 --> 00:18:06.960 align:start position:0% string look 00:18:06.960 --> 00:18:09.669 align:start position:0% string look size<00:18:07.960><c> and</c><00:18:08.120><c> I</c><00:18:08.240><c> should</c><00:18:08.400><c> see</c><00:18:08.640><c> here</c><00:18:08.840><c> four</c><00:18:09.440><c> because</c> 00:18:09.669 --> 00:18:09.679 align:start position:0% size and I should see here four because 00:18:09.679 --> 00:18:11.470 align:start position:0% size and I should see here four because this<00:18:09.880><c> string</c><00:18:10.280><c> has</c><00:18:10.520><c> four</c> 00:18:11.470 --> 00:18:11.480 align:start position:0% this string has four 00:18:11.480 --> 00:18:14.950 align:start position:0% this string has four characters<00:18:12.720><c> anyways</c><00:18:13.720><c> arrays</c><00:18:14.280><c> also</c><00:18:14.600><c> let</c><00:18:14.799><c> us</c> 00:18:14.950 --> 00:18:14.960 align:start position:0% characters anyways arrays also let us 00:18:14.960 --> 00:18:17.310 align:start position:0% characters anyways arrays also let us Loop<00:18:15.280><c> through</c><00:18:15.520><c> them</c><00:18:15.799><c> we'll</c><00:18:16.000><c> see</c><00:18:16.280><c> Loops</c><00:18:16.960><c> more</c> 00:18:17.310 --> 00:18:17.320 align:start position:0% Loop through them we'll see Loops more 00:18:17.320 --> 00:18:19.750 align:start position:0% Loop through them we'll see Loops more in<00:18:17.559><c> depth</c><00:18:18.080><c> later</c><00:18:18.400><c> in</c><00:18:18.520><c> the</c><00:18:18.679><c> video</c><00:18:19.039><c> but</c><00:18:19.480><c> just</c><00:18:19.640><c> so</c> 00:18:19.750 --> 00:18:19.760 align:start position:0% in depth later in the video but just so 00:18:19.760 --> 00:18:23.029 align:start position:0% in depth later in the video but just so you<00:18:19.919><c> see</c><00:18:20.400><c> how</c><00:18:20.679><c> you</c><00:18:20.799><c> can</c><00:18:20.960><c> Loop</c><00:18:21.360><c> through</c><00:18:21.840><c> them</c><00:18:22.440><c> so</c> 00:18:23.029 --> 00:18:23.039 align:start position:0% you see how you can Loop through them so 00:18:23.039 --> 00:18:25.390 align:start position:0% you see how you can Loop through them so for<00:18:23.440><c> tag</c><00:18:23.840><c> in</c> 00:18:25.390 --> 00:18:25.400 align:start position:0% for tag in 00:18:25.400 --> 00:18:29.830 align:start position:0% for tag in Tex<00:18:26.400><c> and</c><00:18:26.720><c> for</c><00:18:27.320><c> here</c> 00:18:29.830 --> 00:18:29.840 align:start position:0% Tex and for here 00:18:29.840 --> 00:18:32.549 align:start position:0% Tex and for here and<00:18:30.000><c> we</c><00:18:30.159><c> can</c><00:18:30.320><c> print</c><00:18:30.600><c> here</c><00:18:30.880><c> the</c> 00:18:32.549 --> 00:18:32.559 align:start position:0% and we can print here the 00:18:32.559 --> 00:18:34.950 align:start position:0% and we can print here the tag<00:18:33.559><c> let's</c><00:18:33.799><c> add</c> 00:18:34.950 --> 00:18:34.960 align:start position:0% tag let's add 00:18:34.960 --> 00:18:38.990 align:start position:0% tag let's add a<00:18:35.960><c> new</c><00:18:36.240><c> line</c> 00:18:38.990 --> 00:18:39.000 align:start position:0% 00:18:39.000 --> 00:18:43.789 align:start position:0% here<00:18:40.080><c> right</c><00:18:41.080><c> in</c><00:18:41.360><c> product.</c> 00:18:43.789 --> 00:18:43.799 align:start position:0% here right in product. 00:18:43.799 --> 00:18:46.029 align:start position:0% here right in product. tax<00:18:44.799><c> and</c><00:18:44.919><c> we</c><00:18:45.039><c> can</c><00:18:45.159><c> see</c><00:18:45.320><c> all</c><00:18:45.440><c> the</c><00:18:45.559><c> taxs</c><00:18:45.840><c> that</c> 00:18:46.029 --> 00:18:46.039 align:start position:0% tax and we can see all the taxs that 00:18:46.039 --> 00:18:49.230 align:start position:0% tax and we can see all the taxs that this<00:18:46.240><c> product</c><00:18:46.640><c> has</c><00:18:47.200><c> so</c><00:18:48.000><c> there</c><00:18:48.120><c> you</c><00:18:48.280><c> have</c><00:18:48.400><c> it</c> 00:18:49.230 --> 00:18:49.240 align:start position:0% this product has so there you have it 00:18:49.240 --> 00:18:51.070 align:start position:0% this product has so there you have it even<00:18:49.480><c> though</c><00:18:49.640><c> we</c><00:18:49.799><c> cannot</c><00:18:50.080><c> declare</c><00:18:50.440><c> arrays</c><00:18:50.960><c> we</c> 00:18:51.070 --> 00:18:51.080 align:start position:0% even though we cannot declare arrays we 00:18:51.080 --> 00:18:53.590 align:start position:0% even though we cannot declare arrays we can<00:18:51.320><c> access</c><00:18:51.640><c> them</c><00:18:52.039><c> if</c><00:18:52.400><c> they've</c><00:18:52.600><c> been</c><00:18:52.840><c> provided</c> 00:18:53.590 --> 00:18:53.600 align:start position:0% can access them if they've been provided 00:18:53.600 --> 00:18:55.270 align:start position:0% can access them if they've been provided by 00:18:55.270 --> 00:18:55.280 align:start position:0% by 00:18:55.280 --> 00:18:57.669 align:start position:0% by Shopify<00:18:56.280><c> there</c><00:18:56.440><c> is</c><00:18:56.679><c> though</c><00:18:56.919><c> a</c><00:18:57.039><c> workaround</c><00:18:57.520><c> for</c> 00:18:57.669 --> 00:18:57.679 align:start position:0% Shopify there is though a workaround for 00:18:57.679 --> 00:19:00.710 align:start position:0% Shopify there is though a workaround for declaring<00:18:58.080><c> array</c><00:18:58.360><c> R</c><00:18:59.360><c> it</c><00:18:59.559><c> only</c><00:18:59.840><c> works</c><00:19:00.159><c> for</c><00:19:00.440><c> very</c> 00:19:00.710 --> 00:19:00.720 align:start position:0% declaring array R it only works for very 00:19:00.720 --> 00:19:03.110 align:start position:0% declaring array R it only works for very specific<00:19:01.280><c> circumstances</c><00:19:02.280><c> but</c><00:19:02.480><c> we'll</c><00:19:02.720><c> explore</c> 00:19:03.110 --> 00:19:03.120 align:start position:0% specific circumstances but we'll explore 00:19:03.120 --> 00:19:06.470 align:start position:0% specific circumstances but we'll explore It<00:19:03.679><c> Anyways</c><00:19:04.240><c> later</c><00:19:04.640><c> later</c><00:19:04.919><c> in</c><00:19:05.039><c> the</c><00:19:05.240><c> video</c><00:19:06.120><c> now</c> 00:19:06.470 --> 00:19:06.480 align:start position:0% It Anyways later later in the video now 00:19:06.480 --> 00:19:08.470 align:start position:0% It Anyways later later in the video now let's<00:19:06.720><c> cover</c><00:19:07.039><c> the</c><00:19:07.200><c> last</c><00:19:07.480><c> data</c><00:19:07.760><c> type</c><00:19:08.159><c> and</c><00:19:08.320><c> you</c> 00:19:08.470 --> 00:19:08.480 align:start position:0% let's cover the last data type and you 00:19:08.480 --> 00:19:10.710 align:start position:0% let's cover the last data type and you have<00:19:08.640><c> already</c><00:19:08.880><c> seen</c><00:19:09.080><c> a</c><00:19:09.200><c> preview</c><00:19:09.520><c> of</c><00:19:09.679><c> that</c><00:19:10.600><c> we</c> 00:19:10.710 --> 00:19:10.720 align:start position:0% have already seen a preview of that we 00:19:10.720 --> 00:19:16.149 align:start position:0% have already seen a preview of that we are<00:19:10.919><c> going</c><00:19:11.159><c> to</c><00:19:11.919><c> see</c><00:19:12.280><c> the</c><00:19:12.640><c> object</c><00:19:13.640><c> data</c><00:19:14.159><c> type</c><00:19:15.159><c> so</c> 00:19:16.149 --> 00:19:16.159 align:start position:0% are going to see the object data type so 00:19:16.159 --> 00:19:19.029 align:start position:0% are going to see the object data type so this<00:19:16.720><c> product.</c><00:19:17.400><c> text</c><00:19:17.799><c> here</c><00:19:18.480><c> this</c><00:19:18.679><c> product</c> 00:19:19.029 --> 00:19:19.039 align:start position:0% this product. text here this product 00:19:19.039 --> 00:19:21.350 align:start position:0% this product. text here this product variable<00:19:19.440><c> I</c><00:19:19.520><c> didn't</c><00:19:19.760><c> declare</c><00:19:20.080><c> it</c><00:19:20.360><c> anywhere</c> 00:19:21.350 --> 00:19:21.360 align:start position:0% variable I didn't declare it anywhere 00:19:21.360 --> 00:19:23.230 align:start position:0% variable I didn't declare it anywhere this<00:19:21.600><c> product</c><00:19:21.960><c> is</c><00:19:22.080><c> a</c><00:19:22.280><c> variable</c><00:19:22.679><c> provided</c><00:19:23.080><c> to</c> 00:19:23.230 --> 00:19:23.240 align:start position:0% this product is a variable provided to 00:19:23.240 --> 00:19:25.029 align:start position:0% this product is a variable provided to me<00:19:23.400><c> by</c><00:19:23.520><c> Shopify</c><00:19:24.039><c> and</c><00:19:24.159><c> it</c><00:19:24.280><c> is</c><00:19:24.400><c> an</c><00:19:24.600><c> object</c> 00:19:25.029 --> 00:19:25.039 align:start position:0% me by Shopify and it is an object 00:19:25.039 --> 00:19:26.789 align:start position:0% me by Shopify and it is an object because<00:19:25.240><c> I'm</c><00:19:25.440><c> accessing</c><00:19:25.799><c> a</c><00:19:25.960><c> property</c><00:19:26.360><c> of</c><00:19:26.559><c> that</c> 00:19:26.789 --> 00:19:26.799 align:start position:0% because I'm accessing a property of that 00:19:26.799 --> 00:19:34.310 align:start position:0% because I'm accessing a property of that object<00:19:27.679><c> so</c><00:19:28.440><c> here</c><00:19:29.280><c> I</c><00:19:29.360><c> can</c><00:19:29.559><c> say</c><00:19:30.240><c> product.</c> 00:19:34.310 --> 00:19:34.320 align:start position:0% 00:19:34.320 --> 00:19:36.750 align:start position:0% title<00:19:35.320><c> and</c><00:19:35.440><c> I</c><00:19:35.600><c> get</c><00:19:35.760><c> the</c><00:19:35.919><c> title</c><00:19:36.440><c> of</c><00:19:36.600><c> this</c> 00:19:36.750 --> 00:19:36.760 align:start position:0% title and I get the title of this 00:19:36.760 --> 00:19:38.510 align:start position:0% title and I get the title of this product<00:19:37.080><c> over</c><00:19:37.280><c> here</c><00:19:37.440><c> and</c><00:19:37.600><c> by</c><00:19:37.720><c> the</c><00:19:37.799><c> way</c><00:19:38.159><c> this</c><00:19:38.280><c> is</c> 00:19:38.510 --> 00:19:38.520 align:start position:0% product over here and by the way this is 00:19:38.520 --> 00:19:41.070 align:start position:0% product over here and by the way this is how<00:19:39.120><c> all</c><00:19:39.280><c> of</c><00:19:39.440><c> this</c><00:19:39.640><c> information</c><00:19:40.480><c> is</c><00:19:40.640><c> being</c> 00:19:41.070 --> 00:19:41.080 align:start position:0% how all of this information is being 00:19:41.080 --> 00:19:44.110 align:start position:0% how all of this information is being rendered<00:19:42.080><c> it</c><00:19:42.240><c> is</c><00:19:42.559><c> accessing</c><00:19:43.559><c> the</c><00:19:43.760><c> different</c> 00:19:44.110 --> 00:19:44.120 align:start position:0% rendered it is accessing the different 00:19:44.120 --> 00:19:46.750 align:start position:0% rendered it is accessing the different properties<00:19:44.600><c> of</c><00:19:44.760><c> the</c><00:19:44.919><c> product</c><00:19:45.360><c> object</c><00:19:46.120><c> now</c> 00:19:46.750 --> 00:19:46.760 align:start position:0% properties of the product object now 00:19:46.760 --> 00:19:49.350 align:start position:0% properties of the product object now what<00:19:47.720><c> what</c><00:19:48.159><c> properties</c><00:19:48.640><c> do</c><00:19:48.799><c> we</c><00:19:48.919><c> have</c><00:19:49.120><c> access</c> 00:19:49.350 --> 00:19:49.360 align:start position:0% what what properties do we have access 00:19:49.360 --> 00:19:51.830 align:start position:0% what what properties do we have access in<00:19:49.480><c> the</c><00:19:49.600><c> product</c><00:19:49.919><c> object</c><00:19:50.880><c> well</c><00:19:51.400><c> we</c><00:19:51.559><c> have</c><00:19:51.679><c> all</c> 00:19:51.830 --> 00:19:51.840 align:start position:0% in the product object well we have all 00:19:51.840 --> 00:19:53.390 align:start position:0% in the product object well we have all of<00:19:51.960><c> these</c><00:19:52.120><c> properties</c><00:19:52.559><c> I'll</c><00:19:52.720><c> leave</c><00:19:52.919><c> a</c><00:19:53.000><c> link</c><00:19:53.200><c> to</c> 00:19:53.390 --> 00:19:53.400 align:start position:0% of these properties I'll leave a link to 00:19:53.400 --> 00:19:55.390 align:start position:0% of these properties I'll leave a link to this<00:19:53.600><c> in</c><00:19:53.720><c> the</c><00:19:53.840><c> video</c><00:19:54.120><c> description</c><00:19:55.080><c> but</c><00:19:55.320><c> this</c> 00:19:55.390 --> 00:19:55.400 align:start position:0% this in the video description but this 00:19:55.400 --> 00:19:57.750 align:start position:0% this in the video description but this is<00:19:55.640><c> basically</c><00:19:56.640><c> the</c><00:19:56.840><c> documentation</c><00:19:57.360><c> for</c><00:19:57.559><c> all</c> 00:19:57.750 --> 00:19:57.760 align:start position:0% is basically the documentation for all 00:19:57.760 --> 00:20:00.549 align:start position:0% is basically the documentation for all the<00:19:58.400><c> objects</c><00:19:58.760><c> that</c><00:19:58.880><c> Shopify</c><00:19:59.480><c> provides</c><00:19:59.799><c> to</c><00:20:00.000><c> us</c> 00:20:00.549 --> 00:20:00.559 align:start position:0% the objects that Shopify provides to us 00:20:00.559 --> 00:20:02.110 align:start position:0% the objects that Shopify provides to us including<00:20:00.960><c> of</c><00:20:01.080><c> course</c><00:20:01.240><c> the</c><00:20:01.360><c> product</c><00:20:01.679><c> object</c> 00:20:02.110 --> 00:20:02.120 align:start position:0% including of course the product object 00:20:02.120 --> 00:20:04.669 align:start position:0% including of course the product object which<00:20:02.360><c> we</c><00:20:02.480><c> are</c><00:20:02.640><c> just</c><00:20:02.799><c> seeing</c><00:20:03.600><c> right</c><00:20:03.760><c> now</c><00:20:04.559><c> this</c> 00:20:04.669 --> 00:20:04.679 align:start position:0% which we are just seeing right now this 00:20:04.679 --> 00:20:06.590 align:start position:0% which we are just seeing right now this is<00:20:04.799><c> an</c><00:20:05.000><c> example</c><00:20:05.679><c> of</c> 00:20:06.590 --> 00:20:06.600 align:start position:0% is an example of 00:20:06.600 --> 00:20:09.470 align:start position:0% is an example of it<00:20:07.600><c> and</c><00:20:07.919><c> if</c><00:20:08.039><c> you</c><00:20:08.240><c> click</c><00:20:08.480><c> on</c><00:20:08.679><c> any</c><00:20:08.880><c> of</c><00:20:09.120><c> these</c> 00:20:09.470 --> 00:20:09.480 align:start position:0% it and if you click on any of these 00:20:09.480 --> 00:20:11.630 align:start position:0% it and if you click on any of these properties<00:20:09.960><c> you</c><00:20:10.080><c> can</c><00:20:10.240><c> see</c><00:20:11.120><c> a</c><00:20:11.280><c> short</c> 00:20:11.630 --> 00:20:11.640 align:start position:0% properties you can see a short 00:20:11.640 --> 00:20:15.110 align:start position:0% properties you can see a short description<00:20:12.120><c> of</c><00:20:12.320><c> what</c><00:20:12.440><c> the</c><00:20:12.559><c> property</c><00:20:12.880><c> is</c> 00:20:15.110 --> 00:20:15.120 align:start position:0% 00:20:15.120 --> 00:20:17.990 align:start position:0% about<00:20:16.120><c> we</c><00:20:16.320><c> can't</c><00:20:17.039><c> by</c><00:20:17.159><c> the</c><00:20:17.280><c> way</c><00:20:17.480><c> declare</c> 00:20:17.990 --> 00:20:18.000 align:start position:0% about we can't by the way declare 00:20:18.000 --> 00:20:20.149 align:start position:0% about we can't by the way declare objects<00:20:18.400><c> so</c><00:20:19.039><c> there</c><00:20:19.159><c> is</c><00:20:19.320><c> no</c><00:20:19.520><c> way</c><00:20:19.679><c> for</c><00:20:19.840><c> me</c><00:20:20.000><c> to</c> 00:20:20.149 --> 00:20:20.159 align:start position:0% objects so there is no way for me to 00:20:20.159 --> 00:20:22.789 align:start position:0% objects so there is no way for me to create<00:20:21.039><c> say</c><00:20:21.280><c> a</c><00:20:21.480><c> product</c><00:20:21.799><c> two</c><00:20:22.080><c> object</c><00:20:22.559><c> and</c> 00:20:22.789 --> 00:20:22.799 align:start position:0% create say a product two object and 00:20:22.799 --> 00:20:25.029 align:start position:0% create say a product two object and start<00:20:23.120><c> adding</c><00:20:23.440><c> properties</c><00:20:23.840><c> to</c> 00:20:25.029 --> 00:20:25.039 align:start position:0% start adding properties to 00:20:25.039 --> 00:20:27.710 align:start position:0% start adding properties to it<00:20:26.039><c> so</c><00:20:26.360><c> we'll</c><00:20:26.640><c> have</c><00:20:26.760><c> to</c><00:20:26.919><c> do</c><00:20:27.120><c> with</c><00:20:27.280><c> the</c><00:20:27.440><c> objects</c> 00:20:27.710 --> 00:20:27.720 align:start position:0% it so we'll have to do with the objects 00:20:27.720 --> 00:20:28.750 align:start position:0% it so we'll have to do with the objects that<00:20:27.840><c> we</c><00:20:27.960><c> have</c> 00:20:28.750 --> 00:20:28.760 align:start position:0% that we have 00:20:28.760 --> 00:20:30.990 align:start position:0% that we have there<00:20:29.000><c> may</c><00:20:29.200><c> be</c><00:20:29.400><c> workarounds</c><00:20:30.320><c> but</c><00:20:30.840><c> they</c> 00:20:30.990 --> 00:20:31.000 align:start position:0% there may be workarounds but they 00:20:31.000 --> 00:20:32.750 align:start position:0% there may be workarounds but they usually<00:20:31.280><c> don't</c><00:20:31.559><c> work</c><00:20:31.840><c> that</c><00:20:32.039><c> well</c><00:20:32.440><c> meta</c> 00:20:32.750 --> 00:20:32.760 align:start position:0% usually don't work that well meta 00:20:32.760 --> 00:20:34.590 align:start position:0% usually don't work that well meta objects<00:20:33.120><c> are</c><00:20:33.360><c> kind</c><00:20:33.480><c> of</c><00:20:33.600><c> a</c><00:20:33.760><c> workaround</c><00:20:34.320><c> for</c> 00:20:34.590 --> 00:20:34.600 align:start position:0% objects are kind of a workaround for 00:20:34.600 --> 00:20:36.789 align:start position:0% objects are kind of a workaround for this<00:20:34.880><c> but</c><00:20:35.000><c> we'll</c><00:20:35.200><c> see</c><00:20:35.400><c> more</c><00:20:35.600><c> of</c><00:20:35.840><c> those</c><00:20:36.480><c> in</c><00:20:36.640><c> a</c> 00:20:36.789 --> 00:20:36.799 align:start position:0% this but we'll see more of those in a 00:20:36.799 --> 00:20:40.149 align:start position:0% this but we'll see more of those in a future<00:20:37.200><c> video</c><00:20:37.880><c> with</c><00:20:38.120><c> those</c><00:20:38.600><c> we</c><00:20:38.760><c> could</c><00:20:39.159><c> create</c> 00:20:40.149 --> 00:20:40.159 align:start position:0% future video with those we could create 00:20:40.159 --> 00:20:42.149 align:start position:0% future video with those we could create custom<00:20:40.600><c> objects</c><00:20:41.360><c> but</c><00:20:41.600><c> they</c><00:20:41.760><c> have</c><00:20:41.880><c> to</c><00:20:42.000><c> be</c> 00:20:42.149 --> 00:20:42.159 align:start position:0% custom objects but they have to be 00:20:42.159 --> 00:20:44.310 align:start position:0% custom objects but they have to be managed<00:20:42.720><c> through</c><00:20:42.919><c> the</c><00:20:43.039><c> Shopify</c><00:20:43.520><c> admin</c><00:20:44.000><c> and</c><00:20:44.159><c> we</c> 00:20:44.310 --> 00:20:44.320 align:start position:0% managed through the Shopify admin and we 00:20:44.320 --> 00:20:46.510 align:start position:0% managed through the Shopify admin and we cannot<00:20:45.039><c> like</c><00:20:45.240><c> declare</c><00:20:45.600><c> a</c><00:20:45.720><c> meta</c><00:20:46.039><c> object</c><00:20:46.360><c> from</c> 00:20:46.510 --> 00:20:46.520 align:start position:0% cannot like declare a meta object from 00:20:46.520 --> 00:20:49.789 align:start position:0% cannot like declare a meta object from theod<00:20:47.000><c> from</c><00:20:47.240><c> the</c><00:20:48.000><c> code</c><00:20:48.320><c> itself</c><00:20:49.080><c> we</c><00:20:49.280><c> just</c><00:20:49.480><c> can</c> 00:20:49.789 --> 00:20:49.799 align:start position:0% theod from the code itself we just can 00:20:49.799 --> 00:20:53.149 align:start position:0% theod from the code itself we just can access<00:20:50.600><c> them</c><00:20:51.600><c> anyways</c><00:20:52.400><c> now</c><00:20:52.600><c> let's</c><00:20:52.799><c> see</c><00:20:52.960><c> a</c> 00:20:53.149 --> 00:20:53.159 align:start position:0% access them anyways now let's see a 00:20:53.159 --> 00:20:56.549 align:start position:0% access them anyways now let's see a different<00:20:53.559><c> way</c><00:20:54.080><c> of</c><00:20:54.360><c> declaring</c><00:20:55.400><c> variables</c><00:20:56.400><c> we</c> 00:20:56.549 --> 00:20:56.559 align:start position:0% different way of declaring variables we 00:20:56.559 --> 00:20:58.390 align:start position:0% different way of declaring variables we have<00:20:56.840><c> previously</c><00:20:57.240><c> seen</c><00:20:57.720><c> that</c><00:20:57.840><c> we</c><00:20:57.960><c> can</c><00:20:58.120><c> can</c><00:20:58.240><c> do</c> 00:20:58.390 --> 00:20:58.400 align:start position:0% have previously seen that we can can do 00:20:58.400 --> 00:21:01.549 align:start position:0% have previously seen that we can can do so<00:20:58.600><c> using</c><00:20:58.880><c> a</c><00:20:59.159><c> sign</c><00:21:00.159><c> but</c><00:21:00.520><c> this</c><00:21:00.720><c> other</c><00:21:01.080><c> method</c> 00:21:01.549 --> 00:21:01.559 align:start position:0% so using a sign but this other method 00:21:01.559 --> 00:21:03.510 align:start position:0% so using a sign but this other method will<00:21:01.799><c> make</c><00:21:02.240><c> much</c><00:21:02.480><c> more</c><00:21:02.679><c> sense</c><00:21:03.000><c> now</c><00:21:03.200><c> that</c><00:21:03.320><c> we've</c> 00:21:03.510 --> 00:21:03.520 align:start position:0% will make much more sense now that we've 00:21:03.520 --> 00:21:04.870 align:start position:0% will make much more sense now that we've seen<00:21:03.679><c> the</c><00:21:03.840><c> different</c><00:21:04.120><c> data</c><00:21:04.360><c> types</c><00:21:04.600><c> that</c><00:21:04.720><c> we</c> 00:21:04.870 --> 00:21:04.880 align:start position:0% seen the different data types that we 00:21:04.880 --> 00:21:07.230 align:start position:0% seen the different data types that we have<00:21:05.080><c> available</c><00:21:06.080><c> so</c><00:21:06.360><c> first</c><00:21:06.640><c> let's</c><00:21:06.799><c> see</c><00:21:07.000><c> what</c> 00:21:07.230 --> 00:21:07.240 align:start position:0% have available so first let's see what 00:21:07.240 --> 00:21:09.029 align:start position:0% have available so first let's see what problem<00:21:07.520><c> this</c><00:21:07.679><c> solves</c><00:21:08.320><c> let's</c><00:21:08.520><c> say</c><00:21:08.720><c> that</c><00:21:08.880><c> I</c> 00:21:09.029 --> 00:21:09.039 align:start position:0% problem this solves let's say that I 00:21:09.039 --> 00:21:11.310 align:start position:0% problem this solves let's say that I want<00:21:09.280><c> to</c><00:21:09.520><c> capture</c><00:21:09.960><c> some</c><00:21:10.440><c> some</c> 00:21:11.310 --> 00:21:11.320 align:start position:0% want to capture some some 00:21:11.320 --> 00:21:14.950 align:start position:0% want to capture some some HTML<00:21:12.320><c> in</c><00:21:12.480><c> a</c><00:21:12.640><c> variable</c><00:21:13.360><c> here</c><00:21:14.360><c> let's</c><00:21:14.559><c> say</c><00:21:14.720><c> that</c><00:21:14.840><c> I</c> 00:21:14.950 --> 00:21:14.960 align:start position:0% HTML in a variable here let's say that I 00:21:14.960 --> 00:21:18.149 align:start position:0% HTML in a variable here let's say that I have 00:21:18.149 --> 00:21:18.159 align:start position:0% 00:21:18.159 --> 00:21:21.590 align:start position:0% div<00:21:19.159><c> Ander</c><00:21:19.600><c> inside</c><00:21:19.960><c> this</c><00:21:20.159><c> div</c><00:21:20.840><c> I</c><00:21:20.919><c> want</c><00:21:21.080><c> to</c><00:21:21.320><c> have</c> 00:21:21.590 --> 00:21:21.600 align:start position:0% div Ander inside this div I want to have 00:21:21.600 --> 00:21:27.029 align:start position:0% div Ander inside this div I want to have a<00:21:21.840><c> P</c><00:21:22.159><c> tag</c><00:21:22.720><c> here</c><00:21:23.559><c> and</c><00:21:23.679><c> it</c><00:21:23.799><c> says</c><00:21:24.240><c> hello</c><00:21:25.080><c> product.</c> 00:21:27.029 --> 00:21:27.039 align:start position:0% a P tag here and it says hello product. 00:21:27.039 --> 00:21:29.190 align:start position:0% a P tag here and it says hello product. title 00:21:29.190 --> 00:21:29.200 align:start position:0% title 00:21:29.200 --> 00:21:33.750 align:start position:0% title now<00:21:29.440><c> let's</c><00:21:29.720><c> print</c> 00:21:33.750 --> 00:21:33.760 align:start position:0% 00:21:33.760 --> 00:21:37.110 align:start position:0% this<00:21:34.760><c> and</c><00:21:35.000><c> here</c><00:21:35.320><c> we</c><00:21:35.440><c> can</c><00:21:35.559><c> see</c><00:21:35.840><c> that</c><00:21:36.720><c> something</c> 00:21:37.110 --> 00:21:37.120 align:start position:0% this and here we can see that something 00:21:37.120 --> 00:21:39.269 align:start position:0% this and here we can see that something gets<00:21:37.400><c> printed</c><00:21:38.080><c> but</c><00:21:38.279><c> not</c><00:21:38.559><c> exactly</c><00:21:39.000><c> what</c><00:21:39.159><c> we</c> 00:21:39.269 --> 00:21:39.279 align:start position:0% gets printed but not exactly what we 00:21:39.279 --> 00:21:41.710 align:start position:0% gets printed but not exactly what we wanted<00:21:39.919><c> here</c><00:21:40.120><c> I'm</c><00:21:40.240><c> seeing</c><00:21:40.600><c> hello</c><00:21:41.520><c> and</c> 00:21:41.710 --> 00:21:41.720 align:start position:0% wanted here I'm seeing hello and 00:21:41.720 --> 00:21:44.070 align:start position:0% wanted here I'm seeing hello and literally<00:21:42.360><c> prod</c><00:21:42.760><c> the</c><00:21:42.960><c> title</c><00:21:43.400><c> in</c><00:21:43.520><c> between</c><00:21:43.840><c> the</c> 00:21:44.070 --> 00:21:44.080 align:start position:0% literally prod the title in between the 00:21:44.080 --> 00:21:45.430 align:start position:0% literally prod the title in between the curly 00:21:45.430 --> 00:21:45.440 align:start position:0% curly 00:21:45.440 --> 00:21:48.269 align:start position:0% curly brackets<00:21:46.440><c> but</c><00:21:46.960><c> I</c><00:21:47.159><c> actually</c><00:21:47.400><c> want</c><00:21:47.720><c> the</c><00:21:47.960><c> real</c> 00:21:48.269 --> 00:21:48.279 align:start position:0% brackets but I actually want the real 00:21:48.279 --> 00:21:50.710 align:start position:0% brackets but I actually want the real product<00:21:48.799><c> the</c><00:21:48.919><c> real</c><00:21:49.159><c> product</c><00:21:49.480><c> title</c><00:21:49.840><c> here</c><00:21:50.120><c> so</c> 00:21:50.710 --> 00:21:50.720 align:start position:0% product the real product title here so 00:21:50.720 --> 00:21:53.990 align:start position:0% product the real product title here so how<00:21:50.919><c> can</c><00:21:51.039><c> I</c><00:21:51.200><c> do</c><00:21:51.440><c> that</c><00:21:52.200><c> well</c><00:21:53.200><c> there</c><00:21:53.360><c> is</c><00:21:53.520><c> a</c><00:21:53.640><c> work</c> 00:21:53.990 --> 00:21:54.000 align:start position:0% how can I do that well there is a work 00:21:54.000 --> 00:21:57.350 align:start position:0% how can I do that well there is a work around<00:21:54.200><c> for</c><00:21:54.400><c> this</c><00:21:55.039><c> and</c><00:21:55.240><c> that</c><00:21:55.400><c> is</c><00:21:56.240><c> the</c><00:21:56.520><c> capture</c> 00:21:57.350 --> 00:21:57.360 align:start position:0% around for this and that is the capture 00:21:57.360 --> 00:21:59.269 align:start position:0% around for this and that is the capture way<00:21:57.559><c> of</c><00:21:57.679><c> declaring</c><00:21:58.159><c> a</c><00:21:58.240><c> variable</c><00:21:58.600><c> so</c><00:21:58.840><c> here</c><00:21:59.120><c> I'll</c> 00:21:59.269 --> 00:21:59.279 align:start position:0% way of declaring a variable so here I'll 00:21:59.279 --> 00:22:01.830 align:start position:0% way of declaring a variable so here I'll say<00:21:59.559><c> cap</c><00:21:59.799><c> I'll</c><00:21:59.960><c> say</c><00:22:00.279><c> capture</c> 00:22:01.830 --> 00:22:01.840 align:start position:0% say cap I'll say capture 00:22:01.840 --> 00:22:04.870 align:start position:0% say cap I'll say capture HTML<00:22:02.840><c> and</c><00:22:03.080><c> and</c><00:22:03.400><c> capture</c><00:22:04.320><c> and</c><00:22:04.480><c> what</c><00:22:04.640><c> this</c><00:22:04.760><c> is</c> 00:22:04.870 --> 00:22:04.880 align:start position:0% HTML and and capture and what this is 00:22:04.880 --> 00:22:08.070 align:start position:0% HTML and and capture and what this is doing<00:22:05.200><c> is</c><00:22:05.320><c> that</c><00:22:05.559><c> anything</c><00:22:06.000><c> we</c><00:22:06.240><c> put</c><00:22:07.080><c> inside</c> 00:22:08.070 --> 00:22:08.080 align:start position:0% doing is that anything we put inside 00:22:08.080 --> 00:22:10.950 align:start position:0% doing is that anything we put inside this<00:22:08.400><c> capture</c><00:22:08.760><c> and</c><00:22:09.000><c> and</c><00:22:09.279><c> capture</c><00:22:09.679><c> block</c><00:22:10.679><c> will</c> 00:22:10.950 --> 00:22:10.960 align:start position:0% this capture and and capture block will 00:22:10.960 --> 00:22:13.549 align:start position:0% this capture and and capture block will be<00:22:11.600><c> the</c><00:22:11.799><c> value</c><00:22:12.120><c> of</c><00:22:12.279><c> the</c><00:22:12.400><c> HTML</c><00:22:13.000><c> variable</c><00:22:13.400><c> that</c> 00:22:13.549 --> 00:22:13.559 align:start position:0% be the value of the HTML variable that 00:22:13.559 --> 00:22:19.549 align:start position:0% be the value of the HTML variable that we<00:22:13.760><c> setting</c><00:22:14.240><c> here</c><00:22:15.240><c> so</c><00:22:15.640><c> let</c><00:22:15.799><c> me</c><00:22:16.080><c> do</c><00:22:16.960><c> div</c> 00:22:19.549 --> 00:22:19.559 align:start position:0% we setting here so let me do div 00:22:19.559 --> 00:22:23.789 align:start position:0% we setting here so let me do div div<00:22:20.559><c> p</c><00:22:20.919><c> over</c><00:22:21.360><c> here</c> 00:22:23.789 --> 00:22:23.799 align:start position:0% div p over here 00:22:23.799 --> 00:22:28.110 align:start position:0% div p over here hello<00:22:24.799><c> and</c><00:22:25.000><c> then</c><00:22:25.720><c> product.</c><00:22:26.600><c> title</c><00:22:27.480><c> and</c><00:22:27.679><c> close</c> 00:22:28.110 --> 00:22:28.120 align:start position:0% hello and then product. title and close 00:22:28.120 --> 00:22:29.710 align:start position:0% hello and then product. title and close the<00:22:28.240><c> P</c> 00:22:29.710 --> 00:22:29.720 align:start position:0% the P 00:22:29.720 --> 00:22:33.029 align:start position:0% the P here<00:22:30.720><c> and</c><00:22:30.880><c> now</c><00:22:31.039><c> we</c><00:22:31.159><c> see</c><00:22:31.960><c> Hello</c><00:22:32.440><c> the</c><00:22:32.640><c> completed</c> 00:22:33.029 --> 00:22:33.039 align:start position:0% here and now we see Hello the completed 00:22:33.039 --> 00:22:35.310 align:start position:0% here and now we see Hello the completed snowboard<00:22:33.720><c> which</c><00:22:33.840><c> is</c><00:22:34.400><c> the</c><00:22:34.679><c> title</c><00:22:34.960><c> of</c><00:22:35.120><c> this</c> 00:22:35.310 --> 00:22:35.320 align:start position:0% snowboard which is the title of this 00:22:35.320 --> 00:22:37.669 align:start position:0% snowboard which is the title of this product<00:22:35.640><c> that</c><00:22:35.720><c> we</c><00:22:35.799><c> are</c><00:22:36.000><c> seeing</c><00:22:37.000><c> so</c><00:22:37.279><c> basically</c> 00:22:37.669 --> 00:22:37.679 align:start position:0% product that we are seeing so basically 00:22:37.679 --> 00:22:42.149 align:start position:0% product that we are seeing so basically by<00:22:37.840><c> using</c><00:22:38.159><c> capture</c><00:22:38.880><c> we</c><00:22:39.080><c> can</c><00:22:39.520><c> have</c><00:22:40.440><c> HTML</c><00:22:41.440><c> that</c> 00:22:42.149 --> 00:22:42.159 align:start position:0% by using capture we can have HTML that 00:22:42.159 --> 00:22:44.269 align:start position:0% by using capture we can have HTML that inside<00:22:42.480><c> of</c><00:22:42.679><c> it</c><00:22:42.840><c> is</c><00:22:43.039><c> using</c><00:22:43.480><c> is</c> 00:22:44.269 --> 00:22:44.279 align:start position:0% inside of it is using is 00:22:44.279 --> 00:22:46.590 align:start position:0% inside of it is using is accessing<00:22:45.279><c> variables</c><00:22:45.799><c> we</c><00:22:45.919><c> can</c><00:22:46.080><c> also</c><00:22:46.320><c> have</c> 00:22:46.590 --> 00:22:46.600 align:start position:0% accessing variables we can also have 00:22:46.600 --> 00:22:49.430 align:start position:0% accessing variables we can also have conditionals<00:22:47.039><c> here</c><00:22:47.360><c> loop</c><00:22:48.000><c> loop</c><00:22:48.320><c> through</c><00:22:49.159><c> Loop</c> 00:22:49.430 --> 00:22:49.440 align:start position:0% conditionals here loop loop through Loop 00:22:49.440 --> 00:22:52.310 align:start position:0% conditionals here loop loop through Loop through<00:22:49.640><c> arrays</c><00:22:50.320><c> and</c><00:22:50.559><c> so</c><00:22:50.760><c> on</c><00:22:51.360><c> so</c><00:22:51.640><c> this</c><00:22:51.720><c> is</c><00:22:52.080><c> very</c> 00:22:52.310 --> 00:22:52.320 align:start position:0% through arrays and so on so this is very 00:22:52.320 --> 00:22:56.390 align:start position:0% through arrays and so on so this is very powerful<00:22:53.240><c> for</c><00:22:54.240><c> capturing</c><00:22:54.960><c> HTML</c><00:22:55.760><c> inside</c><00:22:56.080><c> of</c><00:22:56.200><c> a</c> 00:22:56.390 --> 00:22:56.400 align:start position:0% powerful for capturing HTML inside of a 00:22:56.400 --> 00:22:57.950 align:start position:0% powerful for capturing HTML inside of a variable<00:22:56.840><c> this</c><00:22:57.039><c> will</c><00:22:57.159><c> be</c><00:22:57.320><c> treated</c><00:22:57.679><c> as</c><00:22:57.760><c> a</c> 00:22:57.950 --> 00:22:57.960 align:start position:0% variable this will be treated as a 00:22:57.960 --> 00:23:00.669 align:start position:0% variable this will be treated as a string<00:22:58.320><c> by</c><00:22:58.440><c> the</c><00:22:58.559><c> way</c><00:22:59.360><c> so</c><00:22:59.640><c> you</c><00:22:59.799><c> can</c><00:23:00.200><c> do</c><00:23:00.480><c> any</c> 00:23:00.669 --> 00:23:00.679 align:start position:0% string by the way so you can do any 00:23:00.679 --> 00:23:02.230 align:start position:0% string by the way so you can do any operation<00:23:01.120><c> that</c><00:23:01.240><c> you</c><00:23:01.360><c> were</c><00:23:01.559><c> able</c><00:23:01.799><c> to</c><00:23:01.919><c> do</c><00:23:02.120><c> with</c> 00:23:02.230 --> 00:23:02.240 align:start position:0% operation that you were able to do with 00:23:02.240 --> 00:23:05.029 align:start position:0% operation that you were able to do with a<00:23:02.360><c> string</c><00:23:02.720><c> like</c><00:23:02.880><c> for</c><00:23:03.000><c> example</c><00:23:03.360><c> I</c><00:23:03.480><c> can</c><00:23:03.679><c> say</c><00:23:04.159><c> that</c> 00:23:05.029 --> 00:23:05.039 align:start position:0% a string like for example I can say that 00:23:05.039 --> 00:23:08.430 align:start position:0% a string like for example I can say that size<00:23:06.039><c> and</c><00:23:06.159><c> I</c><00:23:06.240><c> can</c><00:23:06.400><c> see</c><00:23:06.679><c> that</c><00:23:06.840><c> this</c><00:23:07.080><c> has</c><00:23:07.480><c> 66</c> 00:23:08.430 --> 00:23:08.440 align:start position:0% size and I can see that this has 66 00:23:08.440 --> 00:23:10.350 align:start position:0% size and I can see that this has 66 characters<00:23:09.440><c> okay</c><00:23:09.559><c> so</c><00:23:09.720><c> the</c><00:23:09.840><c> next</c><00:23:10.039><c> thing</c><00:23:10.200><c> we'll</c> 00:23:10.350 --> 00:23:10.360 align:start position:0% characters okay so the next thing we'll 00:23:10.360 --> 00:23:13.190 align:start position:0% characters okay so the next thing we'll see<00:23:10.640><c> are</c><00:23:11.039><c> conditionals</c><00:23:11.840><c> we</c><00:23:12.080><c> saw</c><00:23:12.760><c> a</c><00:23:12.919><c> brief</c> 00:23:13.190 --> 00:23:13.200 align:start position:0% see are conditionals we saw a brief 00:23:13.200 --> 00:23:14.789 align:start position:0% see are conditionals we saw a brief example<00:23:13.520><c> of</c><00:23:13.679><c> this</c><00:23:13.799><c> a</c><00:23:13.960><c> moment</c><00:23:14.200><c> ago</c><00:23:14.520><c> when</c><00:23:14.640><c> we</c> 00:23:14.789 --> 00:23:14.799 align:start position:0% example of this a moment ago when we 00:23:14.799 --> 00:23:16.470 align:start position:0% example of this a moment ago when we declared<00:23:15.200><c> this</c><00:23:15.480><c> conditional</c><00:23:15.840><c> over</c><00:23:16.080><c> here</c><00:23:16.320><c> to</c> 00:23:16.470 --> 00:23:16.480 align:start position:0% declared this conditional over here to 00:23:16.480 --> 00:23:18.669 align:start position:0% declared this conditional over here to check<00:23:16.840><c> if</c><00:23:16.960><c> on</c><00:23:17.200><c> the</c><00:23:17.360><c> fire</c><00:23:17.679><c> on</c><00:23:17.840><c> defined</c><00:23:18.279><c> variable</c> 00:23:18.669 --> 00:23:18.679 align:start position:0% check if on the fire on defined variable 00:23:18.679 --> 00:23:21.029 align:start position:0% check if on the fire on defined variable is<00:23:18.840><c> equal</c><00:23:19.080><c> to</c><00:23:19.240><c> null</c><00:23:20.080><c> but</c><00:23:20.279><c> let's</c><00:23:20.480><c> create</c><00:23:20.720><c> a</c><00:23:20.840><c> more</c> 00:23:21.029 --> 00:23:21.039 align:start position:0% is equal to null but let's create a more 00:23:21.039 --> 00:23:22.909 align:start position:0% is equal to null but let's create a more intentional<00:23:21.559><c> example</c><00:23:22.000><c> so</c><00:23:22.240><c> I'll</c><00:23:22.440><c> delete</c><00:23:22.799><c> all</c> 00:23:22.909 --> 00:23:22.919 align:start position:0% intentional example so I'll delete all 00:23:22.919 --> 00:23:26.870 align:start position:0% intentional example so I'll delete all of<00:23:23.320><c> this</c><00:23:24.320><c> and</c><00:23:24.520><c> now</c><00:23:25.200><c> let</c><00:23:25.360><c> me</c><00:23:25.679><c> first</c><00:23:26.360><c> start</c><00:23:26.679><c> by</c> 00:23:26.870 --> 00:23:26.880 align:start position:0% of this and now let me first start by 00:23:26.880 --> 00:23:29.710 align:start position:0% of this and now let me first start by creating<00:23:27.240><c> a</c><00:23:27.360><c> variable</c><00:23:27.960><c> my</c><00:23:28.480><c> variable</c><00:23:29.480><c> and</c><00:23:29.640><c> this</c> 00:23:29.710 --> 00:23:29.720 align:start position:0% creating a variable my variable and this 00:23:29.720 --> 00:23:33.070 align:start position:0% creating a variable my variable and this will<00:23:29.919><c> be</c><00:23:30.080><c> equal</c><00:23:30.440><c> to</c><00:23:31.559><c> 11</c><00:23:32.559><c> and</c><00:23:32.720><c> then</c><00:23:32.919><c> let's</c> 00:23:33.070 --> 00:23:33.080 align:start position:0% will be equal to 11 and then let's 00:23:33.080 --> 00:23:37.029 align:start position:0% will be equal to 11 and then let's create<00:23:33.320><c> a</c><00:23:33.600><c> conditional</c><00:23:34.279><c> so</c><00:23:35.039><c> if</c><00:23:36.039><c> my</c><00:23:36.279><c> variable</c> 00:23:37.029 --> 00:23:37.039 align:start position:0% create a conditional so if my variable 00:23:37.039 --> 00:23:39.190 align:start position:0% create a conditional so if my variable is<00:23:37.320><c> greater</c><00:23:37.760><c> than</c> 00:23:39.190 --> 00:23:39.200 align:start position:0% is greater than 00:23:39.200 --> 00:23:41.470 align:start position:0% is greater than 10<00:23:40.200><c> let</c><00:23:40.360><c> me</c> 00:23:41.470 --> 00:23:41.480 align:start position:0% 10 let me 00:23:41.480 --> 00:23:47.590 align:start position:0% 10 let me print<00:23:42.480><c> variable</c><00:23:43.480><c> greater</c><00:23:44.279><c> than</c> 00:23:47.590 --> 00:23:47.600 align:start position:0% 00:23:47.600 --> 00:23:53.110 align:start position:0% 10<00:23:48.600><c> else</c><00:23:49.440><c> and</c><00:23:50.039><c> print</c><00:23:51.080><c> variable</c><00:23:52.080><c> not</c><00:23:52.400><c> greater</c> 00:23:53.110 --> 00:23:53.120 align:start position:0% 10 else and print variable not greater 00:23:53.120 --> 00:23:56.070 align:start position:0% 10 else and print variable not greater than 00:23:56.070 --> 00:23:56.080 align:start position:0% 00:23:56.080 --> 00:23:58.750 align:start position:0% 10<00:23:57.080><c> and</c><00:23:57.240><c> we</c><00:23:57.400><c> have</c><00:23:57.520><c> to</c><00:23:57.679><c> then</c><00:23:57.880><c> and</c><00:23:58.200><c> close</c><00:23:58.559><c> this</c> 00:23:58.750 --> 00:23:58.760 align:start position:0% 10 and we have to then and close this 00:23:58.760 --> 00:24:02.430 align:start position:0% 10 and we have to then and close this with<00:23:58.880><c> an</c><00:23:59.080><c> end</c><00:23:59.360><c> if</c><00:24:00.039><c> so</c><00:24:01.039><c> this</c><00:24:01.200><c> is</c><00:24:01.520><c> basically</c><00:24:02.200><c> a</c> 00:24:02.430 --> 00:24:02.440 align:start position:0% with an end if so this is basically a 00:24:02.440 --> 00:24:06.470 align:start position:0% with an end if so this is basically a control<00:24:03.000><c> statement</c><00:24:03.760><c> what</c><00:24:03.880><c> we</c><00:24:04.039><c> do</c><00:24:04.279><c> here</c><00:24:04.559><c> is</c><00:24:05.480><c> if</c> 00:24:06.470 --> 00:24:06.480 align:start position:0% control statement what we do here is if 00:24:06.480 --> 00:24:08.669 align:start position:0% control statement what we do here is if this<00:24:06.919><c> variable</c><00:24:07.799><c> my</c><00:24:07.960><c> variable</c><00:24:08.279><c> is</c><00:24:08.440><c> greater</c> 00:24:08.669 --> 00:24:08.679 align:start position:0% this variable my variable is greater 00:24:08.679 --> 00:24:11.590 align:start position:0% this variable my variable is greater than<00:24:08.840><c> 10</c><00:24:09.200><c> we</c><00:24:09.279><c> are</c><00:24:09.400><c> going</c><00:24:09.559><c> to</c><00:24:09.799><c> enter</c><00:24:10.799><c> here</c><00:24:11.159><c> and</c> 00:24:11.590 --> 00:24:11.600 align:start position:0% than 10 we are going to enter here and 00:24:11.600 --> 00:24:13.110 align:start position:0% than 10 we are going to enter here and everything<00:24:12.000><c> that</c><00:24:12.120><c> we</c><00:24:12.320><c> write</c><00:24:12.520><c> in</c><00:24:12.679><c> here</c><00:24:12.840><c> we</c><00:24:12.960><c> can</c> 00:24:13.110 --> 00:24:13.120 align:start position:0% everything that we write in here we can 00:24:13.120 --> 00:24:16.070 align:start position:0% everything that we write in here we can write<00:24:13.320><c> multiple</c><00:24:14.360><c> multiple</c><00:24:15.360><c> statements</c><00:24:15.840><c> or</c> 00:24:16.070 --> 00:24:16.080 align:start position:0% write multiple multiple statements or 00:24:16.080 --> 00:24:18.149 align:start position:0% write multiple multiple statements or instructions<00:24:16.600><c> here</c><00:24:16.799><c> so</c><00:24:17.080><c> let's</c><00:24:17.320><c> say</c><00:24:17.600><c> something</c> 00:24:18.149 --> 00:24:18.159 align:start position:0% instructions here so let's say something 00:24:18.159 --> 00:24:22.590 align:start position:0% instructions here so let's say something like<00:24:19.159><c> another</c> 00:24:22.590 --> 00:24:22.600 align:start position:0% 00:24:22.600 --> 00:24:24.990 align:start position:0% instruction<00:24:23.600><c> everything</c><00:24:23.919><c> we</c><00:24:24.080><c> write</c><00:24:24.320><c> in</c><00:24:24.520><c> here</c> 00:24:24.990 --> 00:24:25.000 align:start position:0% instruction everything we write in here 00:24:25.000 --> 00:24:25.990 align:start position:0% instruction everything we write in here will<00:24:25.200><c> be</c> 00:24:25.990 --> 00:24:26.000 align:start position:0% will be 00:24:26.000 --> 00:24:28.149 align:start position:0% will be executed<00:24:27.000><c> if</c><00:24:27.159><c> my</c><00:24:27.279><c> variable</c><00:24:27.600><c> is</c><00:24:27.840><c> greater</c><00:24:28.039><c> than</c> 00:24:28.149 --> 00:24:28.159 align:start position:0% executed if my variable is greater than 00:24:28.159 --> 00:24:31.149 align:start position:0% executed if my variable is greater than 10<00:24:28.600><c> otherwise</c><00:24:29.080><c> or</c><00:24:29.480><c> else</c><00:24:30.480><c> everything</c><00:24:30.799><c> that</c><00:24:30.960><c> we</c> 00:24:31.149 --> 00:24:31.159 align:start position:0% 10 otherwise or else everything that we 00:24:31.159 --> 00:24:33.750 align:start position:0% 10 otherwise or else everything that we write<00:24:31.480><c> in</c><00:24:31.720><c> here</c><00:24:32.039><c> will</c><00:24:32.200><c> be</c><00:24:32.399><c> executed</c><00:24:33.360><c> if</c><00:24:33.600><c> my</c> 00:24:33.750 --> 00:24:33.760 align:start position:0% write in here will be executed if my 00:24:33.760 --> 00:24:35.990 align:start position:0% write in here will be executed if my variable<00:24:34.080><c> is</c><00:24:34.200><c> not</c><00:24:34.399><c> greater</c><00:24:34.679><c> than</c><00:24:34.840><c> 10</c><00:24:35.480><c> this</c><00:24:35.679><c> lse</c> 00:24:35.990 --> 00:24:36.000 align:start position:0% variable is not greater than 10 this lse 00:24:36.000 --> 00:24:37.990 align:start position:0% variable is not greater than 10 this lse blog<00:24:36.320><c> by</c><00:24:36.440><c> the</c><00:24:36.559><c> way</c><00:24:36.760><c> is</c><00:24:36.960><c> optional</c><00:24:37.440><c> I</c><00:24:37.520><c> can</c><00:24:37.679><c> remove</c> 00:24:37.990 --> 00:24:38.000 align:start position:0% blog by the way is optional I can remove 00:24:38.000 --> 00:24:40.669 align:start position:0% blog by the way is optional I can remove it<00:24:38.440><c> and</c><00:24:38.600><c> this</c><00:24:38.720><c> will</c><00:24:39.080><c> still</c><00:24:39.360><c> be</c><00:24:39.600><c> valid</c><00:24:40.240><c> and</c><00:24:40.520><c> a</c> 00:24:40.669 --> 00:24:40.679 align:start position:0% it and this will still be valid and a 00:24:40.679 --> 00:24:43.350 align:start position:0% it and this will still be valid and a valid<00:24:41.039><c> if</c><00:24:41.520><c> statement</c><00:24:42.520><c> however</c><00:24:42.799><c> what</c><00:24:42.919><c> I</c><00:24:43.039><c> cannot</c> 00:24:43.350 --> 00:24:43.360 align:start position:0% valid if statement however what I cannot 00:24:43.360 --> 00:24:45.510 align:start position:0% valid if statement however what I cannot get<00:24:43.520><c> rid</c><00:24:43.760><c> of</c><00:24:44.080><c> is</c><00:24:44.399><c> this</c><00:24:44.600><c> line</c><00:24:44.799><c> over</c><00:24:45.039><c> here</c><00:24:45.279><c> this</c> 00:24:45.510 --> 00:24:45.520 align:start position:0% get rid of is this line over here this 00:24:45.520 --> 00:24:49.870 align:start position:0% get rid of is this line over here this if<00:24:46.520><c> nor</c><00:24:46.880><c> this</c><00:24:47.120><c> end</c><00:24:47.399><c> if</c><00:24:47.640><c> at</c><00:24:47.799><c> the</c><00:24:48.399><c> end</c><00:24:49.399><c> now</c><00:24:49.600><c> if</c><00:24:49.720><c> I</c> 00:24:49.870 --> 00:24:49.880 align:start position:0% if nor this end if at the end now if I 00:24:49.880 --> 00:24:52.110 align:start position:0% if nor this end if at the end now if I save<00:24:50.240><c> this</c><00:24:51.159><c> let's</c><00:24:51.360><c> go</c><00:24:51.480><c> to</c><00:24:51.600><c> the</c><00:24:51.720><c> browser</c><00:24:52.039><c> and</c> 00:24:52.110 --> 00:24:52.120 align:start position:0% save this let's go to the browser and 00:24:52.120 --> 00:24:55.149 align:start position:0% save this let's go to the browser and see<00:24:52.279><c> what</c><00:24:52.399><c> we</c><00:24:52.559><c> get</c><00:24:53.240><c> so</c><00:24:53.480><c> here</c><00:24:53.760><c> I</c><00:24:53.960><c> get</c><00:24:54.799><c> variable</c> 00:24:55.149 --> 00:24:55.159 align:start position:0% see what we get so here I get variable 00:24:55.159 --> 00:24:56.750 align:start position:0% see what we get so here I get variable greater<00:24:55.480><c> than</c><00:24:55.640><c> 10</c><00:24:56.000><c> and</c><00:24:56.159><c> then</c><00:24:56.360><c> another</c> 00:24:56.750 --> 00:24:56.760 align:start position:0% greater than 10 and then another 00:24:56.760 --> 00:25:00.470 align:start position:0% greater than 10 and then another instruction 00:25:00.470 --> 00:25:00.480 align:start position:0% 00:25:00.480 --> 00:25:03.350 align:start position:0% here<00:25:00.880><c> I</c><00:25:01.000><c> can</c><00:25:01.360><c> also</c><00:25:02.159><c> add</c><00:25:02.520><c> arbitrary</c><00:25:03.039><c> liquid</c> 00:25:03.350 --> 00:25:03.360 align:start position:0% here I can also add arbitrary liquid 00:25:03.360 --> 00:25:07.630 align:start position:0% here I can also add arbitrary liquid code<00:25:03.679><c> so</c><00:25:03.880><c> I</c><00:25:04.000><c> can</c><00:25:04.200><c> say</c><00:25:05.000><c> assign</c><00:25:05.559><c> my</c><00:25:05.840><c> nested</c> 00:25:07.630 --> 00:25:07.640 align:start position:0% code so I can say assign my nested 00:25:07.640 --> 00:25:10.070 align:start position:0% code so I can say assign my nested variable<00:25:08.640><c> let's</c><00:25:08.799><c> say</c><00:25:09.000><c> that</c><00:25:09.159><c> this</c><00:25:09.279><c> is</c><00:25:09.360><c> equal</c><00:25:09.559><c> to</c> 00:25:10.070 --> 00:25:10.080 align:start position:0% variable let's say that this is equal to 00:25:10.080 --> 00:25:12.549 align:start position:0% variable let's say that this is equal to 20<00:25:11.080><c> now</c><00:25:11.240><c> let</c><00:25:11.360><c> me</c><00:25:11.520><c> print</c> 00:25:12.549 --> 00:25:12.559 align:start position:0% 20 now let me print 00:25:12.559 --> 00:25:17.029 align:start position:0% 20 now let me print 20<00:25:13.559><c> or</c><00:25:14.279><c> the</c><00:25:14.440><c> value</c><00:25:14.760><c> of</c><00:25:14.880><c> my</c><00:25:15.039><c> Nest</c><00:25:15.399><c> variable</c><00:25:16.320><c> so</c><00:25:16.919><c> I</c> 00:25:17.029 --> 00:25:17.039 align:start position:0% 20 or the value of my Nest variable so I 00:25:17.039 --> 00:25:18.350 align:start position:0% 20 or the value of my Nest variable so I can<00:25:17.200><c> go</c> 00:25:18.350 --> 00:25:18.360 align:start position:0% can go 00:25:18.360 --> 00:25:22.029 align:start position:0% can go here<00:25:19.360><c> and</c><00:25:19.480><c> I</c><00:25:19.600><c> can</c><00:25:19.720><c> see</c><00:25:19.960><c> a</c><00:25:20.159><c> 20</c> 00:25:22.029 --> 00:25:22.039 align:start position:0% here and I can see a 20 00:25:22.039 --> 00:25:26.669 align:start position:0% here and I can see a 20 here<00:25:23.039><c> now</c><00:25:23.320><c> if</c><00:25:23.480><c> I</c><00:25:23.679><c> make</c><00:25:24.360><c> this</c><00:25:25.360><c> a</c><00:25:25.559><c> nine</c><00:25:25.960><c> for</c> 00:25:26.669 --> 00:25:26.679 align:start position:0% here now if I make this a nine for 00:25:26.679 --> 00:25:28.269 align:start position:0% here now if I make this a nine for example 00:25:28.269 --> 00:25:28.279 align:start position:0% example 00:25:28.279 --> 00:25:30.350 align:start position:0% example we<00:25:28.399><c> will</c><00:25:28.559><c> see</c><00:25:28.799><c> that</c><00:25:28.919><c> only</c><00:25:29.200><c> this</c><00:25:29.440><c> gets</c><00:25:29.640><c> printed</c> 00:25:30.350 --> 00:25:30.360 align:start position:0% we will see that only this gets printed 00:25:30.360 --> 00:25:33.789 align:start position:0% we will see that only this gets printed so<00:25:30.679><c> variable</c><00:25:31.080><c> not</c><00:25:31.240><c> greater</c><00:25:31.520><c> than</c> 00:25:33.789 --> 00:25:33.799 align:start position:0% 00:25:33.799 --> 00:25:37.470 align:start position:0% 10<00:25:34.799><c> also</c><00:25:35.279><c> this</c><00:25:36.200><c> this</c><00:25:36.440><c> my</c><00:25:36.679><c> nested</c><00:25:37.039><c> variable</c> 00:25:37.470 --> 00:25:37.480 align:start position:0% 10 also this this my nested variable 00:25:37.480 --> 00:25:39.350 align:start position:0% 10 also this this my nested variable here<00:25:38.000><c> is</c><00:25:38.200><c> never</c><00:25:38.480><c> declared</c><00:25:38.880><c> in</c><00:25:38.960><c> the</c><00:25:39.080><c> second</c> 00:25:39.350 --> 00:25:39.360 align:start position:0% here is never declared in the second 00:25:39.360 --> 00:25:42.070 align:start position:0% here is never declared in the second block<00:25:39.840><c> therefore</c><00:25:40.600><c> it</c><00:25:40.760><c> doesn't</c><00:25:41.159><c> exist</c><00:25:41.640><c> so</c><00:25:41.840><c> if</c><00:25:41.919><c> I</c> 00:25:42.070 --> 00:25:42.080 align:start position:0% block therefore it doesn't exist so if I 00:25:42.080 --> 00:25:44.510 align:start position:0% block therefore it doesn't exist so if I try<00:25:42.320><c> printing</c><00:25:42.720><c> it</c><00:25:43.039><c> over</c> 00:25:44.510 --> 00:25:44.520 align:start position:0% try printing it over 00:25:44.520 --> 00:25:47.430 align:start position:0% try printing it over here<00:25:45.520><c> I'll</c><00:25:45.720><c> get</c><00:25:45.919><c> nothing</c><00:25:46.440><c> nothing</c><00:25:46.720><c> will</c><00:25:46.880><c> show</c> 00:25:47.430 --> 00:25:47.440 align:start position:0% here I'll get nothing nothing will show 00:25:47.440 --> 00:25:50.789 align:start position:0% here I'll get nothing nothing will show because<00:25:48.360><c> this</c><00:25:48.600><c> variable</c><00:25:49.520><c> is</c><00:25:49.760><c> dependent</c><00:25:50.279><c> on</c><00:25:50.559><c> my</c> 00:25:50.789 --> 00:25:50.799 align:start position:0% because this variable is dependent on my 00:25:50.799 --> 00:25:53.190 align:start position:0% because this variable is dependent on my variable<00:25:51.440><c> being</c><00:25:51.799><c> greater</c><00:25:52.200><c> than</c> 00:25:53.190 --> 00:25:53.200 align:start position:0% variable being greater than 00:25:53.200 --> 00:25:55.990 align:start position:0% variable being greater than 10<00:25:54.200><c> another</c><00:25:54.640><c> part</c><00:25:54.799><c> of</c><00:25:55.159><c> conditionals</c><00:25:55.600><c> that</c><00:25:55.840><c> is</c> 00:25:55.990 --> 00:25:56.000 align:start position:0% 10 another part of conditionals that is 00:25:56.000 --> 00:25:58.350 align:start position:0% 10 another part of conditionals that is important<00:25:56.480><c> is</c><00:25:56.640><c> the</c><00:25:56.760><c> LF</c><00:25:57.320><c> statement</c><00:25:58.039><c> which</c><00:25:58.200><c> in</c> 00:25:58.350 --> 00:25:58.360 align:start position:0% important is the LF statement which in 00:25:58.360 --> 00:26:00.750 align:start position:0% important is the LF statement which in liquid<00:25:58.760><c> is</c><00:25:58.880><c> written</c><00:25:59.240><c> like</c><00:25:59.440><c> this</c><00:25:59.760><c> El</c><00:26:00.080><c> if</c> 00:26:00.750 --> 00:26:00.760 align:start position:0% liquid is written like this El if 00:26:00.760 --> 00:26:03.190 align:start position:0% liquid is written like this El if everything<00:26:01.760><c> as</c><00:26:01.919><c> a</c><00:26:02.039><c> single</c><00:26:02.320><c> word</c><00:26:02.679><c> and</c><00:26:02.799><c> then</c><00:26:03.039><c> we</c> 00:26:03.190 --> 00:26:03.200 align:start position:0% everything as a single word and then we 00:26:03.200 --> 00:26:05.350 align:start position:0% everything as a single word and then we can<00:26:03.440><c> put</c><00:26:03.720><c> here</c><00:26:04.000><c> a</c><00:26:04.200><c> second</c><00:26:04.679><c> conditional</c><00:26:05.080><c> so</c><00:26:05.279><c> I</c> 00:26:05.350 --> 00:26:05.360 align:start position:0% can put here a second conditional so I 00:26:05.360 --> 00:26:07.630 align:start position:0% can put here a second conditional so I can<00:26:05.480><c> say</c><00:26:05.840><c> if</c><00:26:06.039><c> my</c><00:26:06.240><c> variable</c><00:26:07.039><c> else</c><00:26:07.320><c> if</c><00:26:07.480><c> my</c> 00:26:07.630 --> 00:26:07.640 align:start position:0% can say if my variable else if my 00:26:07.640 --> 00:26:10.110 align:start position:0% can say if my variable else if my variable<00:26:08.039><c> is</c><00:26:08.200><c> greater</c><00:26:08.480><c> than</c><00:26:08.720><c> five</c><00:26:09.559><c> then</c><00:26:09.840><c> here</c> 00:26:10.110 --> 00:26:10.120 align:start position:0% variable is greater than five then here 00:26:10.120 --> 00:26:12.110 align:start position:0% variable is greater than five then here I<00:26:10.240><c> can</c> 00:26:12.110 --> 00:26:12.120 align:start position:0% I can 00:26:12.120 --> 00:26:17.789 align:start position:0% I can say<00:26:13.600><c> variable</c><00:26:14.600><c> greater</c><00:26:15.600><c> than</c><00:26:16.399><c> five</c><00:26:17.399><c> so</c><00:26:17.679><c> it</c> 00:26:17.789 --> 00:26:17.799 align:start position:0% say variable greater than five so it 00:26:17.799 --> 00:26:20.430 align:start position:0% say variable greater than five so it will<00:26:18.080><c> only</c><00:26:18.399><c> enter</c><00:26:18.799><c> here</c><00:26:19.320><c> if</c><00:26:19.520><c> my</c><00:26:19.720><c> variable</c><00:26:20.240><c> is</c> 00:26:20.430 --> 00:26:20.440 align:start position:0% will only enter here if my variable is 00:26:20.440 --> 00:26:22.990 align:start position:0% will only enter here if my variable is not<00:26:20.720><c> greater</c><00:26:21.000><c> than</c><00:26:21.159><c> 10</c><00:26:21.399><c> so</c><00:26:21.720><c> it</c><00:26:21.919><c> has</c><00:26:22.039><c> to</c><00:26:22.200><c> fail</c> 00:26:22.990 --> 00:26:23.000 align:start position:0% not greater than 10 so it has to fail 00:26:23.000 --> 00:26:25.549 align:start position:0% not greater than 10 so it has to fail this<00:26:23.360><c> conditional</c><00:26:24.200><c> then</c><00:26:24.399><c> it</c><00:26:24.520><c> will</c><00:26:24.720><c> check</c><00:26:25.159><c> for</c> 00:26:25.549 --> 00:26:25.559 align:start position:0% this conditional then it will check for 00:26:25.559 --> 00:26:28.310 align:start position:0% this conditional then it will check for this<00:26:26.159><c> my</c><00:26:26.440><c> variable</c><00:26:26.840><c> is</c><00:26:27.039><c> greater</c><00:26:27.320><c> than</c><00:26:27.440><c> five</c> 00:26:28.310 --> 00:26:28.320 align:start position:0% this my variable is greater than five 00:26:28.320 --> 00:26:30.430 align:start position:0% this my variable is greater than five so<00:26:28.600><c> that's</c><00:26:28.799><c> why</c><00:26:28.960><c> it</c><00:26:29.080><c> is</c><00:26:29.279><c> an</c><00:26:29.520><c> else</c> 00:26:30.430 --> 00:26:30.440 align:start position:0% so that's why it is an else 00:26:30.440 --> 00:26:34.149 align:start position:0% so that's why it is an else if<00:26:31.440><c> let's</c><00:26:31.679><c> save</c><00:26:32.159><c> this</c><00:26:33.159><c> and</c><00:26:33.360><c> here</c><00:26:33.520><c> we</c><00:26:33.720><c> get</c> 00:26:34.149 --> 00:26:34.159 align:start position:0% if let's save this and here we get 00:26:34.159 --> 00:26:37.190 align:start position:0% if let's save this and here we get variable<00:26:34.559><c> greater</c><00:26:34.880><c> than</c><00:26:35.360><c> five</c><00:26:36.360><c> so</c><00:26:36.880><c> it</c><00:26:37.000><c> will</c> 00:26:37.190 --> 00:26:37.200 align:start position:0% variable greater than five so it will 00:26:37.200 --> 00:26:40.110 align:start position:0% variable greater than five so it will not<00:26:37.399><c> enter</c><00:26:37.799><c> this</c><00:26:37.960><c> else</c><00:26:38.480><c> conditional</c><00:26:39.279><c> unless</c> 00:26:40.110 --> 00:26:40.120 align:start position:0% not enter this else conditional unless 00:26:40.120 --> 00:26:42.870 align:start position:0% not enter this else conditional unless everything<00:26:40.480><c> else</c><00:26:40.960><c> fails</c><00:26:41.960><c> we</c><00:26:42.080><c> can</c><00:26:42.360><c> have</c><00:26:42.679><c> as</c> 00:26:42.870 --> 00:26:42.880 align:start position:0% everything else fails we can have as 00:26:42.880 --> 00:26:45.750 align:start position:0% everything else fails we can have as many<00:26:43.200><c> else</c><00:26:43.520><c> if</c><00:26:43.760><c> as</c><00:26:43.880><c> we</c><00:26:44.120><c> want</c><00:26:44.360><c> so</c><00:26:44.720><c> I</c><00:26:44.799><c> can</c><00:26:45.039><c> say</c> 00:26:45.750 --> 00:26:45.760 align:start position:0% many else if as we want so I can say 00:26:45.760 --> 00:26:49.549 align:start position:0% many else if as we want so I can say else<00:26:46.159><c> if</c><00:26:46.720><c> my</c><00:26:47.360><c> variable</c><00:26:48.360><c> is</c><00:26:48.559><c> greater</c><00:26:48.880><c> than</c> 00:26:49.549 --> 00:26:49.559 align:start position:0% else if my variable is greater than 00:26:49.559 --> 00:26:52.909 align:start position:0% else if my variable is greater than three<00:26:50.559><c> and</c><00:26:50.840><c> I'll</c><00:26:51.120><c> copy</c><00:26:51.440><c> this</c><00:26:52.279><c> and</c><00:26:52.399><c> I</c><00:26:52.520><c> can</c><00:26:52.640><c> say</c> 00:26:52.909 --> 00:26:52.919 align:start position:0% three and I'll copy this and I can say 00:26:52.919 --> 00:26:54.630 align:start position:0% three and I'll copy this and I can say variable<00:26:53.279><c> greater</c><00:26:53.600><c> than</c> 00:26:54.630 --> 00:26:54.640 align:start position:0% variable greater than 00:26:54.640 --> 00:26:59.830 align:start position:0% variable greater than three<00:26:55.640><c> and</c><00:26:55.799><c> now</c><00:26:55.960><c> if</c><00:26:56.039><c> I</c><00:26:56.200><c> make</c><00:26:56.440><c> my</c><00:26:56.679><c> variable</c><00:26:57.320><c> to</c> 00:26:59.830 --> 00:26:59.840 align:start position:0% 00:26:59.840 --> 00:27:03.590 align:start position:0% before<00:27:00.840><c> we'll</c><00:27:01.080><c> see</c><00:27:01.840><c> that</c><00:27:02.760><c> it</c><00:27:02.960><c> did</c><00:27:03.120><c> not</c><00:27:03.279><c> enter</c> 00:27:03.590 --> 00:27:03.600 align:start position:0% before we'll see that it did not enter 00:27:03.600 --> 00:27:05.230 align:start position:0% before we'll see that it did not enter the<00:27:03.720><c> first</c><00:27:04.120><c> conditional</c><00:27:04.480><c> because</c><00:27:04.840><c> we</c><00:27:05.000><c> tried</c> 00:27:05.230 --> 00:27:05.240 align:start position:0% the first conditional because we tried 00:27:05.240 --> 00:27:07.470 align:start position:0% the first conditional because we tried to<00:27:05.320><c> check</c><00:27:06.279><c> if</c><00:27:06.520><c> the</c><00:27:06.679><c> variable</c><00:27:07.039><c> was</c><00:27:07.200><c> greater</c> 00:27:07.470 --> 00:27:07.480 align:start position:0% to check if the variable was greater 00:27:07.480 --> 00:27:09.950 align:start position:0% to check if the variable was greater than<00:27:07.720><c> 10</c><00:27:08.039><c> which</c><00:27:08.200><c> it</c><00:27:08.320><c> isn't</c><00:27:09.120><c> it</c><00:27:09.240><c> did</c><00:27:09.440><c> not</c><00:27:09.640><c> enter</c> 00:27:09.950 --> 00:27:09.960 align:start position:0% than 10 which it isn't it did not enter 00:27:09.960 --> 00:27:12.029 align:start position:0% than 10 which it isn't it did not enter the<00:27:10.080><c> second</c><00:27:10.520><c> conditional</c><00:27:11.000><c> because</c><00:27:11.600><c> it</c><00:27:11.720><c> is</c><00:27:11.840><c> not</c> 00:27:12.029 --> 00:27:12.039 align:start position:0% the second conditional because it is not 00:27:12.039 --> 00:27:14.269 align:start position:0% the second conditional because it is not greater<00:27:12.320><c> than</c><00:27:12.520><c> five</c><00:27:13.200><c> but</c><00:27:13.360><c> it</c><00:27:13.559><c> did</c><00:27:13.760><c> enter</c><00:27:14.120><c> the</c> 00:27:14.269 --> 00:27:14.279 align:start position:0% greater than five but it did enter the 00:27:14.279 --> 00:27:16.470 align:start position:0% greater than five but it did enter the third<00:27:14.760><c> conditional</c><00:27:15.279><c> because</c><00:27:15.799><c> it</c><00:27:15.960><c> is</c><00:27:16.159><c> greater</c> 00:27:16.470 --> 00:27:16.480 align:start position:0% third conditional because it is greater 00:27:16.480 --> 00:27:19.950 align:start position:0% third conditional because it is greater than<00:27:16.640><c> three</c><00:27:17.080><c> if</c><00:27:17.200><c> I</c><00:27:17.360><c> made</c><00:27:17.600><c> it</c> 00:27:19.950 --> 00:27:19.960 align:start position:0% than three if I made it 00:27:19.960 --> 00:27:22.789 align:start position:0% than three if I made it two<00:27:20.960><c> then</c><00:27:21.120><c> it</c><00:27:21.279><c> will</c><00:27:21.440><c> go</c><00:27:22.120><c> to</c><00:27:22.320><c> the</c><00:27:22.440><c> last</c> 00:27:22.789 --> 00:27:22.799 align:start position:0% two then it will go to the last 00:27:22.799 --> 00:27:24.590 align:start position:0% two then it will go to the last conditional<00:27:23.320><c> which</c><00:27:23.520><c> is</c><00:27:24.080><c> which</c><00:27:24.360><c> actually</c> 00:27:24.590 --> 00:27:24.600 align:start position:0% conditional which is which actually 00:27:24.600 --> 00:27:26.750 align:start position:0% conditional which is which actually should<00:27:24.840><c> be</c><00:27:24.960><c> know</c><00:27:25.279><c> that</c><00:27:25.720><c> the</c><00:27:25.880><c> variable</c><00:27:26.320><c> is</c><00:27:26.520><c> not</c> 00:27:26.750 --> 00:27:26.760 align:start position:0% should be know that the variable is not 00:27:26.760 --> 00:27:28.350 align:start position:0% should be know that the variable is not greater<00:27:27.080><c> than</c><00:27:27.240><c> three</c><00:27:27.600><c> because</c><00:27:27.840><c> it</c><00:27:27.960><c> will</c><00:27:28.120><c> only</c> 00:27:28.350 --> 00:27:28.360 align:start position:0% greater than three because it will only 00:27:28.360 --> 00:27:30.310 align:start position:0% greater than three because it will only enter<00:27:28.720><c> here</c><00:27:29.320><c> if</c><00:27:29.440><c> the</c><00:27:29.600><c> variable</c><00:27:30.000><c> is</c><00:27:30.120><c> not</c> 00:27:30.310 --> 00:27:30.320 align:start position:0% enter here if the variable is not 00:27:30.320 --> 00:27:33.230 align:start position:0% enter here if the variable is not greater<00:27:30.600><c> than</c> 00:27:33.230 --> 00:27:33.240 align:start position:0% 00:27:33.240 --> 00:27:36.029 align:start position:0% three<00:27:34.240><c> now</c><00:27:34.399><c> let's</c><00:27:34.559><c> see</c><00:27:34.760><c> comparison</c><00:27:35.240><c> operators</c> 00:27:36.029 --> 00:27:36.039 align:start position:0% three now let's see comparison operators 00:27:36.039 --> 00:27:37.830 align:start position:0% three now let's see comparison operators so<00:27:36.520><c> while</c><00:27:36.760><c> writing</c><00:27:37.240><c> all</c><00:27:37.399><c> of</c><00:27:37.520><c> these</c> 00:27:37.830 --> 00:27:37.840 align:start position:0% so while writing all of these 00:27:37.840 --> 00:27:39.430 align:start position:0% so while writing all of these conditionals<00:27:38.320><c> I've</c><00:27:38.480><c> been</c><00:27:38.600><c> using</c><00:27:38.840><c> the</c><00:27:39.039><c> greater</c> 00:27:39.430 --> 00:27:39.440 align:start position:0% conditionals I've been using the greater 00:27:39.440 --> 00:27:41.350 align:start position:0% conditionals I've been using the greater than<00:27:39.720><c> operator</c><00:27:40.240><c> so</c><00:27:40.440><c> I'm</c><00:27:40.640><c> comparing</c><00:27:41.159><c> my</c> 00:27:41.350 --> 00:27:41.360 align:start position:0% than operator so I'm comparing my 00:27:41.360 --> 00:27:44.149 align:start position:0% than operator so I'm comparing my variable<00:27:41.880><c> with</c><00:27:42.320><c> 10</c><00:27:43.320><c> and</c><00:27:43.559><c> the</c><00:27:43.720><c> relationship</c> 00:27:44.149 --> 00:27:44.159 align:start position:0% variable with 10 and the relationship 00:27:44.159 --> 00:27:45.630 align:start position:0% variable with 10 and the relationship that<00:27:44.240><c> I</c><00:27:44.360><c> want</c><00:27:44.519><c> between</c><00:27:44.760><c> my</c><00:27:44.880><c> variable</c><00:27:45.200><c> and</c><00:27:45.320><c> 10</c> 00:27:45.630 --> 00:27:45.640 align:start position:0% that I want between my variable and 10 00:27:45.640 --> 00:27:47.149 align:start position:0% that I want between my variable and 10 is<00:27:45.760><c> that</c><00:27:45.919><c> my</c><00:27:46.039><c> variable</c><00:27:46.399><c> should</c><00:27:46.640><c> be</c><00:27:46.799><c> greater</c> 00:27:47.149 --> 00:27:47.159 align:start position:0% is that my variable should be greater 00:27:47.159 --> 00:27:49.789 align:start position:0% is that my variable should be greater than<00:27:47.320><c> 10</c><00:27:47.679><c> for</c><00:27:47.880><c> it</c><00:27:48.000><c> to</c><00:27:48.200><c> pass</c><00:27:48.440><c> this</c><00:27:48.799><c> conditional</c> 00:27:49.789 --> 00:27:49.799 align:start position:0% than 10 for it to pass this conditional 00:27:49.799 --> 00:27:51.710 align:start position:0% than 10 for it to pass this conditional this<00:27:49.919><c> is</c><00:27:50.080><c> not</c><00:27:50.279><c> the</c><00:27:50.399><c> only</c><00:27:50.640><c> operator</c><00:27:51.080><c> we</c><00:27:51.240><c> have</c> 00:27:51.710 --> 00:27:51.720 align:start position:0% this is not the only operator we have 00:27:51.720 --> 00:27:55.470 align:start position:0% this is not the only operator we have here<00:27:52.000><c> so</c><00:27:52.600><c> let's</c><00:27:52.880><c> delete</c><00:27:53.600><c> all</c><00:27:53.760><c> of</c><00:27:54.159><c> this</c><00:27:55.159><c> let</c><00:27:55.279><c> me</c> 00:27:55.470 --> 00:27:55.480 align:start position:0% here so let's delete all of this let me 00:27:55.480 --> 00:27:58.269 align:start position:0% here so let's delete all of this let me close<00:27:55.880><c> this</c><00:27:56.200><c> condition</c><00:27:56.360><c> up</c><00:27:56.640><c> here</c><00:27:57.720><c> let</c><00:27:57.880><c> me</c><00:27:58.080><c> just</c> 00:27:58.269 --> 00:27:58.279 align:start position:0% close this condition up here let me just 00:27:58.279 --> 00:28:03.389 align:start position:0% close this condition up here let me just say<00:27:58.720><c> here</c><00:27:59.720><c> my</c><00:27:59.960><c> variable</c><00:28:00.760><c> is</c><00:28:01.159><c> greater</c><00:28:01.880><c> than</c><00:28:02.399><c> 10</c> 00:28:03.389 --> 00:28:03.399 align:start position:0% say here my variable is greater than 10 00:28:03.399 --> 00:28:04.950 align:start position:0% say here my variable is greater than 10 and<00:28:03.559><c> let</c><00:28:03.679><c> me</c><00:28:03.840><c> add</c><00:28:04.000><c> a</c> 00:28:04.950 --> 00:28:04.960 align:start position:0% and let me add a 00:28:04.960 --> 00:28:10.430 align:start position:0% and let me add a commment<00:28:05.960><c> greater</c><00:28:07.000><c> than</c><00:28:08.320><c> now</c><00:28:09.320><c> if</c><00:28:09.440><c> I</c><00:28:09.600><c> save</c><00:28:09.919><c> this</c> 00:28:10.430 --> 00:28:10.440 align:start position:0% commment greater than now if I save this 00:28:10.440 --> 00:28:14.070 align:start position:0% commment greater than now if I save this and<00:28:10.600><c> I</c><00:28:10.760><c> make</c><00:28:11.120><c> this</c><00:28:11.320><c> variable</c> 00:28:14.070 --> 00:28:14.080 align:start position:0% 00:28:14.080 --> 00:28:16.549 align:start position:0% 20<00:28:15.080><c> we'll</c><00:28:15.240><c> see</c><00:28:15.480><c> here</c><00:28:15.679><c> my</c><00:28:15.840><c> variable</c><00:28:16.159><c> is</c><00:28:16.279><c> greater</c> 00:28:16.549 --> 00:28:16.559 align:start position:0% 20 we'll see here my variable is greater 00:28:16.559 --> 00:28:21.269 align:start position:0% 20 we'll see here my variable is greater than<00:28:16.960><c> 10</c><00:28:17.960><c> now</c><00:28:18.760><c> let's</c><00:28:19.039><c> try</c><00:28:19.880><c> with</c><00:28:20.120><c> the</c><00:28:20.640><c> less</c><00:28:21.000><c> 10</c> 00:28:21.269 --> 00:28:21.279 align:start position:0% than 10 now let's try with the less 10 00:28:21.279 --> 00:28:25.029 align:start position:0% than 10 now let's try with the less 10 operator<00:28:21.760><c> so</c><00:28:22.000><c> if</c><00:28:22.200><c> my</c><00:28:22.399><c> variable</c><00:28:23.120><c> is</c><00:28:23.399><c> less</c><00:28:24.039><c> than</c> 00:28:25.029 --> 00:28:25.039 align:start position:0% operator so if my variable is less than 00:28:25.039 --> 00:28:26.430 align:start position:0% operator so if my variable is less than let's<00:28:25.279><c> say</c> 00:28:26.430 --> 00:28:26.440 align:start position:0% let's say 00:28:26.440 --> 00:28:29.990 align:start position:0% let's say 10<00:28:27.559><c> I'll</c><00:28:27.799><c> copy</c> 00:28:29.990 --> 00:28:30.000 align:start position:0% 10 I'll copy 00:28:30.000 --> 00:28:35.310 align:start position:0% 10 I'll copy this<00:28:31.000><c> my</c><00:28:31.240><c> variable</c><00:28:31.840><c> is</c><00:28:32.279><c> less</c><00:28:32.919><c> than</c> 00:28:35.310 --> 00:28:35.320 align:start position:0% 00:28:35.320 --> 00:28:37.830 align:start position:0% 10<00:28:36.320><c> and</c><00:28:36.519><c> let's</c><00:28:36.760><c> make</c><00:28:37.000><c> this</c><00:28:37.120><c> a</c> 00:28:37.830 --> 00:28:37.840 align:start position:0% 10 and let's make this a 00:28:37.840 --> 00:28:40.830 align:start position:0% 10 and let's make this a two<00:28:38.840><c> so</c><00:28:39.120><c> here</c><00:28:39.519><c> we</c><00:28:39.640><c> will</c><00:28:39.799><c> see</c><00:28:40.080><c> that</c><00:28:40.360><c> now</c><00:28:40.679><c> my</c> 00:28:40.830 --> 00:28:40.840 align:start position:0% two so here we will see that now my 00:28:40.840 --> 00:28:42.830 align:start position:0% two so here we will see that now my variable<00:28:41.240><c> is</c><00:28:41.440><c> less</c><00:28:41.679><c> than</c><00:28:41.880><c> 10</c><00:28:42.360><c> is</c><00:28:42.559><c> what</c><00:28:42.720><c> is</c> 00:28:42.830 --> 00:28:42.840 align:start position:0% variable is less than 10 is what is 00:28:42.840 --> 00:28:45.190 align:start position:0% variable is less than 10 is what is being<00:28:43.080><c> rendered</c><00:28:43.519><c> in</c><00:28:43.600><c> the</c><00:28:43.760><c> page</c><00:28:44.600><c> instead</c><00:28:45.000><c> of</c> 00:28:45.190 --> 00:28:45.200 align:start position:0% being rendered in the page instead of 00:28:45.200 --> 00:28:47.509 align:start position:0% being rendered in the page instead of the<00:28:45.440><c> text</c><00:28:46.360><c> we</c><00:28:46.519><c> had</c><00:28:46.720><c> when</c><00:28:46.880><c> the</c><00:28:47.000><c> variable</c><00:28:47.360><c> was</c> 00:28:47.509 --> 00:28:47.519 align:start position:0% the text we had when the variable was 00:28:47.519 --> 00:28:52.509 align:start position:0% the text we had when the variable was greater<00:28:47.799><c> than</c><00:28:48.320><c> 10</c><00:28:49.320><c> so</c><00:28:50.120><c> let's</c><00:28:50.360><c> add</c><00:28:50.519><c> a</c><00:28:50.640><c> comment</c> 00:28:52.509 --> 00:28:52.519 align:start position:0% greater than 10 so let's add a comment 00:28:52.519 --> 00:28:56.389 align:start position:0% greater than 10 so let's add a comment here<00:28:53.519><c> less</c> 00:28:56.389 --> 00:28:56.399 align:start position:0% 00:28:56.399 --> 00:28:59.789 align:start position:0% than<00:28:57.600><c> we</c><00:28:57.799><c> also</c><00:28:58.120><c> have</c><00:28:58.559><c> access</c><00:28:58.880><c> to</c><00:28:59.039><c> the</c><00:28:59.240><c> equal</c> 00:28:59.789 --> 00:28:59.799 align:start position:0% than we also have access to the equal 00:28:59.799 --> 00:29:01.389 align:start position:0% than we also have access to the equal operator 00:29:01.389 --> 00:29:01.399 align:start position:0% operator 00:29:01.399 --> 00:29:11.110 align:start position:0% operator so<00:29:02.880><c> equal</c><00:29:03.880><c> if</c><00:29:04.159><c> my</c><00:29:04.480><c> variable</c><00:29:05.480><c> is</c><00:29:06.360><c> equal</c><00:29:06.720><c> to</c> 00:29:11.110 --> 00:29:11.120 align:start position:0% 00:29:11.120 --> 00:29:21.230 align:start position:0% 10<00:29:12.120><c> my</c><00:29:12.559><c> variable</c><00:29:13.559><c> is</c><00:29:13.799><c> equal</c><00:29:14.159><c> to</c> 00:29:21.230 --> 00:29:21.240 align:start position:0% 00:29:21.240 --> 00:29:26.310 align:start position:0% 10 00:29:26.310 --> 00:29:26.320 align:start position:0% 00:29:26.320 --> 00:29:31.909 align:start position:0% so 00:29:31.909 --> 00:29:31.919 align:start position:0% 00:29:31.919 --> 00:29:34.549 align:start position:0% price<00:29:32.120><c> so</c><00:29:32.320><c> this</c><00:29:32.559><c> had</c><00:29:32.760><c> to</c><00:29:32.880><c> be</c><00:29:33.000><c> changed</c><00:29:33.480><c> to</c><00:29:33.679><c> be</c><00:29:33.880><c> a</c> 00:29:34.549 --> 00:29:34.559 align:start position:0% price so this had to be changed to be a 00:29:34.559 --> 00:29:37.909 align:start position:0% price so this had to be changed to be a 10<00:29:35.559><c> and</c><00:29:35.760><c> now</c><00:29:36.679><c> as</c><00:29:36.840><c> see</c><00:29:37.000><c> here</c><00:29:37.200><c> my</c><00:29:37.360><c> variable</c><00:29:37.720><c> is</c> 00:29:37.909 --> 00:29:37.919 align:start position:0% 10 and now as see here my variable is 00:29:37.919 --> 00:29:41.310 align:start position:0% 10 and now as see here my variable is equal<00:29:38.200><c> to</c><00:29:38.399><c> 10</c><00:29:39.240><c> so</c><00:29:39.440><c> this</c><00:29:39.559><c> is</c><00:29:39.679><c> working</c><00:29:39.960><c> just</c><00:29:40.320><c> fine</c> 00:29:41.310 --> 00:29:41.320 align:start position:0% equal to 10 so this is working just fine 00:29:41.320 --> 00:29:46.710 align:start position:0% equal to 10 so this is working just fine now<00:29:42.080><c> let's</c><00:29:42.799><c> see</c><00:29:43.960><c> greater</c><00:29:44.960><c> than</c><00:29:45.360><c> or</c><00:29:45.600><c> equal</c> 00:29:46.710 --> 00:29:46.720 align:start position:0% now let's see greater than or equal 00:29:46.720 --> 00:29:49.630 align:start position:0% now let's see greater than or equal to<00:29:47.720><c> and</c><00:29:48.000><c> this</c><00:29:48.760><c> or</c><00:29:48.960><c> this</c><00:29:49.080><c> I'm</c><00:29:49.240><c> just</c><00:29:49.360><c> going</c><00:29:49.519><c> to</c> 00:29:49.630 --> 00:29:49.640 align:start position:0% to and this or this I'm just going to 00:29:49.640 --> 00:29:52.430 align:start position:0% to and this or this I'm just going to copy<00:29:49.919><c> this</c><00:29:50.080><c> over</c><00:29:50.320><c> here</c><00:29:51.000><c> and</c><00:29:51.120><c> I'm</c><00:29:51.279><c> going</c><00:29:51.480><c> to</c><00:29:51.760><c> add</c> 00:29:52.430 --> 00:29:52.440 align:start position:0% copy this over here and I'm going to add 00:29:52.440 --> 00:29:54.470 align:start position:0% copy this over here and I'm going to add an<00:29:52.640><c> equal</c><00:29:52.960><c> sign</c><00:29:53.159><c> to</c><00:29:53.320><c> the</c><00:29:53.480><c> right</c><00:29:53.880><c> of</c><00:29:54.080><c> this</c> 00:29:54.470 --> 00:29:54.480 align:start position:0% an equal sign to the right of this 00:29:54.480 --> 00:29:56.750 align:start position:0% an equal sign to the right of this greater<00:29:54.840><c> than</c><00:29:55.080><c> sign</c><00:29:55.840><c> so</c><00:29:56.080><c> my</c><00:29:56.240><c> variable</c><00:29:56.600><c> is</c> 00:29:56.750 --> 00:29:56.760 align:start position:0% greater than sign so my variable is 00:29:56.760 --> 00:29:57.950 align:start position:0% greater than sign so my variable is greater<00:29:57.080><c> than</c> 00:29:57.950 --> 00:29:57.960 align:start position:0% greater than 00:29:57.960 --> 00:30:01.110 align:start position:0% greater than or<00:29:58.279><c> equal</c><00:29:58.640><c> to</c> 00:30:01.110 --> 00:30:01.120 align:start position:0% or equal to 00:30:01.120 --> 00:30:04.070 align:start position:0% or equal to 10<00:30:02.120><c> and</c><00:30:02.320><c> now</c><00:30:02.880><c> both</c><00:30:03.039><c> of</c><00:30:03.200><c> these</c><00:30:03.440><c> statements</c><00:30:03.880><c> are</c> 00:30:04.070 --> 00:30:04.080 align:start position:0% 10 and now both of these statements are 00:30:04.080 --> 00:30:06.669 align:start position:0% 10 and now both of these statements are true<00:30:04.360><c> if</c><00:30:04.480><c> my</c><00:30:04.640><c> variable</c><00:30:05.080><c> is</c><00:30:05.760><c> no</c><00:30:05.960><c> sorry</c><00:30:06.360><c> both</c><00:30:06.519><c> of</c> 00:30:06.669 --> 00:30:06.679 align:start position:0% true if my variable is no sorry both of 00:30:06.679 --> 00:30:08.149 align:start position:0% true if my variable is no sorry both of these<00:30:06.880><c> statements</c><00:30:07.279><c> here</c><00:30:07.440><c> are</c><00:30:07.600><c> true</c><00:30:08.039><c> my</c> 00:30:08.149 --> 00:30:08.159 align:start position:0% these statements here are true my 00:30:08.159 --> 00:30:10.110 align:start position:0% these statements here are true my variable<00:30:08.559><c> is</c><00:30:08.720><c> equal</c><00:30:08.960><c> to</c><00:30:09.080><c> 10</c><00:30:09.440><c> but</c><00:30:09.559><c> my</c><00:30:09.720><c> variable</c> 00:30:10.110 --> 00:30:10.120 align:start position:0% variable is equal to 10 but my variable 00:30:10.120 --> 00:30:13.870 align:start position:0% variable is equal to 10 but my variable is<00:30:10.640><c> is</c><00:30:10.799><c> also</c><00:30:11.399><c> greater</c><00:30:12.399><c> than</c><00:30:12.720><c> or</c><00:30:12.880><c> equal</c><00:30:13.120><c> to</c><00:30:13.360><c> 10</c> 00:30:13.870 --> 00:30:13.880 align:start position:0% is is also greater than or equal to 10 00:30:13.880 --> 00:30:16.110 align:start position:0% is is also greater than or equal to 10 so<00:30:14.320><c> we</c><00:30:14.399><c> will</c><00:30:14.559><c> see</c><00:30:14.840><c> both</c><00:30:15.080><c> things</c><00:30:15.360><c> being</c><00:30:15.640><c> printed</c> 00:30:16.110 --> 00:30:16.120 align:start position:0% so we will see both things being printed 00:30:16.120 --> 00:30:17.430 align:start position:0% so we will see both things being printed over 00:30:17.430 --> 00:30:17.440 align:start position:0% over 00:30:17.440 --> 00:30:20.070 align:start position:0% over here<00:30:18.440><c> and</c><00:30:18.640><c> as</c><00:30:18.799><c> you</c><00:30:18.919><c> can</c><00:30:19.120><c> guess</c><00:30:19.440><c> we</c><00:30:19.600><c> also</c><00:30:19.840><c> have</c> 00:30:20.070 --> 00:30:20.080 align:start position:0% here and as you can guess we also have 00:30:20.080 --> 00:30:23.149 align:start position:0% here and as you can guess we also have access<00:30:20.320><c> to</c><00:30:20.480><c> the</c><00:30:20.760><c> less</c><00:30:21.080><c> 10</c><00:30:21.360><c> or</c><00:30:21.519><c> equal</c><00:30:22.159><c> to</c> 00:30:23.149 --> 00:30:23.159 align:start position:0% access to the less 10 or equal to 00:30:23.159 --> 00:30:25.630 align:start position:0% access to the less 10 or equal to comparison<00:30:23.720><c> operator</c> 00:30:25.630 --> 00:30:25.640 align:start position:0% comparison operator 00:30:25.640 --> 00:30:27.789 align:start position:0% comparison operator so<00:30:26.640><c> if</c><00:30:26.880><c> I</c> 00:30:27.789 --> 00:30:27.799 align:start position:0% so if I 00:30:27.799 --> 00:30:30.029 align:start position:0% so if I put<00:30:28.000><c> this</c><00:30:28.200><c> here</c><00:30:28.360><c> and</c><00:30:28.519><c> I</c><00:30:28.679><c> change</c><00:30:29.320><c> this</c><00:30:29.559><c> greater</c> 00:30:30.029 --> 00:30:30.039 align:start position:0% put this here and I change this greater 00:30:30.039 --> 00:30:31.789 align:start position:0% put this here and I change this greater with<00:30:30.640><c> this</c><00:30:30.919><c> less</c> 00:30:31.789 --> 00:30:31.799 align:start position:0% with this less 00:30:31.799 --> 00:30:36.470 align:start position:0% with this less than<00:30:32.799><c> here</c><00:30:33.000><c> I</c><00:30:33.200><c> say</c><00:30:33.600><c> less</c> 00:30:36.470 --> 00:30:36.480 align:start position:0% 00:30:36.480 --> 00:30:38.990 align:start position:0% than<00:30:37.480><c> we</c><00:30:37.640><c> see</c><00:30:38.120><c> that</c><00:30:38.279><c> the</c><00:30:38.399><c> three</c><00:30:38.600><c> of</c><00:30:38.720><c> these</c> 00:30:38.990 --> 00:30:39.000 align:start position:0% than we see that the three of these 00:30:39.000 --> 00:30:40.990 align:start position:0% than we see that the three of these statements<00:30:39.559><c> are</c><00:30:39.799><c> true</c><00:30:40.240><c> at</c><00:30:40.360><c> the</c><00:30:40.480><c> same</c><00:30:40.720><c> time</c> 00:30:40.990 --> 00:30:41.000 align:start position:0% statements are true at the same time 00:30:41.000 --> 00:30:43.870 align:start position:0% statements are true at the same time because<00:30:41.320><c> my</c><00:30:41.480><c> variable</c><00:30:41.799><c> is</c><00:30:41.919><c> equal</c><00:30:42.159><c> to</c><00:30:42.559><c> 10</c><00:30:43.559><c> now</c> 00:30:43.870 --> 00:30:43.880 align:start position:0% because my variable is equal to 10 now 00:30:43.880 --> 00:30:46.710 align:start position:0% because my variable is equal to 10 now if<00:30:44.000><c> I</c><00:30:44.159><c> make</c><00:30:44.440><c> this</c><00:30:44.720><c> an</c> 00:30:46.710 --> 00:30:46.720 align:start position:0% if I make this an 00:30:46.720 --> 00:30:51.310 align:start position:0% if I make this an 11<00:30:47.720><c> we'll</c><00:30:48.000><c> see</c><00:30:48.760><c> that</c><00:30:49.080><c> only</c><00:30:49.960><c> these</c><00:30:50.159><c> two</c><00:30:51.000><c> are</c> 00:30:51.310 --> 00:30:51.320 align:start position:0% 11 we'll see that only these two are 00:30:51.320 --> 00:30:53.310 align:start position:0% 11 we'll see that only these two are being<00:30:51.600><c> true</c><00:30:51.880><c> now</c><00:30:52.120><c> so</c><00:30:52.360><c> my</c><00:30:52.519><c> variable</c><00:30:52.840><c> is</c><00:30:53.000><c> greater</c> 00:30:53.310 --> 00:30:53.320 align:start position:0% being true now so my variable is greater 00:30:53.320 --> 00:30:55.269 align:start position:0% being true now so my variable is greater than<00:30:53.480><c> 10</c><00:30:53.760><c> this</c><00:30:53.880><c> is</c><00:30:54.039><c> true</c><00:30:54.519><c> and</c><00:30:54.640><c> my</c><00:30:54.799><c> variable</c><00:30:55.120><c> is</c> 00:30:55.269 --> 00:30:55.279 align:start position:0% than 10 this is true and my variable is 00:30:55.279 --> 00:30:57.389 align:start position:0% than 10 this is true and my variable is greater<00:30:55.600><c> than</c><00:30:55.760><c> or</c><00:30:55.960><c> equal</c><00:30:56.240><c> to</c><00:30:56.639><c> 10</c><00:30:56.960><c> both</c><00:30:57.200><c> both</c><00:30:57.320><c> of</c> 00:30:57.389 --> 00:30:57.399 align:start position:0% greater than or equal to 10 both both of 00:30:57.399 --> 00:31:00.070 align:start position:0% greater than or equal to 10 both both of these<00:30:57.559><c> statements</c><00:30:58.080><c> are</c><00:30:58.519><c> true</c><00:30:59.519><c> and</c><00:30:59.639><c> if</c><00:30:59.760><c> I</c><00:30:59.919><c> make</c> 00:31:00.070 --> 00:31:00.080 align:start position:0% these statements are true and if I make 00:31:00.080 --> 00:31:04.950 align:start position:0% these statements are true and if I make it<00:31:00.240><c> a</c> 00:31:04.950 --> 00:31:04.960 align:start position:0% 00:31:04.960 --> 00:31:07.269 align:start position:0% nine<00:31:05.960><c> we</c><00:31:06.159><c> get</c><00:31:06.360><c> that</c><00:31:06.480><c> my</c><00:31:06.600><c> variable</c><00:31:06.919><c> is</c><00:31:07.120><c> less</c> 00:31:07.269 --> 00:31:07.279 align:start position:0% nine we get that my variable is less 00:31:07.279 --> 00:31:09.350 align:start position:0% nine we get that my variable is less than<00:31:07.440><c> 10</c><00:31:07.919><c> or</c><00:31:08.159><c> that</c><00:31:08.279><c> my</c><00:31:08.440><c> variable</c><00:31:08.799><c> is</c><00:31:09.000><c> less</c><00:31:09.200><c> than</c> 00:31:09.350 --> 00:31:09.360 align:start position:0% than 10 or that my variable is less than 00:31:09.360 --> 00:31:11.470 align:start position:0% than 10 or that my variable is less than or<00:31:09.519><c> equal</c><00:31:09.760><c> to</c> 00:31:11.470 --> 00:31:11.480 align:start position:0% or equal to 00:31:11.480 --> 00:31:15.149 align:start position:0% or equal to 10<00:31:12.600><c> now</c><00:31:13.600><c> when</c><00:31:14.000><c> we</c><00:31:14.120><c> are</c><00:31:14.320><c> dealing</c><00:31:14.720><c> with</c><00:31:14.960><c> the</c> 00:31:15.149 --> 00:31:15.159 align:start position:0% 10 now when we are dealing with the 00:31:15.159 --> 00:31:17.350 align:start position:0% 10 now when we are dealing with the equal<00:31:15.600><c> operator</c><00:31:16.279><c> we</c><00:31:16.360><c> are</c><00:31:16.559><c> not</c><00:31:16.799><c> limited</c> 00:31:17.350 --> 00:31:17.360 align:start position:0% equal operator we are not limited 00:31:17.360 --> 00:31:19.590 align:start position:0% equal operator we are not limited limited<00:31:17.799><c> to</c><00:31:18.320><c> working</c><00:31:18.639><c> with</c><00:31:18.799><c> numbers</c><00:31:19.279><c> we</c><00:31:19.399><c> can</c> 00:31:19.590 --> 00:31:19.600 align:start position:0% limited to working with numbers we can 00:31:19.600 --> 00:31:21.789 align:start position:0% limited to working with numbers we can also<00:31:19.919><c> work</c><00:31:20.279><c> with</c><00:31:20.440><c> the</c><00:31:20.600><c> strings</c><00:31:21.039><c> so</c><00:31:21.480><c> let</c><00:31:21.639><c> me</c> 00:31:21.789 --> 00:31:21.799 align:start position:0% also work with the strings so let me 00:31:21.799 --> 00:31:25.389 align:start position:0% also work with the strings so let me create<00:31:22.120><c> another</c><00:31:22.399><c> variable</c> 00:31:25.389 --> 00:31:25.399 align:start position:0% 00:31:25.399 --> 00:31:28.070 align:start position:0% here<00:31:26.399><c> my</c><00:31:26.639><c> string</c> 00:31:28.070 --> 00:31:28.080 align:start position:0% here my string 00:31:28.080 --> 00:31:30.070 align:start position:0% here my string and<00:31:28.279><c> this</c><00:31:28.399><c> will</c><00:31:28.639><c> be</c> 00:31:30.070 --> 00:31:30.080 align:start position:0% and this will be 00:31:30.080 --> 00:31:33.909 align:start position:0% and this will be hello<00:31:31.080><c> and</c><00:31:31.240><c> now</c><00:31:31.559><c> I</c><00:31:31.639><c> can</c><00:31:31.840><c> say</c><00:31:32.320><c> if</c><00:31:32.600><c> my</c><00:31:32.840><c> string</c><00:31:33.600><c> is</c> 00:31:33.909 --> 00:31:33.919 align:start position:0% hello and now I can say if my string is 00:31:33.919 --> 00:31:37.870 align:start position:0% hello and now I can say if my string is equal<00:31:34.240><c> to</c> 00:31:37.870 --> 00:31:37.880 align:start position:0% 00:31:37.880 --> 00:31:41.430 align:start position:0% hello<00:31:38.880><c> let</c><00:31:39.039><c> me</c><00:31:39.840><c> just</c> 00:31:41.430 --> 00:31:41.440 align:start position:0% hello let me just 00:31:41.440 --> 00:31:47.269 align:start position:0% hello let me just write<00:31:42.440><c> my</c><00:31:42.799><c> string</c><00:31:43.799><c> is</c> 00:31:47.269 --> 00:31:47.279 align:start position:0% 00:31:47.279 --> 00:31:50.149 align:start position:0% hello<00:31:48.279><c> and</c><00:31:48.399><c> if</c><00:31:48.519><c> I</c><00:31:48.639><c> save</c><00:31:48.960><c> this</c><00:31:49.279><c> I</c><00:31:49.360><c> see</c><00:31:49.600><c> my</c><00:31:49.760><c> string</c> 00:31:50.149 --> 00:31:50.159 align:start position:0% hello and if I save this I see my string 00:31:50.159 --> 00:31:51.470 align:start position:0% hello and if I save this I see my string is 00:31:51.470 --> 00:31:51.480 align:start position:0% is 00:31:51.480 --> 00:31:55.430 align:start position:0% is hello<00:31:52.480><c> but</c><00:31:53.159><c> if</c><00:31:53.320><c> I</c><00:31:53.519><c> say</c><00:31:54.519><c> that</c><00:31:54.679><c> my</c><00:31:54.840><c> string</c><00:31:55.159><c> here</c> 00:31:55.430 --> 00:31:55.440 align:start position:0% hello but if I say that my string here 00:31:55.440 --> 00:31:57.590 align:start position:0% hello but if I say that my string here now<00:31:55.799><c> would</c><00:31:56.000><c> be</c><00:31:56.240><c> something</c><00:31:56.559><c> else</c><00:31:56.919><c> like</c><00:31:57.240><c> like</c> 00:31:57.590 --> 00:31:57.600 align:start position:0% now would be something else like like 00:31:57.600 --> 00:32:00.230 align:start position:0% now would be something else like like not 00:32:00.230 --> 00:32:00.240 align:start position:0% 00:32:00.240 --> 00:32:02.669 align:start position:0% hello<00:32:01.240><c> now</c><00:32:01.519><c> this</c> 00:32:02.669 --> 00:32:02.679 align:start position:0% hello now this 00:32:02.679 --> 00:32:06.310 align:start position:0% hello now this conditional<00:32:03.840><c> doesn't</c><00:32:04.840><c> doesn't</c><00:32:05.159><c> Evol</c><00:32:05.480><c> to</c><00:32:05.600><c> true</c> 00:32:06.310 --> 00:32:06.320 align:start position:0% conditional doesn't doesn't Evol to true 00:32:06.320 --> 00:32:08.909 align:start position:0% conditional doesn't doesn't Evol to true and<00:32:06.639><c> therefore</c><00:32:07.120><c> we</c><00:32:07.240><c> don't</c><00:32:07.639><c> execute</c><00:32:08.639><c> what's</c> 00:32:08.909 --> 00:32:08.919 align:start position:0% and therefore we don't execute what's 00:32:08.919 --> 00:32:10.590 align:start position:0% and therefore we don't execute what's inside<00:32:09.240><c> this</c> 00:32:10.590 --> 00:32:10.600 align:start position:0% inside this 00:32:10.600 --> 00:32:12.830 align:start position:0% inside this block<00:32:11.600><c> and</c><00:32:11.799><c> something</c><00:32:12.080><c> else</c><00:32:12.320><c> I</c><00:32:12.440><c> mentioned</c> 00:32:12.830 --> 00:32:12.840 align:start position:0% block and something else I mentioned 00:32:12.840 --> 00:32:15.389 align:start position:0% block and something else I mentioned earlier<00:32:13.440><c> is</c><00:32:13.679><c> that</c><00:32:14.559><c> when</c><00:32:14.720><c> we</c><00:32:14.840><c> are</c><00:32:15.039><c> create</c> 00:32:15.389 --> 00:32:15.399 align:start position:0% earlier is that when we are create 00:32:15.399 --> 00:32:17.909 align:start position:0% earlier is that when we are create creating<00:32:15.720><c> a</c><00:32:15.919><c> string</c><00:32:16.320><c> we</c><00:32:16.480><c> have</c><00:32:16.679><c> the</c><00:32:16.840><c> option</c><00:32:17.240><c> of</c> 00:32:17.909 --> 00:32:17.919 align:start position:0% creating a string we have the option of 00:32:17.919 --> 00:32:20.830 align:start position:0% creating a string we have the option of setting<00:32:18.320><c> its</c><00:32:18.559><c> value</c><00:32:18.799><c> to</c><00:32:19.000><c> a</c><00:32:19.440><c> number</c><00:32:20.440><c> but</c><00:32:20.679><c> this</c> 00:32:20.830 --> 00:32:20.840 align:start position:0% setting its value to a number but this 00:32:20.840 --> 00:32:23.430 align:start position:0% setting its value to a number but this number<00:32:21.240><c> as</c><00:32:21.480><c> it</c><00:32:21.639><c> is</c><00:32:22.000><c> between</c><00:32:22.480><c> single</c><00:32:22.840><c> quotes</c><00:32:23.320><c> it</c> 00:32:23.430 --> 00:32:23.440 align:start position:0% number as it is between single quotes it 00:32:23.440 --> 00:32:26.629 align:start position:0% number as it is between single quotes it will<00:32:23.639><c> be</c><00:32:23.919><c> treated</c><00:32:24.399><c> as</c><00:32:24.519><c> a</c><00:32:24.840><c> string</c><00:32:25.840><c> so</c><00:32:26.360><c> if</c><00:32:26.480><c> I</c> 00:32:26.629 --> 00:32:26.639 align:start position:0% will be treated as a string so if I 00:32:26.639 --> 00:32:28.990 align:start position:0% will be treated as a string so if I change<00:32:26.919><c> my</c><00:32:27.159><c> variable</c><00:32:27.639><c> from</c><00:32:28.000><c> nine</c><00:32:28.480><c> the</c><00:32:28.639><c> number</c> 00:32:28.990 --> 00:32:29.000 align:start position:0% change my variable from nine the number 00:32:29.000 --> 00:32:32.549 align:start position:0% change my variable from nine the number to<00:32:29.320><c> a</c><00:32:29.519><c> string</c><00:32:30.200><c> that</c><00:32:30.399><c> has</c><00:32:30.679><c> the</c><00:32:31.080><c> value</c><00:32:31.320><c> of</c><00:32:31.559><c> nine</c> 00:32:32.549 --> 00:32:32.559 align:start position:0% to a string that has the value of nine 00:32:32.559 --> 00:32:34.669 align:start position:0% to a string that has the value of nine look<00:32:32.760><c> at</c><00:32:33.000><c> what</c><00:32:33.200><c> happens</c><00:32:33.639><c> here</c><00:32:33.960><c> we</c><00:32:34.080><c> get</c><00:32:34.279><c> a</c><00:32:34.440><c> bunch</c> 00:32:34.669 --> 00:32:34.679 align:start position:0% look at what happens here we get a bunch 00:32:34.679 --> 00:32:36.830 align:start position:0% look at what happens here we get a bunch of<00:32:34.799><c> liquid</c><00:32:35.159><c> errors</c><00:32:35.679><c> because</c><00:32:36.039><c> a</c><00:32:36.200><c> comparison</c><00:32:36.679><c> of</c> 00:32:36.830 --> 00:32:36.840 align:start position:0% of liquid errors because a comparison of 00:32:36.840 --> 00:32:38.710 align:start position:0% of liquid errors because a comparison of a<00:32:37.000><c> string</c><00:32:37.639><c> with</c><00:32:37.799><c> 10</c> 00:32:38.710 --> 00:32:38.720 align:start position:0% a string with 10 00:32:38.720 --> 00:32:40.750 align:start position:0% a string with 10 failed<00:32:39.720><c> therefore</c><00:32:40.080><c> you</c><00:32:40.159><c> can</c><00:32:40.279><c> see</c><00:32:40.519><c> here</c><00:32:40.639><c> that</c> 00:32:40.750 --> 00:32:40.760 align:start position:0% failed therefore you can see here that 00:32:40.760 --> 00:32:43.509 align:start position:0% failed therefore you can see here that we<00:32:40.880><c> cannot</c><00:32:41.159><c> compare</c><00:32:41.519><c> a</c><00:32:41.679><c> strings</c><00:32:42.600><c> with</c><00:32:42.840><c> numbers</c> 00:32:43.509 --> 00:32:43.519 align:start position:0% we cannot compare a strings with numbers 00:32:43.519 --> 00:32:45.789 align:start position:0% we cannot compare a strings with numbers so<00:32:44.000><c> this</c><00:32:44.080><c> is</c><00:32:44.320><c> why</c><00:32:44.559><c> I</c><00:32:44.720><c> what</c><00:32:44.840><c> I</c><00:32:44.919><c> meant</c><00:32:45.240><c> earlier</c> 00:32:45.789 --> 00:32:45.799 align:start position:0% so this is why I what I meant earlier 00:32:45.799 --> 00:32:47.230 align:start position:0% so this is why I what I meant earlier when<00:32:45.960><c> you</c><00:32:46.279><c> when</c><00:32:46.399><c> I</c><00:32:46.480><c> said</c><00:32:46.679><c> that</c><00:32:46.799><c> you</c><00:32:46.880><c> have</c><00:32:47.000><c> to</c><00:32:47.080><c> be</c> 00:32:47.230 --> 00:32:47.240 align:start position:0% when you when I said that you have to be 00:32:47.240 --> 00:32:49.470 align:start position:0% when you when I said that you have to be careful<00:32:47.679><c> with</c><00:32:47.799><c> the</c><00:32:47.960><c> type</c><00:32:48.159><c> of</c><00:32:48.279><c> your</c><00:32:48.480><c> numbers</c><00:32:49.279><c> in</c> 00:32:49.470 --> 00:32:49.480 align:start position:0% careful with the type of your numbers in 00:32:49.480 --> 00:32:51.789 align:start position:0% careful with the type of your numbers in liquid<00:32:50.399><c> okay</c><00:32:50.600><c> now</c><00:32:50.760><c> let's</c><00:32:51.080><c> convert</c><00:32:51.440><c> this</c><00:32:51.639><c> back</c> 00:32:51.789 --> 00:32:51.799 align:start position:0% liquid okay now let's convert this back 00:32:51.799 --> 00:32:53.750 align:start position:0% liquid okay now let's convert this back to<00:32:51.960><c> a</c> 00:32:53.750 --> 00:32:53.760 align:start position:0% to a 00:32:53.760 --> 00:32:57.310 align:start position:0% to a number<00:32:54.760><c> and</c><00:32:55.279><c> here</c><00:32:55.519><c> let's</c><00:32:55.720><c> see</c><00:32:56.240><c> the</c><00:32:56.440><c> contains</c> 00:32:57.310 --> 00:32:57.320 align:start position:0% number and here let's see the contains 00:32:57.320 --> 00:33:00.590 align:start position:0% number and here let's see the contains operator<00:32:57.919><c> so</c><00:32:58.159><c> for</c><00:32:58.480><c> this</c><00:32:59.480><c> I'm</c><00:32:59.639><c> going</c><00:32:59.840><c> to</c> 00:33:00.590 --> 00:33:00.600 align:start position:0% operator so for this I'm going to 00:33:00.600 --> 00:33:04.070 align:start position:0% operator so for this I'm going to print<00:33:01.600><c> product</c> 00:33:04.070 --> 00:33:04.080 align:start position:0% 00:33:04.080 --> 00:33:07.269 align:start position:0% title<00:33:05.080><c> and</c><00:33:05.200><c> I'm</c><00:33:05.480><c> also</c><00:33:05.799><c> going</c><00:33:06.000><c> to</c><00:33:06.240><c> print</c><00:33:07.080><c> the</c> 00:33:07.269 --> 00:33:07.279 align:start position:0% title and I'm also going to print the 00:33:07.279 --> 00:33:10.789 align:start position:0% title and I'm also going to print the product<00:33:07.679><c> TXS</c><00:33:08.600><c> we'll</c><00:33:08.880><c> use</c><00:33:09.200><c> both</c><00:33:09.360><c> in</c><00:33:09.480><c> a</c><00:33:09.799><c> moment</c> 00:33:10.789 --> 00:33:10.799 align:start position:0% product TXS we'll use both in a moment 00:33:10.799 --> 00:33:12.430 align:start position:0% product TXS we'll use both in a moment so<00:33:11.000><c> if</c><00:33:11.120><c> I</c><00:33:11.240><c> save</c><00:33:11.600><c> this</c><00:33:11.880><c> and</c><00:33:12.000><c> I</c><00:33:12.120><c> go</c><00:33:12.240><c> to</c><00:33:12.320><c> the</c> 00:33:12.430 --> 00:33:12.440 align:start position:0% so if I save this and I go to the 00:33:12.440 --> 00:33:14.669 align:start position:0% so if I save this and I go to the browser<00:33:13.200><c> here</c><00:33:13.320><c> I</c><00:33:13.440><c> see</c><00:33:13.600><c> the</c><00:33:13.720><c> product</c><00:33:14.039><c> title</c><00:33:14.559><c> and</c> 00:33:14.669 --> 00:33:14.679 align:start position:0% browser here I see the product title and 00:33:14.679 --> 00:33:16.830 align:start position:0% browser here I see the product title and the<00:33:14.799><c> product</c><00:33:15.120><c> TX</c><00:33:15.639><c> which</c><00:33:15.840><c> as</c><00:33:16.000><c> we</c><00:33:16.120><c> saw</c><00:33:16.360><c> earlier</c> 00:33:16.830 --> 00:33:16.840 align:start position:0% the product TX which as we saw earlier 00:33:16.840 --> 00:33:20.190 align:start position:0% the product TX which as we saw earlier this<00:33:16.960><c> is</c><00:33:17.039><c> an</c><00:33:17.320><c> array</c><00:33:18.320><c> but</c><00:33:18.600><c> when</c><00:33:18.760><c> we</c><00:33:18.960><c> print</c><00:33:19.320><c> it</c> 00:33:20.190 --> 00:33:20.200 align:start position:0% this is an array but when we print it 00:33:20.200 --> 00:33:22.549 align:start position:0% this is an array but when we print it just<00:33:20.440><c> like</c><00:33:20.679><c> this</c><00:33:21.000><c> the</c><00:33:21.080><c> name</c><00:33:21.240><c> of</c><00:33:21.320><c> the</c><00:33:21.559><c> variable</c> 00:33:22.549 --> 00:33:22.559 align:start position:0% just like this the name of the variable 00:33:22.559 --> 00:33:25.430 align:start position:0% just like this the name of the variable we<00:33:22.799><c> get</c><00:33:23.159><c> them</c><00:33:23.960><c> all</c><00:33:24.240><c> group</c><00:33:24.679><c> together</c><00:33:25.120><c> like</c><00:33:25.320><c> if</c> 00:33:25.430 --> 00:33:25.440 align:start position:0% we get them all group together like if 00:33:25.440 --> 00:33:28.070 align:start position:0% we get them all group together like if it<00:33:25.600><c> was</c><00:33:25.760><c> a</c><00:33:25.880><c> single</c><00:33:26.200><c> word</c> 00:33:28.070 --> 00:33:28.080 align:start position:0% it was a single word 00:33:28.080 --> 00:33:31.590 align:start position:0% it was a single word now<00:33:28.919><c> for</c><00:33:29.360><c> using</c><00:33:29.760><c> contains</c><00:33:30.279><c> we</c><00:33:30.399><c> can</c><00:33:30.559><c> use</c><00:33:30.880><c> this</c> 00:33:31.590 --> 00:33:31.600 align:start position:0% now for using contains we can use this 00:33:31.600 --> 00:33:33.549 align:start position:0% now for using contains we can use this to<00:33:31.799><c> check</c><00:33:32.399><c> in</c><00:33:32.559><c> the</c><00:33:32.679><c> case</c><00:33:32.840><c> of</c><00:33:32.919><c> a</c><00:33:33.080><c> string</c><00:33:33.399><c> to</c> 00:33:33.549 --> 00:33:33.559 align:start position:0% to check in the case of a string to 00:33:33.559 --> 00:33:35.629 align:start position:0% to check in the case of a string to check<00:33:34.080><c> if</c><00:33:34.200><c> it</c><00:33:34.399><c> contains</c><00:33:34.799><c> a</c><00:33:35.039><c> subset</c><00:33:35.440><c> of</c> 00:33:35.629 --> 00:33:35.639 align:start position:0% check if it contains a subset of 00:33:35.639 --> 00:33:37.470 align:start position:0% check if it contains a subset of characters<00:33:36.240><c> and</c><00:33:36.360><c> in</c><00:33:36.480><c> the</c><00:33:36.600><c> case</c><00:33:36.760><c> of</c><00:33:36.880><c> an</c><00:33:37.000><c> array</c> 00:33:37.470 --> 00:33:37.480 align:start position:0% characters and in the case of an array 00:33:37.480 --> 00:33:39.750 align:start position:0% characters and in the case of an array to<00:33:37.679><c> check</c><00:33:38.360><c> if</c><00:33:38.519><c> it</c><00:33:38.679><c> contains</c><00:33:39.120><c> a</c><00:33:39.279><c> particular</c> 00:33:39.750 --> 00:33:39.760 align:start position:0% to check if it contains a particular 00:33:39.760 --> 00:33:42.430 align:start position:0% to check if it contains a particular element<00:33:40.240><c> so</c><00:33:40.519><c> first</c><00:33:40.760><c> let's</c><00:33:40.960><c> see</c><00:33:41.320><c> for</c><00:33:41.519><c> a</c><00:33:41.720><c> string</c> 00:33:42.430 --> 00:33:42.440 align:start position:0% element so first let's see for a string 00:33:42.440 --> 00:33:45.710 align:start position:0% element so first let's see for a string and<00:33:42.600><c> let's</c><00:33:42.760><c> go</c><00:33:43.039><c> to</c><00:33:43.200><c> say</c><00:33:43.519><c> that</c><00:33:44.519><c> if</c><00:33:45.120><c> product</c> 00:33:45.710 --> 00:33:45.720 align:start position:0% and let's go to say that if product 00:33:45.720 --> 00:33:48.629 align:start position:0% and let's go to say that if product title<00:33:47.000><c> contains</c> 00:33:48.629 --> 00:33:48.639 align:start position:0% title contains 00:33:48.639 --> 00:33:52.389 align:start position:0% title contains snowboard<00:33:49.639><c> then</c><00:33:49.799><c> we</c><00:33:49.960><c> can</c><00:33:50.440><c> print</c><00:33:50.919><c> here</c><00:33:51.919><c> this</c><00:33:52.200><c> is</c> 00:33:52.389 --> 00:33:52.399 align:start position:0% snowboard then we can print here this is 00:33:52.399 --> 00:33:55.950 align:start position:0% snowboard then we can print here this is a 00:33:55.950 --> 00:33:55.960 align:start position:0% 00:33:55.960 --> 00:33:58.470 align:start position:0% snowbo 00:33:58.470 --> 00:33:58.480 align:start position:0% snowbo 00:33:58.480 --> 00:34:02.789 align:start position:0% snowbo if<00:33:58.639><c> we</c><00:33:58.799><c> go</c><00:33:59.039><c> here</c><00:33:59.519><c> I</c><00:33:59.679><c> see</c><00:34:00.200><c> this</c><00:34:00.320><c> is</c><00:34:00.399><c> a</c> 00:34:02.789 --> 00:34:02.799 align:start position:0% 00:34:02.799 --> 00:34:06.870 align:start position:0% snowboard<00:34:03.799><c> now</c><00:34:04.120><c> in</c><00:34:04.279><c> the</c><00:34:04.799><c> case</c><00:34:05.799><c> of</c><00:34:05.960><c> the</c><00:34:06.200><c> TX</c><00:34:06.799><c> I</c> 00:34:06.870 --> 00:34:06.880 align:start position:0% snowboard now in the case of the TX I 00:34:06.880 --> 00:34:08.909 align:start position:0% snowboard now in the case of the TX I can<00:34:07.080><c> say</c><00:34:07.480><c> if</c><00:34:07.919><c> product</c> 00:34:08.909 --> 00:34:08.919 align:start position:0% can say if product 00:34:08.919 --> 00:34:12.510 align:start position:0% can say if product TX<00:34:09.960><c> contains</c><00:34:10.960><c> let's</c><00:34:11.159><c> see</c><00:34:11.359><c> one</c><00:34:11.480><c> of</c><00:34:11.599><c> these</c> 00:34:12.510 --> 00:34:12.520 align:start position:0% TX contains let's see one of these 00:34:12.520 --> 00:34:15.990 align:start position:0% TX contains let's see one of these TXS 00:34:15.990 --> 00:34:16.000 align:start position:0% 00:34:16.000 --> 00:34:23.829 align:start position:0% winter<00:34:17.000><c> I</c><00:34:17.119><c> can</c><00:34:17.320><c> print</c><00:34:17.720><c> here</c><00:34:18.679><c> this</c><00:34:19.000><c> is</c><00:34:19.200><c> a</c><00:34:19.560><c> winter</c> 00:34:23.829 --> 00:34:23.839 align:start position:0% 00:34:23.839 --> 00:34:27.869 align:start position:0% product<00:34:24.839><c> and</c><00:34:25.000><c> if</c><00:34:25.119><c> I</c><00:34:25.240><c> save</c><00:34:25.879><c> this</c><00:34:27.359><c> again</c><00:34:27.679><c> this</c><00:34:27.760><c> is</c> 00:34:27.869 --> 00:34:27.879 align:start position:0% product and if I save this again this is 00:34:27.879 --> 00:34:30.470 align:start position:0% product and if I save this again this is a<00:34:27.960><c> winter</c><00:34:28.280><c> product</c><00:34:28.639><c> and</c><00:34:28.760><c> this</c><00:34:28.839><c> is</c><00:34:28.919><c> a</c> 00:34:30.470 --> 00:34:30.480 align:start position:0% a winter product and this is a 00:34:30.480 --> 00:34:35.030 align:start position:0% a winter product and this is a snowboard<00:34:31.480><c> now</c><00:34:32.440><c> if</c><00:34:32.560><c> I</c><00:34:32.720><c> wanted</c><00:34:33.399><c> to</c><00:34:34.399><c> just</c><00:34:34.839><c> just</c> 00:34:35.030 --> 00:34:35.040 align:start position:0% snowboard now if I wanted to just just 00:34:35.040 --> 00:34:37.389 align:start position:0% snowboard now if I wanted to just just to<00:34:35.159><c> show</c><00:34:35.359><c> you</c><00:34:35.639><c> that</c><00:34:35.919><c> we</c><00:34:36.079><c> are</c><00:34:36.399><c> actually</c> 00:34:37.389 --> 00:34:37.399 align:start position:0% to show you that we are actually 00:34:37.399 --> 00:34:40.470 align:start position:0% to show you that we are actually checking<00:34:37.760><c> for</c><00:34:38.040><c> individual</c><00:34:38.720><c> items</c><00:34:39.720><c> here</c><00:34:40.359><c> I</c> 00:34:40.470 --> 00:34:40.480 align:start position:0% checking for individual items here I 00:34:40.480 --> 00:34:42.510 align:start position:0% checking for individual items here I will<00:34:40.679><c> copy</c><00:34:40.960><c> a</c><00:34:41.119><c> sport</c> 00:34:42.510 --> 00:34:42.520 align:start position:0% will copy a sport 00:34:42.520 --> 00:34:47.030 align:start position:0% will copy a sport winter<00:34:43.520><c> and</c><00:34:43.679><c> if</c><00:34:43.800><c> I</c><00:34:43.960><c> try</c><00:34:44.359><c> to</c><00:34:44.520><c> check</c><00:34:44.760><c> for</c> 00:34:47.030 --> 00:34:47.040 align:start position:0% 00:34:47.040 --> 00:34:50.310 align:start position:0% this<00:34:48.040><c> we'll</c><00:34:48.280><c> see</c><00:34:48.560><c> that</c><00:34:49.359><c> the</c><00:34:49.599><c> last</c><00:34:49.839><c> check</c><00:34:50.159><c> the</c> 00:34:50.310 --> 00:34:50.320 align:start position:0% this we'll see that the last check the 00:34:50.320 --> 00:34:52.829 align:start position:0% this we'll see that the last check the check<00:34:50.720><c> the</c><00:34:51.200><c> product.</c><00:34:51.720><c> Tex</c><00:34:51.960><c> contains</c><00:34:52.240><c> a</c><00:34:52.399><c> sport</c> 00:34:52.829 --> 00:34:52.839 align:start position:0% check the product. Tex contains a sport 00:34:52.839 --> 00:34:55.790 align:start position:0% check the product. Tex contains a sport winter<00:34:53.839><c> no</c><00:34:54.079><c> longer</c><00:34:54.480><c> enters</c><00:34:54.960><c> here</c><00:34:55.399><c> this</c><00:34:55.520><c> is</c><00:34:55.639><c> no</c> 00:34:55.790 --> 00:34:55.800 align:start position:0% winter no longer enters here this is no 00:34:55.800 --> 00:34:57.630 align:start position:0% winter no longer enters here this is no longer<00:34:56.119><c> printed</c><00:34:56.639><c> because</c><00:34:56.919><c> because</c><00:34:57.320><c> even</c> 00:34:57.630 --> 00:34:57.640 align:start position:0% longer printed because because even 00:34:57.640 --> 00:35:00.390 align:start position:0% longer printed because because even though<00:34:58.320><c> they</c><00:34:58.480><c> are</c><00:34:58.640><c> grouped</c><00:34:59.079><c> together</c><00:34:59.400><c> here</c> 00:35:00.390 --> 00:35:00.400 align:start position:0% though they are grouped together here 00:35:00.400 --> 00:35:02.510 align:start position:0% though they are grouped together here tags<00:35:00.720><c> are</c><00:35:00.920><c> actually</c><00:35:01.240><c> separated</c><00:35:01.960><c> you</c><00:35:02.119><c> can</c><00:35:02.280><c> see</c> 00:35:02.510 --> 00:35:02.520 align:start position:0% tags are actually separated you can see 00:35:02.520 --> 00:35:04.670 align:start position:0% tags are actually separated you can see the<00:35:02.640><c> separation</c><00:35:03.240><c> the</c><00:35:03.400><c> separation</c><00:35:03.880><c> here</c><00:35:04.520><c> by</c> 00:35:04.670 --> 00:35:04.680 align:start position:0% the separation the separation here by 00:35:04.680 --> 00:35:09.150 align:start position:0% the separation the separation here by checking<00:35:05.119><c> for</c><00:35:05.359><c> the</c><00:35:05.520><c> letter</c><00:35:05.880><c> that's</c><00:35:06.079><c> in</c> 00:35:09.150 --> 00:35:09.160 align:start position:0% 00:35:09.160 --> 00:35:11.230 align:start position:0% uppercase 00:35:11.230 --> 00:35:11.240 align:start position:0% uppercase 00:35:11.240 --> 00:35:13.910 align:start position:0% uppercase now<00:35:12.240><c> and</c><00:35:12.440><c> I</c><00:35:12.640><c> almost</c><00:35:12.880><c> forgot</c><00:35:13.240><c> but</c><00:35:13.359><c> we</c><00:35:13.520><c> also</c><00:35:13.720><c> have</c> 00:35:13.910 --> 00:35:13.920 align:start position:0% now and I almost forgot but we also have 00:35:13.920 --> 00:35:15.430 align:start position:0% now and I almost forgot but we also have the<00:35:14.119><c> not</c> 00:35:15.430 --> 00:35:15.440 align:start position:0% the not 00:35:15.440 --> 00:35:20.510 align:start position:0% the not equal<00:35:16.440><c> operator</c><00:35:17.359><c> so</c><00:35:18.079><c> if</c><00:35:18.560><c> my</c><00:35:18.960><c> string</c><00:35:19.960><c> is</c><00:35:20.200><c> not</c> 00:35:20.510 --> 00:35:20.520 align:start position:0% equal operator so if my string is not 00:35:20.520 --> 00:35:24.670 align:start position:0% equal operator so if my string is not equal<00:35:20.920><c> to</c><00:35:21.480><c> hello</c><00:35:22.480><c> I'm</c><00:35:22.640><c> going</c><00:35:22.800><c> to</c><00:35:23.200><c> say</c><00:35:23.839><c> my</c> 00:35:24.670 --> 00:35:24.680 align:start position:0% equal to hello I'm going to say my 00:35:24.680 --> 00:35:28.790 align:start position:0% equal to hello I'm going to say my string<00:35:25.680><c> is</c><00:35:25.920><c> not</c><00:35:26.240><c> hello</c> 00:35:28.790 --> 00:35:28.800 align:start position:0% string is not hello 00:35:28.800 --> 00:35:31.910 align:start position:0% string is not hello so<00:35:29.160><c> here</c><00:35:29.560><c> I</c><00:35:29.680><c> save</c><00:35:30.160><c> this</c><00:35:31.160><c> my</c><00:35:31.320><c> string</c><00:35:31.640><c> here</c><00:35:31.800><c> is</c> 00:35:31.910 --> 00:35:31.920 align:start position:0% so here I save this my string here is 00:35:31.920 --> 00:35:35.550 align:start position:0% so here I save this my string here is not<00:35:32.119><c> hello</c><00:35:32.839><c> so</c><00:35:33.400><c> I</c><00:35:33.480><c> should</c><00:35:33.760><c> see</c><00:35:34.079><c> here</c><00:35:35.040><c> my</c><00:35:35.240><c> string</c> 00:35:35.550 --> 00:35:35.560 align:start position:0% not hello so I should see here my string 00:35:35.560 --> 00:35:38.589 align:start position:0% not hello so I should see here my string is<00:35:35.680><c> not</c> 00:35:38.589 --> 00:35:38.599 align:start position:0% 00:35:38.599 --> 00:35:40.910 align:start position:0% hello<00:35:39.599><c> now</c><00:35:39.760><c> for</c><00:35:39.960><c> all</c><00:35:40.119><c> these</c><00:35:40.280><c> instances</c><00:35:40.720><c> of</c> 00:35:40.910 --> 00:35:40.920 align:start position:0% hello now for all these instances of 00:35:40.920 --> 00:35:43.190 align:start position:0% hello now for all these instances of comparison<00:35:41.480><c> operators</c><00:35:42.280><c> there</c><00:35:42.440><c> is</c><00:35:42.599><c> always</c><00:35:43.040><c> a</c> 00:35:43.190 --> 00:35:43.200 align:start position:0% comparison operators there is always a 00:35:43.200 --> 00:35:45.349 align:start position:0% comparison operators there is always a way<00:35:43.359><c> to</c><00:35:43.480><c> negate</c><00:35:43.839><c> them</c><00:35:44.160><c> so</c><00:35:44.640><c> the</c><00:35:44.800><c> negation</c><00:35:45.160><c> of</c> 00:35:45.349 --> 00:35:45.359 align:start position:0% way to negate them so the negation of 00:35:45.359 --> 00:35:48.230 align:start position:0% way to negate them so the negation of greater<00:35:45.760><c> than</c><00:35:46.400><c> will</c><00:35:46.640><c> be</c><00:35:47.320><c> less</c><00:35:47.560><c> than</c><00:35:47.760><c> or</c><00:35:47.960><c> equal</c> 00:35:48.230 --> 00:35:48.240 align:start position:0% greater than will be less than or equal 00:35:48.240 --> 00:35:51.230 align:start position:0% greater than will be less than or equal to<00:35:49.119><c> the</c><00:35:49.440><c> negation</c><00:35:49.839><c> of</c><00:35:50.040><c> less</c><00:35:50.359><c> than</c><00:35:50.760><c> will</c><00:35:50.960><c> be</c> 00:35:51.230 --> 00:35:51.240 align:start position:0% to the negation of less than will be 00:35:51.240 --> 00:35:53.910 align:start position:0% to the negation of less than will be greater<00:35:51.640><c> than</c><00:35:51.800><c> or</c><00:35:51.960><c> equal</c><00:35:52.240><c> to</c><00:35:53.000><c> the</c><00:35:53.200><c> negation</c><00:35:53.720><c> of</c> 00:35:53.910 --> 00:35:53.920 align:start position:0% greater than or equal to the negation of 00:35:53.920 --> 00:35:57.670 align:start position:0% greater than or equal to the negation of equal<00:35:54.440><c> will</c><00:35:54.640><c> be</c><00:35:55.119><c> not</c><00:35:55.440><c> equal</c><00:35:56.240><c> here</c> 00:35:57.670 --> 00:35:57.680 align:start position:0% equal will be not equal here 00:35:57.680 --> 00:36:00.309 align:start position:0% equal will be not equal here but<00:35:58.319><c> how</c><00:35:58.480><c> do</c><00:35:58.599><c> we</c><00:35:58.800><c> negate</c> 00:36:00.309 --> 00:36:00.319 align:start position:0% but how do we negate 00:36:00.319 --> 00:36:04.150 align:start position:0% but how do we negate contains<00:36:01.319><c> we</c><00:36:01.480><c> cannot</c><00:36:02.200><c> here</c><00:36:02.480><c> say</c><00:36:03.040><c> not</c><00:36:03.440><c> contains</c> 00:36:04.150 --> 00:36:04.160 align:start position:0% contains we cannot here say not contains 00:36:04.160 --> 00:36:07.670 align:start position:0% contains we cannot here say not contains or<00:36:04.560><c> doesent</c><00:36:05.200><c> contain</c><00:36:06.200><c> and</c><00:36:06.400><c> if</c><00:36:06.560><c> you</c><00:36:07.160><c> have</c> 00:36:07.670 --> 00:36:07.680 align:start position:0% or doesent contain and if you have 00:36:07.680 --> 00:36:08.990 align:start position:0% or doesent contain and if you have programmed<00:36:08.119><c> in</c><00:36:08.280><c> other</c><00:36:08.599><c> programming</c> 00:36:08.990 --> 00:36:09.000 align:start position:0% programmed in other programming 00:36:09.000 --> 00:36:10.550 align:start position:0% programmed in other programming languages<00:36:09.480><c> you</c><00:36:09.599><c> may</c><00:36:09.800><c> try</c><00:36:09.960><c> to</c><00:36:10.079><c> do</c><00:36:10.240><c> something</c> 00:36:10.550 --> 00:36:10.560 align:start position:0% languages you may try to do something 00:36:10.560 --> 00:36:13.109 align:start position:0% languages you may try to do something like<00:36:10.839><c> this</c><00:36:11.839><c> adding</c><00:36:12.119><c> an</c><00:36:12.319><c> exclamation</c><00:36:12.839><c> mark</c> 00:36:13.109 --> 00:36:13.119 align:start position:0% like this adding an exclamation mark 00:36:13.119 --> 00:36:15.630 align:start position:0% like this adding an exclamation mark here<00:36:13.280><c> to</c><00:36:13.440><c> negate</c><00:36:13.839><c> something</c><00:36:14.599><c> maybe</c><00:36:15.160><c> wrapping</c> 00:36:15.630 --> 00:36:15.640 align:start position:0% here to negate something maybe wrapping 00:36:15.640 --> 00:36:18.309 align:start position:0% here to negate something maybe wrapping this<00:36:15.960><c> in</c><00:36:16.400><c> parenthesis</c><00:36:17.400><c> but</c><00:36:17.599><c> none</c><00:36:17.800><c> of</c><00:36:18.000><c> this</c><00:36:18.160><c> is</c> 00:36:18.309 --> 00:36:18.319 align:start position:0% this in parenthesis but none of this is 00:36:18.319 --> 00:36:21.030 align:start position:0% this in parenthesis but none of this is valid<00:36:18.599><c> in</c><00:36:18.760><c> liquid</c><00:36:19.640><c> instead</c><00:36:20.119><c> we</c><00:36:20.280><c> have</c><00:36:20.400><c> to</c><00:36:20.560><c> rely</c> 00:36:21.030 --> 00:36:21.040 align:start position:0% valid in liquid instead we have to rely 00:36:21.040 --> 00:36:24.230 align:start position:0% valid in liquid instead we have to rely on<00:36:21.240><c> the</c><00:36:21.400><c> onless</c><00:36:22.079><c> tag</c><00:36:22.520><c> so</c><00:36:22.880><c> this</c><00:36:23.000><c> is</c><00:36:23.280><c> like</c><00:36:23.960><c> a</c> 00:36:24.230 --> 00:36:24.240 align:start position:0% on the onless tag so this is like a 00:36:24.240 --> 00:36:27.790 align:start position:0% on the onless tag so this is like a reverse<00:36:24.720><c> if</c><00:36:24.960><c> or</c><00:36:25.119><c> an</c><00:36:25.319><c> opposite</c><00:36:25.680><c> if</c><00:36:26.000><c> so</c><00:36:26.800><c> unless</c> 00:36:27.790 --> 00:36:27.800 align:start position:0% reverse if or an opposite if so unless 00:36:27.800 --> 00:36:29.670 align:start position:0% reverse if or an opposite if so unless product<00:36:28.240><c> tax</c> 00:36:29.670 --> 00:36:29.680 align:start position:0% product tax 00:36:29.680 --> 00:36:34.670 align:start position:0% product tax contains 00:36:34.670 --> 00:36:34.680 align:start position:0% 00:36:34.680 --> 00:36:39.069 align:start position:0% premium<00:36:35.680><c> we</c><00:36:35.800><c> are</c><00:36:35.960><c> going</c><00:36:36.119><c> to</c><00:36:36.599><c> say</c><00:36:37.599><c> this</c><00:36:38.079><c> product</c> 00:36:39.069 --> 00:36:39.079 align:start position:0% premium we are going to say this product 00:36:39.079 --> 00:36:40.870 align:start position:0% premium we are going to say this product doesn't 00:36:40.870 --> 00:36:40.880 align:start position:0% doesn't 00:36:40.880 --> 00:36:45.150 align:start position:0% doesn't contain<00:36:41.880><c> the</c><00:36:42.200><c> premium</c> 00:36:45.150 --> 00:36:45.160 align:start position:0% 00:36:45.160 --> 00:36:47.870 align:start position:0% tag<00:36:46.160><c> and</c><00:36:46.359><c> we</c><00:36:46.520><c> have</c><00:36:46.680><c> to</c><00:36:46.839><c> make</c><00:36:47.000><c> sure</c><00:36:47.400><c> we</c><00:36:47.560><c> close</c> 00:36:47.870 --> 00:36:47.880 align:start position:0% tag and we have to make sure we close 00:36:47.880 --> 00:36:50.109 align:start position:0% tag and we have to make sure we close this<00:36:48.119><c> appropriately</c><00:36:48.720><c> instead</c><00:36:49.000><c> of</c><00:36:49.200><c> and</c><00:36:49.480><c> if</c><00:36:49.760><c> and</c> 00:36:50.109 --> 00:36:50.119 align:start position:0% this appropriately instead of and if and 00:36:50.119 --> 00:36:53.670 align:start position:0% this appropriately instead of and if and unless<00:36:51.119><c> and</c><00:36:51.240><c> if</c><00:36:51.359><c> I</c><00:36:51.520><c> save</c><00:36:52.240><c> this</c><00:36:53.240><c> I'm</c><00:36:53.359><c> not</c><00:36:53.520><c> going</c> 00:36:53.670 --> 00:36:53.680 align:start position:0% unless and if I save this I'm not going 00:36:53.680 --> 00:36:55.230 align:start position:0% unless and if I save this I'm not going to<00:36:53.760><c> see</c><00:36:53.960><c> anything</c><00:36:54.319><c> because</c><00:36:54.599><c> this</c><00:36:54.800><c> product</c> 00:36:55.230 --> 00:36:55.240 align:start position:0% to see anything because this product 00:36:55.240 --> 00:36:58.270 align:start position:0% to see anything because this product contains<00:36:56.040><c> the</c><00:36:56.200><c> premium</c><00:36:56.520><c> tag</c><00:36:56.720><c> tag</c><00:36:57.680><c> however</c><00:36:58.160><c> if</c> 00:36:58.270 --> 00:36:58.280 align:start position:0% contains the premium tag tag however if 00:36:58.280 --> 00:37:00.309 align:start position:0% contains the premium tag tag however if I<00:36:58.440><c> go</c><00:36:58.560><c> to</c><00:36:58.680><c> the</c><00:36:58.800><c> homepage</c><00:36:59.640><c> and</c><00:36:59.839><c> let's</c><00:37:00.040><c> search</c> 00:37:00.309 --> 00:37:00.319 align:start position:0% I go to the homepage and let's search 00:37:00.319 --> 00:37:02.430 align:start position:0% I go to the homepage and let's search for<00:37:00.480><c> a</c><00:37:00.640><c> product</c><00:37:00.920><c> that</c><00:37:01.040><c> doesn't</c><00:37:01.280><c> contain</c><00:37:01.640><c> this</c> 00:37:02.430 --> 00:37:02.440 align:start position:0% for a product that doesn't contain this 00:37:02.440 --> 00:37:04.870 align:start position:0% for a product that doesn't contain this like<00:37:02.640><c> this</c><00:37:02.760><c> selling</c><00:37:03.119><c> plant</c><00:37:03.599><c> Sky</c> 00:37:04.870 --> 00:37:04.880 align:start position:0% like this selling plant Sky 00:37:04.880 --> 00:37:07.430 align:start position:0% like this selling plant Sky wax<00:37:05.880><c> I</c><00:37:06.040><c> can</c><00:37:06.160><c> see</c><00:37:06.400><c> here</c><00:37:06.640><c> this</c><00:37:06.800><c> product</c><00:37:07.160><c> doesn't</c> 00:37:07.430 --> 00:37:07.440 align:start position:0% wax I can see here this product doesn't 00:37:07.440 --> 00:37:09.790 align:start position:0% wax I can see here this product doesn't contain<00:37:07.920><c> the</c><00:37:08.079><c> premium</c> 00:37:09.790 --> 00:37:09.800 align:start position:0% contain the premium 00:37:09.800 --> 00:37:13.270 align:start position:0% contain the premium tag<00:37:10.800><c> also</c><00:37:11.240><c> unless</c><00:37:11.800><c> supports</c><00:37:12.760><c> an</c><00:37:12.920><c> else</c> 00:37:13.270 --> 00:37:13.280 align:start position:0% tag also unless supports an else 00:37:13.280 --> 00:37:15.630 align:start position:0% tag also unless supports an else statement<00:37:13.800><c> so</c><00:37:14.119><c> here</c><00:37:14.480><c> can</c> 00:37:15.630 --> 00:37:15.640 align:start position:0% statement so here can 00:37:15.640 --> 00:37:20.390 align:start position:0% statement so here can say<00:37:16.640><c> else</c><00:37:17.319><c> this</c><00:37:17.560><c> product</c><00:37:18.520><c> contains</c><00:37:19.520><c> the</c> 00:37:20.390 --> 00:37:20.400 align:start position:0% say else this product contains the 00:37:20.400 --> 00:37:23.030 align:start position:0% say else this product contains the premium 00:37:23.030 --> 00:37:23.040 align:start position:0% premium 00:37:23.040 --> 00:37:26.990 align:start position:0% premium tag<00:37:24.040><c> so</c><00:37:24.240><c> if</c><00:37:24.359><c> I</c><00:37:24.480><c> save</c><00:37:25.200><c> this</c><00:37:26.200><c> here</c><00:37:26.400><c> this</c><00:37:26.720><c> won't</c> 00:37:26.990 --> 00:37:27.000 align:start position:0% tag so if I save this here this won't 00:37:27.000 --> 00:37:29.109 align:start position:0% tag so if I save this here this won't change<00:37:27.560><c> but</c><00:37:27.720><c> if</c><00:37:27.839><c> we</c><00:37:28.000><c> go</c><00:37:28.240><c> back</c><00:37:28.520><c> to</c><00:37:28.720><c> the</c><00:37:28.839><c> other</c> 00:37:29.109 --> 00:37:29.119 align:start position:0% change but if we go back to the other 00:37:29.119 --> 00:37:31.470 align:start position:0% change but if we go back to the other product<00:37:29.599><c> we</c><00:37:29.720><c> were</c><00:37:29.880><c> seeing</c><00:37:30.160><c> a</c><00:37:30.280><c> moment</c><00:37:30.599><c> ago</c><00:37:31.359><c> I</c> 00:37:31.470 --> 00:37:31.480 align:start position:0% product we were seeing a moment ago I 00:37:31.480 --> 00:37:33.790 align:start position:0% product we were seeing a moment ago I think<00:37:31.640><c> it</c><00:37:31.760><c> was</c><00:37:32.000><c> this</c> 00:37:33.790 --> 00:37:33.800 align:start position:0% think it was this 00:37:33.800 --> 00:37:36.230 align:start position:0% think it was this one<00:37:34.800><c> here</c><00:37:34.960><c> we</c><00:37:35.079><c> see</c><00:37:35.319><c> this</c><00:37:35.480><c> product</c><00:37:35.800><c> contains</c> 00:37:36.230 --> 00:37:36.240 align:start position:0% one here we see this product contains 00:37:36.240 --> 00:37:38.190 align:start position:0% one here we see this product contains the<00:37:36.400><c> premium</c><00:37:36.800><c> tag</c><00:37:37.240><c> so</c><00:37:37.440><c> this</c><00:37:37.560><c> is</c><00:37:37.720><c> how</c><00:37:37.880><c> you</c><00:37:37.960><c> will</c> 00:37:38.190 --> 00:37:38.200 align:start position:0% the premium tag so this is how you will 00:37:38.200 --> 00:37:41.109 align:start position:0% the premium tag so this is how you will use<00:37:38.560><c> the</c><00:37:38.760><c> unless</c><00:37:39.760><c> tag</c><00:37:40.240><c> you</c><00:37:40.359><c> are</c><00:37:40.520><c> not</c><00:37:40.760><c> limited</c> 00:37:41.109 --> 00:37:41.119 align:start position:0% use the unless tag you are not limited 00:37:41.119 --> 00:37:44.030 align:start position:0% use the unless tag you are not limited to<00:37:41.280><c> just</c><00:37:41.480><c> using</c><00:37:41.800><c> contain</c><00:37:42.319><c> here</c><00:37:43.000><c> you</c><00:37:43.160><c> can</c><00:37:43.599><c> use</c> 00:37:44.030 --> 00:37:44.040 align:start position:0% to just using contain here you can use 00:37:44.040 --> 00:37:49.270 align:start position:0% to just using contain here you can use any<00:37:44.480><c> conditional</c><00:37:45.359><c> so</c><00:37:46.359><c> unless</c><00:37:47.079><c> my</c><00:37:47.480><c> variable</c><00:37:48.480><c> is</c> 00:37:49.270 --> 00:37:49.280 align:start position:0% any conditional so unless my variable is 00:37:49.280 --> 00:37:53.109 align:start position:0% any conditional so unless my variable is less<00:37:50.000><c> than</c><00:37:51.000><c> less</c><00:37:51.280><c> than</c><00:37:51.560><c> or</c><00:37:51.880><c> equal</c><00:37:52.160><c> to</c> 00:37:53.109 --> 00:37:53.119 align:start position:0% less than less than or equal to 00:37:53.119 --> 00:37:55.589 align:start position:0% less than less than or equal to 10<00:37:54.119><c> I'm</c><00:37:54.280><c> going</c><00:37:54.440><c> to</c> 00:37:55.589 --> 00:37:55.599 align:start position:0% 10 I'm going to 00:37:55.599 --> 00:37:58.589 align:start position:0% 10 I'm going to say 00:37:58.589 --> 00:37:58.599 align:start position:0% say 00:37:58.599 --> 00:38:00.550 align:start position:0% say my 00:38:00.550 --> 00:38:00.560 align:start position:0% my 00:38:00.560 --> 00:38:04.790 align:start position:0% my variable<00:38:01.560><c> is</c><00:38:01.839><c> greater</c><00:38:02.240><c> than</c> 00:38:04.790 --> 00:38:04.800 align:start position:0% 00:38:04.800 --> 00:38:07.270 align:start position:0% 10<00:38:05.800><c> otherwise</c><00:38:06.319><c> I'm</c><00:38:06.440><c> going</c><00:38:06.599><c> to</c><00:38:06.760><c> say</c><00:38:07.079><c> my</c> 00:38:07.270 --> 00:38:07.280 align:start position:0% 10 otherwise I'm going to say my 00:38:07.280 --> 00:38:11.630 align:start position:0% 10 otherwise I'm going to say my variable<00:38:08.079><c> is</c><00:38:08.359><c> not</c><00:38:08.960><c> greater</c><00:38:09.880><c> than</c><00:38:10.119><c> 10</c><00:38:10.720><c> so</c><00:38:11.200><c> here</c> 00:38:11.630 --> 00:38:11.640 align:start position:0% variable is not greater than 10 so here 00:38:11.640 --> 00:38:15.309 align:start position:0% variable is not greater than 10 so here my<00:38:11.800><c> variable</c><00:38:12.119><c> is</c><00:38:12.480><c> n</c><00:38:13.480><c> so</c><00:38:13.800><c> I</c><00:38:13.920><c> shall</c><00:38:14.119><c> be</c><00:38:14.280><c> seeing</c><00:38:15.160><c> my</c> 00:38:15.309 --> 00:38:15.319 align:start position:0% my variable is n so I shall be seeing my 00:38:15.319 --> 00:38:18.109 align:start position:0% my variable is n so I shall be seeing my variable<00:38:15.680><c> is</c><00:38:15.800><c> not</c><00:38:16.040><c> greater</c><00:38:16.319><c> than</c> 00:38:18.109 --> 00:38:18.119 align:start position:0% variable is not greater than 00:38:18.119 --> 00:38:20.750 align:start position:0% variable is not greater than 10<00:38:19.119><c> and</c><00:38:19.280><c> now</c><00:38:19.440><c> if</c><00:38:19.560><c> I</c><00:38:19.680><c> make</c> 00:38:20.750 --> 00:38:20.760 align:start position:0% 10 and now if I make 00:38:20.760 --> 00:38:25.510 align:start position:0% 10 and now if I make this 00:38:25.510 --> 00:38:25.520 align:start position:0% 00:38:25.520 --> 00:38:28.349 align:start position:0% 11<00:38:26.640><c> my</c><00:38:26.839><c> variable</c><00:38:27.160><c> is</c><00:38:27.319><c> greater</c><00:38:27.640><c> than</c><00:38:27.839><c> 10</c> 00:38:28.349 --> 00:38:28.359 align:start position:0% 11 my variable is greater than 10 00:38:28.359 --> 00:38:30.550 align:start position:0% 11 my variable is greater than 10 because<00:38:28.599><c> we're</c><00:38:28.800><c> saying</c><00:38:29.240><c> unless</c><00:38:29.760><c> my</c><00:38:29.960><c> variable</c> 00:38:30.550 --> 00:38:30.560 align:start position:0% because we're saying unless my variable 00:38:30.560 --> 00:38:33.750 align:start position:0% because we're saying unless my variable is<00:38:30.839><c> less</c><00:38:31.079><c> or</c><00:38:31.200><c> equal</c><00:38:31.480><c> 10</c><00:38:32.200><c> so</c><00:38:33.200><c> you</c><00:38:33.359><c> can</c><00:38:33.520><c> always</c> 00:38:33.750 --> 00:38:33.760 align:start position:0% is less or equal 10 so you can always 00:38:33.760 --> 00:38:35.430 align:start position:0% is less or equal 10 so you can always try<00:38:34.000><c> creating</c><00:38:34.400><c> this</c><00:38:34.599><c> in</c><00:38:34.720><c> natural</c><00:38:35.079><c> language</c> 00:38:35.430 --> 00:38:35.440 align:start position:0% try creating this in natural language 00:38:35.440 --> 00:38:38.950 align:start position:0% try creating this in natural language and<00:38:35.560><c> you</c><00:38:35.640><c> will</c><00:38:35.839><c> get</c><00:38:35.960><c> an</c><00:38:36.119><c> idea</c><00:38:36.359><c> of</c><00:38:36.520><c> what</c><00:38:36.680><c> this</c><00:38:36.800><c> is</c> 00:38:38.950 --> 00:38:38.960 align:start position:0% and you will get an idea of what this is 00:38:38.960 --> 00:38:42.790 align:start position:0% and you will get an idea of what this is doing<00:38:39.960><c> okay</c><00:38:40.119><c> so</c><00:38:40.359><c> now</c><00:38:40.560><c> let's</c><00:38:41.200><c> see</c><00:38:42.200><c> logical</c> 00:38:42.790 --> 00:38:42.800 align:start position:0% doing okay so now let's see logical 00:38:42.800 --> 00:38:44.430 align:start position:0% doing okay so now let's see logical operators<00:38:43.400><c> what</c><00:38:43.520><c> this</c><00:38:43.640><c> letter</c><00:38:43.839><c> us</c><00:38:44.000><c> do</c><00:38:44.200><c> is</c><00:38:44.319><c> that</c> 00:38:44.430 --> 00:38:44.440 align:start position:0% operators what this letter us do is that 00:38:44.440 --> 00:38:46.750 align:start position:0% operators what this letter us do is that we<00:38:44.560><c> will</c><00:38:44.680><c> be</c><00:38:44.839><c> able</c><00:38:45.119><c> to</c><00:38:45.440><c> chain</c><00:38:46.319><c> conditions</c> 00:38:46.750 --> 00:38:46.760 align:start position:0% we will be able to chain conditions 00:38:46.760 --> 00:38:48.670 align:start position:0% we will be able to chain conditions together<00:38:47.160><c> so</c><00:38:47.520><c> for</c><00:38:47.760><c> example</c><00:38:48.160><c> let's</c><00:38:48.319><c> say</c><00:38:48.480><c> that</c><00:38:48.599><c> I</c> 00:38:48.670 --> 00:38:48.680 align:start position:0% together so for example let's say that I 00:38:48.680 --> 00:38:52.030 align:start position:0% together so for example let's say that I want<00:38:48.800><c> to</c><00:38:48.920><c> print</c><00:38:49.119><c> a</c><00:38:49.280><c> message</c><00:38:50.040><c> if</c><00:38:50.319><c> and</c><00:38:50.839><c> in</c><00:38:51.319><c> a</c><00:38:51.839><c> in</c><00:38:51.920><c> a</c> 00:38:52.030 --> 00:38:52.040 align:start position:0% want to print a message if and in a in a 00:38:52.040 --> 00:38:53.990 align:start position:0% want to print a message if and in a in a snowbo<00:38:52.560><c> page</c><00:38:53.079><c> and</c><00:38:53.240><c> the</c><00:38:53.319><c> snowboard</c><00:38:53.760><c> is</c><00:38:53.839><c> an</c> 00:38:53.990 --> 00:38:54.000 align:start position:0% snowbo page and the snowboard is an 00:38:54.000 --> 00:38:57.630 align:start position:0% snowbo page and the snowboard is an affordable<00:38:54.520><c> one</c><00:38:54.839><c> so</c><00:38:55.440><c> let's</c><00:38:55.599><c> say</c><00:38:55.800><c> that</c><00:38:55.920><c> I</c><00:38:56.000><c> do</c><00:38:56.640><c> if</c> 00:38:57.630 --> 00:38:57.640 align:start position:0% affordable one so let's say that I do if 00:38:57.640 --> 00:39:01.190 align:start position:0% affordable one so let's say that I do if product<00:38:58.400><c> title</c><00:38:58.839><c> contains</c><00:38:59.440><c> a</c> 00:39:01.190 --> 00:39:01.200 align:start position:0% product title contains a 00:39:01.200 --> 00:39:05.309 align:start position:0% product title contains a snowboard<00:39:02.400><c> and</c><00:39:03.400><c> product</c><00:39:04.040><c> price</c><00:39:04.960><c> let's</c><00:39:05.160><c> say</c> 00:39:05.309 --> 00:39:05.319 align:start position:0% snowboard and product price let's say 00:39:05.319 --> 00:39:09.990 align:start position:0% snowboard and product price let's say that<00:39:05.480><c> an</c><00:39:05.640><c> affordable</c><00:39:06.040><c> snowboard</c><00:39:06.720><c> is</c><00:39:07.040><c> below</c> 00:39:09.990 --> 00:39:10.000 align:start position:0% 00:39:10.000 --> 00:39:13.510 align:start position:0% $650<00:39:11.000><c> so</c><00:39:11.359><c> I'm</c><00:39:11.480><c> going</c><00:39:11.640><c> to</c><00:39:11.720><c> say</c><00:39:12.040><c> $650</c><00:39:13.040><c> and</c><00:39:13.200><c> I</c><00:39:13.359><c> have</c> 00:39:13.510 --> 00:39:13.520 align:start position:0% $650 so I'm going to say $650 and I have 00:39:13.520 --> 00:39:15.829 align:start position:0% $650 so I'm going to say $650 and I have to<00:39:13.720><c> add</c><00:39:13.920><c> two</c><00:39:14.119><c> zeros</c><00:39:14.599><c> here</c><00:39:14.960><c> because</c><00:39:15.680><c> the</c> 00:39:15.829 --> 00:39:15.839 align:start position:0% to add two zeros here because the 00:39:15.839 --> 00:39:19.870 align:start position:0% to add two zeros here because the pricing<00:39:16.240><c> Shopify</c><00:39:17.160><c> is</c><00:39:17.640><c> saved</c><00:39:18.079><c> as</c><00:39:18.359><c> cents</c><00:39:19.119><c> so</c> 00:39:19.870 --> 00:39:19.880 align:start position:0% pricing Shopify is saved as cents so 00:39:19.880 --> 00:39:21.710 align:start position:0% pricing Shopify is saved as cents so instead<00:39:20.160><c> of</c><00:39:20.280><c> dollar</c><00:39:20.960><c> I'm</c><00:39:21.079><c> saying</c><00:39:21.400><c> that</c><00:39:21.599><c> this</c> 00:39:21.710 --> 00:39:21.720 align:start position:0% instead of dollar I'm saying that this 00:39:21.720 --> 00:39:25.430 align:start position:0% instead of dollar I'm saying that this is<00:39:22.040><c> 6</c><00:39:23.000><c> 65,000</c><00:39:24.000><c> cents</c><00:39:24.440><c> which</c><00:39:24.560><c> is</c> 00:39:25.430 --> 00:39:25.440 align:start position:0% is 6 65,000 cents which is 00:39:25.440 --> 00:39:27.030 align:start position:0% is 6 65,000 cents which is $650 00:39:27.030 --> 00:39:27.040 align:start position:0% $650 00:39:27.040 --> 00:39:29.190 align:start position:0% $650 so<00:39:28.040><c> here</c><00:39:28.240><c> and</c><00:39:28.359><c> I'll</c> 00:39:29.190 --> 00:39:29.200 align:start position:0% so here and I'll 00:39:29.200 --> 00:39:32.150 align:start position:0% so here and I'll say<00:39:30.200><c> this</c><00:39:30.400><c> is</c><00:39:31.200><c> an</c> 00:39:32.150 --> 00:39:32.160 align:start position:0% say this is an 00:39:32.160 --> 00:39:34.870 align:start position:0% say this is an affordable 00:39:34.870 --> 00:39:34.880 align:start position:0% affordable 00:39:34.880 --> 00:39:38.470 align:start position:0% affordable snowboard<00:39:35.880><c> if</c><00:39:36.000><c> I</c><00:39:36.160><c> save</c> 00:39:38.470 --> 00:39:38.480 align:start position:0% snowboard if I save 00:39:38.480 --> 00:39:42.430 align:start position:0% snowboard if I save this<00:39:39.480><c> let's</c><00:39:39.760><c> go</c><00:39:40.079><c> first</c><00:39:40.440><c> to</c><00:39:41.200><c> the</c><00:39:41.359><c> complet</c><00:39:41.760><c> snowb</c> 00:39:42.430 --> 00:39:42.440 align:start position:0% this let's go first to the complet snowb 00:39:42.440 --> 00:39:47.069 align:start position:0% this let's go first to the complet snowb here<00:39:43.440><c> this</c><00:39:43.599><c> one</c><00:39:44.040><c> is</c><00:39:45.319><c> 699</c><00:39:46.319><c> and</c><00:39:46.520><c> here</c><00:39:46.760><c> I</c><00:39:46.880><c> don't</c> 00:39:47.069 --> 00:39:47.079 align:start position:0% here this one is 699 and here I don't 00:39:47.079 --> 00:39:50.309 align:start position:0% here this one is 699 and here I don't see<00:39:47.240><c> the</c><00:39:47.680><c> message</c><00:39:48.680><c> now</c><00:39:49.160><c> if</c> 00:39:50.309 --> 00:39:50.319 align:start position:0% see the message now if 00:39:50.319 --> 00:39:55.390 align:start position:0% see the message now if then<00:39:51.319><c> I</c><00:39:51.480><c> go</c><00:39:51.960><c> to</c><00:39:52.960><c> this</c><00:39:53.440><c> snowboard</c> 00:39:55.390 --> 00:39:55.400 align:start position:0% then I go to this snowboard 00:39:55.400 --> 00:39:57.589 align:start position:0% then I go to this snowboard hydrogen<00:39:56.720><c> here</c><00:39:56.880><c> I</c><00:39:57.000><c> see</c><00:39:57.240><c> this</c><00:39:57.359><c> is</c><00:39:57.480><c> an</c> 00:39:57.589 --> 00:39:57.599 align:start position:0% hydrogen here I see this is an 00:39:57.599 --> 00:40:02.349 align:start position:0% hydrogen here I see this is an affordable<00:39:57.960><c> snowboard</c><00:39:58.520><c> because</c><00:39:58.839><c> it</c><00:39:58.960><c> is</c><00:39:59.119><c> below</c> 00:40:02.349 --> 00:40:02.359 align:start position:0% 00:40:02.359 --> 00:40:06.030 align:start position:0% $650<00:40:03.359><c> now</c><00:40:03.920><c> I</c><00:40:04.040><c> can</c><00:40:04.520><c> if</c><00:40:04.640><c> I</c><00:40:04.800><c> replace</c><00:40:05.240><c> this</c><00:40:05.480><c> and</c> 00:40:06.030 --> 00:40:06.040 align:start position:0% $650 now I can if I replace this and 00:40:06.040 --> 00:40:09.750 align:start position:0% $650 now I can if I replace this and with<00:40:06.160><c> an</c><00:40:06.800><c> or</c><00:40:07.800><c> it</c><00:40:07.920><c> will</c><00:40:08.160><c> enter</c><00:40:08.599><c> here</c><00:40:08.960><c> if</c><00:40:09.280><c> either</c> 00:40:09.750 --> 00:40:09.760 align:start position:0% with an or it will enter here if either 00:40:09.760 --> 00:40:12.230 align:start position:0% with an or it will enter here if either this<00:40:10.119><c> condition</c><00:40:10.319><c> is</c><00:40:10.480><c> met</c><00:40:11.319><c> or</c><00:40:11.720><c> this</c><00:40:12.079><c> condition</c> 00:40:12.230 --> 00:40:12.240 align:start position:0% this condition is met or this condition 00:40:12.240 --> 00:40:16.069 align:start position:0% this condition is met or this condition is<00:40:12.720><c> met</c><00:40:13.720><c> so</c><00:40:14.240><c> here</c><00:40:14.440><c> we</c><00:40:14.560><c> won't</c><00:40:14.800><c> see</c><00:40:15.119><c> any</c><00:40:15.400><c> change</c> 00:40:16.069 --> 00:40:16.079 align:start position:0% is met so here we won't see any change 00:40:16.079 --> 00:40:16.910 align:start position:0% is met so here we won't see any change but 00:40:16.910 --> 00:40:16.920 align:start position:0% but 00:40:16.920 --> 00:40:19.950 align:start position:0% but now<00:40:17.920><c> if</c><00:40:18.040><c> I</c><00:40:18.240><c> go</c><00:40:18.880><c> to</c><00:40:19.079><c> the</c><00:40:19.240><c> previous</c><00:40:19.560><c> snowboard</c> 00:40:19.950 --> 00:40:19.960 align:start position:0% now if I go to the previous snowboard 00:40:19.960 --> 00:40:21.670 align:start position:0% now if I go to the previous snowboard that<00:40:20.040><c> I</c><00:40:20.119><c> checked</c><00:40:20.319><c> the</c><00:40:20.440><c> complete</c><00:40:20.680><c> a</c><00:40:20.760><c> snowboard</c> 00:40:21.670 --> 00:40:21.680 align:start position:0% that I checked the complete a snowboard 00:40:21.680 --> 00:40:24.990 align:start position:0% that I checked the complete a snowboard here<00:40:22.680><c> I'll</c><00:40:22.839><c> see</c><00:40:23.040><c> that</c><00:40:23.200><c> this</c><00:40:23.280><c> is</c><00:40:23.400><c> an</c><00:40:23.520><c> affordable</c> 00:40:24.990 --> 00:40:25.000 align:start position:0% here I'll see that this is an affordable 00:40:25.000 --> 00:40:27.309 align:start position:0% here I'll see that this is an affordable snowboard<00:40:26.000><c> and</c><00:40:26.400><c> I</c><00:40:26.480><c> will</c><00:40:26.640><c> even</c><00:40:26.839><c> see</c><00:40:27.119><c> this</c> 00:40:27.309 --> 00:40:27.319 align:start position:0% snowboard and I will even see this 00:40:27.319 --> 00:40:31.390 align:start position:0% snowboard and I will even see this message<00:40:27.960><c> if</c><00:40:28.079><c> I</c><00:40:28.240><c> go</c><00:40:28.520><c> to</c><00:40:28.800><c> the</c><00:40:29.400><c> ski</c><00:40:29.800><c> wax</c><00:40:30.400><c> because</c> 00:40:31.390 --> 00:40:31.400 align:start position:0% message if I go to the ski wax because 00:40:31.400 --> 00:40:33.910 align:start position:0% message if I go to the ski wax because even<00:40:31.680><c> though</c><00:40:32.160><c> it's</c><00:40:32.800><c> it's</c><00:40:33.160><c> title</c><00:40:33.599><c> doesn't</c> 00:40:33.910 --> 00:40:33.920 align:start position:0% even though it's it's title doesn't 00:40:33.920 --> 00:40:35.589 align:start position:0% even though it's it's title doesn't contain<00:40:34.359><c> the</c><00:40:34.440><c> word</c><00:40:34.760><c> snowboard</c><00:40:35.280><c> as</c><00:40:35.400><c> we</c> 00:40:35.589 --> 00:40:35.599 align:start position:0% contain the word snowboard as we 00:40:35.599 --> 00:40:38.069 align:start position:0% contain the word snowboard as we specified<00:40:36.079><c> in</c><00:40:36.200><c> the</c><00:40:36.319><c> first</c><00:40:36.760><c> condition</c><00:40:37.079><c> here</c> 00:40:38.069 --> 00:40:38.079 align:start position:0% specified in the first condition here 00:40:38.079 --> 00:40:40.109 align:start position:0% specified in the first condition here its<00:40:38.400><c> price</c><00:40:38.760><c> is</c><00:40:38.960><c> below</c> 00:40:40.109 --> 00:40:40.119 align:start position:0% its price is below 00:40:40.119 --> 00:40:43.630 align:start position:0% its price is below $650<00:40:41.119><c> so</c><00:40:41.920><c> we</c><00:40:42.119><c> enter</c><00:40:42.560><c> the</c><00:40:42.839><c> condition</c><00:40:43.280><c> and</c><00:40:43.400><c> the</c> 00:40:43.630 --> 00:40:43.640 align:start position:0% $650 so we enter the condition and the 00:40:43.640 --> 00:40:46.069 align:start position:0% $650 so we enter the condition and the conditional<00:40:44.000><c> anyways</c><00:40:44.720><c> and</c><00:40:44.880><c> we</c><00:40:45.240><c> printed</c><00:40:45.880><c> this</c> 00:40:46.069 --> 00:40:46.079 align:start position:0% conditional anyways and we printed this 00:40:46.079 --> 00:40:48.870 align:start position:0% conditional anyways and we printed this message<00:40:46.720><c> here</c><00:40:47.720><c> we</c><00:40:47.839><c> can</c><00:40:48.000><c> change</c><00:40:48.359><c> as</c><00:40:48.480><c> many</c> 00:40:48.870 --> 00:40:48.880 align:start position:0% message here we can change as many 00:40:48.880 --> 00:40:50.470 align:start position:0% message here we can change as many conditionals<00:40:49.280><c> as</c><00:40:49.400><c> we</c><00:40:49.520><c> need</c><00:40:49.720><c> to</c><00:40:50.079><c> but</c><00:40:50.200><c> there</c><00:40:50.359><c> is</c> 00:40:50.470 --> 00:40:50.480 align:start position:0% conditionals as we need to but there is 00:40:50.480 --> 00:40:52.670 align:start position:0% conditionals as we need to but there is a<00:40:50.640><c> catch</c><00:40:51.000><c> in</c><00:40:51.160><c> the</c><00:40:51.319><c> way</c><00:40:51.599><c> they</c><00:40:51.720><c> are</c><00:40:51.920><c> evaluated</c><00:40:52.520><c> in</c> 00:40:52.670 --> 00:40:52.680 align:start position:0% a catch in the way they are evaluated in 00:40:52.680 --> 00:40:54.790 align:start position:0% a catch in the way they are evaluated in liquid<00:40:53.079><c> and</c><00:40:53.200><c> to</c><00:40:53.359><c> illustrate</c><00:40:53.920><c> this</c><00:40:54.599><c> let's</c> 00:40:54.790 --> 00:40:54.800 align:start position:0% liquid and to illustrate this let's 00:40:54.800 --> 00:40:56.390 align:start position:0% liquid and to illustrate this let's modify<00:40:55.200><c> this</c><00:40:55.520><c> conditional</c><00:40:55.800><c> and</c><00:40:55.960><c> let's</c><00:40:56.079><c> say</c> 00:40:56.390 --> 00:40:56.400 align:start position:0% modify this conditional and let's say 00:40:56.400 --> 00:40:58.349 align:start position:0% modify this conditional and let's say say<00:40:56.839><c> that</c><00:40:57.240><c> a</c><00:40:57.400><c> snowboard</c><00:40:57.839><c> can</c><00:40:58.000><c> either</c><00:40:58.200><c> be</c> 00:40:58.349 --> 00:40:58.359 align:start position:0% say that a snowboard can either be 00:40:58.359 --> 00:40:59.510 align:start position:0% say that a snowboard can either be something<00:40:58.680><c> where</c><00:40:58.839><c> the</c><00:40:58.960><c> product</c><00:40:59.240><c> title</c> 00:40:59.510 --> 00:40:59.520 align:start position:0% something where the product title 00:40:59.520 --> 00:41:02.910 align:start position:0% something where the product title contains<00:40:59.880><c> the</c><00:40:59.960><c> word</c><00:41:00.160><c> snowboard</c><00:41:00.800><c> or</c><00:41:01.800><c> product</c> 00:41:02.910 --> 00:41:02.920 align:start position:0% contains the word snowboard or product 00:41:02.920 --> 00:41:05.349 align:start position:0% contains the word snowboard or product type<00:41:03.920><c> is</c><00:41:04.079><c> equal</c><00:41:04.440><c> to</c> 00:41:05.349 --> 00:41:05.359 align:start position:0% type is equal to 00:41:05.359 --> 00:41:09.470 align:start position:0% type is equal to snowboard<00:41:06.359><c> and</c><00:41:06.560><c> then</c><00:41:07.280><c> we</c><00:41:07.560><c> want</c><00:41:07.760><c> to</c><00:41:08.359><c> check</c><00:41:09.359><c> if</c> 00:41:09.470 --> 00:41:09.480 align:start position:0% snowboard and then we want to check if 00:41:09.480 --> 00:41:12.190 align:start position:0% snowboard and then we want to check if the<00:41:09.720><c> ti</c><00:41:10.000><c> if</c><00:41:10.119><c> the</c><00:41:10.319><c> price</c><00:41:10.599><c> is</c><00:41:10.720><c> also</c><00:41:11.000><c> below</c> 00:41:12.190 --> 00:41:12.200 align:start position:0% the ti if the price is also below 00:41:12.200 --> 00:41:15.390 align:start position:0% the ti if the price is also below $650<00:41:13.200><c> so</c><00:41:13.920><c> the</c><00:41:14.079><c> idea</c><00:41:14.400><c> here</c><00:41:14.560><c> will</c> 00:41:15.390 --> 00:41:15.400 align:start position:0% $650 so the idea here will 00:41:15.400 --> 00:41:17.390 align:start position:0% $650 so the idea here will be<00:41:16.400><c> is</c><00:41:16.560><c> it</c><00:41:16.680><c> a</c> 00:41:17.390 --> 00:41:17.400 align:start position:0% be is it a 00:41:17.400 --> 00:41:20.349 align:start position:0% be is it a snowboard<00:41:18.400><c> yes</c><00:41:18.880><c> and</c><00:41:19.040><c> then</c><00:41:19.319><c> is</c><00:41:19.480><c> its</c><00:41:19.760><c> price</c> 00:41:20.349 --> 00:41:20.359 align:start position:0% snowboard yes and then is its price 00:41:20.359 --> 00:41:21.510 align:start position:0% snowboard yes and then is its price below 00:41:21.510 --> 00:41:21.520 align:start position:0% below 00:41:21.520 --> 00:41:24.230 align:start position:0% below $650<00:41:22.520><c> yes</c><00:41:23.079><c> then</c><00:41:23.280><c> this</c><00:41:23.400><c> is</c><00:41:23.480><c> an</c><00:41:23.680><c> affordable</c> 00:41:24.230 --> 00:41:24.240 align:start position:0% $650 yes then this is an affordable 00:41:24.240 --> 00:41:26.750 align:start position:0% $650 yes then this is an affordable snowboard<00:41:25.240><c> now</c><00:41:25.480><c> if</c><00:41:25.599><c> I</c><00:41:25.720><c> go</c><00:41:25.880><c> back</c><00:41:26.000><c> to</c><00:41:26.079><c> the</c><00:41:26.359><c> page</c> 00:41:26.750 --> 00:41:26.760 align:start position:0% snowboard now if I go back to the page 00:41:26.760 --> 00:41:28.390 align:start position:0% snowboard now if I go back to the page here<00:41:27.000><c> I</c><00:41:27.119><c> don't</c><00:41:27.280><c> see</c><00:41:27.480><c> any</c><00:41:27.680><c> message</c><00:41:28.119><c> because</c> 00:41:28.390 --> 00:41:28.400 align:start position:0% here I don't see any message because 00:41:28.400 --> 00:41:30.349 align:start position:0% here I don't see any message because this<00:41:28.520><c> is</c><00:41:28.599><c> not</c><00:41:28.760><c> a</c><00:41:28.880><c> snowboard</c><00:41:29.480><c> by</c><00:41:29.680><c> any</c><00:41:29.880><c> of</c><00:41:30.040><c> the</c> 00:41:30.349 --> 00:41:30.359 align:start position:0% this is not a snowboard by any of the 00:41:30.359 --> 00:41:32.750 align:start position:0% this is not a snowboard by any of the conditions<00:41:30.720><c> we</c><00:41:30.960><c> specified</c> 00:41:32.750 --> 00:41:32.760 align:start position:0% conditions we specified 00:41:32.760 --> 00:41:35.470 align:start position:0% conditions we specified here<00:41:33.760><c> but</c><00:41:33.920><c> if</c><00:41:34.040><c> I</c><00:41:34.160><c> go</c> 00:41:35.470 --> 00:41:35.480 align:start position:0% here but if I go 00:41:35.480 --> 00:41:39.390 align:start position:0% here but if I go back<00:41:36.480><c> and</c><00:41:36.680><c> now</c><00:41:37.079><c> open</c><00:41:37.720><c> the</c><00:41:37.880><c> complete</c><00:41:38.280><c> snowboard</c> 00:41:39.390 --> 00:41:39.400 align:start position:0% back and now open the complete snowboard 00:41:39.400 --> 00:41:41.390 align:start position:0% back and now open the complete snowboard here<00:41:40.400><c> we</c><00:41:40.480><c> are</c><00:41:40.640><c> seeing</c><00:41:40.880><c> that</c><00:41:41.040><c> this</c><00:41:41.160><c> is</c><00:41:41.240><c> an</c> 00:41:41.390 --> 00:41:41.400 align:start position:0% here we are seeing that this is an 00:41:41.400 --> 00:41:43.550 align:start position:0% here we are seeing that this is an affordable<00:41:41.800><c> snowboard</c><00:41:42.319><c> message</c><00:41:43.119><c> even</c><00:41:43.400><c> though</c> 00:41:43.550 --> 00:41:43.560 align:start position:0% affordable snowboard message even though 00:41:43.560 --> 00:41:45.109 align:start position:0% affordable snowboard message even though we<00:41:43.720><c> specified</c><00:41:44.200><c> that</c><00:41:44.319><c> the</c><00:41:44.440><c> price</c><00:41:44.720><c> must</c><00:41:44.960><c> be</c> 00:41:45.109 --> 00:41:45.119 align:start position:0% we specified that the price must be 00:41:45.119 --> 00:41:48.750 align:start position:0% we specified that the price must be below<00:41:45.839><c> $650</c><00:41:46.839><c> so</c><00:41:47.119><c> why</c><00:41:47.240><c> is</c><00:41:47.359><c> this</c><00:41:47.760><c> happening</c> 00:41:48.750 --> 00:41:48.760 align:start position:0% below $650 so why is this happening 00:41:48.760 --> 00:41:50.910 align:start position:0% below $650 so why is this happening maybe<00:41:49.160><c> if</c><00:41:49.280><c> I</c><00:41:49.440><c> reduce</c><00:41:49.800><c> the</c><00:41:49.920><c> price</c><00:41:50.119><c> a</c><00:41:50.280><c> little</c> 00:41:50.910 --> 00:41:50.920 align:start position:0% maybe if I reduce the price a little 00:41:50.920 --> 00:41:54.030 align:start position:0% maybe if I reduce the price a little that<00:41:51.079><c> will</c><00:41:51.280><c> fix</c><00:41:51.520><c> it</c><00:41:51.720><c> so</c><00:41:52.079><c> let's</c><00:41:52.640><c> say</c><00:41:53.640><c> if</c><00:41:53.760><c> it</c><00:41:53.920><c> is</c> 00:41:54.030 --> 00:41:54.040 align:start position:0% that will fix it so let's say if it is 00:41:54.040 --> 00:41:54.950 align:start position:0% that will fix it so let's say if it is below 00:41:54.950 --> 00:41:54.960 align:start position:0% below 00:41:54.960 --> 00:41:58.510 align:start position:0% below $10<00:41:55.960><c> no</c><00:41:56.319><c> we</c><00:41:56.400><c> are</c><00:41:56.480><c> still</c><00:41:56.680><c> seeing</c><00:41:56.960><c> the</c><00:41:57.520><c> message</c> 00:41:58.510 --> 00:41:58.520 align:start position:0% $10 no we are still seeing the message 00:41:58.520 --> 00:42:02.109 align:start position:0% $10 no we are still seeing the message even<00:41:58.800><c> if</c><00:41:58.960><c> I</c><00:41:59.160><c> make</c><00:41:59.480><c> it</c><00:42:00.240><c> that</c><00:42:00.440><c> the</c><00:42:00.839><c> price</c><00:42:01.839><c> should</c> 00:42:02.109 --> 00:42:02.119 align:start position:0% even if I make it that the price should 00:42:02.119 --> 00:42:05.589 align:start position:0% even if I make it that the price should be<00:42:02.280><c> below</c><00:42:02.680><c> 100</c><00:42:03.280><c> or</c><00:42:03.800><c> sorry</c><00:42:04.319><c> $1</c><00:42:05.079><c> because</c><00:42:05.400><c> this</c> 00:42:05.589 --> 00:42:05.599 align:start position:0% be below 100 or sorry $1 because this 00:42:05.599 --> 00:42:07.109 align:start position:0% be below 100 or sorry $1 because this these<00:42:05.720><c> are</c> 00:42:07.109 --> 00:42:07.119 align:start position:0% these are 00:42:07.119 --> 00:42:09.630 align:start position:0% these are cents<00:42:08.119><c> we</c><00:42:08.400><c> still</c><00:42:08.680><c> get</c><00:42:08.920><c> this</c><00:42:09.079><c> an</c><00:42:09.240><c> affordable</c> 00:42:09.630 --> 00:42:09.640 align:start position:0% cents we still get this an affordable 00:42:09.640 --> 00:42:11.589 align:start position:0% cents we still get this an affordable snowboard<00:42:10.240><c> as</c><00:42:10.359><c> if</c><00:42:10.560><c> this</c><00:42:10.880><c> condition</c><00:42:11.119><c> was</c><00:42:11.319><c> being</c> 00:42:11.589 --> 00:42:11.599 align:start position:0% snowboard as if this condition was being 00:42:11.599 --> 00:42:13.589 align:start position:0% snowboard as if this condition was being ignored<00:42:12.480><c> and</c><00:42:12.599><c> the</c><00:42:12.760><c> reason</c><00:42:13.040><c> for</c><00:42:13.240><c> this</c><00:42:13.400><c> is</c> 00:42:13.589 --> 00:42:13.599 align:start position:0% ignored and the reason for this is 00:42:13.599 --> 00:42:15.750 align:start position:0% ignored and the reason for this is because<00:42:13.800><c> of</c><00:42:13.960><c> the</c><00:42:14.119><c> way</c><00:42:14.319><c> Shopify</c><00:42:14.839><c> evaluates</c> 00:42:15.750 --> 00:42:15.760 align:start position:0% because of the way Shopify evaluates 00:42:15.760 --> 00:42:20.390 align:start position:0% because of the way Shopify evaluates this<00:42:15.960><c> expression</c><00:42:16.560><c> over</c><00:42:16.880><c> here</c><00:42:17.800><c> so</c><00:42:18.560><c> let</c><00:42:18.720><c> me</c><00:42:18.960><c> copy</c> 00:42:20.390 --> 00:42:20.400 align:start position:0% this expression over here so let me copy 00:42:20.400 --> 00:42:22.670 align:start position:0% this expression over here so let me copy this<00:42:21.400><c> and</c><00:42:21.559><c> let's</c><00:42:21.720><c> write</c><00:42:21.920><c> a</c> 00:42:22.670 --> 00:42:22.680 align:start position:0% this and let's write a 00:42:22.680 --> 00:42:24.950 align:start position:0% this and let's write a comment<00:42:23.680><c> and</c><00:42:23.880><c> let's</c><00:42:24.119><c> try</c><00:42:24.319><c> to</c><00:42:24.480><c> evaluate</c><00:42:24.839><c> this</c> 00:42:24.950 --> 00:42:24.960 align:start position:0% comment and let's try to evaluate this 00:42:24.960 --> 00:42:27.150 align:start position:0% comment and let's try to evaluate this ourselves<00:42:25.559><c> so</c><00:42:25.720><c> basically</c><00:42:26.200><c> Shopify</c><00:42:26.640><c> is</c><00:42:26.800><c> going</c> 00:42:27.150 --> 00:42:27.160 align:start position:0% ourselves so basically Shopify is going 00:42:27.160 --> 00:42:29.950 align:start position:0% ourselves so basically Shopify is going from<00:42:27.520><c> right</c><00:42:27.680><c> to</c><00:42:27.960><c> left</c><00:42:28.960><c> evaluating</c><00:42:29.559><c> each</c> 00:42:29.950 --> 00:42:29.960 align:start position:0% from right to left evaluating each 00:42:29.960 --> 00:42:32.790 align:start position:0% from right to left evaluating each condition<00:42:30.319><c> and</c><00:42:30.440><c> then</c><00:42:30.599><c> resolving</c><00:42:31.079><c> them</c><00:42:31.640><c> so</c><00:42:32.640><c> the</c> 00:42:32.790 --> 00:42:32.800 align:start position:0% condition and then resolving them so the 00:42:32.800 --> 00:42:34.910 align:start position:0% condition and then resolving them so the first<00:42:33.079><c> step</c><00:42:33.319><c> it</c><00:42:33.440><c> will</c><00:42:33.640><c> do</c> 00:42:34.910 --> 00:42:34.920 align:start position:0% first step it will do 00:42:34.920 --> 00:42:37.549 align:start position:0% first step it will do is<00:42:35.920><c> it</c><00:42:36.040><c> will</c><00:42:36.240><c> take</c><00:42:36.480><c> this</c><00:42:36.680><c> product</c><00:42:37.040><c> price</c> 00:42:37.549 --> 00:42:37.559 align:start position:0% is it will take this product price 00:42:37.559 --> 00:42:42.190 align:start position:0% is it will take this product price product<00:42:37.920><c> price</c><00:42:38.359><c> is</c><00:42:38.599><c> below</c><00:42:39.480><c> $1</c><00:42:40.440><c> or</c><00:42:40.839><c> 100</c><00:42:41.200><c> cents</c> 00:42:42.190 --> 00:42:42.200 align:start position:0% product price is below $1 or 100 cents 00:42:42.200 --> 00:42:45.150 align:start position:0% product price is below $1 or 100 cents in<00:42:42.319><c> the</c><00:42:42.400><c> case</c><00:42:42.559><c> of</c><00:42:42.680><c> this</c><00:42:42.839><c> product</c><00:42:43.800><c> false</c><00:42:44.800><c> so</c> 00:42:45.150 --> 00:42:45.160 align:start position:0% in the case of this product false so 00:42:45.160 --> 00:42:47.670 align:start position:0% in the case of this product false so then<00:42:46.160><c> in</c><00:42:46.280><c> the</c><00:42:46.480><c> second</c><00:42:46.760><c> line</c><00:42:47.079><c> it</c><00:42:47.200><c> will</c><00:42:47.359><c> say</c> 00:42:47.670 --> 00:42:47.680 align:start position:0% then in the second line it will say 00:42:47.680 --> 00:42:51.190 align:start position:0% then in the second line it will say false<00:42:48.520><c> and</c><00:42:49.119><c> product</c><00:42:49.520><c> type</c><00:42:49.760><c> equals</c><00:42:50.200><c> nobore</c> 00:42:51.190 --> 00:42:51.200 align:start position:0% false and product type equals nobore 00:42:51.200 --> 00:42:53.630 align:start position:0% false and product type equals nobore product<00:42:51.520><c> type</c><00:42:51.760><c> equal</c><00:42:52.119><c> nobore</c><00:42:52.520><c> is</c> 00:42:53.630 --> 00:42:53.640 align:start position:0% product type equal nobore is 00:42:53.640 --> 00:42:56.950 align:start position:0% product type equal nobore is true<00:42:54.640><c> true</c><00:42:55.000><c> and</c><00:42:55.319><c> false</c><00:42:56.319><c> what</c><00:42:56.440><c> do</c><00:42:56.559><c> we</c><00:42:56.680><c> get</c><00:42:56.839><c> when</c> 00:42:56.950 --> 00:42:56.960 align:start position:0% true true and false what do we get when 00:42:56.960 --> 00:42:59.510 align:start position:0% true true and false what do we get when we<00:42:57.040><c> say</c><00:42:57.240><c> true</c><00:42:57.400><c> and</c><00:42:57.559><c> false</c><00:42:58.319><c> true</c><00:42:58.520><c> and</c><00:42:58.680><c> false</c><00:42:59.240><c> is</c> 00:42:59.510 --> 00:42:59.520 align:start position:0% we say true and false true and false is 00:42:59.520 --> 00:43:03.390 align:start position:0% we say true and false true and false is false<00:43:00.240><c> so</c><00:43:00.480><c> we</c><00:43:00.640><c> get</c><00:43:00.880><c> here</c><00:43:01.760><c> false</c><00:43:02.760><c> Now</c><00:43:03.040><c> product</c> 00:43:03.390 --> 00:43:03.400 align:start position:0% false so we get here false Now product 00:43:03.400 --> 00:43:06.990 align:start position:0% false so we get here false Now product title<00:43:03.680><c> contains</c><00:43:04.119><c> a</c><00:43:04.240><c> snowbo</c><00:43:04.920><c> this</c><00:43:05.040><c> is</c><00:43:05.680><c> true</c><00:43:06.680><c> so</c> 00:43:06.990 --> 00:43:07.000 align:start position:0% title contains a snowbo this is true so 00:43:07.000 --> 00:43:12.150 align:start position:0% title contains a snowbo this is true so here<00:43:07.520><c> we</c><00:43:07.640><c> will</c><00:43:08.079><c> have</c><00:43:09.079><c> true</c><00:43:09.720><c> true</c><00:43:10.000><c> or</c><00:43:10.280><c> false</c><00:43:11.280><c> and</c> 00:43:12.150 --> 00:43:12.160 align:start position:0% here we will have true true or false and 00:43:12.160 --> 00:43:15.030 align:start position:0% here we will have true true or false and based<00:43:12.599><c> on</c><00:43:13.280><c> logical</c><00:43:13.800><c> operations</c><00:43:14.520><c> why</c><00:43:14.839><c> what</c><00:43:14.960><c> do</c> 00:43:15.030 --> 00:43:15.040 align:start position:0% based on logical operations why what do 00:43:15.040 --> 00:43:16.630 align:start position:0% based on logical operations why what do we<00:43:15.160><c> get</c><00:43:15.319><c> when</c><00:43:15.440><c> we</c><00:43:15.559><c> have</c><00:43:15.720><c> true</c><00:43:15.920><c> or</c><00:43:16.079><c> false</c><00:43:16.440><c> well</c> 00:43:16.630 --> 00:43:16.640 align:start position:0% we get when we have true or false well 00:43:16.640 --> 00:43:19.190 align:start position:0% we get when we have true or false well the<00:43:16.839><c> result</c><00:43:17.079><c> of</c><00:43:17.280><c> this</c><00:43:17.480><c> will</c><00:43:17.640><c> be</c><00:43:17.920><c> true</c><00:43:18.920><c> and</c><00:43:19.119><c> this</c> 00:43:19.190 --> 00:43:19.200 align:start position:0% the result of this will be true and this 00:43:19.200 --> 00:43:21.309 align:start position:0% the result of this will be true and this is<00:43:19.440><c> why</c><00:43:19.680><c> it</c><00:43:19.800><c> is</c><00:43:20.119><c> entering</c><00:43:20.640><c> here</c><00:43:20.920><c> even</c><00:43:21.119><c> though</c> 00:43:21.309 --> 00:43:21.319 align:start position:0% is why it is entering here even though 00:43:21.319 --> 00:43:24.589 align:start position:0% is why it is entering here even though we<00:43:21.440><c> don't</c><00:43:21.800><c> intend</c><00:43:22.800><c> that</c><00:43:22.960><c> to</c><00:43:23.200><c> happen</c><00:43:24.160><c> in</c><00:43:24.319><c> other</c> 00:43:24.589 --> 00:43:24.599 align:start position:0% we don't intend that to happen in other 00:43:24.599 --> 00:43:26.829 align:start position:0% we don't intend that to happen in other programming<00:43:25.000><c> languages</c><00:43:25.520><c> we</c><00:43:25.599><c> will</c><00:43:25.760><c> solve</c><00:43:26.240><c> this</c> 00:43:26.829 --> 00:43:26.839 align:start position:0% programming languages we will solve this 00:43:26.839 --> 00:43:28.950 align:start position:0% programming languages we will solve this by<00:43:27.000><c> adding</c><00:43:27.359><c> parenthesis</c><00:43:28.000><c> here</c><00:43:28.440><c> so</c><00:43:28.599><c> I</c><00:43:28.720><c> will</c><00:43:28.839><c> be</c> 00:43:28.950 --> 00:43:28.960 align:start position:0% by adding parenthesis here so I will be 00:43:28.960 --> 00:43:31.349 align:start position:0% by adding parenthesis here so I will be able<00:43:29.160><c> to</c><00:43:29.280><c> do</c><00:43:29.480><c> something</c><00:43:29.839><c> like</c><00:43:30.119><c> this</c><00:43:31.040><c> and</c><00:43:31.200><c> that</c> 00:43:31.349 --> 00:43:31.359 align:start position:0% able to do something like this and that 00:43:31.359 --> 00:43:33.309 align:start position:0% able to do something like this and that will<00:43:31.520><c> solve</c><00:43:31.839><c> this</c><00:43:31.960><c> in</c><00:43:32.119><c> theory</c><00:43:32.640><c> but</c><00:43:32.839><c> in</c><00:43:32.960><c> liid</c> 00:43:33.309 --> 00:43:33.319 align:start position:0% will solve this in theory but in liid 00:43:33.319 --> 00:43:35.870 align:start position:0% will solve this in theory but in liid you<00:43:33.400><c> are</c><00:43:33.559><c> already</c><00:43:33.760><c> seeing</c><00:43:34.160><c> that</c><00:43:34.839><c> this</c><00:43:35.000><c> is</c><00:43:35.240><c> not</c> 00:43:35.870 --> 00:43:35.880 align:start position:0% you are already seeing that this is not 00:43:35.880 --> 00:43:37.630 align:start position:0% you are already seeing that this is not how<00:43:36.040><c> it</c><00:43:36.160><c> works</c><00:43:36.559><c> we</c><00:43:36.680><c> get</c><00:43:36.960><c> here</c><00:43:37.240><c> this</c><00:43:37.440><c> red</c> 00:43:37.630 --> 00:43:37.640 align:start position:0% how it works we get here this red 00:43:37.640 --> 00:43:39.109 align:start position:0% how it works we get here this red underline<00:43:38.280><c> indicating</c><00:43:38.720><c> that</c><00:43:38.880><c> this</c><00:43:39.000><c> is</c> 00:43:39.109 --> 00:43:39.119 align:start position:0% underline indicating that this is 00:43:39.119 --> 00:43:42.870 align:start position:0% underline indicating that this is invalid<00:43:39.760><c> and</c><00:43:39.880><c> if</c><00:43:40.000><c> I</c><00:43:40.119><c> save</c><00:43:40.640><c> this</c><00:43:41.640><c> I</c><00:43:41.760><c> won't</c><00:43:42.119><c> see</c> 00:43:42.870 --> 00:43:42.880 align:start position:0% invalid and if I save this I won't see 00:43:42.880 --> 00:43:46.309 align:start position:0% invalid and if I save this I won't see any<00:43:43.079><c> change</c><00:43:43.520><c> here</c><00:43:43.960><c> this</c><00:43:44.119><c> one</c><00:43:44.800><c> see</c><00:43:45.800><c> Shopify</c> 00:43:46.309 --> 00:43:46.319 align:start position:0% any change here this one see Shopify 00:43:46.319 --> 00:43:48.150 align:start position:0% any change here this one see Shopify will<00:43:46.480><c> not</c><00:43:46.680><c> take</c><00:43:47.040><c> this</c><00:43:47.280><c> as</c><00:43:47.440><c> valid</c><00:43:47.720><c> liquid</c><00:43:48.040><c> and</c> 00:43:48.150 --> 00:43:48.160 align:start position:0% will not take this as valid liquid and 00:43:48.160 --> 00:43:49.510 align:start position:0% will not take this as valid liquid and therefore<00:43:48.480><c> will</c><00:43:48.640><c> not</c><00:43:48.839><c> update</c><00:43:49.160><c> anything</c><00:43:49.440><c> in</c> 00:43:49.510 --> 00:43:49.520 align:start position:0% therefore will not update anything in 00:43:49.520 --> 00:43:50.630 align:start position:0% therefore will not update anything in the 00:43:50.630 --> 00:43:50.640 align:start position:0% the 00:43:50.640 --> 00:43:53.870 align:start position:0% the page<00:43:51.640><c> so</c><00:43:52.000><c> what</c><00:43:52.200><c> can</c><00:43:52.359><c> we</c><00:43:52.520><c> do</c><00:43:52.760><c> about</c> 00:43:53.870 --> 00:43:53.880 align:start position:0% page so what can we do about 00:43:53.880 --> 00:43:57.950 align:start position:0% page so what can we do about this<00:43:54.880><c> what</c><00:43:55.079><c> we</c><00:43:55.240><c> can</c><00:43:55.440><c> do</c><00:43:56.200><c> is</c><00:43:56.480><c> have</c><00:43:56.839><c> this</c><00:43:57.520><c> as</c><00:43:57.640><c> a</c> 00:43:57.950 --> 00:43:57.960 align:start position:0% this what we can do is have this as a 00:43:57.960 --> 00:44:03.910 align:start position:0% this what we can do is have this as a separate<00:43:58.960><c> variable</c><00:43:59.559><c> so</c><00:44:00.559><c> let's</c><00:44:00.800><c> say</c><00:44:01.000><c> that</c><00:44:01.160><c> I</c> 00:44:03.910 --> 00:44:03.920 align:start position:0% 00:44:03.920 --> 00:44:08.069 align:start position:0% create<00:44:04.920><c> is</c><00:44:05.680><c> a</c><00:44:06.319><c> snowboard</c><00:44:07.319><c> and</c><00:44:07.440><c> I</c><00:44:07.640><c> say</c><00:44:07.920><c> that</c> 00:44:08.069 --> 00:44:08.079 align:start position:0% create is a snowboard and I say that 00:44:08.079 --> 00:44:11.109 align:start position:0% create is a snowboard and I say that this<00:44:08.200><c> is</c><00:44:08.520><c> by</c><00:44:08.640><c> default</c><00:44:09.280><c> true</c><00:44:10.280><c> sorry</c><00:44:10.680><c> by</c><00:44:10.800><c> default</c> 00:44:11.109 --> 00:44:11.119 align:start position:0% this is by default true sorry by default 00:44:11.119 --> 00:44:14.829 align:start position:0% this is by default true sorry by default false<00:44:11.559><c> and</c><00:44:11.839><c> then</c><00:44:12.839><c> I</c><00:44:13.000><c> do</c><00:44:13.240><c> this</c><00:44:13.599><c> conditional</c> 00:44:14.829 --> 00:44:14.839 align:start position:0% false and then I do this conditional 00:44:14.839 --> 00:44:18.670 align:start position:0% false and then I do this conditional here<00:44:15.839><c> and</c><00:44:16.079><c> if</c><00:44:16.200><c> it</c><00:44:16.359><c> enters</c><00:44:17.160><c> here</c><00:44:18.160><c> we</c><00:44:18.280><c> will</c><00:44:18.440><c> say</c> 00:44:18.670 --> 00:44:18.680 align:start position:0% here and if it enters here we will say 00:44:18.680 --> 00:44:21.190 align:start position:0% here and if it enters here we will say that<00:44:18.839><c> this</c><00:44:18.960><c> is</c> 00:44:21.190 --> 00:44:21.200 align:start position:0% 00:44:21.200 --> 00:44:24.790 align:start position:0% true<00:44:22.200><c> and</c><00:44:22.440><c> then</c><00:44:23.160><c> I</c><00:44:23.319><c> do</c> 00:44:24.790 --> 00:44:24.800 align:start position:0% true and then I do 00:44:24.800 --> 00:44:32.510 align:start position:0% true and then I do is<00:44:25.800><c> I</c><00:44:26.440><c> snowboard</c><00:44:27.440><c> and</c><00:44:27.599><c> its</c><00:44:27.880><c> price</c><00:44:28.160><c> is</c><00:44:28.359><c> below</c> 00:44:32.510 --> 00:44:32.520 align:start position:0% 00:44:32.520 --> 00:44:34.790 align:start position:0% $1<00:44:33.520><c> and</c><00:44:33.680><c> we</c><00:44:33.800><c> see</c><00:44:34.000><c> here</c><00:44:34.119><c> that</c><00:44:34.240><c> the</c><00:44:34.359><c> message</c><00:44:34.640><c> is</c> 00:44:34.790 --> 00:44:34.800 align:start position:0% $1 and we see here that the message is 00:44:34.800 --> 00:44:37.309 align:start position:0% $1 and we see here that the message is no<00:44:34.960><c> longer</c><00:44:35.200><c> being</c><00:44:35.440><c> printed</c><00:44:36.440><c> now</c><00:44:36.760><c> if</c><00:44:36.880><c> I</c><00:44:37.000><c> were</c><00:44:37.160><c> to</c> 00:44:37.309 --> 00:44:37.319 align:start position:0% no longer being printed now if I were to 00:44:37.319 --> 00:44:42.990 align:start position:0% no longer being printed now if I were to change<00:44:37.720><c> this</c><00:44:38.599><c> 100</c><00:44:39.040><c> or</c><00:44:39.240><c> $1</c><00:44:39.960><c> to</c><00:44:40.240><c> be</c> 00:44:42.990 --> 00:44:43.000 align:start position:0% change this 100 or $1 to be 00:44:43.000 --> 00:44:45.270 align:start position:0% change this 100 or $1 to be $700<00:44:44.000><c> or</c> 00:44:45.270 --> 00:44:45.280 align:start position:0% $700 or 00:44:45.280 --> 00:44:48.630 align:start position:0% $700 or 70,000<00:44:46.280><c> and</c><00:44:46.440><c> I</c><00:44:46.559><c> save</c> 00:44:48.630 --> 00:44:48.640 align:start position:0% 70,000 and I save 00:44:48.640 --> 00:44:50.750 align:start position:0% 70,000 and I save this<00:44:49.640><c> I'm</c><00:44:49.800><c> going</c><00:44:50.000><c> to</c><00:44:50.119><c> see</c><00:44:50.400><c> this</c><00:44:50.480><c> is</c><00:44:50.599><c> an</c> 00:44:50.750 --> 00:44:50.760 align:start position:0% this I'm going to see this is an 00:44:50.760 --> 00:44:53.150 align:start position:0% this I'm going to see this is an affordable<00:44:51.280><c> snowboard</c><00:44:51.960><c> for</c><00:44:52.200><c> this</c><00:44:52.400><c> product</c> 00:44:53.150 --> 00:44:53.160 align:start position:0% affordable snowboard for this product 00:44:53.160 --> 00:44:54.950 align:start position:0% affordable snowboard for this product and<00:44:53.280><c> if</c><00:44:53.400><c> I</c><00:44:53.520><c> go</c><00:44:53.680><c> to</c><00:44:53.880><c> other</c> 00:44:54.950 --> 00:44:54.960 align:start position:0% and if I go to other 00:44:54.960 --> 00:44:56.470 align:start position:0% and if I go to other products 00:44:56.470 --> 00:44:56.480 align:start position:0% products 00:44:56.480 --> 00:44:58.270 align:start position:0% products I'm<00:44:56.640><c> not</c><00:44:56.839><c> going</c><00:44:57.040><c> to</c><00:44:57.200><c> see</c><00:44:57.640><c> or</c><00:44:57.800><c> I</c><00:44:57.880><c> should</c><00:44:58.040><c> not</c><00:44:58.200><c> be</c> 00:44:58.270 --> 00:44:58.280 align:start position:0% I'm not going to see or I should not be 00:44:58.280 --> 00:45:00.470 align:start position:0% I'm not going to see or I should not be seeing<00:44:58.520><c> the</c><00:44:58.640><c> message</c><00:44:58.960><c> so</c><00:44:59.319><c> this</c><00:44:59.440><c> one</c><00:44:59.680><c> over</c> 00:45:00.470 --> 00:45:00.480 align:start position:0% seeing the message so this one over 00:45:00.480 --> 00:45:03.549 align:start position:0% seeing the message so this one over here<00:45:01.480><c> the</c><00:45:01.640><c> compare</c><00:45:02.000><c> out</c><00:45:02.160><c> price</c><00:45:02.359><c> is</c><00:45:02.480><c> no</c><00:45:03.280><c> I</c><00:45:03.359><c> don't</c> 00:45:03.549 --> 00:45:03.559 align:start position:0% here the compare out price is no I don't 00:45:03.559 --> 00:45:06.069 align:start position:0% here the compare out price is no I don't see<00:45:04.319><c> the</c><00:45:04.480><c> affordable</c> 00:45:06.069 --> 00:45:06.079 align:start position:0% see the affordable 00:45:06.079 --> 00:45:08.349 align:start position:0% see the affordable message<00:45:07.079><c> okay</c><00:45:07.200><c> so</c><00:45:07.400><c> the</c><00:45:07.559><c> last</c><00:45:07.760><c> tag</c><00:45:08.000><c> that</c><00:45:08.119><c> we'll</c> 00:45:08.349 --> 00:45:08.359 align:start position:0% message okay so the last tag that we'll 00:45:08.359 --> 00:45:11.430 align:start position:0% message okay so the last tag that we'll check<00:45:08.800><c> is</c><00:45:09.079><c> the</c><00:45:09.680><c> case</c><00:45:10.079><c> tag</c><00:45:10.640><c> which</c><00:45:10.960><c> in</c><00:45:11.160><c> some</c> 00:45:11.430 --> 00:45:11.440 align:start position:0% check is the case tag which in some 00:45:11.440 --> 00:45:13.430 align:start position:0% check is the case tag which in some programming<00:45:11.920><c> languages</c><00:45:12.280><c> is</c><00:45:12.440><c> referred</c><00:45:12.800><c> to</c><00:45:13.200><c> as</c> 00:45:13.430 --> 00:45:13.440 align:start position:0% programming languages is referred to as 00:45:13.440 --> 00:45:16.349 align:start position:0% programming languages is referred to as switch<00:45:14.319><c> so</c><00:45:14.599><c> here</c><00:45:14.839><c> I'm</c><00:45:14.960><c> going</c><00:45:15.079><c> to</c><00:45:15.240><c> say</c><00:45:15.599><c> case</c><00:45:16.160><c> and</c> 00:45:16.349 --> 00:45:16.359 align:start position:0% switch so here I'm going to say case and 00:45:16.359 --> 00:45:19.030 align:start position:0% switch so here I'm going to say case and let's<00:45:16.559><c> say</c><00:45:16.920><c> product</c><00:45:17.359><c> do</c> 00:45:19.030 --> 00:45:19.040 align:start position:0% let's say product do 00:45:19.040 --> 00:45:23.589 align:start position:0% let's say product do product<00:45:20.319><c> type</c><00:45:21.319><c> let's</c><00:45:22.040><c> end</c><00:45:22.440><c> case</c><00:45:22.760><c> here</c><00:45:22.920><c> at</c><00:45:23.040><c> the</c> 00:45:23.589 --> 00:45:23.599 align:start position:0% product type let's end case here at the 00:45:23.599 --> 00:45:27.430 align:start position:0% product type let's end case here at the end<00:45:24.599><c> and</c><00:45:24.800><c> now</c><00:45:25.599><c> what</c><00:45:26.000><c> we</c><00:45:26.079><c> can</c><00:45:26.200><c> do</c><00:45:26.359><c> here</c><00:45:26.640><c> is</c><00:45:26.960><c> have</c> 00:45:27.430 --> 00:45:27.440 align:start position:0% end and now what we can do here is have 00:45:27.440 --> 00:45:30.030 align:start position:0% end and now what we can do here is have several<00:45:27.920><c> of</c><00:45:28.160><c> these</c><00:45:28.520><c> when</c><00:45:28.920><c> blocks</c><00:45:29.520><c> and</c><00:45:29.680><c> we</c><00:45:29.800><c> can</c> 00:45:30.030 --> 00:45:30.040 align:start position:0% several of these when blocks and we can 00:45:30.040 --> 00:45:32.510 align:start position:0% several of these when blocks and we can check<00:45:30.760><c> for</c><00:45:31.000><c> the</c><00:45:31.160><c> value</c><00:45:31.480><c> of</c><00:45:31.599><c> the</c><00:45:31.760><c> product</c><00:45:32.119><c> type</c> 00:45:32.510 --> 00:45:32.520 align:start position:0% check for the value of the product type 00:45:32.520 --> 00:45:33.870 align:start position:0% check for the value of the product type like<00:45:32.680><c> for</c><00:45:32.839><c> example</c> 00:45:33.870 --> 00:45:33.880 align:start position:0% like for example 00:45:33.880 --> 00:45:36.069 align:start position:0% like for example snowboard<00:45:34.880><c> and</c><00:45:35.040><c> we</c><00:45:35.119><c> are</c><00:45:35.319><c> able</c><00:45:35.559><c> to</c><00:45:35.760><c> print</c> 00:45:36.069 --> 00:45:36.079 align:start position:0% snowboard and we are able to print 00:45:36.079 --> 00:45:38.069 align:start position:0% snowboard and we are able to print something<00:45:36.599><c> if</c><00:45:36.800><c> the</c><00:45:37.280><c> if</c><00:45:37.400><c> the</c><00:45:37.520><c> value</c><00:45:37.760><c> of</c><00:45:37.920><c> this</c> 00:45:38.069 --> 00:45:38.079 align:start position:0% something if the if the value of this 00:45:38.079 --> 00:45:39.710 align:start position:0% something if the if the value of this product<00:45:38.400><c> type</c><00:45:38.640><c> is</c><00:45:38.839><c> exactly</c><00:45:39.240><c> what</c><00:45:39.400><c> we</c><00:45:39.559><c> have</c> 00:45:39.710 --> 00:45:39.720 align:start position:0% product type is exactly what we have 00:45:39.720 --> 00:45:43.829 align:start position:0% product type is exactly what we have here<00:45:39.960><c> so</c><00:45:40.720><c> let's</c><00:45:41.119><c> say</c><00:45:42.119><c> this</c><00:45:42.240><c> is</c><00:45:42.440><c> a</c> 00:45:43.829 --> 00:45:43.839 align:start position:0% here so let's say this is a 00:45:43.839 --> 00:45:46.870 align:start position:0% here so let's say this is a snowboard<00:45:44.839><c> if</c><00:45:44.960><c> I</c><00:45:45.079><c> save</c> 00:45:46.870 --> 00:45:46.880 align:start position:0% snowboard if I save 00:45:46.880 --> 00:45:49.630 align:start position:0% snowboard if I save this<00:45:47.880><c> and</c><00:45:48.119><c> if</c><00:45:48.319><c> I</c><00:45:48.680><c> go</c><00:45:48.960><c> to</c><00:45:49.119><c> the</c><00:45:49.280><c> complet</c> 00:45:49.630 --> 00:45:49.640 align:start position:0% this and if I go to the complet 00:45:49.640 --> 00:45:53.670 align:start position:0% this and if I go to the complet snowboard<00:45:50.200><c> here</c><00:45:51.200><c> I</c><00:45:51.440><c> get</c><00:45:51.920><c> this</c><00:45:52.079><c> is</c><00:45:52.160><c> a</c><00:45:52.680><c> snowboard</c> 00:45:53.670 --> 00:45:53.680 align:start position:0% snowboard here I get this is a snowboard 00:45:53.680 --> 00:45:56.270 align:start position:0% snowboard here I get this is a snowboard but<00:45:54.040><c> if</c><00:45:54.160><c> I</c><00:45:54.280><c> go</c><00:45:54.440><c> to</c><00:45:54.559><c> the</c><00:45:54.680><c> homepage</c><00:45:55.119><c> again</c><00:45:56.040><c> and</c> 00:45:56.270 --> 00:45:56.280 align:start position:0% but if I go to the homepage again and 00:45:56.280 --> 00:45:59.870 align:start position:0% but if I go to the homepage again and open<00:45:56.760><c> this</c><00:45:57.760><c> ski</c><00:45:58.160><c> wax</c> 00:45:59.870 --> 00:45:59.880 align:start position:0% open this ski wax 00:45:59.880 --> 00:46:03.030 align:start position:0% open this ski wax product<00:46:00.880><c> I</c><00:46:01.000><c> don't</c><00:46:01.319><c> see</c> 00:46:03.030 --> 00:46:03.040 align:start position:0% product I don't see 00:46:03.040 --> 00:46:06.109 align:start position:0% product I don't see anything<00:46:04.040><c> now</c><00:46:04.319><c> I</c><00:46:04.440><c> went</c><00:46:04.720><c> ahead</c><00:46:05.440><c> in</c><00:46:05.640><c> Shopify</c> 00:46:06.109 --> 00:46:06.119 align:start position:0% anything now I went ahead in Shopify 00:46:06.119 --> 00:46:08.309 align:start position:0% anything now I went ahead in Shopify admin<00:46:06.680><c> and</c><00:46:06.839><c> fill</c><00:46:07.200><c> the</c><00:46:07.319><c> product</c><00:46:07.640><c> type</c><00:46:07.880><c> for</c><00:46:08.079><c> some</c> 00:46:08.309 --> 00:46:08.319 align:start position:0% admin and fill the product type for some 00:46:08.319 --> 00:46:10.870 align:start position:0% admin and fill the product type for some products<00:46:08.760><c> so</c><00:46:09.240><c> basically</c><00:46:10.079><c> just</c><00:46:10.359><c> open</c><00:46:10.760><c> the</c> 00:46:10.870 --> 00:46:10.880 align:start position:0% products so basically just open the 00:46:10.880 --> 00:46:14.430 align:start position:0% products so basically just open the product<00:46:11.440><c> here</c><00:46:12.440><c> if</c><00:46:12.599><c> this</c><00:46:12.760><c> field</c><00:46:13.040><c> was</c><00:46:13.280><c> empty</c><00:46:14.280><c> I</c> 00:46:14.430 --> 00:46:14.440 align:start position:0% product here if this field was empty I 00:46:14.440 --> 00:46:16.349 align:start position:0% product here if this field was empty I just<00:46:14.720><c> type</c><00:46:15.000><c> something</c><00:46:15.400><c> here</c><00:46:15.680><c> or</c><00:46:15.880><c> if</c><00:46:16.000><c> I</c><00:46:16.160><c> had</c> 00:46:16.349 --> 00:46:16.359 align:start position:0% just type something here or if I had 00:46:16.359 --> 00:46:18.150 align:start position:0% just type something here or if I had already<00:46:16.720><c> defined</c><00:46:17.079><c> it</c><00:46:17.359><c> I</c><00:46:17.480><c> just</c><00:46:17.640><c> selected</c><00:46:18.040><c> it</c> 00:46:18.150 --> 00:46:18.160 align:start position:0% already defined it I just selected it 00:46:18.160 --> 00:46:21.309 align:start position:0% already defined it I just selected it from<00:46:18.319><c> the</c><00:46:18.480><c> list</c><00:46:18.800><c> and</c><00:46:19.200><c> click</c><00:46:19.760><c> save</c><00:46:20.760><c> I</c><00:46:20.880><c> did</c><00:46:21.119><c> this</c> 00:46:21.309 --> 00:46:21.319 align:start position:0% from the list and click save I did this 00:46:21.319 --> 00:46:24.030 align:start position:0% from the list and click save I did this off<00:46:21.520><c> camera</c><00:46:22.079><c> to</c><00:46:22.720><c> not</c><00:46:23.119><c> waste</c><00:46:23.400><c> too</c><00:46:23.559><c> much</c><00:46:23.720><c> time</c><00:46:23.839><c> on</c> 00:46:24.030 --> 00:46:24.040 align:start position:0% off camera to not waste too much time on 00:46:24.040 --> 00:46:26.309 align:start position:0% off camera to not waste too much time on that<00:46:24.480><c> but</c><00:46:24.800><c> anyways</c> 00:46:26.309 --> 00:46:26.319 align:start position:0% that but anyways 00:46:26.319 --> 00:46:28.829 align:start position:0% that but anyways here<00:46:26.720><c> now</c><00:46:26.920><c> I</c><00:46:27.040><c> can</c><00:46:27.240><c> say</c> 00:46:28.829 --> 00:46:28.839 align:start position:0% here now I can say 00:46:28.839 --> 00:46:32.069 align:start position:0% here now I can say when<00:46:29.839><c> the</c><00:46:30.000><c> value</c><00:46:30.240><c> here</c><00:46:30.400><c> is</c><00:46:30.520><c> a</c><00:46:30.720><c> key</c><00:46:31.000><c> wax</c><00:46:31.839><c> I'll</c> 00:46:32.069 --> 00:46:32.079 align:start position:0% when the value here is a key wax I'll 00:46:32.079 --> 00:46:37.349 align:start position:0% when the value here is a key wax I'll copy<00:46:32.359><c> this</c><00:46:32.599><c> here</c><00:46:33.240><c> say</c><00:46:34.240><c> this</c><00:46:34.359><c> is</c><00:46:34.520><c> a</c><00:46:35.079><c> ski</c> 00:46:37.349 --> 00:46:37.359 align:start position:0% copy this here say this is a ski 00:46:37.359 --> 00:46:41.190 align:start position:0% copy this here say this is a ski wax<00:46:38.359><c> and</c><00:46:39.160><c> let's</c><00:46:39.520><c> do</c><00:46:39.760><c> that</c> 00:46:41.190 --> 00:46:41.200 align:start position:0% wax and let's do that 00:46:41.200 --> 00:46:46.309 align:start position:0% wax and let's do that again<00:46:42.200><c> one</c><00:46:42.480><c> the</c><00:46:42.720><c> type</c><00:46:43.280><c> here</c><00:46:44.240><c> is</c><00:46:45.240><c> a</c><00:46:45.480><c> gift</c> 00:46:46.309 --> 00:46:46.319 align:start position:0% again one the type here is a gift 00:46:46.319 --> 00:46:49.470 align:start position:0% again one the type here is a gift card<00:46:47.319><c> this</c><00:46:47.440><c> is</c><00:46:47.640><c> a</c><00:46:47.960><c> gift</c> 00:46:49.470 --> 00:46:49.480 align:start position:0% card this is a gift 00:46:49.480 --> 00:46:52.630 align:start position:0% card this is a gift card<00:46:50.480><c> now</c><00:46:50.640><c> if</c><00:46:50.720><c> I</c><00:46:50.839><c> save</c> 00:46:52.630 --> 00:46:52.640 align:start position:0% card now if I save 00:46:52.640 --> 00:46:57.270 align:start position:0% card now if I save this<00:46:53.640><c> here</c><00:46:53.800><c> I</c><00:46:53.920><c> see</c><00:46:54.160><c> this</c><00:46:54.400><c> as</c><00:46:54.800><c> keyw</c> 00:46:57.270 --> 00:46:57.280 align:start position:0% this here I see this as keyw 00:46:57.280 --> 00:47:00.829 align:start position:0% this here I see this as keyw and<00:46:57.480><c> for</c><00:46:57.680><c> a</c><00:46:57.880><c> gift</c><00:46:58.079><c> card</c><00:46:58.400><c> here</c><00:46:59.200><c> I</c><00:46:59.440><c> see</c><00:47:00.440><c> this</c><00:47:00.559><c> is</c><00:47:00.680><c> a</c> 00:47:00.829 --> 00:47:00.839 align:start position:0% and for a gift card here I see this is a 00:47:00.839 --> 00:47:04.309 align:start position:0% and for a gift card here I see this is a gift<00:47:01.079><c> card</c><00:47:02.040><c> now</c><00:47:03.040><c> if</c><00:47:03.160><c> I</c><00:47:03.319><c> go</c><00:47:03.480><c> to</c><00:47:03.680><c> a</c><00:47:03.880><c> page</c><00:47:04.160><c> that</c> 00:47:04.309 --> 00:47:04.319 align:start position:0% gift card now if I go to a page that 00:47:04.319 --> 00:47:06.510 align:start position:0% gift card now if I go to a page that doesn't<00:47:04.680><c> have</c><00:47:04.960><c> this</c><00:47:05.240><c> defined</c><00:47:06.040><c> nothing</c><00:47:06.359><c> will</c> 00:47:06.510 --> 00:47:06.520 align:start position:0% doesn't have this defined nothing will 00:47:06.520 --> 00:47:09.270 align:start position:0% doesn't have this defined nothing will show<00:47:06.839><c> here</c><00:47:07.839><c> what</c><00:47:08.000><c> we</c><00:47:08.119><c> can</c> 00:47:09.270 --> 00:47:09.280 align:start position:0% show here what we can 00:47:09.280 --> 00:47:13.150 align:start position:0% show here what we can do<00:47:10.280><c> here</c><00:47:10.480><c> is</c><00:47:10.680><c> have</c><00:47:10.839><c> an</c><00:47:11.040><c> lse</c><00:47:11.480><c> tag</c><00:47:12.000><c> which</c><00:47:12.200><c> will</c><00:47:12.400><c> be</c> 00:47:13.150 --> 00:47:13.160 align:start position:0% do here is have an lse tag which will be 00:47:13.160 --> 00:47:16.829 align:start position:0% do here is have an lse tag which will be executed<00:47:14.040><c> if</c><00:47:14.559><c> none</c><00:47:14.839><c> of</c><00:47:15.040><c> these</c><00:47:15.359><c> Texs</c><00:47:16.359><c> um</c><00:47:16.640><c> if</c> 00:47:16.829 --> 00:47:16.839 align:start position:0% executed if none of these Texs um if 00:47:16.839 --> 00:47:19.309 align:start position:0% executed if none of these Texs um if nothing<00:47:17.200><c> enters</c><00:47:18.200><c> none</c><00:47:18.440><c> of</c><00:47:18.599><c> these</c><00:47:18.920><c> when</c> 00:47:19.309 --> 00:47:19.319 align:start position:0% nothing enters none of these when 00:47:19.319 --> 00:47:22.430 align:start position:0% nothing enters none of these when statements<00:47:19.880><c> so</c><00:47:20.240><c> for</c><00:47:20.440><c> example</c><00:47:20.720><c> here</c><00:47:20.880><c> I</c><00:47:21.000><c> can</c> 00:47:22.430 --> 00:47:22.440 align:start position:0% statements so for example here I can 00:47:22.440 --> 00:47:28.069 align:start position:0% statements so for example here I can say<00:47:23.440><c> no</c><00:47:23.880><c> product</c><00:47:24.400><c> type</c><00:47:25.319><c> or</c><00:47:25.520><c> no</c><00:47:25.880><c> not</c><00:47:26.680><c> not</c><00:47:27.160><c> known</c> 00:47:28.069 --> 00:47:28.079 align:start position:0% say no product type or no not not known 00:47:28.079 --> 00:47:30.470 align:start position:0% say no product type or no not not known product 00:47:30.470 --> 00:47:30.480 align:start position:0% product 00:47:30.480 --> 00:47:33.030 align:start position:0% product type<00:47:31.480><c> if</c><00:47:31.559><c> I</c><00:47:31.720><c> say</c> 00:47:33.030 --> 00:47:33.040 align:start position:0% type if I say 00:47:33.040 --> 00:47:35.910 align:start position:0% type if I say this<00:47:34.040><c> in</c><00:47:34.160><c> the</c><00:47:34.319><c> homepage</c><00:47:35.040><c> as</c><00:47:35.440><c> there</c><00:47:35.559><c> is</c><00:47:35.720><c> no</c> 00:47:35.910 --> 00:47:35.920 align:start position:0% this in the homepage as there is no 00:47:35.920 --> 00:47:38.549 align:start position:0% this in the homepage as there is no product<00:47:36.240><c> type</c><00:47:36.440><c> at</c><00:47:36.559><c> all</c><00:47:37.119><c> I</c><00:47:37.280><c> see</c><00:47:37.520><c> here</c><00:47:37.920><c> no</c><00:47:38.200><c> known</c> 00:47:38.549 --> 00:47:38.559 align:start position:0% product type at all I see here no known 00:47:38.559 --> 00:47:41.790 align:start position:0% product type at all I see here no known product<00:47:38.920><c> type</c><00:47:40.079><c> although</c><00:47:41.079><c> something</c><00:47:41.400><c> better</c> 00:47:41.790 --> 00:47:41.800 align:start position:0% product type although something better 00:47:41.800 --> 00:47:46.069 align:start position:0% product type although something better could<00:47:42.000><c> do</c><00:47:42.359><c> is</c><00:47:42.520><c> to</c><00:47:43.319><c> wrap</c><00:47:43.760><c> all</c><00:47:43.920><c> of</c><00:47:44.480><c> this</c><00:47:45.480><c> in</c><00:47:45.640><c> an</c><00:47:45.880><c> if</c> 00:47:46.069 --> 00:47:46.079 align:start position:0% could do is to wrap all of this in an if 00:47:46.079 --> 00:47:51.430 align:start position:0% could do is to wrap all of this in an if statement<00:47:46.599><c> so</c><00:47:47.119><c> if</c><00:47:47.839><c> product</c> 00:47:51.430 --> 00:47:51.440 align:start position:0% 00:47:51.440 --> 00:47:53.829 align:start position:0% type<00:47:52.440><c> and</c><00:47:52.680><c> that</c><00:47:52.839><c> way</c><00:47:53.040><c> we</c><00:47:53.160><c> will</c><00:47:53.319><c> only</c><00:47:53.520><c> enter</c> 00:47:53.829 --> 00:47:53.839 align:start position:0% type and that way we will only enter 00:47:53.839 --> 00:47:56.309 align:start position:0% type and that way we will only enter here<00:47:54.040><c> if</c><00:47:54.200><c> there</c><00:47:54.319><c> is</c><00:47:54.440><c> an</c><00:47:54.640><c> actual</c><00:47:54.880><c> product</c><00:47:55.280><c> type</c> 00:47:56.309 --> 00:47:56.319 align:start position:0% here if there is an actual product type 00:47:56.319 --> 00:47:58.190 align:start position:0% here if there is an actual product type that<00:47:56.480><c> way</c><00:47:56.760><c> if</c><00:47:56.920><c> the</c><00:47:57.079><c> product</c> 00:47:58.190 --> 00:47:58.200 align:start position:0% that way if the product 00:47:58.200 --> 00:48:00.750 align:start position:0% that way if the product itself<00:47:59.200><c> like</c><00:47:59.480><c> if</c><00:47:59.640><c> there</c><00:47:59.800><c> is</c><00:47:59.960><c> not</c><00:48:00.240><c> a</c><00:48:00.400><c> product</c> 00:48:00.750 --> 00:48:00.760 align:start position:0% itself like if there is not a product 00:48:00.760 --> 00:48:03.750 align:start position:0% itself like if there is not a product itself<00:48:01.119><c> here</c><00:48:01.359><c> so</c><00:48:01.599><c> if</c><00:48:01.800><c> this</c><00:48:01.920><c> is</c><00:48:02.680><c> undefined</c><00:48:03.680><c> it</c> 00:48:03.750 --> 00:48:03.760 align:start position:0% itself here so if this is undefined it 00:48:03.760 --> 00:48:05.630 align:start position:0% itself here so if this is undefined it is<00:48:03.920><c> not</c><00:48:04.079><c> that</c><00:48:04.240><c> there</c><00:48:04.359><c> is</c><00:48:04.960><c> that</c><00:48:05.119><c> this</c><00:48:05.240><c> is</c><00:48:05.359><c> not</c><00:48:05.520><c> a</c> 00:48:05.630 --> 00:48:05.640 align:start position:0% is not that there is that this is not a 00:48:05.640 --> 00:48:08.190 align:start position:0% is not that there is that this is not a known<00:48:05.880><c> product</c><00:48:06.480><c> type</c><00:48:07.480><c> it</c><00:48:07.599><c> is</c><00:48:07.800><c> that</c><00:48:07.960><c> there</c><00:48:08.079><c> is</c> 00:48:08.190 --> 00:48:08.200 align:start position:0% known product type it is that there is 00:48:08.200 --> 00:48:10.950 align:start position:0% known product type it is that there is no<00:48:08.359><c> product</c><00:48:08.680><c> type</c><00:48:08.920><c> at</c><00:48:09.000><c> all</c><00:48:09.960><c> so</c><00:48:10.200><c> for</c> 00:48:10.950 --> 00:48:10.960 align:start position:0% no product type at all so for 00:48:10.960 --> 00:48:13.069 align:start position:0% no product type at all so for example<00:48:11.960><c> I</c><00:48:12.079><c> think</c><00:48:12.200><c> I</c><00:48:12.319><c> didn't</c><00:48:12.520><c> add</c><00:48:12.680><c> a</c><00:48:12.760><c> product</c> 00:48:13.069 --> 00:48:13.079 align:start position:0% example I think I didn't add a product 00:48:13.079 --> 00:48:15.829 align:start position:0% example I think I didn't add a product type<00:48:13.319><c> to</c><00:48:13.800><c> this</c><00:48:13.920><c> is</c><00:48:14.079><c> nowhere</c><00:48:14.480><c> over</c> 00:48:15.829 --> 00:48:15.839 align:start position:0% type to this is nowhere over 00:48:15.839 --> 00:48:20.910 align:start position:0% type to this is nowhere over here<00:48:16.839><c> or</c><00:48:17.040><c> perhaps</c><00:48:17.359><c> I</c> 00:48:20.910 --> 00:48:20.920 align:start position:0% 00:48:20.920 --> 00:48:24.589 align:start position:0% did<00:48:21.920><c> right</c><00:48:22.839><c> product</c><00:48:23.280><c> type</c><00:48:23.760><c> is</c><00:48:24.000><c> defined</c><00:48:24.400><c> but</c> 00:48:24.589 --> 00:48:24.599 align:start position:0% did right product type is defined but 00:48:24.599 --> 00:48:26.150 align:start position:0% did right product type is defined but it's<00:48:24.720><c> blank</c><00:48:25.079><c> what</c><00:48:25.200><c> I</c><00:48:25.280><c> can</c><00:48:25.400><c> do</c><00:48:25.680><c> if</c><00:48:25.760><c> I</c><00:48:25.920><c> didn't</c> 00:48:26.150 --> 00:48:26.160 align:start position:0% it's blank what I can do if I didn't 00:48:26.160 --> 00:48:28.710 align:start position:0% it's blank what I can do if I didn't want<00:48:26.400><c> that</c><00:48:26.559><c> to</c><00:48:26.720><c> enter</c><00:48:27.079><c> there</c><00:48:27.520><c> is</c><00:48:28.119><c> if</c><00:48:28.359><c> product</c> 00:48:28.710 --> 00:48:28.720 align:start position:0% want that to enter there is if product 00:48:28.720 --> 00:48:33.150 align:start position:0% want that to enter there is if product type<00:48:29.240><c> is</c><00:48:29.480><c> different</c><00:48:29.960><c> than</c> 00:48:33.150 --> 00:48:33.160 align:start position:0% 00:48:33.160 --> 00:48:35.950 align:start position:0% blank<00:48:34.160><c> then</c><00:48:34.680><c> now</c><00:48:34.880><c> we</c><00:48:34.960><c> are</c><00:48:35.079><c> not</c><00:48:35.240><c> entering</c><00:48:35.720><c> here</c> 00:48:35.950 --> 00:48:35.960 align:start position:0% blank then now we are not entering here 00:48:35.960 --> 00:48:38.190 align:start position:0% blank then now we are not entering here at<00:48:36.079><c> all</c><00:48:36.640><c> even</c><00:48:37.040><c> if</c><00:48:37.319><c> the</c><00:48:37.680><c> if</c><00:48:37.800><c> we</c><00:48:37.880><c> are</c><00:48:38.000><c> in</c><00:48:38.079><c> a</c> 00:48:38.190 --> 00:48:38.200 align:start position:0% at all even if the if we are in a 00:48:38.200 --> 00:48:39.030 align:start position:0% at all even if the if we are in a product 00:48:39.030 --> 00:48:39.040 align:start position:0% product 00:48:39.040 --> 00:48:42.030 align:start position:0% product page<00:48:40.040><c> if</c><00:48:40.160><c> the</c><00:48:40.319><c> product.</c><00:48:40.920><c> type</c><00:48:41.119><c> is</c><00:48:41.240><c> empty</c><00:48:41.880><c> we</c> 00:48:42.030 --> 00:48:42.040 align:start position:0% page if the product. type is empty we 00:48:42.040 --> 00:48:43.990 align:start position:0% page if the product. type is empty we will<00:48:42.200><c> not</c><00:48:42.440><c> enter</c><00:48:42.839><c> there</c><00:48:43.079><c> at</c> 00:48:43.990 --> 00:48:44.000 align:start position:0% will not enter there at 00:48:44.000 --> 00:48:46.790 align:start position:0% will not enter there at all<00:48:45.000><c> but</c><00:48:45.280><c> here</c><00:48:45.520><c> this</c><00:48:45.680><c> is</c><00:48:45.760><c> a</c><00:48:45.920><c> sare</c><00:48:46.359><c> is</c><00:48:46.480><c> working</c> 00:48:46.790 --> 00:48:46.800 align:start position:0% all but here this is a sare is working 00:48:46.800 --> 00:48:48.710 align:start position:0% all but here this is a sare is working just<00:48:47.000><c> fine</c> 00:48:48.710 --> 00:48:48.720 align:start position:0% just fine 00:48:48.720 --> 00:48:52.069 align:start position:0% just fine now<00:48:49.720><c> if</c><00:48:49.799><c> I</c><00:48:49.960><c> go</c><00:48:50.160><c> to</c><00:48:50.359><c> the</c><00:48:50.559><c> oxygen</c><00:48:51.000><c> one</c> 00:48:52.069 --> 00:48:52.079 align:start position:0% now if I go to the oxygen one 00:48:52.079 --> 00:48:55.069 align:start position:0% now if I go to the oxygen one here<00:48:53.079><c> and</c><00:48:53.200><c> I</c><00:48:53.319><c> say</c><00:48:53.520><c> that</c><00:48:53.640><c> the</c><00:48:53.760><c> product</c><00:48:54.079><c> type</c><00:48:54.400><c> is</c> 00:48:55.069 --> 00:48:55.079 align:start position:0% here and I say that the product type is 00:48:55.079 --> 00:48:58.789 align:start position:0% here and I say that the product type is some<00:48:55.640><c> s</c> 00:48:58.789 --> 00:48:58.799 align:start position:0% 00:48:58.799 --> 00:49:03.589 align:start position:0% more<00:48:59.799><c> and</c><00:49:00.000><c> I</c><00:49:00.240><c> if</c> 00:49:03.589 --> 00:49:03.599 align:start position:0% 00:49:03.599 --> 00:49:08.430 align:start position:0% this<00:49:04.599><c> now</c><00:49:05.119><c> if</c><00:49:05.280><c> I</c><00:49:05.599><c> go</c><00:49:06.599><c> to</c><00:49:06.920><c> oxygen</c> 00:49:08.430 --> 00:49:08.440 align:start position:0% this now if I go to oxygen 00:49:08.440 --> 00:49:12.390 align:start position:0% this now if I go to oxygen here<00:49:09.440><c> I</c><00:49:09.559><c> see</c><00:49:10.160><c> not</c><00:49:10.799><c> not</c><00:49:11.119><c> know</c><00:49:11.400><c> prodct</c><00:49:11.760><c> type</c> 00:49:12.390 --> 00:49:12.400 align:start position:0% here I see not not know prodct type 00:49:12.400 --> 00:49:16.190 align:start position:0% here I see not not know prodct type which<00:49:12.559><c> is</c><00:49:13.240><c> what</c><00:49:13.440><c> we</c><00:49:13.640><c> have</c><00:49:13.960><c> defined</c><00:49:14.480><c> just</c><00:49:15.200><c> here</c> 00:49:16.190 --> 00:49:16.200 align:start position:0% which is what we have defined just here 00:49:16.200 --> 00:49:17.789 align:start position:0% which is what we have defined just here so<00:49:16.400><c> wanted</c><00:49:16.640><c> to</c><00:49:16.760><c> quickly</c><00:49:17.040><c> mention</c><00:49:17.359><c> why</c><00:49:17.480><c> I</c><00:49:17.559><c> use</c> 00:49:17.789 --> 00:49:17.799 align:start position:0% so wanted to quickly mention why I use 00:49:17.799 --> 00:49:20.190 align:start position:0% so wanted to quickly mention why I use blank<00:49:18.160><c> here</c><00:49:18.400><c> instead</c><00:49:18.640><c> of</c><00:49:18.799><c> nil</c><00:49:19.079><c> or</c><00:49:19.240><c> null</c><00:49:19.920><c> so</c><00:49:20.079><c> if</c> 00:49:20.190 --> 00:49:20.200 align:start position:0% blank here instead of nil or null so if 00:49:20.200 --> 00:49:22.510 align:start position:0% blank here instead of nil or null so if we<00:49:20.400><c> go</c><00:49:20.640><c> to</c><00:49:21.160><c> liquid</c><00:49:21.520><c> segmentation</c><00:49:22.200><c> here</c><00:49:22.400><c> where</c> 00:49:22.510 --> 00:49:22.520 align:start position:0% we go to liquid segmentation here where 00:49:22.520 --> 00:49:24.349 align:start position:0% we go to liquid segmentation here where a<00:49:22.640><c> string</c><00:49:22.880><c> is</c><00:49:23.000><c> being</c><00:49:23.240><c> defined</c><00:49:23.760><c> we</c><00:49:23.880><c> see</c><00:49:24.160><c> this</c> 00:49:24.349 --> 00:49:24.359 align:start position:0% a string is being defined we see this 00:49:24.359 --> 00:49:26.430 align:start position:0% a string is being defined we see this dip<00:49:24.720><c> here</c><00:49:25.319><c> the</c><00:49:25.599><c> says</c><00:49:25.799><c> you</c><00:49:25.880><c> can</c><00:49:26.000><c> check</c><00:49:26.240><c> whether</c> 00:49:26.430 --> 00:49:26.440 align:start position:0% dip here the says you can check whether 00:49:26.440 --> 00:49:28.710 align:start position:0% dip here the says you can check whether a<00:49:26.520><c> string</c><00:49:26.760><c> is</c><00:49:26.880><c> empty</c><00:49:27.520><c> with</c><00:49:27.720><c> the</c><00:49:27.880><c> blank</c><00:49:28.319><c> object</c> 00:49:28.710 --> 00:49:28.720 align:start position:0% a string is empty with the blank object 00:49:28.720 --> 00:49:30.710 align:start position:0% a string is empty with the blank object so<00:49:29.040><c> this</c><00:49:29.160><c> is</c><00:49:29.359><c> why</c><00:49:29.559><c> I</c><00:49:29.680><c> compared</c><00:49:30.079><c> it</c><00:49:30.200><c> with</c><00:49:30.359><c> blank</c> 00:49:30.710 --> 00:49:30.720 align:start position:0% so this is why I compared it with blank 00:49:30.720 --> 00:49:33.109 align:start position:0% so this is why I compared it with blank instead<00:49:30.960><c> of</c><00:49:31.079><c> nil</c><00:49:31.720><c> nil</c><00:49:32.119><c> is</c><00:49:32.240><c> for</c><00:49:32.440><c> undefined</c> 00:49:33.109 --> 00:49:33.119 align:start position:0% instead of nil nil is for undefined 00:49:33.119 --> 00:49:34.750 align:start position:0% instead of nil nil is for undefined values<00:49:33.720><c> but</c><00:49:33.839><c> if</c><00:49:33.920><c> we</c><00:49:34.040><c> want</c><00:49:34.160><c> to</c><00:49:34.280><c> check</c><00:49:34.480><c> whether</c><00:49:34.640><c> a</c> 00:49:34.750 --> 00:49:34.760 align:start position:0% values but if we want to check whether a 00:49:34.760 --> 00:49:37.109 align:start position:0% values but if we want to check whether a string<00:49:34.960><c> is</c><00:49:35.079><c> empty</c><00:49:35.319><c> or</c><00:49:35.440><c> not</c><00:49:35.960><c> we</c><00:49:36.079><c> will</c><00:49:36.240><c> use</c><00:49:36.480><c> blank</c> 00:49:37.109 --> 00:49:37.119 align:start position:0% string is empty or not we will use blank 00:49:37.119 --> 00:49:39.470 align:start position:0% string is empty or not we will use blank and<00:49:37.359><c> we</c><00:49:37.520><c> know</c><00:49:37.880><c> that</c><00:49:38.240><c> this</c><00:49:38.799><c> that</c><00:49:39.000><c> product</c><00:49:39.280><c> type</c> 00:49:39.470 --> 00:49:39.480 align:start position:0% and we know that this that product type 00:49:39.480 --> 00:49:40.750 align:start position:0% and we know that this that product type is<00:49:39.559><c> a</c><00:49:39.640><c> string</c><00:49:40.000><c> because</c><00:49:40.280><c> here</c><00:49:40.480><c> in</c><00:49:40.599><c> the</c> 00:49:40.750 --> 00:49:40.760 align:start position:0% is a string because here in the 00:49:40.760 --> 00:49:42.710 align:start position:0% is a string because here in the documentation<00:49:41.200><c> for</c><00:49:41.440><c> the</c><00:49:41.559><c> product</c><00:49:41.960><c> object</c> 00:49:42.710 --> 00:49:42.720 align:start position:0% documentation for the product object 00:49:42.720 --> 00:49:44.910 align:start position:0% documentation for the product object here<00:49:43.200><c> type</c><00:49:43.480><c> is</c><00:49:43.599><c> mentioned</c><00:49:43.920><c> to</c><00:49:44.000><c> be</c><00:49:44.119><c> a</c><00:49:44.200><c> string</c><00:49:44.680><c> so</c> 00:49:44.910 --> 00:49:44.920 align:start position:0% here type is mentioned to be a string so 00:49:44.920 --> 00:49:46.589 align:start position:0% here type is mentioned to be a string so that's<00:49:45.079><c> why</c><00:49:45.200><c> I</c><00:49:45.319><c> compare</c><00:49:45.559><c> it</c><00:49:45.680><c> with</c><00:49:45.839><c> blank</c><00:49:46.440><c> and</c> 00:49:46.589 --> 00:49:46.599 align:start position:0% that's why I compare it with blank and 00:49:46.599 --> 00:49:47.950 align:start position:0% that's why I compare it with blank and the<00:49:46.720><c> last</c><00:49:46.920><c> thing</c><00:49:47.160><c> regarding</c><00:49:47.640><c> conditionals</c> 00:49:47.950 --> 00:49:47.960 align:start position:0% the last thing regarding conditionals 00:49:47.960 --> 00:49:49.309 align:start position:0% the last thing regarding conditionals that<00:49:48.040><c> I</c><00:49:48.160><c> want</c><00:49:48.280><c> to</c><00:49:48.359><c> mention</c><00:49:48.640><c> is</c><00:49:48.720><c> the</c><00:49:48.880><c> truthy</c><00:49:49.200><c> and</c> 00:49:49.309 --> 00:49:49.319 align:start position:0% that I want to mention is the truthy and 00:49:49.319 --> 00:49:51.750 align:start position:0% that I want to mention is the truthy and falcy<00:49:49.799><c> concept</c><00:49:50.599><c> so</c><00:49:50.839><c> so</c><00:49:51.079><c> far</c><00:49:51.359><c> we've</c><00:49:51.559><c> been</c> 00:49:51.750 --> 00:49:51.760 align:start position:0% falcy concept so so far we've been 00:49:51.760 --> 00:49:54.510 align:start position:0% falcy concept so so far we've been working<00:49:52.160><c> with</c><00:49:52.599><c> conditions</c><00:49:53.480><c> where</c><00:49:53.720><c> its</c><00:49:54.000><c> value</c> 00:49:54.510 --> 00:49:54.520 align:start position:0% working with conditions where its value 00:49:54.520 --> 00:49:56.069 align:start position:0% working with conditions where its value can<00:49:54.680><c> be</c><00:49:54.839><c> resolved</c><00:49:55.280><c> to</c><00:49:55.520><c> either</c><00:49:55.680><c> be</c><00:49:55.799><c> true</c><00:49:55.960><c> or</c> 00:49:56.069 --> 00:49:56.079 align:start position:0% can be resolved to either be true or 00:49:56.079 --> 00:49:57.589 align:start position:0% can be resolved to either be true or false<00:49:56.400><c> like</c><00:49:56.559><c> for</c><00:49:56.680><c> example</c><00:49:57.000><c> product</c><00:49:57.319><c> title</c> 00:49:57.589 --> 00:49:57.599 align:start position:0% false like for example product title 00:49:57.599 --> 00:49:59.270 align:start position:0% false like for example product title contains<00:49:57.920><c> a</c><00:49:58.040><c> snowboard</c><00:49:58.559><c> this</c><00:49:58.640><c> is</c><00:49:58.799><c> either</c><00:49:59.040><c> true</c> 00:49:59.270 --> 00:49:59.280 align:start position:0% contains a snowboard this is either true 00:49:59.280 --> 00:50:01.670 align:start position:0% contains a snowboard this is either true or<00:49:59.440><c> it</c><00:49:59.520><c> is</c><00:49:59.680><c> false</c><00:50:00.480><c> product</c><00:50:00.839><c> type</c><00:50:01.119><c> is</c><00:50:01.280><c> equal</c><00:50:01.520><c> to</c> 00:50:01.670 --> 00:50:01.680 align:start position:0% or it is false product type is equal to 00:50:01.680 --> 00:50:03.950 align:start position:0% or it is false product type is equal to a<00:50:01.799><c> snowboard</c><00:50:02.359><c> this</c><00:50:02.480><c> is</c><00:50:02.640><c> either</c><00:50:02.960><c> true</c><00:50:03.200><c> or</c><00:50:03.359><c> it</c><00:50:03.559><c> is</c> 00:50:03.950 --> 00:50:03.960 align:start position:0% a snowboard this is either true or it is 00:50:03.960 --> 00:50:06.510 align:start position:0% a snowboard this is either true or it is false<00:50:04.960><c> however</c><00:50:05.280><c> not</c><00:50:05.640><c> every</c><00:50:05.880><c> time</c><00:50:06.079><c> we</c><00:50:06.200><c> will</c><00:50:06.359><c> be</c> 00:50:06.510 --> 00:50:06.520 align:start position:0% false however not every time we will be 00:50:06.520 --> 00:50:09.430 align:start position:0% false however not every time we will be able<00:50:06.799><c> to</c><00:50:07.520><c> convert</c><00:50:07.920><c> things</c><00:50:08.160><c> to</c><00:50:08.319><c> be</c><00:50:08.480><c> Boolean</c><00:50:09.319><c> and</c> 00:50:09.430 --> 00:50:09.440 align:start position:0% able to convert things to be Boolean and 00:50:09.440 --> 00:50:10.950 align:start position:0% able to convert things to be Boolean and this<00:50:09.559><c> is</c><00:50:09.720><c> where</c><00:50:09.880><c> the</c><00:50:10.040><c> truthy</c><00:50:10.440><c> and</c><00:50:10.599><c> falsey</c> 00:50:10.950 --> 00:50:10.960 align:start position:0% this is where the truthy and falsey 00:50:10.960 --> 00:50:13.789 align:start position:0% this is where the truthy and falsey concept<00:50:11.280><c> comes</c><00:50:11.480><c> to</c><00:50:11.720><c> play</c><00:50:12.720><c> for</c><00:50:12.960><c> example</c><00:50:13.640><c> an</c> 00:50:13.789 --> 00:50:13.799 align:start position:0% concept comes to play for example an 00:50:13.799 --> 00:50:16.109 align:start position:0% concept comes to play for example an empty<00:50:14.079><c> array</c><00:50:14.720><c> if</c><00:50:14.839><c> we</c><00:50:14.960><c> put</c><00:50:15.119><c> an</c><00:50:15.240><c> empty</c><00:50:15.480><c> array</c><00:50:16.000><c> as</c> 00:50:16.109 --> 00:50:16.119 align:start position:0% empty array if we put an empty array as 00:50:16.119 --> 00:50:18.270 align:start position:0% empty array if we put an empty array as a<00:50:16.480><c> condition</c><00:50:16.760><c> for</c><00:50:17.000><c> in</c><00:50:17.160><c> an</c><00:50:17.319><c> if</c><00:50:17.520><c> statement</c><00:50:18.119><c> that</c> 00:50:18.270 --> 00:50:18.280 align:start position:0% a condition for in an if statement that 00:50:18.280 --> 00:50:20.390 align:start position:0% a condition for in an if statement that will<00:50:18.400><c> be</c><00:50:18.559><c> considered</c><00:50:18.920><c> as</c><00:50:19.079><c> true</c><00:50:19.799><c> the</c><00:50:19.960><c> same</c><00:50:20.200><c> as</c> 00:50:20.390 --> 00:50:20.400 align:start position:0% will be considered as true the same as 00:50:20.400 --> 00:50:22.510 align:start position:0% will be considered as true the same as the<00:50:20.559><c> True</c><00:50:20.799><c> Value</c><00:50:21.079><c> here</c><00:50:21.599><c> or</c><00:50:21.760><c> a</c><00:50:21.880><c> zero</c><00:50:22.240><c> or</c><00:50:22.359><c> an</c> 00:50:22.510 --> 00:50:22.520 align:start position:0% the True Value here or a zero or an 00:50:22.520 --> 00:50:24.789 align:start position:0% the True Value here or a zero or an integer<00:50:22.960><c> or</c><00:50:23.079><c> a</c><00:50:23.160><c> float</c><00:50:23.520><c> or</c><00:50:23.640><c> an</c><00:50:23.760><c> array</c><00:50:24.440><c> or</c><00:50:24.599><c> even</c> 00:50:24.789 --> 00:50:24.799 align:start position:0% integer or a float or an array or even 00:50:24.799 --> 00:50:26.309 align:start position:0% integer or a float or an array or even an<00:50:24.960><c> empty</c><00:50:25.200><c> array</c> 00:50:26.309 --> 00:50:26.319 align:start position:0% an empty array 00:50:26.319 --> 00:50:28.910 align:start position:0% an empty array basically<00:50:26.960><c> everything</c><00:50:27.640><c> unless</c><00:50:28.040><c> it</c><00:50:28.160><c> is</c><00:50:28.400><c> false</c> 00:50:28.910 --> 00:50:28.920 align:start position:0% basically everything unless it is false 00:50:28.920 --> 00:50:31.349 align:start position:0% basically everything unless it is false and<00:50:29.119><c> nil</c><00:50:29.880><c> so</c><00:50:30.119><c> let's</c><00:50:30.280><c> see</c><00:50:30.480><c> an</c> 00:50:31.349 --> 00:50:31.359 align:start position:0% and nil so let's see an 00:50:31.359 --> 00:50:34.150 align:start position:0% and nil so let's see an example<00:50:32.359><c> here</c><00:50:33.240><c> I</c><00:50:33.359><c> can</c> 00:50:34.150 --> 00:50:34.160 align:start position:0% example here I can 00:50:34.160 --> 00:50:39.829 align:start position:0% example here I can say<00:50:35.160><c> if</c><00:50:35.640><c> product</c> 00:50:39.829 --> 00:50:39.839 align:start position:0% 00:50:39.839 --> 00:50:41.990 align:start position:0% title<00:50:40.839><c> then</c><00:50:41.000><c> I'm</c><00:50:41.119><c> going</c><00:50:41.280><c> to</c> 00:50:41.990 --> 00:50:42.000 align:start position:0% title then I'm going to 00:50:42.000 --> 00:50:45.069 align:start position:0% title then I'm going to print<00:50:43.000><c> product</c> 00:50:45.069 --> 00:50:45.079 align:start position:0% print product 00:50:45.079 --> 00:50:48.230 align:start position:0% print product title<00:50:46.079><c> and</c><00:50:46.280><c> let's</c><00:50:46.880><c> prent</c><00:50:47.640><c> this</c><00:50:47.760><c> is</c><00:50:48.000><c> the</c> 00:50:48.230 --> 00:50:48.240 align:start position:0% title and let's prent this is the 00:50:48.240 --> 00:50:51.150 align:start position:0% title and let's prent this is the product 00:50:51.150 --> 00:50:51.160 align:start position:0% 00:50:51.160 --> 00:50:56.270 align:start position:0% title<00:50:52.160><c> so</c><00:50:52.920><c> if</c><00:50:53.040><c> I</c><00:50:53.200><c> come</c><00:50:53.640><c> here</c><00:50:54.640><c> I</c><00:50:54.839><c> refresh</c><00:50:55.240><c> this</c> 00:50:56.270 --> 00:50:56.280 align:start position:0% title so if I come here I refresh this 00:50:56.280 --> 00:50:59.349 align:start position:0% title so if I come here I refresh this I<00:50:56.400><c> see</c><00:50:56.640><c> here</c><00:50:57.559><c> this</c><00:50:57.680><c> is</c><00:50:57.799><c> the</c><00:50:57.960><c> product</c><00:50:58.280><c> title</c><00:50:59.200><c> and</c> 00:50:59.349 --> 00:50:59.359 align:start position:0% I see here this is the product title and 00:50:59.359 --> 00:51:01.069 align:start position:0% I see here this is the product title and the<00:50:59.480><c> title</c><00:50:59.720><c> of</c><00:50:59.799><c> the</c><00:50:59.960><c> product</c><00:51:00.480><c> but</c><00:51:00.640><c> if</c><00:51:00.720><c> I</c><00:51:00.839><c> go</c><00:51:00.960><c> to</c> 00:51:01.069 --> 00:51:01.079 align:start position:0% the title of the product but if I go to 00:51:01.079 --> 00:51:01.829 align:start position:0% the title of the product but if I go to the 00:51:01.829 --> 00:51:01.839 align:start position:0% the 00:51:01.839 --> 00:51:05.069 align:start position:0% the homepage<00:51:02.839><c> I</c><00:51:02.920><c> won't</c><00:51:03.119><c> see</c><00:51:03.280><c> anything</c><00:51:03.880><c> here</c><00:51:04.880><c> now</c> 00:51:05.069 --> 00:51:05.079 align:start position:0% homepage I won't see anything here now 00:51:05.079 --> 00:51:07.589 align:start position:0% homepage I won't see anything here now if<00:51:05.200><c> I</c><00:51:05.359><c> remove</c><00:51:05.640><c> it</c><00:51:06.079><c> this</c><00:51:06.440><c> conditional</c> 00:51:07.589 --> 00:51:07.599 align:start position:0% if I remove it this conditional 00:51:07.599 --> 00:51:11.069 align:start position:0% if I remove it this conditional here<00:51:08.599><c> we</c><00:51:08.760><c> will</c><00:51:08.920><c> be</c><00:51:09.319><c> seeing</c><00:51:10.319><c> this</c><00:51:10.520><c> message</c><00:51:10.960><c> this</c> 00:51:11.069 --> 00:51:11.079 align:start position:0% here we will be seeing this message this 00:51:11.079 --> 00:51:13.030 align:start position:0% here we will be seeing this message this is<00:51:11.240><c> the</c><00:51:11.440><c> product</c><00:51:11.720><c> title</c><00:51:12.119><c> everywhere</c><00:51:12.720><c> even</c><00:51:12.920><c> if</c> 00:51:13.030 --> 00:51:13.040 align:start position:0% is the product title everywhere even if 00:51:13.040 --> 00:51:14.390 align:start position:0% is the product title everywhere even if the<00:51:13.160><c> product</c><00:51:13.440><c> title</c><00:51:13.680><c> was</c><00:51:13.799><c> empty</c><00:51:14.079><c> so</c><00:51:14.200><c> this</c><00:51:14.319><c> is</c> 00:51:14.390 --> 00:51:14.400 align:start position:0% the product title was empty so this is 00:51:14.400 --> 00:51:16.510 align:start position:0% the product title was empty so this is why<00:51:14.559><c> this</c><00:51:14.839><c> conditional</c><00:51:15.160><c> is</c><00:51:15.319><c> important</c><00:51:16.240><c> and</c><00:51:16.400><c> as</c> 00:51:16.510 --> 00:51:16.520 align:start position:0% why this conditional is important and as 00:51:16.520 --> 00:51:18.109 align:start position:0% why this conditional is important and as you<00:51:16.599><c> can</c><00:51:16.720><c> see</c><00:51:16.920><c> when</c><00:51:17.040><c> we</c><00:51:17.200><c> print</c><00:51:17.480><c> the</c><00:51:17.640><c> title</c><00:51:17.920><c> here</c> 00:51:18.109 --> 00:51:18.119 align:start position:0% you can see when we print the title here 00:51:18.119 --> 00:51:21.230 align:start position:0% you can see when we print the title here this<00:51:18.240><c> is</c><00:51:18.319><c> a</c><00:51:18.480><c> string</c><00:51:19.160><c> so</c><00:51:19.839><c> this</c><00:51:19.960><c> is</c><00:51:20.240><c> why</c><00:51:21.040><c> this</c> 00:51:21.230 --> 00:51:21.240 align:start position:0% this is a string so this is why this 00:51:21.240 --> 00:51:23.470 align:start position:0% this is a string so this is why this truthy<00:51:21.599><c> and</c><00:51:21.760><c> falsy</c><00:51:22.240><c> concept</c><00:51:22.760><c> is</c><00:51:22.960><c> important</c> 00:51:23.470 --> 00:51:23.480 align:start position:0% truthy and falsy concept is important 00:51:23.480 --> 00:51:26.230 align:start position:0% truthy and falsy concept is important because<00:51:24.119><c> we</c><00:51:24.280><c> can</c><00:51:24.480><c> use</c><00:51:24.839><c> other</c><00:51:25.400><c> vales</c><00:51:25.839><c> aside</c> 00:51:26.230 --> 00:51:26.240 align:start position:0% because we can use other vales aside 00:51:26.240 --> 00:51:29.230 align:start position:0% because we can use other vales aside from<00:51:26.599><c> booleans</c><00:51:27.319><c> in</c><00:51:27.920><c> conditionals</c><00:51:28.920><c> and</c><00:51:29.119><c> they</c> 00:51:29.230 --> 00:51:29.240 align:start position:0% from booleans in conditionals and they 00:51:29.240 --> 00:51:32.030 align:start position:0% from booleans in conditionals and they will<00:51:29.400><c> follow</c><00:51:29.839><c> this</c><00:51:30.240><c> rules</c><00:51:31.200><c> uh</c><00:51:31.480><c> stated</c><00:51:31.799><c> in</c><00:51:31.920><c> this</c> 00:51:32.030 --> 00:51:32.040 align:start position:0% will follow this rules uh stated in this 00:51:32.040 --> 00:51:33.470 align:start position:0% will follow this rules uh stated in this table<00:51:32.319><c> over</c><00:51:32.520><c> here</c><00:51:32.680><c> I'll</c><00:51:32.839><c> leave</c><00:51:33.040><c> the</c><00:51:33.119><c> link</c><00:51:33.319><c> to</c> 00:51:33.470 --> 00:51:33.480 align:start position:0% table over here I'll leave the link to 00:51:33.480 --> 00:51:34.870 align:start position:0% table over here I'll leave the link to this<00:51:33.599><c> in</c><00:51:33.760><c> the</c><00:51:34.000><c> video</c> 00:51:34.870 --> 00:51:34.880 align:start position:0% this in the video 00:51:34.880 --> 00:51:36.870 align:start position:0% this in the video description<00:51:35.880><c> okay</c><00:51:36.040><c> now</c><00:51:36.200><c> that</c><00:51:36.359><c> we've</c><00:51:36.520><c> seen</c> 00:51:36.870 --> 00:51:36.880 align:start position:0% description okay now that we've seen 00:51:36.880 --> 00:51:39.470 align:start position:0% description okay now that we've seen conditionals<00:51:37.480><c> let's</c><00:51:37.680><c> see</c><00:51:38.000><c> looping</c><00:51:39.000><c> so</c><00:51:39.319><c> I'm</c> 00:51:39.470 --> 00:51:39.480 align:start position:0% conditionals let's see looping so I'm 00:51:39.480 --> 00:51:41.829 align:start position:0% conditionals let's see looping so I'm going<00:51:39.640><c> to</c><00:51:39.799><c> delete</c><00:51:40.280><c> everything</c><00:51:40.559><c> in</c><00:51:40.680><c> this</c><00:51:40.880><c> file</c> 00:51:41.829 --> 00:51:41.839 align:start position:0% going to delete everything in this file 00:51:41.839 --> 00:51:46.589 align:start position:0% going to delete everything in this file and<00:51:42.520><c> now</c><00:51:43.520><c> let's</c><00:51:43.920><c> save</c><00:51:44.920><c> and</c><00:51:45.119><c> let</c><00:51:45.280><c> me</c><00:51:45.520><c> go</c><00:51:46.200><c> to</c><00:51:46.359><c> a</c> 00:51:46.589 --> 00:51:46.599 align:start position:0% and now let's save and let me go to a 00:51:46.599 --> 00:51:47.990 align:start position:0% and now let's save and let me go to a collections 00:51:47.990 --> 00:51:48.000 align:start position:0% collections 00:51:48.000 --> 00:51:51.710 align:start position:0% collections page<00:51:49.000><c> so</c><00:51:49.240><c> here</c><00:51:49.440><c> I'm</c><00:51:49.760><c> in</c><00:51:50.040><c> collections</c><00:51:51.040><c> all</c><00:51:51.480><c> so</c> 00:51:51.710 --> 00:51:51.720 align:start position:0% page so here I'm in collections all so 00:51:51.720 --> 00:51:53.150 align:start position:0% page so here I'm in collections all so this<00:51:51.880><c> collection</c><00:51:52.240><c> should</c><00:51:52.599><c> have</c><00:51:52.799><c> all</c><00:51:53.000><c> the</c> 00:51:53.150 --> 00:51:53.160 align:start position:0% this collection should have all the 00:51:53.160 --> 00:51:55.069 align:start position:0% this collection should have all the products<00:51:53.880><c> you</c><00:51:54.040><c> can</c><00:51:54.200><c> manually</c><00:51:54.640><c> navigate</c><00:51:55.000><c> to</c> 00:51:55.069 --> 00:51:55.079 align:start position:0% products you can manually navigate to 00:51:55.079 --> 00:51:56.789 align:start position:0% products you can manually navigate to this<00:51:55.319><c> URL</c><00:51:55.799><c> if</c><00:51:55.920><c> you're</c><00:51:56.079><c> in</c><00:51:56.160><c> a</c><00:51:56.319><c> different</c><00:51:56.559><c> team</c> 00:51:56.789 --> 00:51:56.799 align:start position:0% this URL if you're in a different team 00:51:56.799 --> 00:51:58.789 align:start position:0% this URL if you're in a different team that<00:51:56.920><c> doesn't</c><00:51:57.200><c> have</c><00:51:57.440><c> this</c><00:51:57.640><c> particular</c><00:51:58.079><c> Link</c> 00:51:58.789 --> 00:51:58.799 align:start position:0% that doesn't have this particular Link 00:51:58.799 --> 00:52:03.630 align:start position:0% that doesn't have this particular Link in<00:51:58.960><c> the</c><00:51:59.480><c> naar</c><00:52:00.480><c> and</c><00:52:01.160><c> now</c><00:52:02.160><c> let's</c><00:52:02.720><c> Loop</c><00:52:03.400><c> through</c> 00:52:03.630 --> 00:52:03.640 align:start position:0% in the naar and now let's Loop through 00:52:03.640 --> 00:52:06.349 align:start position:0% in the naar and now let's Loop through all<00:52:03.799><c> the</c><00:52:04.040><c> products</c><00:52:04.559><c> so</c><00:52:05.520><c> I'm</c><00:52:05.640><c> going</c><00:52:05.839><c> to</c><00:52:06.000><c> use</c><00:52:06.200><c> a</c> 00:52:06.349 --> 00:52:06.359 align:start position:0% all the products so I'm going to use a 00:52:06.359 --> 00:52:08.150 align:start position:0% all the products so I'm going to use a for<00:52:06.760><c> Loop</c><00:52:07.040><c> we</c><00:52:07.200><c> saw</c><00:52:07.400><c> a</c><00:52:07.520><c> preview</c><00:52:07.799><c> of</c><00:52:07.920><c> that</c><00:52:08.079><c> a</c> 00:52:08.150 --> 00:52:08.160 align:start position:0% for Loop we saw a preview of that a 00:52:08.160 --> 00:52:11.430 align:start position:0% for Loop we saw a preview of that a moment<00:52:08.520><c> ago</c><00:52:09.520><c> but</c><00:52:09.880><c> this</c><00:52:10.000><c> is</c><00:52:10.280><c> basically</c><00:52:10.839><c> a</c><00:52:11.040><c> way</c> 00:52:11.430 --> 00:52:11.440 align:start position:0% moment ago but this is basically a way 00:52:11.440 --> 00:52:13.630 align:start position:0% moment ago but this is basically a way of<00:52:11.640><c> going</c><00:52:11.920><c> through</c><00:52:12.240><c> every</c><00:52:12.480><c> element</c><00:52:12.960><c> in</c><00:52:13.240><c> AR</c><00:52:13.520><c> in</c> 00:52:13.630 --> 00:52:13.640 align:start position:0% of going through every element in AR in 00:52:13.640 --> 00:52:17.230 align:start position:0% of going through every element in AR in an<00:52:13.799><c> array</c><00:52:14.480><c> so</c><00:52:15.480><c> I'm</c><00:52:15.640><c> going</c><00:52:15.839><c> to</c><00:52:16.000><c> say</c><00:52:16.280><c> four</c> 00:52:17.230 --> 00:52:17.240 align:start position:0% an array so I'm going to say four 00:52:17.240 --> 00:52:21.710 align:start position:0% an array so I'm going to say four product<00:52:18.000><c> in</c><00:52:19.240><c> collection.</c><00:52:20.480><c> products</c><00:52:21.480><c> this</c> 00:52:21.710 --> 00:52:21.720 align:start position:0% product in collection. products this 00:52:21.720 --> 00:52:23.430 align:start position:0% product in collection. products this collection<00:52:22.240><c> object</c><00:52:22.680><c> is</c><00:52:22.839><c> an</c><00:52:23.040><c> object</c><00:52:23.280><c> that</c> 00:52:23.430 --> 00:52:23.440 align:start position:0% collection object is an object that 00:52:23.440 --> 00:52:25.510 align:start position:0% collection object is an object that Shopify<00:52:24.040><c> provide</c><00:52:24.400><c> to</c><00:52:24.559><c> us</c><00:52:24.799><c> if</c><00:52:24.960><c> we</c><00:52:25.079><c> are</c><00:52:25.400><c> a</c> 00:52:25.510 --> 00:52:25.520 align:start position:0% Shopify provide to us if we are a 00:52:25.520 --> 00:52:26.789 align:start position:0% Shopify provide to us if we are a collection 00:52:26.789 --> 00:52:26.799 align:start position:0% collection 00:52:26.799 --> 00:52:31.630 align:start position:0% collection page<00:52:27.799><c> and</c><00:52:28.280><c> now</c><00:52:29.280><c> let</c><00:52:29.480><c> me</c><00:52:29.799><c> just</c><00:52:30.040><c> print</c> 00:52:31.630 --> 00:52:31.640 align:start position:0% page and now let me just print 00:52:31.640 --> 00:52:34.870 align:start position:0% page and now let me just print here<00:52:32.640><c> product.</c> 00:52:34.870 --> 00:52:34.880 align:start position:0% here product. 00:52:34.880 --> 00:52:37.349 align:start position:0% here product. tile<00:52:35.880><c> let's</c> 00:52:37.349 --> 00:52:37.359 align:start position:0% tile let's 00:52:37.359 --> 00:52:40.589 align:start position:0% tile let's save<00:52:38.359><c> and</c><00:52:38.520><c> I</c><00:52:38.640><c> see</c><00:52:39.040><c> every</c><00:52:39.319><c> product</c><00:52:39.680><c> that</c><00:52:39.839><c> is</c><00:52:40.400><c> a</c> 00:52:40.589 --> 00:52:40.599 align:start position:0% save and I see every product that is a 00:52:40.599 --> 00:52:41.829 align:start position:0% save and I see every product that is a member<00:52:40.880><c> of</c><00:52:41.000><c> this</c> 00:52:41.829 --> 00:52:41.839 align:start position:0% member of this 00:52:41.839 --> 00:52:44.910 align:start position:0% member of this collection<00:52:42.839><c> now</c><00:52:43.839><c> let's</c><00:52:44.200><c> start</c><00:52:44.440><c> doing</c><00:52:44.720><c> things</c> 00:52:44.910 --> 00:52:44.920 align:start position:0% collection now let's start doing things 00:52:44.920 --> 00:52:47.510 align:start position:0% collection now let's start doing things in<00:52:45.119><c> this</c><00:52:45.280><c> Loop</c><00:52:45.839><c> so</c><00:52:46.480><c> you</c><00:52:46.680><c> saw</c><00:52:46.880><c> earlier</c><00:52:47.240><c> in</c><00:52:47.359><c> the</c> 00:52:47.510 --> 00:52:47.520 align:start position:0% in this Loop so you saw earlier in the 00:52:47.520 --> 00:52:51.670 align:start position:0% in this Loop so you saw earlier in the video<00:52:47.920><c> that</c><00:52:48.160><c> we</c><00:52:48.280><c> are</c><00:52:48.480><c> able</c><00:52:48.760><c> to</c><00:52:49.640><c> use</c><00:52:49.960><c> Liquid</c><00:52:50.720><c> for</c> 00:52:51.670 --> 00:52:51.680 align:start position:0% video that we are able to use Liquid for 00:52:51.680 --> 00:52:55.270 align:start position:0% video that we are able to use Liquid for having<00:52:52.280><c> Dynamic</c><00:52:52.880><c> parameters</c><00:52:53.880><c> or</c><00:52:54.680><c> things</c> 00:52:55.270 --> 00:52:55.280 align:start position:0% having Dynamic parameters or things 00:52:55.280 --> 00:52:57.670 align:start position:0% having Dynamic parameters or things change<00:52:55.599><c> dynamically</c><00:52:56.160><c> in</c><00:52:56.280><c> the</c><00:52:56.520><c> attributes</c><00:52:57.520><c> of</c> 00:52:57.670 --> 00:52:57.680 align:start position:0% change dynamically in the attributes of 00:52:57.680 --> 00:52:59.990 align:start position:0% change dynamically in the attributes of our<00:52:57.920><c> HTML</c><00:52:58.520><c> elements</c><00:52:58.920><c> as</c><00:52:59.079><c> well</c><00:52:59.400><c> so</c><00:52:59.599><c> let's</c><00:52:59.839><c> say</c> 00:52:59.990 --> 00:53:00.000 align:start position:0% our HTML elements as well so let's say 00:53:00.000 --> 00:53:01.990 align:start position:0% our HTML elements as well so let's say that<00:53:00.160><c> I</c><00:53:00.280><c> wanted</c><00:53:00.680><c> the</c><00:53:00.880><c> first</c><00:53:01.319><c> ele</c><00:53:01.640><c> the</c><00:53:01.760><c> first</c> 00:53:01.990 --> 00:53:02.000 align:start position:0% that I wanted the first ele the first 00:53:02.000 --> 00:53:06.349 align:start position:0% that I wanted the first ele the first product<00:53:02.359><c> in</c><00:53:02.559><c> this</c><00:53:02.839><c> array</c><00:53:03.799><c> to</c><00:53:04.000><c> be</c><00:53:04.880><c> green</c><00:53:05.880><c> so</c> 00:53:06.349 --> 00:53:06.359 align:start position:0% product in this array to be green so 00:53:06.359 --> 00:53:10.589 align:start position:0% product in this array to be green so what<00:53:06.480><c> I</c><00:53:06.599><c> can</c><00:53:06.760><c> do</c><00:53:07.240><c> is</c><00:53:07.480><c> this</c><00:53:07.799><c> style</c><00:53:08.240><c> here</c><00:53:09.200><c> say</c><00:53:09.680><c> the</c> 00:53:10.589 --> 00:53:10.599 align:start position:0% what I can do is this style here say the 00:53:10.599 --> 00:53:15.390 align:start position:0% what I can do is this style here say the color<00:53:11.599><c> if</c><00:53:12.400><c> for</c><00:53:13.000><c> Loop</c><00:53:14.000><c> do</c> 00:53:15.390 --> 00:53:15.400 align:start position:0% color if for Loop do 00:53:15.400 --> 00:53:19.510 align:start position:0% color if for Loop do first<00:53:16.400><c> then</c><00:53:16.520><c> I'm</c><00:53:16.680><c> going</c><00:53:16.880><c> to</c><00:53:17.079><c> say</c><00:53:18.079><c> that</c><00:53:18.280><c> it</c><00:53:18.440><c> is</c> 00:53:19.510 --> 00:53:19.520 align:start position:0% first then I'm going to say that it is 00:53:19.520 --> 00:53:23.670 align:start position:0% first then I'm going to say that it is green<00:53:20.520><c> and</c><00:53:20.760><c> actually</c><00:53:21.760><c> we</c><00:53:21.880><c> should</c><00:53:22.880><c> put</c><00:53:23.200><c> this</c> 00:53:23.670 --> 00:53:23.680 align:start position:0% green and actually we should put this 00:53:23.680 --> 00:53:27.990 align:start position:0% green and actually we should put this color<00:53:24.680><c> inside</c><00:53:25.040><c> of</c><00:53:25.359><c> the</c><00:53:25.640><c> if</c><00:53:25.960><c> statement</c> 00:53:27.990 --> 00:53:28.000 align:start position:0% color inside of the if statement 00:53:28.000 --> 00:53:30.630 align:start position:0% color inside of the if statement here<00:53:29.000><c> and</c><00:53:29.200><c> now</c><00:53:29.640><c> here</c><00:53:29.839><c> we</c><00:53:29.960><c> can</c><00:53:30.079><c> see</c><00:53:30.400><c> that</c><00:53:30.559><c> the</c> 00:53:30.630 --> 00:53:30.640 align:start position:0% here and now here we can see that the 00:53:30.640 --> 00:53:32.870 align:start position:0% here and now here we can see that the first<00:53:30.880><c> product</c><00:53:31.200><c> the</c><00:53:31.359><c> gift</c><00:53:31.559><c> card</c><00:53:32.400><c> has</c><00:53:32.559><c> a</c><00:53:32.680><c> green</c> 00:53:32.870 --> 00:53:32.880 align:start position:0% first product the gift card has a green 00:53:32.880 --> 00:53:34.390 align:start position:0% first product the gift card has a green color<00:53:33.200><c> to</c> 00:53:34.390 --> 00:53:34.400 align:start position:0% color to 00:53:34.400 --> 00:53:37.870 align:start position:0% color to it<00:53:35.400><c> we</c><00:53:35.520><c> can</c><00:53:35.799><c> also</c><00:53:36.359><c> do</c><00:53:36.960><c> this</c> 00:53:37.870 --> 00:53:37.880 align:start position:0% it we can also do this 00:53:37.880 --> 00:53:40.670 align:start position:0% it we can also do this so<00:53:38.880><c> let's</c><00:53:39.160><c> add</c><00:53:39.359><c> more</c><00:53:39.599><c> space</c> 00:53:40.670 --> 00:53:40.680 align:start position:0% so let's add more space 00:53:40.680 --> 00:53:44.069 align:start position:0% so let's add more space here<00:53:41.680><c> and</c><00:53:41.880><c> let's</c><00:53:42.160><c> say</c> 00:53:44.069 --> 00:53:44.079 align:start position:0% here and let's say 00:53:44.079 --> 00:53:49.910 align:start position:0% here and let's say that<00:53:45.079><c> else</c><00:53:45.520><c> if</c><00:53:46.319><c> for</c><00:53:46.760><c> loop.</c><00:53:47.760><c> last</c><00:53:48.760><c> we</c><00:53:48.880><c> can</c><00:53:49.000><c> say</c> 00:53:49.910 --> 00:53:49.920 align:start position:0% that else if for loop. last we can say 00:53:49.920 --> 00:53:54.150 align:start position:0% that else if for loop. last we can say color<00:53:50.920><c> let's</c><00:53:51.160><c> say</c> 00:53:54.150 --> 00:53:54.160 align:start position:0% 00:53:54.160 --> 00:53:55.870 align:start position:0% orange 00:53:55.870 --> 00:53:55.880 align:start position:0% orange 00:53:55.880 --> 00:53:58.150 align:start position:0% orange and<00:53:56.040><c> we</c><00:53:56.240><c> have</c><00:53:56.400><c> an</c><00:53:56.559><c> orange</c><00:53:56.920><c> color</c> 00:53:58.150 --> 00:53:58.160 align:start position:0% and we have an orange color 00:53:58.160 --> 00:54:00.990 align:start position:0% and we have an orange color here<00:53:59.160><c> and</c><00:53:59.359><c> now</c><00:53:59.720><c> let's</c><00:54:00.000><c> say</c><00:54:00.240><c> that</c><00:54:00.359><c> I</c><00:54:00.480><c> wanted</c><00:54:00.799><c> to</c> 00:54:00.990 --> 00:54:01.000 align:start position:0% here and now let's say that I wanted to 00:54:01.000 --> 00:54:03.950 align:start position:0% here and now let's say that I wanted to add<00:54:01.400><c> the</c><00:54:01.599><c> number</c><00:54:02.599><c> to</c><00:54:02.799><c> the</c><00:54:02.960><c> side</c><00:54:03.400><c> of</c><00:54:03.640><c> each</c> 00:54:03.950 --> 00:54:03.960 align:start position:0% add the number to the side of each 00:54:03.960 --> 00:54:05.750 align:start position:0% add the number to the side of each element 00:54:05.750 --> 00:54:05.760 align:start position:0% element 00:54:05.760 --> 00:54:09.870 align:start position:0% element here<00:54:06.760><c> I</c><00:54:06.880><c> can</c><00:54:07.040><c> do</c><00:54:07.280><c> something</c><00:54:07.640><c> like</c><00:54:08.040><c> this</c><00:54:09.040><c> for</c> 00:54:09.870 --> 00:54:09.880 align:start position:0% here I can do something like this for 00:54:09.880 --> 00:54:13.870 align:start position:0% here I can do something like this for loop. 00:54:13.870 --> 00:54:13.880 align:start position:0% 00:54:13.880 --> 00:54:16.750 align:start position:0% index<00:54:14.880><c> and</c><00:54:15.119><c> that</c><00:54:15.280><c> will</c><00:54:15.480><c> tell</c> 00:54:16.750 --> 00:54:16.760 align:start position:0% index and that will tell 00:54:16.760 --> 00:54:21.069 align:start position:0% index and that will tell me<00:54:17.760><c> each</c><00:54:18.040><c> number</c><00:54:18.520><c> over</c> 00:54:21.069 --> 00:54:21.079 align:start position:0% 00:54:21.079 --> 00:54:24.750 align:start position:0% here<00:54:22.079><c> we</c><00:54:22.280><c> could</c><00:54:22.640><c> also</c><00:54:22.960><c> use</c><00:54:23.359><c> index</c><00:54:23.760><c> zero</c><00:54:24.319><c> so</c><00:54:24.640><c> you</c> 00:54:24.750 --> 00:54:24.760 align:start position:0% here we could also use index zero so you 00:54:24.760 --> 00:54:26.510 align:start position:0% here we could also use index zero so you will<00:54:24.920><c> use</c><00:54:25.160><c> is</c><00:54:25.280><c> either</c><00:54:25.520><c> index</c><00:54:25.839><c> or</c><00:54:25.960><c> index</c><00:54:26.240><c> zero</c> 00:54:26.510 --> 00:54:26.520 align:start position:0% will use is either index or index zero 00:54:26.520 --> 00:54:28.109 align:start position:0% will use is either index or index zero depending<00:54:26.799><c> on</c><00:54:26.880><c> what</c><00:54:27.000><c> you're</c><00:54:27.160><c> trying</c><00:54:27.359><c> to</c><00:54:27.480><c> do</c> 00:54:28.109 --> 00:54:28.119 align:start position:0% depending on what you're trying to do 00:54:28.119 --> 00:54:31.990 align:start position:0% depending on what you're trying to do index<00:54:28.640><c> as</c><00:54:29.119><c> it</c><00:54:29.200><c> is</c><00:54:29.559><c> as</c><00:54:29.760><c> it</c><00:54:30.000><c> says</c><00:54:30.359><c> here</c><00:54:31.359><c> is</c><00:54:31.520><c> a</c><00:54:31.720><c> one</c> 00:54:31.990 --> 00:54:32.000 align:start position:0% index as it is as it says here is a one 00:54:32.000 --> 00:54:34.190 align:start position:0% index as it is as it says here is a one based<00:54:32.400><c> index</c><00:54:33.119><c> of</c><00:54:33.200><c> the</c><00:54:33.319><c> current</c><00:54:33.599><c> iteration</c><00:54:34.079><c> and</c> 00:54:34.190 --> 00:54:34.200 align:start position:0% based index of the current iteration and 00:54:34.200 --> 00:54:37.109 align:start position:0% based index of the current iteration and index<00:54:34.520><c> zero</c><00:54:35.520><c> is</c><00:54:35.680><c> the</c><00:54:35.799><c> same</c><00:54:36.040><c> but</c><00:54:36.240><c> it</c><00:54:36.480><c> starts</c><00:54:36.880><c> at</c> 00:54:37.109 --> 00:54:37.119 align:start position:0% index zero is the same but it starts at 00:54:37.119 --> 00:54:39.470 align:start position:0% index zero is the same but it starts at zero<00:54:37.520><c> because</c><00:54:37.839><c> as</c><00:54:37.960><c> we</c><00:54:38.079><c> saw</c><00:54:38.319><c> earlier</c><00:54:38.720><c> arrays</c> 00:54:39.470 --> 00:54:39.480 align:start position:0% zero because as we saw earlier arrays 00:54:39.480 --> 00:54:42.390 align:start position:0% zero because as we saw earlier arrays are<00:54:39.839><c> index</c><00:54:40.319><c> at</c><00:54:40.559><c> zero</c><00:54:40.920><c> so</c><00:54:41.240><c> you</c><00:54:41.359><c> can</c> 00:54:42.390 --> 00:54:42.400 align:start position:0% are index at zero so you can 00:54:42.400 --> 00:54:46.230 align:start position:0% are index at zero so you can Loop<00:54:43.400><c> and</c><00:54:43.839><c> access</c><00:54:44.160><c> the</c><00:54:44.359><c> index</c><00:54:44.960><c> either</c><00:54:45.960><c> in</c><00:54:46.119><c> a</c> 00:54:46.230 --> 00:54:46.240 align:start position:0% Loop and access the index either in a 00:54:46.240 --> 00:54:51.390 align:start position:0% Loop and access the index either in a zero<00:54:46.839><c> way</c><00:54:47.319><c> or</c><00:54:47.720><c> in</c><00:54:47.839><c> a</c><00:54:48.040><c> more</c><00:54:48.559><c> natural</c> 00:54:51.390 --> 00:54:51.400 align:start position:0% 00:54:51.400 --> 00:54:54.230 align:start position:0% way<00:54:52.400><c> something</c><00:54:52.799><c> else</c><00:54:53.000><c> we</c><00:54:53.160><c> can</c><00:54:53.319><c> do</c><00:54:53.760><c> is</c><00:54:53.920><c> that</c><00:54:54.119><c> we</c> 00:54:54.230 --> 00:54:54.240 align:start position:0% way something else we can do is that we 00:54:54.240 --> 00:54:58.630 align:start position:0% way something else we can do is that we can<00:54:54.400><c> nest</c><00:54:54.760><c> for</c><00:54:55.160><c> Loops</c><00:54:55.760><c> so</c><00:54:56.079><c> I</c><00:54:56.200><c> can</c><00:54:56.400><c> say</c><00:54:57.000><c> for</c><00:54:57.839><c> tag</c> 00:54:58.630 --> 00:54:58.640 align:start position:0% can nest for Loops so I can say for tag 00:54:58.640 --> 00:55:03.870 align:start position:0% can nest for Loops so I can say for tag in<00:54:59.640><c> prod.</c> 00:55:03.870 --> 00:55:03.880 align:start position:0% 00:55:03.880 --> 00:55:06.630 align:start position:0% TX<00:55:04.880><c> and</c><00:55:05.040><c> let</c><00:55:05.160><c> me</c><00:55:05.280><c> close</c><00:55:05.480><c> the</c><00:55:05.599><c> loop</c><00:55:05.880><c> here</c><00:55:06.359><c> and</c> 00:55:06.630 --> 00:55:06.640 align:start position:0% TX and let me close the loop here and 00:55:06.640 --> 00:55:10.589 align:start position:0% TX and let me close the loop here and now<00:55:07.119><c> I</c><00:55:07.240><c> can</c><00:55:07.520><c> print</c><00:55:08.119><c> every</c><00:55:08.440><c> tag</c><00:55:09.160><c> here</c><00:55:10.160><c> I</c><00:55:10.319><c> could</c> 00:55:10.589 --> 00:55:10.599 align:start position:0% now I can print every tag here I could 00:55:10.599 --> 00:55:15.910 align:start position:0% now I can print every tag here I could en<00:55:10.760><c> close</c><00:55:11.079><c> this</c><00:55:11.720><c> in</c><00:55:11.920><c> a</c><00:55:12.720><c> unordered</c><00:55:13.400><c> list</c> 00:55:15.910 --> 00:55:15.920 align:start position:0% en close this in a unordered list 00:55:15.920 --> 00:55:18.309 align:start position:0% en close this in a unordered list here<00:55:16.920><c> and</c><00:55:17.079><c> then</c> 00:55:18.309 --> 00:55:18.319 align:start position:0% here and then 00:55:18.319 --> 00:55:20.990 align:start position:0% here and then say 00:55:20.990 --> 00:55:21.000 align:start position:0% say 00:55:21.000 --> 00:55:23.990 align:start position:0% say tag<00:55:22.000><c> and</c><00:55:22.160><c> let's</c><00:55:22.319><c> see</c><00:55:22.559><c> how</c><00:55:22.760><c> this</c><00:55:22.920><c> looks</c> 00:55:23.990 --> 00:55:24.000 align:start position:0% tag and let's see how this looks 00:55:24.000 --> 00:55:27.069 align:start position:0% tag and let's see how this looks like<00:55:25.160><c> so</c><00:55:25.359><c> we</c><00:55:25.480><c> can</c><00:55:25.599><c> see</c><00:55:25.760><c> the</c><00:55:25.920><c> text</c><00:55:26.280><c> here</c><00:55:26.520><c> for</c> 00:55:27.069 --> 00:55:27.079 align:start position:0% like so we can see the text here for 00:55:27.079 --> 00:55:30.750 align:start position:0% like so we can see the text here for every<00:55:27.400><c> product</c><00:55:27.799><c> that</c><00:55:28.039><c> has</c><00:55:28.799><c> text</c><00:55:29.799><c> and</c><00:55:30.000><c> maybe</c><00:55:30.440><c> I</c> 00:55:30.750 --> 00:55:30.760 align:start position:0% every product that has text and maybe I 00:55:30.760 --> 00:55:38.990 align:start position:0% every product that has text and maybe I could<00:55:31.760><c> I</c><00:55:31.920><c> call</c><00:55:32.119><c> add</c><00:55:32.240><c> a</c><00:55:32.400><c> title</c><00:55:32.799><c> here</c><00:55:33.240><c> so</c> 00:55:38.990 --> 00:55:39.000 align:start position:0% 00:55:39.000 --> 00:55:42.829 align:start position:0% tax<00:55:40.000><c> but</c><00:55:40.240><c> now</c><00:55:40.839><c> we</c><00:55:41.119><c> have</c><00:55:41.400><c> this</c><00:55:41.720><c> text</c><00:55:42.119><c> title</c><00:55:42.640><c> but</c> 00:55:42.829 --> 00:55:42.839 align:start position:0% tax but now we have this text title but 00:55:42.839 --> 00:55:46.430 align:start position:0% tax but now we have this text title but nothing<00:55:43.119><c> is</c><00:55:43.240><c> showing</c><00:55:43.559><c> below</c><00:55:44.119><c> so</c><00:55:45.119><c> we</c><00:55:45.440><c> can</c> 00:55:46.430 --> 00:55:46.440 align:start position:0% nothing is showing below so we can 00:55:46.440 --> 00:55:49.270 align:start position:0% nothing is showing below so we can enclose<00:55:46.880><c> all</c><00:55:47.000><c> of</c><00:55:47.200><c> this</c><00:55:47.440><c> in</c><00:55:47.559><c> a</c><00:55:47.880><c> conditional</c><00:55:48.640><c> if</c> 00:55:49.270 --> 00:55:49.280 align:start position:0% enclose all of this in a conditional if 00:55:49.280 --> 00:55:53.349 align:start position:0% enclose all of this in a conditional if project. 00:55:53.349 --> 00:55:53.359 align:start position:0% 00:55:53.359 --> 00:55:56.069 align:start position:0% tax<00:55:54.359><c> and</c><00:55:54.440><c> I</c><00:55:54.599><c> put</c><00:55:54.760><c> this</c><00:55:54.880><c> here</c> 00:55:56.069 --> 00:55:56.079 align:start position:0% tax and I put this here 00:55:56.079 --> 00:55:58.710 align:start position:0% tax and I put this here here<00:55:57.079><c> we</c><00:55:57.559><c> we</c><00:55:57.680><c> refresh</c><00:55:58.160><c> but</c><00:55:58.319><c> we</c><00:55:58.400><c> are</c><00:55:58.559><c> still</c> 00:55:58.710 --> 00:55:58.720 align:start position:0% here we we refresh but we are still 00:55:58.720 --> 00:56:00.670 align:start position:0% here we we refresh but we are still seeing<00:55:59.000><c> this</c><00:55:59.200><c> TX</c><00:55:59.520><c> over</c><00:55:59.760><c> here</c><00:56:00.160><c> and</c><00:56:00.319><c> the</c><00:56:00.440><c> reason</c> 00:56:00.670 --> 00:56:00.680 align:start position:0% seeing this TX over here and the reason 00:56:00.680 --> 00:56:03.789 align:start position:0% seeing this TX over here and the reason for<00:56:00.839><c> this</c><00:56:01.799><c> is</c><00:56:02.200><c> because</c><00:56:02.440><c> of</c><00:56:02.599><c> the</c><00:56:02.720><c> truthy</c><00:56:03.160><c> and</c><00:56:03.400><c> O</c> 00:56:03.789 --> 00:56:03.799 align:start position:0% for this is because of the truthy and O 00:56:03.799 --> 00:56:06.510 align:start position:0% for this is because of the truthy and O thing<00:56:04.000><c> we</c><00:56:04.119><c> saw</c><00:56:04.280><c> a</c><00:56:04.400><c> moment</c><00:56:04.640><c> ago</c><00:56:05.559><c> product.</c><00:56:06.160><c> tax</c> 00:56:06.510 --> 00:56:06.520 align:start position:0% thing we saw a moment ago product. tax 00:56:06.520 --> 00:56:08.750 align:start position:0% thing we saw a moment ago product. tax is<00:56:06.640><c> an</c><00:56:06.799><c> empty</c><00:56:07.119><c> array</c><00:56:08.000><c> for</c><00:56:08.280><c> products</c><00:56:08.640><c> that</c> 00:56:08.750 --> 00:56:08.760 align:start position:0% is an empty array for products that 00:56:08.760 --> 00:56:12.349 align:start position:0% is an empty array for products that don't<00:56:08.960><c> have</c><00:56:09.160><c> tax</c><00:56:09.920><c> like</c><00:56:10.119><c> this</c><00:56:10.319><c> gift</c><00:56:10.559><c> card</c><00:56:11.480><c> so</c><00:56:12.119><c> we</c> 00:56:12.349 --> 00:56:12.359 align:start position:0% don't have tax like this gift card so we 00:56:12.359 --> 00:56:15.029 align:start position:0% don't have tax like this gift card so we have<00:56:12.599><c> to</c><00:56:13.240><c> an</c><00:56:13.480><c> an</c><00:56:13.599><c> empty</c><00:56:13.880><c> array</c><00:56:14.319><c> evaluates</c><00:56:14.839><c> to</c> 00:56:15.029 --> 00:56:15.039 align:start position:0% have to an an empty array evaluates to 00:56:15.039 --> 00:56:17.230 align:start position:0% have to an an empty array evaluates to true<00:56:15.760><c> in</c><00:56:15.920><c> a</c><00:56:16.200><c> conditional</c><00:56:16.559><c> so</c><00:56:16.760><c> what</c><00:56:16.880><c> we</c><00:56:17.000><c> have</c><00:56:17.119><c> to</c> 00:56:17.230 --> 00:56:17.240 align:start position:0% true in a conditional so what we have to 00:56:17.240 --> 00:56:19.470 align:start position:0% true in a conditional so what we have to do<00:56:17.480><c> here</c><00:56:17.720><c> is</c><00:56:17.839><c> to</c><00:56:18.079><c> explicitly</c><00:56:18.640><c> tell</c><00:56:18.839><c> it</c><00:56:19.240><c> what</c><00:56:19.359><c> we</c> 00:56:19.470 --> 00:56:19.480 align:start position:0% do here is to explicitly tell it what we 00:56:19.480 --> 00:56:23.109 align:start position:0% do here is to explicitly tell it what we are<00:56:19.640><c> looking</c><00:56:19.920><c> for</c><00:56:20.200><c> here</c><00:56:21.000><c> so</c><00:56:21.400><c> going</c><00:56:21.520><c> to</c><00:56:21.799><c> say</c><00:56:22.799><c> do</c> 00:56:23.109 --> 00:56:23.119 align:start position:0% are looking for here so going to say do 00:56:23.119 --> 00:56:26.029 align:start position:0% are looking for here so going to say do size<00:56:23.960><c> has</c><00:56:24.119><c> to</c><00:56:24.240><c> be</c><00:56:24.920><c> greater</c><00:56:25.200><c> than</c><00:56:25.440><c> zero</c><00:56:25.839><c> that</c> 00:56:26.029 --> 00:56:26.039 align:start position:0% size has to be greater than zero that 00:56:26.039 --> 00:56:29.750 align:start position:0% size has to be greater than zero that way<00:56:26.640><c> it</c><00:56:26.799><c> will</c><00:56:27.039><c> explicitly</c><00:56:27.720><c> check</c><00:56:28.280><c> if</c><00:56:28.440><c> the</c><00:56:28.760><c> tax</c> 00:56:29.750 --> 00:56:29.760 align:start position:0% way it will explicitly check if the tax 00:56:29.760 --> 00:56:32.470 align:start position:0% way it will explicitly check if the tax array<00:56:30.400><c> has</c><00:56:30.599><c> at</c><00:56:30.760><c> least</c><00:56:31.000><c> one</c><00:56:31.280><c> element</c><00:56:32.200><c> if</c><00:56:32.319><c> it</c> 00:56:32.470 --> 00:56:32.480 align:start position:0% array has at least one element if it 00:56:32.480 --> 00:56:34.549 align:start position:0% array has at least one element if it doesn't<00:56:33.000><c> then</c><00:56:33.119><c> it</c><00:56:33.200><c> won't</c><00:56:33.440><c> show</c><00:56:34.000><c> this</c><00:56:34.280><c> tax</c> 00:56:34.549 --> 00:56:34.559 align:start position:0% doesn't then it won't show this tax 00:56:34.559 --> 00:56:37.870 align:start position:0% doesn't then it won't show this tax heading 00:56:37.870 --> 00:56:37.880 align:start position:0% 00:56:37.880 --> 00:56:39.950 align:start position:0% below<00:56:38.880><c> okay</c><00:56:39.000><c> so</c><00:56:39.200><c> now</c><00:56:39.359><c> let's</c><00:56:39.559><c> say</c><00:56:39.720><c> that</c><00:56:39.839><c> I</c> 00:56:39.950 --> 00:56:39.960 align:start position:0% below okay so now let's say that I 00:56:39.960 --> 00:56:41.910 align:start position:0% below okay so now let's say that I needed<00:56:40.200><c> to</c><00:56:40.319><c> associate</c><00:56:40.720><c> the</c><00:56:40.920><c> product</c><00:56:41.359><c> index</c> 00:56:41.910 --> 00:56:41.920 align:start position:0% needed to associate the product index 00:56:41.920 --> 00:56:45.069 align:start position:0% needed to associate the product index with<00:56:42.200><c> each</c><00:56:42.400><c> one</c><00:56:42.599><c> of</c><00:56:42.760><c> these</c><00:56:43.039><c> tags</c><00:56:44.039><c> so</c><00:56:44.520><c> for</c><00:56:44.880><c> all</c> 00:56:45.069 --> 00:56:45.079 align:start position:0% with each one of these tags so for all 00:56:45.079 --> 00:56:48.349 align:start position:0% with each one of these tags so for all the<00:56:45.240><c> tags</c><00:56:45.520><c> of</c><00:56:45.680><c> product</c><00:56:46.039><c> one</c><00:56:47.039><c> I</c><00:56:47.200><c> want</c><00:56:47.720><c> data</c> 00:56:48.349 --> 00:56:48.359 align:start position:0% the tags of product one I want data 00:56:48.359 --> 00:56:49.549 align:start position:0% the tags of product one I want data product 00:56:49.549 --> 00:56:49.559 align:start position:0% product 00:56:49.559 --> 00:56:52.589 align:start position:0% product index<00:56:50.559><c> to</c><00:56:50.760><c> be</c><00:56:50.960><c> one</c><00:56:51.599><c> for</c><00:56:51.799><c> all</c><00:56:52.000><c> the</c><00:56:52.200><c> tags</c><00:56:52.440><c> of</c> 00:56:52.589 --> 00:56:52.599 align:start position:0% index to be one for all the tags of 00:56:52.599 --> 00:56:54.910 align:start position:0% index to be one for all the tags of product<00:56:52.880><c> two</c><00:56:53.079><c> I</c><00:56:53.160><c> wanted</c><00:56:53.720><c> I</c><00:56:53.839><c> want</c><00:56:54.359><c> data</c><00:56:54.640><c> product</c> 00:56:54.910 --> 00:56:54.920 align:start position:0% product two I wanted I want data product 00:56:54.920 --> 00:56:57.390 align:start position:0% product two I wanted I want data product index<00:56:55.200><c> to</c><00:56:55.400><c> be2</c><00:56:56.400><c> the</c><00:56:56.559><c> reason</c><00:56:56.760><c> for</c><00:56:56.920><c> this</c><00:56:57.079><c> may</c><00:56:57.240><c> be</c> 00:56:57.390 --> 00:56:57.400 align:start position:0% index to be2 the reason for this may be 00:56:57.400 --> 00:56:58.870 align:start position:0% index to be2 the reason for this may be that<00:56:57.520><c> I</c><00:56:57.599><c> need</c><00:56:57.760><c> to</c><00:56:57.880><c> do</c><00:56:58.039><c> something</c><00:56:58.280><c> with</c><00:56:58.440><c> it</c><00:56:58.640><c> in</c> 00:56:58.870 --> 00:56:58.880 align:start position:0% that I need to do something with it in 00:56:58.880 --> 00:57:01.109 align:start position:0% that I need to do something with it in JavaScript<00:56:59.440><c> or</c><00:56:59.640><c> something</c><00:56:59.920><c> like</c> 00:57:01.109 --> 00:57:01.119 align:start position:0% JavaScript or something like 00:57:01.119 --> 00:57:04.990 align:start position:0% JavaScript or something like that<00:57:02.119><c> I</c><00:57:02.280><c> will</c><00:57:03.039><c> for</c><00:57:04.000><c> for</c><00:57:04.200><c> making</c><00:57:04.480><c> this</c><00:57:04.680><c> example</c> 00:57:04.990 --> 00:57:05.000 align:start position:0% that I will for for making this example 00:57:05.000 --> 00:57:06.670 align:start position:0% that I will for for making this example more<00:57:05.240><c> visual</c><00:57:05.720><c> I</c><00:57:05.799><c> would</c><00:57:05.960><c> Brint</c><00:57:06.200><c> the</c><00:57:06.319><c> product</c> 00:57:06.670 --> 00:57:06.680 align:start position:0% more visual I would Brint the product 00:57:06.680 --> 00:57:08.589 align:start position:0% more visual I would Brint the product index<00:57:07.200><c> here</c><00:57:07.480><c> in</c><00:57:07.680><c> text</c><00:57:07.920><c> so</c><00:57:08.000><c> we</c><00:57:08.119><c> don't</c><00:57:08.319><c> have</c><00:57:08.440><c> to</c> 00:57:08.589 --> 00:57:08.599 align:start position:0% index here in text so we don't have to 00:57:08.599 --> 00:57:10.990 align:start position:0% index here in text so we don't have to open<00:57:08.839><c> the</c><00:57:09.520><c> the</c><00:57:09.720><c> developer</c><00:57:10.200><c> tools</c><00:57:10.599><c> and</c><00:57:10.839><c> see</c> 00:57:10.990 --> 00:57:11.000 align:start position:0% open the the developer tools and see 00:57:11.000 --> 00:57:11.829 align:start position:0% open the the developer tools and see that 00:57:11.829 --> 00:57:11.839 align:start position:0% that 00:57:11.839 --> 00:57:14.470 align:start position:0% that there<00:57:12.839><c> but</c><00:57:13.039><c> the</c><00:57:13.160><c> idea</c><00:57:13.440><c> will</c><00:57:13.599><c> be</c><00:57:13.760><c> the</c><00:57:13.920><c> same</c><00:57:14.319><c> of</c> 00:57:14.470 --> 00:57:14.480 align:start position:0% there but the idea will be the same of 00:57:14.480 --> 00:57:16.430 align:start position:0% there but the idea will be the same of how<00:57:14.599><c> to</c><00:57:14.960><c> get</c><00:57:15.160><c> this</c><00:57:15.359><c> so</c><00:57:15.640><c> here</c><00:57:15.960><c> if</c><00:57:16.079><c> I</c><00:57:16.200><c> try</c> 00:57:16.430 --> 00:57:16.440 align:start position:0% how to get this so here if I try 00:57:16.440 --> 00:57:19.990 align:start position:0% how to get this so here if I try printing<00:57:16.920><c> product</c><00:57:17.520><c> for</c><00:57:17.839><c> Loop</c><00:57:18.319><c> do</c><00:57:19.119><c> index</c><00:57:19.880><c> by</c> 00:57:19.990 --> 00:57:20.000 align:start position:0% printing product for Loop do index by 00:57:20.000 --> 00:57:22.069 align:start position:0% printing product for Loop do index by the<00:57:20.079><c> way</c><00:57:20.240><c> let</c><00:57:20.400><c> me</c><00:57:20.559><c> change</c><00:57:21.039><c> this</c><00:57:21.200><c> index</c><00:57:21.520><c> zero</c><00:57:21.799><c> to</c> 00:57:22.069 --> 00:57:22.079 align:start position:0% the way let me change this index zero to 00:57:22.079 --> 00:57:25.910 align:start position:0% the way let me change this index zero to the<00:57:22.319><c> regular</c><00:57:22.640><c> index</c><00:57:22.960><c> now</c><00:57:23.520><c> if</c><00:57:23.640><c> I</c><00:57:23.760><c> save</c><00:57:24.119><c> this</c> 00:57:25.910 --> 00:57:25.920 align:start position:0% the regular index now if I save this 00:57:25.920 --> 00:57:29.789 align:start position:0% the regular index now if I save this I'm<00:57:26.079><c> going</c><00:57:26.280><c> to</c><00:57:26.480><c> get</c><00:57:27.200><c> here</c><00:57:28.200><c> one</c><00:57:28.520><c> two</c><00:57:28.839><c> three</c><00:57:29.480><c> but</c> 00:57:29.789 --> 00:57:29.799 align:start position:0% I'm going to get here one two three but 00:57:29.799 --> 00:57:31.230 align:start position:0% I'm going to get here one two three but all<00:57:29.920><c> of</c><00:57:30.119><c> these</c><00:57:30.359><c> should</c><00:57:30.680><c> have</c><00:57:30.920><c> the</c><00:57:31.039><c> same</c> 00:57:31.230 --> 00:57:31.240 align:start position:0% all of these should have the same 00:57:31.240 --> 00:57:34.789 align:start position:0% all of these should have the same product<00:57:31.680><c> index</c><00:57:32.680><c> in</c><00:57:32.920><c> this</c><00:57:33.079><c> case</c><00:57:33.400><c> too</c><00:57:34.400><c> why</c><00:57:34.559><c> is</c> 00:57:34.789 --> 00:57:34.799 align:start position:0% product index in this case too why is 00:57:34.799 --> 00:57:38.670 align:start position:0% product index in this case too why is this<00:57:35.319><c> well</c><00:57:36.200><c> this</c><00:57:36.359><c> for</c><00:57:36.760><c> Loop</c><00:57:37.520><c> variable</c><00:57:38.520><c> is</c> 00:57:38.670 --> 00:57:38.680 align:start position:0% this well this for Loop variable is 00:57:38.680 --> 00:57:41.710 align:start position:0% this well this for Loop variable is always<00:57:39.039><c> Associated</c><00:57:39.520><c> to</c><00:57:39.720><c> the</c><00:57:40.160><c> closest</c><00:57:41.160><c> um</c><00:57:41.319><c> for</c> 00:57:41.710 --> 00:57:41.720 align:start position:0% always Associated to the closest um for 00:57:41.720 --> 00:57:43.670 align:start position:0% always Associated to the closest um for Loop<00:57:42.119><c> which</c><00:57:42.280><c> in</c><00:57:42.440><c> this</c><00:57:42.640><c> case</c><00:57:42.839><c> is</c><00:57:43.039><c> this</c><00:57:43.359><c> stag</c> 00:57:43.670 --> 00:57:43.680 align:start position:0% Loop which in this case is this stag 00:57:43.680 --> 00:57:45.950 align:start position:0% Loop which in this case is this stag Loop<00:57:44.160><c> so</c><00:57:44.400><c> if</c><00:57:44.520><c> we</c><00:57:44.640><c> wanted</c><00:57:44.960><c> to</c><00:57:45.200><c> access</c><00:57:45.720><c> the</c> 00:57:45.950 --> 00:57:45.960 align:start position:0% Loop so if we wanted to access the 00:57:45.960 --> 00:57:48.230 align:start position:0% Loop so if we wanted to access the parent<00:57:46.440><c> for</c><00:57:46.799><c> Loop</c><00:57:47.440><c> we</c><00:57:47.559><c> will</c><00:57:47.760><c> have</c><00:57:47.880><c> to</c><00:57:48.039><c> do</c> 00:57:48.230 --> 00:57:48.240 align:start position:0% parent for Loop we will have to do 00:57:48.240 --> 00:57:51.670 align:start position:0% parent for Loop we will have to do something<00:57:48.640><c> like</c><00:57:49.079><c> parent</c><00:57:49.799><c> Loop</c><00:57:50.799><c> and</c><00:57:51.000><c> then</c> 00:57:51.670 --> 00:57:51.680 align:start position:0% something like parent Loop and then 00:57:51.680 --> 00:57:54.670 align:start position:0% something like parent Loop and then index<00:57:52.680><c> and</c><00:57:52.960><c> if</c><00:57:53.079><c> we</c><00:57:53.280><c> had</c><00:57:53.839><c> three</c><00:57:54.160><c> four</c><00:57:54.359><c> Loops</c> 00:57:54.670 --> 00:57:54.680 align:start position:0% index and if we had three four Loops 00:57:54.680 --> 00:57:56.829 align:start position:0% index and if we had three four Loops next<00:57:55.039><c> stood</c><00:57:55.440><c> we</c><00:57:55.559><c> could</c><00:57:55.720><c> do</c><00:57:55.880><c> for</c><00:57:56.240><c> Loop</c><00:57:56.520><c> parent</c> 00:57:56.829 --> 00:57:56.839 align:start position:0% next stood we could do for Loop parent 00:57:56.839 --> 00:57:59.390 align:start position:0% next stood we could do for Loop parent loop<00:57:57.160><c> again</c><00:57:57.799><c> and</c><00:57:58.000><c> parent</c><00:57:58.280><c> loop</c><00:57:58.559><c> again</c><00:57:59.000><c> as</c><00:57:59.160><c> much</c> 00:57:59.390 --> 00:57:59.400 align:start position:0% loop again and parent loop again as much 00:57:59.400 --> 00:58:01.510 align:start position:0% loop again and parent loop again as much as<00:57:59.680><c> we</c><00:57:59.799><c> needed</c><00:58:00.119><c> to</c><00:58:00.359><c> in</c><00:58:00.480><c> this</c><00:58:00.640><c> case</c><00:58:00.839><c> we</c><00:58:00.960><c> only</c> 00:58:01.510 --> 00:58:01.520 align:start position:0% as we needed to in this case we only 00:58:01.520 --> 00:58:05.750 align:start position:0% as we needed to in this case we only have<00:58:02.520><c> one</c><00:58:02.880><c> nested</c><00:58:03.440><c> for</c><00:58:03.760><c> Loop</c><00:58:04.119><c> so</c><00:58:05.119><c> doing</c><00:58:05.480><c> parent</c> 00:58:05.750 --> 00:58:05.760 align:start position:0% have one nested for Loop so doing parent 00:58:05.760 --> 00:58:07.430 align:start position:0% have one nested for Loop so doing parent Loop<00:58:06.000><c> just</c><00:58:06.160><c> once</c><00:58:06.520><c> will</c> 00:58:07.430 --> 00:58:07.440 align:start position:0% Loop just once will 00:58:07.440 --> 00:58:11.390 align:start position:0% Loop just once will work<00:58:08.440><c> and</c><00:58:08.640><c> now</c><00:58:08.960><c> here</c><00:58:09.200><c> we</c><00:58:09.319><c> can</c><00:58:09.480><c> see</c><00:58:09.920><c> that</c><00:58:10.799><c> the</c> 00:58:11.390 --> 00:58:11.400 align:start position:0% work and now here we can see that the 00:58:11.400 --> 00:58:14.630 align:start position:0% work and now here we can see that the product<00:58:11.839><c> index</c><00:58:12.400><c> is</c><00:58:12.680><c> always</c><00:58:13.039><c> the</c><00:58:13.200><c> same</c><00:58:14.200><c> for</c><00:58:14.480><c> all</c> 00:58:14.630 --> 00:58:14.640 align:start position:0% product index is always the same for all 00:58:14.640 --> 00:58:17.150 align:start position:0% product index is always the same for all the<00:58:14.799><c> types</c><00:58:15.200><c> of</c><00:58:15.400><c> a</c><00:58:15.520><c> single</c><00:58:15.839><c> product</c><00:58:16.640><c> as</c><00:58:16.839><c> we</c> 00:58:17.150 --> 00:58:17.160 align:start position:0% the types of a single product as we 00:58:17.160 --> 00:58:18.750 align:start position:0% the types of a single product as we expect<00:58:17.520><c> this</c><00:58:17.680><c> to</c> 00:58:18.750 --> 00:58:18.760 align:start position:0% expect this to 00:58:18.760 --> 00:58:22.190 align:start position:0% expect this to behave<00:58:19.760><c> something</c><00:58:20.119><c> else</c><00:58:20.440><c> we</c><00:58:20.559><c> can</c><00:58:20.720><c> do</c><00:58:21.599><c> when</c><00:58:22.079><c> we</c> 00:58:22.190 --> 00:58:22.200 align:start position:0% behave something else we can do when we 00:58:22.200 --> 00:58:24.190 align:start position:0% behave something else we can do when we are<00:58:22.319><c> dealing</c><00:58:22.640><c> with</c><00:58:22.760><c> for</c><00:58:23.000><c> Loops</c><00:58:23.280><c> in</c><00:58:23.440><c> liquid</c><00:58:24.000><c> is</c> 00:58:24.190 --> 00:58:24.200 align:start position:0% are dealing with for Loops in liquid is 00:58:24.200 --> 00:58:26.390 align:start position:0% are dealing with for Loops in liquid is that<00:58:24.400><c> we</c><00:58:24.520><c> can</c><00:58:24.839><c> add</c><00:58:24.960><c> an</c><00:58:25.079><c> else</c><00:58:25.359><c> close</c><00:58:26.000><c> so</c><00:58:26.240><c> I'm</c> 00:58:26.390 --> 00:58:26.400 align:start position:0% that we can add an else close so I'm 00:58:26.400 --> 00:58:28.510 align:start position:0% that we can add an else close so I'm going<00:58:26.559><c> to</c><00:58:26.720><c> create</c><00:58:27.039><c> an</c><00:58:27.200><c> empty</c><00:58:27.559><c> collection</c><00:58:28.039><c> here</c> 00:58:28.510 --> 00:58:28.520 align:start position:0% going to create an empty collection here 00:58:28.520 --> 00:58:30.789 align:start position:0% going to create an empty collection here to<00:58:28.720><c> Showcase</c><00:58:29.359><c> this</c><00:58:29.760><c> so</c><00:58:30.119><c> I'm</c><00:58:30.280><c> going</c><00:58:30.440><c> to</c><00:58:30.559><c> name</c> 00:58:30.789 --> 00:58:30.799 align:start position:0% to Showcase this so I'm going to name 00:58:30.799 --> 00:58:31.829 align:start position:0% to Showcase this so I'm going to name this<00:58:31.000><c> empty</c> 00:58:31.829 --> 00:58:31.839 align:start position:0% this empty 00:58:31.839 --> 00:58:33.589 align:start position:0% this empty collection<00:58:32.839><c> it</c><00:58:32.920><c> will</c><00:58:33.079><c> be</c><00:58:33.160><c> a</c><00:58:33.280><c> manual</c> 00:58:33.589 --> 00:58:33.599 align:start position:0% collection it will be a manual 00:58:33.599 --> 00:58:36.150 align:start position:0% collection it will be a manual collection<00:58:34.359><c> I</c><00:58:34.440><c> will</c><00:58:34.640><c> just</c><00:58:34.799><c> not</c><00:58:35.039><c> add</c><00:58:35.280><c> any</c> 00:58:36.150 --> 00:58:36.160 align:start position:0% collection I will just not add any 00:58:36.160 --> 00:58:38.549 align:start position:0% collection I will just not add any product<00:58:37.160><c> to</c><00:58:37.319><c> get</c><00:58:37.440><c> the</c><00:58:37.559><c> URL</c><00:58:37.920><c> for</c><00:58:38.119><c> this</c><00:58:38.359><c> I'll</c> 00:58:38.549 --> 00:58:38.559 align:start position:0% product to get the URL for this I'll 00:58:38.559 --> 00:58:42.029 align:start position:0% product to get the URL for this I'll click<00:58:38.799><c> here</c><00:58:38.920><c> on</c><00:58:39.319><c> edit</c><00:58:40.319><c> and</c><00:58:40.480><c> the</c><00:58:40.559><c> URL</c><00:58:41.520><c> is</c><00:58:41.839><c> this</c> 00:58:42.029 --> 00:58:42.039 align:start position:0% click here on edit and the URL is this 00:58:42.039 --> 00:58:43.950 align:start position:0% click here on edit and the URL is this over<00:58:42.319><c> here</c><00:58:42.480><c> so</c><00:58:42.599><c> I'll</c><00:58:42.799><c> copy</c> 00:58:43.950 --> 00:58:43.960 align:start position:0% over here so I'll copy 00:58:43.960 --> 00:58:47.510 align:start position:0% over here so I'll copy this<00:58:44.960><c> and</c><00:58:45.079><c> then</c><00:58:45.240><c> I'll</c><00:58:45.440><c> go</c><00:58:45.599><c> to</c><00:58:45.760><c> the</c><00:58:45.920><c> store</c> 00:58:47.510 --> 00:58:47.520 align:start position:0% this and then I'll go to the store 00:58:47.520 --> 00:58:50.870 align:start position:0% this and then I'll go to the store here<00:58:48.520><c> and</c><00:58:48.640><c> I'm</c><00:58:48.839><c> going</c><00:58:48.960><c> to</c><00:58:49.119><c> paste</c> 00:58:50.870 --> 00:58:50.880 align:start position:0% here and I'm going to paste 00:58:50.880 --> 00:58:53.589 align:start position:0% here and I'm going to paste this<00:58:51.880><c> and</c><00:58:52.000><c> we</c><00:58:52.160><c> see</c><00:58:52.359><c> empty</c><00:58:52.640><c> collection</c><00:58:53.280><c> and</c><00:58:53.440><c> it</c> 00:58:53.589 --> 00:58:53.599 align:start position:0% this and we see empty collection and it 00:58:53.599 --> 00:58:56.390 align:start position:0% this and we see empty collection and it has<00:58:53.720><c> a</c><00:58:53.880><c> message</c><00:58:54.160><c> no</c><00:58:54.319><c> products</c><00:58:55.039><c> found</c><00:58:56.039><c> now</c><00:58:56.280><c> if</c> 00:58:56.390 --> 00:58:56.400 align:start position:0% has a message no products found now if 00:58:56.400 --> 00:58:58.109 align:start position:0% has a message no products found now if we<00:58:56.559><c> wanted</c><00:58:56.839><c> to</c><00:58:57.079><c> also</c><00:58:57.280><c> show</c><00:58:57.520><c> a</c><00:58:57.640><c> message</c><00:58:57.920><c> for</c> 00:58:58.109 --> 00:58:58.119 align:start position:0% we wanted to also show a message for 00:58:58.119 --> 00:58:59.870 align:start position:0% we wanted to also show a message for this<00:58:58.280><c> here</c><00:58:58.799><c> we</c><00:58:58.920><c> could</c><00:58:59.119><c> do</c><00:58:59.359><c> something</c><00:58:59.680><c> like</c> 00:58:59.870 --> 00:58:59.880 align:start position:0% this here we could do something like 00:58:59.880 --> 00:59:01.150 align:start position:0% this here we could do something like this 00:59:01.150 --> 00:59:01.160 align:start position:0% this 00:59:01.160 --> 00:59:04.430 align:start position:0% this if<00:59:02.240><c> collection.</c> 00:59:04.430 --> 00:59:04.440 align:start position:0% if collection. 00:59:04.440 --> 00:59:08.270 align:start position:0% if collection. products.<00:59:05.440><c> size</c><00:59:05.960><c> equals</c> 00:59:08.270 --> 00:59:08.280 align:start position:0% products. size equals 00:59:08.280 --> 00:59:14.910 align:start position:0% products. size equals z<00:59:09.280><c> we</c><00:59:09.440><c> can</c><00:59:09.680><c> print</c><00:59:10.680><c> this</c><00:59:11.160><c> collection</c><00:59:12.160><c> has</c><00:59:12.359><c> no</c> 00:59:14.910 --> 00:59:14.920 align:start position:0% 00:59:14.920 --> 00:59:17.549 align:start position:0% products<00:59:15.920><c> and</c><00:59:16.079><c> this</c><00:59:16.200><c> will</c><00:59:16.400><c> work</c><00:59:17.400><c> this</c> 00:59:17.549 --> 00:59:17.559 align:start position:0% products and this will work this 00:59:17.559 --> 00:59:20.630 align:start position:0% products and this will work this collection<00:59:17.920><c> will</c><00:59:18.039><c> show</c><00:59:18.280><c> this</c> 00:59:20.630 --> 00:59:20.640 align:start position:0% 00:59:20.640 --> 00:59:23.029 align:start position:0% message<00:59:21.640><c> but</c><00:59:22.119><c> the</c><00:59:22.280><c> collection</c><00:59:22.680><c> that</c><00:59:22.839><c> has</c> 00:59:23.029 --> 00:59:23.039 align:start position:0% message but the collection that has 00:59:23.039 --> 00:59:25.349 align:start position:0% message but the collection that has products<00:59:23.920><c> will</c><00:59:24.119><c> not</c><00:59:24.359><c> show</c><00:59:24.720><c> will</c><00:59:24.880><c> not</c><00:59:25.079><c> show</c> 00:59:25.349 --> 00:59:25.359 align:start position:0% products will not show will not show 00:59:25.359 --> 00:59:26.990 align:start position:0% products will not show will not show this 00:59:26.990 --> 00:59:27.000 align:start position:0% this 00:59:27.000 --> 00:59:29.430 align:start position:0% this message<00:59:28.000><c> but</c><00:59:28.160><c> there</c><00:59:28.280><c> is</c><00:59:28.440><c> an</c><00:59:28.640><c> easier</c><00:59:28.960><c> way</c><00:59:29.079><c> to</c><00:59:29.240><c> do</c> 00:59:29.430 --> 00:59:29.440 align:start position:0% message but there is an easier way to do 00:59:29.440 --> 00:59:32.150 align:start position:0% message but there is an easier way to do this<00:59:30.319><c> I'll</c><00:59:30.559><c> cut</c><00:59:30.880><c> this</c><00:59:31.079><c> over</c><00:59:31.319><c> here</c><00:59:31.880><c> and</c><00:59:32.039><c> what</c> 00:59:32.150 --> 00:59:32.160 align:start position:0% this I'll cut this over here and what 00:59:32.160 --> 00:59:35.870 align:start position:0% this I'll cut this over here and what I'll<00:59:32.359><c> do</c><00:59:32.799><c> is</c><00:59:33.039><c> that</c><00:59:33.599><c> I'll</c><00:59:33.960><c> add</c><00:59:34.160><c> an</c><00:59:34.480><c> else</c><00:59:35.480><c> tag</c> 00:59:35.870 --> 00:59:35.880 align:start position:0% I'll do is that I'll add an else tag 00:59:35.880 --> 00:59:38.710 align:start position:0% I'll do is that I'll add an else tag here<00:59:36.319><c> and</c><00:59:36.440><c> I'm</c><00:59:36.559><c> going</c><00:59:36.760><c> to</c><00:59:36.960><c> paste</c><00:59:37.440><c> this</c><00:59:38.359><c> so</c><00:59:38.559><c> let</c> 00:59:38.710 --> 00:59:38.720 align:start position:0% here and I'm going to paste this so let 00:59:38.720 --> 00:59:42.789 align:start position:0% here and I'm going to paste this so let me<00:59:39.039><c> remove</c><00:59:39.480><c> this</c><00:59:40.400><c> and</c><00:59:40.559><c> now</c><00:59:40.880><c> if</c><00:59:41.000><c> I</c> 00:59:42.789 --> 00:59:42.799 align:start position:0% me remove this and now if I 00:59:42.799 --> 00:59:45.710 align:start position:0% me remove this and now if I save<00:59:43.799><c> here</c><00:59:44.160><c> I</c><00:59:44.359><c> still</c><00:59:44.559><c> see</c><00:59:44.839><c> my</c><00:59:45.039><c> message</c><00:59:45.400><c> even</c><00:59:45.599><c> if</c> 00:59:45.710 --> 00:59:45.720 align:start position:0% save here I still see my message even if 00:59:45.720 --> 00:59:48.390 align:start position:0% save here I still see my message even if I<00:59:45.880><c> refresh</c><00:59:46.200><c> the</c><00:59:46.359><c> page</c><00:59:47.079><c> the</c><00:59:47.240><c> message</c><00:59:47.520><c> is</c><00:59:47.760><c> still</c> 00:59:48.390 --> 00:59:48.400 align:start position:0% I refresh the page the message is still 00:59:48.400 --> 00:59:51.910 align:start position:0% I refresh the page the message is still there<00:59:49.400><c> and</c><00:59:50.039><c> in</c><00:59:50.200><c> the</c><00:59:50.359><c> collection</c><00:59:50.839><c> that</c> 00:59:51.910 --> 00:59:51.920 align:start position:0% there and in the collection that 00:59:51.920 --> 00:59:55.589 align:start position:0% there and in the collection that has<00:59:52.920><c> products</c><00:59:53.880><c> we</c><00:59:54.039><c> don't</c><00:59:54.160><c> see</c><00:59:54.359><c> the</c><00:59:54.440><c> message</c> 00:59:55.589 --> 00:59:55.599 align:start position:0% has products we don't see the message 00:59:55.599 --> 00:59:59.069 align:start position:0% has products we don't see the message message<00:59:56.599><c> so</c><00:59:56.920><c> this</c><00:59:57.000><c> is</c><00:59:57.119><c> a</c><00:59:57.359><c> way</c><00:59:57.760><c> of</c><00:59:58.520><c> showing</c><00:59:58.880><c> a</c> 00:59:59.069 --> 00:59:59.079 align:start position:0% message so this is a way of showing a 00:59:59.079 --> 01:00:01.829 align:start position:0% message so this is a way of showing a message<00:59:59.599><c> if</c><00:59:59.920><c> uh</c><01:00:00.240><c> if</c><01:00:00.520><c> you're</c><01:00:00.680><c> looping</c><01:00:01.039><c> through</c> 01:00:01.829 --> 01:00:01.839 align:start position:0% message if uh if you're looping through 01:00:01.839 --> 01:00:04.710 align:start position:0% message if uh if you're looping through has<01:00:02.039><c> no</c><01:00:02.680><c> has</c><01:00:02.839><c> no</c><01:00:03.000><c> values</c><01:00:03.319><c> at</c><01:00:03.440><c> all</c><01:00:04.400><c> something</c> 01:00:04.710 --> 01:00:04.720 align:start position:0% has no has no values at all something 01:00:04.720 --> 01:00:07.230 align:start position:0% has no has no values at all something else<01:00:04.880><c> we</c><01:00:05.000><c> can</c><01:00:05.119><c> do</c><01:00:05.240><c> with</c><01:00:05.480><c> liquid</c><01:00:06.480><c> is</c><01:00:06.640><c> to</c><01:00:06.920><c> put</c> 01:00:07.230 --> 01:00:07.240 align:start position:0% else we can do with liquid is to put 01:00:07.240 --> 01:00:10.150 align:start position:0% else we can do with liquid is to put here<01:00:08.119><c> a</c><01:00:08.319><c> limit</c><01:00:08.720><c> parameter</c><01:00:09.720><c> and</c><01:00:09.920><c> what</c><01:00:10.039><c> this</c> 01:00:10.150 --> 01:00:10.160 align:start position:0% here a limit parameter and what this 01:00:10.160 --> 01:00:12.589 align:start position:0% here a limit parameter and what this will<01:00:10.319><c> do</c><01:00:10.760><c> is</c><01:00:10.920><c> that</c><01:00:11.200><c> it</c><01:00:11.319><c> will</c><01:00:11.559><c> only</c><01:00:11.839><c> show</c><01:00:12.240><c> end</c> 01:00:12.589 --> 01:00:12.599 align:start position:0% will do is that it will only show end 01:00:12.599 --> 01:00:14.710 align:start position:0% will do is that it will only show end products<01:00:13.079><c> in</c><01:00:13.240><c> this</c><01:00:13.359><c> for</c><01:00:13.640><c> Loop</c><01:00:13.920><c> in</c><01:00:14.039><c> this</c><01:00:14.240><c> case</c> 01:00:14.710 --> 01:00:14.720 align:start position:0% products in this for Loop in this case 01:00:14.720 --> 01:00:18.750 align:start position:0% products in this for Loop in this case five<01:00:15.079><c> so</c><01:00:15.240><c> if</c><01:00:15.319><c> I</c><01:00:15.480><c> save</c><01:00:15.920><c> this</c><01:00:16.920><c> and</c><01:00:17.079><c> I</c><01:00:17.200><c> go</c><01:00:17.640><c> here</c><01:00:18.640><c> I</c> 01:00:18.750 --> 01:00:18.760 align:start position:0% five so if I save this and I go here I 01:00:18.760 --> 01:00:21.029 align:start position:0% five so if I save this and I go here I will<01:00:18.960><c> only</c><01:00:19.160><c> see</c><01:00:19.480><c> up</c><01:00:19.640><c> to</c><01:00:19.799><c> the</c><01:00:19.960><c> fifth</c><01:00:20.280><c> product</c> 01:00:21.029 --> 01:00:21.039 align:start position:0% will only see up to the fifth product 01:00:21.039 --> 01:00:22.630 align:start position:0% will only see up to the fifth product and<01:00:21.240><c> it</c><01:00:21.400><c> even</c><01:00:21.599><c> considers</c><01:00:22.119><c> this</c><01:00:22.280><c> the</c><01:00:22.440><c> last</c> 01:00:22.630 --> 01:00:22.640 align:start position:0% and it even considers this the last 01:00:22.640 --> 01:00:24.750 align:start position:0% and it even considers this the last product<01:00:22.960><c> because</c><01:00:23.119><c> we</c><01:00:23.200><c> had</c><01:00:23.319><c> a</c><01:00:23.559><c> conditional</c> 01:00:24.750 --> 01:00:24.760 align:start position:0% product because we had a conditional 01:00:24.760 --> 01:00:27.549 align:start position:0% product because we had a conditional that<01:00:25.760><c> change</c><01:00:26.119><c> the</c><01:00:26.319><c> color</c><01:00:26.760><c> of</c><01:00:26.960><c> the</c><01:00:27.280><c> last</c> 01:00:27.549 --> 01:00:27.559 align:start position:0% that change the color of the last 01:00:27.559 --> 01:00:29.710 align:start position:0% that change the color of the last product<01:00:27.920><c> to</c><01:00:28.039><c> be</c><01:00:28.280><c> orange</c><01:00:29.000><c> which</c><01:00:29.160><c> in</c><01:00:29.280><c> this</c><01:00:29.480><c> case</c> 01:00:29.710 --> 01:00:29.720 align:start position:0% product to be orange which in this case 01:00:29.720 --> 01:00:32.349 align:start position:0% product to be orange which in this case is<01:00:29.839><c> the</c><01:00:29.960><c> fifth</c><01:00:30.319><c> product</c><01:00:31.319><c> I</c><01:00:31.400><c> can</c><01:00:31.599><c> also</c><01:00:31.960><c> pass</c><01:00:32.200><c> it</c> 01:00:32.349 --> 01:00:32.359 align:start position:0% is the fifth product I can also pass it 01:00:32.359 --> 01:00:35.390 align:start position:0% is the fifth product I can also pass it and<01:00:32.839><c> offset</c><01:00:33.839><c> so</c><01:00:34.079><c> what</c><01:00:34.240><c> this</c><01:00:34.359><c> will</c><01:00:34.559><c> do</c><01:00:34.920><c> is</c><01:00:35.119><c> that</c> 01:00:35.390 --> 01:00:35.400 align:start position:0% and offset so what this will do is that 01:00:35.400 --> 01:00:39.270 align:start position:0% and offset so what this will do is that it<01:00:35.520><c> will</c><01:00:35.839><c> start</c><01:00:36.839><c> the</c><01:00:37.039><c> for</c><01:00:37.440><c> loop</c><01:00:38.160><c> after</c><01:00:38.880><c> end</c><01:00:39.079><c> of</c> 01:00:39.270 --> 01:00:39.280 align:start position:0% it will start the for loop after end of 01:00:39.280 --> 01:00:41.910 align:start position:0% it will start the for loop after end of these<01:00:39.440><c> elements</c><01:00:39.960><c> so</c><01:00:40.119><c> if</c><01:00:40.240><c> I</c><01:00:40.440><c> pass</c><01:00:40.960><c> zero</c><01:00:41.520><c> here</c><01:00:41.799><c> it</c> 01:00:41.910 --> 01:00:41.920 align:start position:0% these elements so if I pass zero here it 01:00:41.920 --> 01:00:44.710 align:start position:0% these elements so if I pass zero here it will<01:00:42.160><c> start</c><01:00:43.000><c> as</c><01:00:43.200><c> normal</c><01:00:43.599><c> if</c><01:00:43.720><c> I</c><01:00:43.880><c> pass</c><01:00:44.160><c> one</c><01:00:44.599><c> it</c> 01:00:44.710 --> 01:00:44.720 align:start position:0% will start as normal if I pass one it 01:00:44.720 --> 01:00:46.950 align:start position:0% will start as normal if I pass one it will<01:00:45.000><c> start</c><01:00:45.319><c> in</c><01:00:45.480><c> the</c><01:00:45.640><c> second</c><01:00:46.000><c> element</c><01:00:46.720><c> if</c><01:00:46.799><c> I</c> 01:00:46.950 --> 01:00:46.960 align:start position:0% will start in the second element if I 01:00:46.960 --> 01:00:48.870 align:start position:0% will start in the second element if I pass<01:00:47.280><c> two</c><01:00:47.720><c> it</c><01:00:47.839><c> will</c><01:00:48.039><c> start</c><01:00:48.280><c> on</c><01:00:48.440><c> the</c><01:00:48.599><c> third</c> 01:00:48.870 --> 01:00:48.880 align:start position:0% pass two it will start on the third 01:00:48.880 --> 01:00:52.430 align:start position:0% pass two it will start on the third element<01:00:49.240><c> and</c><01:00:49.400><c> so</c><01:00:49.599><c> on</c><01:00:50.160><c> so</c><01:00:50.440><c> if</c><01:00:50.559><c> I</c><01:00:50.760><c> pass</c><01:00:51.160><c> four</c><01:00:51.880><c> here</c> 01:00:52.430 --> 01:00:52.440 align:start position:0% element and so on so if I pass four here 01:00:52.440 --> 01:00:54.710 align:start position:0% element and so on so if I pass four here it<01:00:52.559><c> should</c><01:00:52.920><c> start</c><01:00:53.240><c> on</c><01:00:53.440><c> The</c><01:00:53.599><c> Fifth</c><01:00:53.960><c> Element</c> 01:00:54.710 --> 01:00:54.720 align:start position:0% it should start on The Fifth Element 01:00:54.720 --> 01:00:57.069 align:start position:0% it should start on The Fifth Element this<01:00:55.200><c> this</c><01:00:55.319><c> one</c><01:00:55.599><c> here</c><01:00:55.799><c> so</c><01:00:56.039><c> this</c><01:00:56.160><c> will</c><01:00:56.359><c> be</c><01:00:56.960><c> the</c> 01:00:57.069 --> 01:00:57.079 align:start position:0% this this one here so this will be the 01:00:57.079 --> 01:00:59.710 align:start position:0% this this one here so this will be the first<01:00:57.319><c> element</c><01:00:57.799><c> once</c><01:00:58.039><c> I</c><01:00:58.280><c> click</c><01:00:58.799><c> once</c><01:00:59.039><c> I</c><01:00:59.440><c> hit</c> 01:00:59.710 --> 01:00:59.720 align:start position:0% first element once I click once I hit 01:00:59.720 --> 01:01:02.230 align:start position:0% first element once I click once I hit save<01:01:00.720><c> in</c><01:01:00.880><c> the</c><01:01:01.039><c> code</c><01:01:01.319><c> editor</c><01:01:01.760><c> so</c><01:01:02.079><c> the</c> 01:01:02.230 --> 01:01:02.240 align:start position:0% save in the code editor so the 01:01:02.240 --> 01:01:04.789 align:start position:0% save in the code editor so the collection<01:01:02.599><c> is</c><01:01:02.720><c> no</c><01:01:02.920><c> more</c><01:01:03.240><c> liquid</c><01:01:04.240><c> if</c><01:01:04.400><c> I</c><01:01:04.559><c> press</c> 01:01:04.789 --> 01:01:04.799 align:start position:0% collection is no more liquid if I press 01:01:04.799 --> 01:01:08.029 align:start position:0% collection is no more liquid if I press save<01:01:05.440><c> here</c><01:01:06.440><c> she</c><01:01:06.559><c> will</c><01:01:06.799><c> appear</c><01:01:07.039><c> now</c><01:01:07.280><c> at</c><01:01:07.440><c> the</c><01:01:07.599><c> top</c> 01:01:08.029 --> 01:01:08.039 align:start position:0% save here she will appear now at the top 01:01:08.039 --> 01:01:10.870 align:start position:0% save here she will appear now at the top let's<01:01:08.200><c> see</c><01:01:08.880><c> the</c><01:01:09.039><c> collection</c><01:01:09.359><c> is</c><01:01:09.480><c> no</c><01:01:09.680><c> more</c> 01:01:10.870 --> 01:01:10.880 align:start position:0% let's see the collection is no more 01:01:10.880 --> 01:01:13.910 align:start position:0% let's see the collection is no more liquid<01:01:11.880><c> and</c><01:01:12.079><c> now</c><01:01:12.440><c> the</c><01:01:12.599><c> last</c><01:01:12.839><c> element</c><01:01:13.440><c> is</c><01:01:13.760><c> the</c> 01:01:13.910 --> 01:01:13.920 align:start position:0% liquid and now the last element is the 01:01:13.920 --> 01:01:16.670 align:start position:0% liquid and now the last element is the inventory<01:01:14.319><c> not</c><01:01:14.599><c> tracks</c><01:01:15.200><c> notb</c><01:01:16.200><c> so</c><01:01:16.440><c> this</c><01:01:16.559><c> is</c> 01:01:16.670 --> 01:01:16.680 align:start position:0% inventory not tracks notb so this is 01:01:16.680 --> 01:01:19.430 align:start position:0% inventory not tracks notb so this is working<01:01:17.000><c> just</c><01:01:17.480><c> fine</c><01:01:18.480><c> now</c><01:01:18.680><c> some</c><01:01:18.880><c> other</c><01:01:19.079><c> liquid</c> 01:01:19.430 --> 01:01:19.440 align:start position:0% working just fine now some other liquid 01:01:19.440 --> 01:01:20.990 align:start position:0% working just fine now some other liquid tags<01:01:19.760><c> that</c><01:01:19.880><c> may</c><01:01:20.079><c> come</c><01:01:20.240><c> useful</c><01:01:20.599><c> when</c><01:01:20.760><c> we</c><01:01:20.880><c> are</c> 01:01:20.990 --> 01:01:21.000 align:start position:0% tags that may come useful when we are 01:01:21.000 --> 01:01:23.230 align:start position:0% tags that may come useful when we are dealing<01:01:21.280><c> with</c><01:01:21.440><c> loops</c><01:01:22.359><c> are</c><01:01:22.680><c> break</c><01:01:23.000><c> and</c> 01:01:23.230 --> 01:01:23.240 align:start position:0% dealing with loops are break and 01:01:23.240 --> 01:01:26.109 align:start position:0% dealing with loops are break and continue<01:01:23.839><c> so</c><01:01:24.000><c> for</c><01:01:24.200><c> this</c><01:01:24.720><c> let's</c><01:01:25.000><c> go</c><01:01:25.280><c> over</c><01:01:25.559><c> here</c> 01:01:26.109 --> 01:01:26.119 align:start position:0% continue so for this let's go over here 01:01:26.119 --> 01:01:29.750 align:start position:0% continue so for this let's go over here in<01:01:26.359><c> this</c><01:01:27.200><c> Loop</c><01:01:27.599><c> that</c><01:01:28.079><c> is</c><01:01:29.079><c> going</c><01:01:29.359><c> through</c><01:01:29.559><c> the</c> 01:01:29.750 --> 01:01:29.760 align:start position:0% in this Loop that is going through the 01:01:29.760 --> 01:01:32.589 align:start position:0% in this Loop that is going through the text<01:01:30.319><c> and</c><01:01:30.520><c> let's</c><01:01:30.760><c> say</c><01:01:31.520><c> here</c><01:01:31.799><c> that</c><01:01:32.000><c> we</c><01:01:32.160><c> wanted</c> 01:01:32.589 --> 01:01:32.599 align:start position:0% text and let's say here that we wanted 01:01:32.599 --> 01:01:35.789 align:start position:0% text and let's say here that we wanted to<01:01:32.839><c> stop</c><01:01:33.160><c> the</c><01:01:33.280><c> loop</c><01:01:34.319><c> immediately</c><01:01:35.319><c> after</c><01:01:35.640><c> we</c> 01:01:35.789 --> 01:01:35.799 align:start position:0% to stop the loop immediately after we 01:01:35.799 --> 01:01:39.589 align:start position:0% to stop the loop immediately after we found<01:01:36.160><c> the</c><01:01:36.599><c> sport</c><01:01:37.599><c> tag</c> 01:01:39.589 --> 01:01:39.599 align:start position:0% found the sport tag 01:01:39.599 --> 01:01:42.630 align:start position:0% found the sport tag so<01:01:40.599><c> I</c><01:01:40.720><c> cannot</c><01:01:41.079><c> use</c><01:01:41.319><c> for</c><01:01:41.520><c> this</c><01:01:41.720><c> the</c><01:01:41.920><c> limit</c> 01:01:42.630 --> 01:01:42.640 align:start position:0% so I cannot use for this the limit 01:01:42.640 --> 01:01:44.630 align:start position:0% so I cannot use for this the limit parameter<01:01:43.200><c> because</c><01:01:43.480><c> this</c><01:01:43.680><c> port</c><01:01:44.000><c> tag</c><01:01:44.240><c> is</c><01:01:44.359><c> not</c> 01:01:44.630 --> 01:01:44.640 align:start position:0% parameter because this port tag is not 01:01:44.640 --> 01:01:46.510 align:start position:0% parameter because this port tag is not always<01:01:44.960><c> in</c><01:01:45.079><c> the</c><01:01:45.200><c> same</c><01:01:45.400><c> position</c><01:01:45.880><c> here</c><01:01:46.280><c> it</c><01:01:46.359><c> is</c> 01:01:46.510 --> 01:01:46.520 align:start position:0% always in the same position here it is 01:01:46.520 --> 01:01:48.589 align:start position:0% always in the same position here it is the<01:01:46.680><c> second</c><01:01:47.039><c> item</c><01:01:47.440><c> but</c><01:01:47.880><c> here</c><01:01:48.160><c> it</c><01:01:48.280><c> is</c><01:01:48.480><c> the</c> 01:01:48.589 --> 01:01:48.599 align:start position:0% the second item but here it is the 01:01:48.599 --> 01:01:51.789 align:start position:0% the second item but here it is the fourth<01:01:49.000><c> item</c><01:01:49.880><c> so</c><01:01:50.119><c> what</c><01:01:50.240><c> I</c><01:01:50.359><c> can</c><01:01:50.480><c> do</c><01:01:50.720><c> instead</c><01:01:51.599><c> is</c> 01:01:51.789 --> 01:01:51.799 align:start position:0% fourth item so what I can do instead is 01:01:51.799 --> 01:01:55.150 align:start position:0% fourth item so what I can do instead is that<01:01:52.119><c> I</c><01:01:52.240><c> can</c><01:01:52.400><c> add</c><01:01:52.599><c> a</c><01:01:52.880><c> conditional</c><01:01:53.279><c> here</c><01:01:54.000><c> if</c> 01:01:55.150 --> 01:01:55.160 align:start position:0% that I can add a conditional here if 01:01:55.160 --> 01:01:59.470 align:start position:0% that I can add a conditional here if tag<01:01:56.240><c> equals</c> 01:01:59.470 --> 01:01:59.480 align:start position:0% 01:01:59.480 --> 01:02:02.589 align:start position:0% sport<01:02:00.480><c> then</c><01:02:00.839><c> break</c><01:02:01.559><c> and</c><01:02:01.720><c> what</c><01:02:01.880><c> this</c><01:02:01.960><c> will</c><01:02:02.160><c> do</c> 01:02:02.589 --> 01:02:02.599 align:start position:0% sport then break and what this will do 01:02:02.599 --> 01:02:05.870 align:start position:0% sport then break and what this will do is<01:02:02.760><c> that</c><01:02:03.000><c> it</c><01:02:03.440><c> will</c><01:02:04.440><c> end</c><01:02:04.760><c> the</c><01:02:04.880><c> for</c><01:02:05.279><c> Loop</c> 01:02:05.870 --> 01:02:05.880 align:start position:0% is that it will end the for Loop 01:02:05.880 --> 01:02:08.870 align:start position:0% is that it will end the for Loop prematurely<01:02:06.839><c> so</c><01:02:07.119><c> if</c><01:02:07.240><c> I</c><01:02:07.359><c> save</c> 01:02:08.870 --> 01:02:08.880 align:start position:0% prematurely so if I save 01:02:08.880 --> 01:02:11.910 align:start position:0% prematurely so if I save this<01:02:09.880><c> here</c><01:02:10.079><c> we</c><01:02:10.200><c> can</c><01:02:10.400><c> see</c><01:02:10.599><c> that</c><01:02:10.799><c> sport</c><01:02:11.680><c> is</c> 01:02:11.910 --> 01:02:11.920 align:start position:0% this here we can see that sport is 01:02:11.920 --> 01:02:15.069 align:start position:0% this here we can see that sport is always<01:02:12.720><c> the</c><01:02:12.880><c> last</c><01:02:13.200><c> item</c><01:02:13.720><c> in</c><01:02:14.000><c> the</c><01:02:14.480><c> cases</c><01:02:14.880><c> where</c> 01:02:15.069 --> 01:02:15.079 align:start position:0% always the last item in the cases where 01:02:15.079 --> 01:02:18.829 align:start position:0% always the last item in the cases where it<01:02:15.760><c> where</c><01:02:16.760><c> where</c><01:02:17.000><c> that</c><01:02:17.200><c> tag</c><01:02:17.440><c> is</c> 01:02:18.829 --> 01:02:18.839 align:start position:0% it where where that tag is 01:02:18.839 --> 01:02:21.150 align:start position:0% it where where that tag is present<01:02:19.839><c> something</c><01:02:20.160><c> else</c><01:02:20.400><c> we</c><01:02:20.520><c> can</c><01:02:20.640><c> do</c><01:02:20.880><c> is</c><01:02:21.000><c> that</c> 01:02:21.150 --> 01:02:21.160 align:start position:0% present something else we can do is that 01:02:21.160 --> 01:02:23.309 align:start position:0% present something else we can do is that instead<01:02:21.440><c> of</c><01:02:21.640><c> break</c><01:02:22.079><c> we</c><01:02:22.200><c> use</c><01:02:22.480><c> continue</c><01:02:23.119><c> and</c> 01:02:23.309 --> 01:02:23.319 align:start position:0% instead of break we use continue and 01:02:23.319 --> 01:02:25.510 align:start position:0% instead of break we use continue and what<01:02:23.440><c> this</c><01:02:23.559><c> will</c><01:02:23.720><c> do</c><01:02:24.000><c> is</c><01:02:24.160><c> that</c><01:02:24.520><c> it</c><01:02:24.680><c> will</c><01:02:25.319><c> es</c> 01:02:25.510 --> 01:02:25.520 align:start position:0% what this will do is that it will es 01:02:25.520 --> 01:02:28.109 align:start position:0% what this will do is that it will es skip<01:02:26.359><c> this</c><01:02:26.599><c> tag</c><01:02:26.960><c> at</c><01:02:27.079><c> all</c><01:02:27.359><c> this</c><01:02:27.520><c> iteration</c><01:02:28.000><c> at</c> 01:02:28.109 --> 01:02:28.119 align:start position:0% skip this tag at all this iteration at 01:02:28.119 --> 01:02:32.750 align:start position:0% skip this tag at all this iteration at all<01:02:28.400><c> so</c><01:02:29.039><c> if</c><01:02:29.160><c> I</c><01:02:29.319><c> move</c><01:02:29.680><c> this</c><01:02:30.079><c> to</c><01:02:30.279><c> the</c><01:02:30.480><c> top</c> 01:02:32.750 --> 01:02:32.760 align:start position:0% all so if I move this to the top 01:02:32.760 --> 01:02:35.390 align:start position:0% all so if I move this to the top instead<01:02:33.760><c> it</c><01:02:33.880><c> will</c><01:02:34.079><c> continue</c><01:02:34.480><c> to</c><01:02:34.640><c> the</c><01:02:34.839><c> next</c> 01:02:35.390 --> 01:02:35.400 align:start position:0% instead it will continue to the next 01:02:35.400 --> 01:02:38.029 align:start position:0% instead it will continue to the next iteration<01:02:35.880><c> of</c><01:02:36.039><c> this</c><01:02:36.200><c> Loop</c><01:02:36.680><c> and</c><01:02:36.880><c> it</c><01:02:37.039><c> will</c><01:02:37.319><c> not</c> 01:02:38.029 --> 01:02:38.039 align:start position:0% iteration of this Loop and it will not 01:02:38.039 --> 01:02:41.069 align:start position:0% iteration of this Loop and it will not execute<01:02:38.799><c> anything</c><01:02:39.799><c> below</c><01:02:40.160><c> this</c><01:02:40.319><c> so</c><01:02:40.599><c> it</c><01:02:40.920><c> this</c> 01:02:41.069 --> 01:02:41.079 align:start position:0% execute anything below this so it this 01:02:41.079 --> 01:02:43.710 align:start position:0% execute anything below this so it this line<01:02:41.359><c> won't</c><01:02:41.599><c> be</c><01:02:41.799><c> printed</c><01:02:42.440><c> if</c><01:02:42.559><c> we</c><01:02:42.720><c> go</c><01:02:42.960><c> here</c><01:02:43.599><c> we</c> 01:02:43.710 --> 01:02:43.720 align:start position:0% line won't be printed if we go here we 01:02:43.720 --> 01:02:46.390 align:start position:0% line won't be printed if we go here we can<01:02:43.839><c> see</c><01:02:44.039><c> that</c><01:02:44.200><c> now</c><01:02:44.440><c> a</c><01:02:44.640><c> sport</c><01:02:45.160><c> is</c><01:02:45.400><c> missing</c> 01:02:46.390 --> 01:02:46.400 align:start position:0% can see that now a sport is missing 01:02:46.400 --> 01:02:48.269 align:start position:0% can see that now a sport is missing everywhere<01:02:46.799><c> it</c><01:02:46.960><c> was</c> 01:02:48.269 --> 01:02:48.279 align:start position:0% everywhere it was 01:02:48.279 --> 01:02:50.549 align:start position:0% everywhere it was before<01:02:49.279><c> something</c><01:02:49.559><c> else</c><01:02:49.799><c> we</c><01:02:49.920><c> can</c><01:02:50.039><c> do</c><01:02:50.200><c> is</c><01:02:50.319><c> Loop</c> 01:02:50.549 --> 01:02:50.559 align:start position:0% before something else we can do is Loop 01:02:50.559 --> 01:02:52.549 align:start position:0% before something else we can do is Loop through<01:02:50.760><c> arbitrary</c><01:02:51.359><c> range</c><01:02:51.599><c> of</c><01:02:51.799><c> numbers</c><01:02:52.359><c> so</c> 01:02:52.549 --> 01:02:52.559 align:start position:0% through arbitrary range of numbers so 01:02:52.559 --> 01:02:53.670 align:start position:0% through arbitrary range of numbers so let's<01:02:52.720><c> say</c><01:02:52.880><c> that</c><01:02:53.000><c> I</c><01:02:53.079><c> wanted</c><01:02:53.279><c> to</c><01:02:53.400><c> print</c><01:02:53.599><c> a</c> 01:02:53.670 --> 01:02:53.680 align:start position:0% let's say that I wanted to print a 01:02:53.680 --> 01:02:57.950 align:start position:0% let's say that I wanted to print a message<01:02:54.039><c> five</c><01:02:54.440><c> times</c><01:02:55.359><c> I</c><01:02:55.480><c> can</c><01:02:55.640><c> do</c><01:02:55.920><c> for</c><01:02:56.359><c> I</c><01:02:56.960><c> in</c> 01:02:57.950 --> 01:02:57.960 align:start position:0% message five times I can do for I in 01:02:57.960 --> 01:02:58.950 align:start position:0% message five times I can do for I in then 01:02:58.950 --> 01:02:58.960 align:start position:0% then 01:02:58.960 --> 01:03:00.990 align:start position:0% then one<01:02:59.960><c> to</c> 01:03:00.990 --> 01:03:01.000 align:start position:0% one to 01:03:01.000 --> 01:03:06.670 align:start position:0% one to five<01:03:02.000><c> and</c><01:03:02.319><c> four</c><01:03:02.640><c> and</c><01:03:02.920><c> here</c><01:03:03.279><c> I</c><01:03:03.359><c> can</c><01:03:03.520><c> say</c><01:03:04.039><c> hello</c> 01:03:06.670 --> 01:03:06.680 align:start position:0% 01:03:06.680 --> 01:03:09.309 align:start position:0% world<01:03:07.680><c> and</c><01:03:07.920><c> here</c><01:03:08.400><c> I'm</c><01:03:08.559><c> going</c><01:03:08.720><c> to</c><01:03:08.839><c> see</c><01:03:09.039><c> Hello</c> 01:03:09.309 --> 01:03:09.319 align:start position:0% world and here I'm going to see Hello 01:03:09.319 --> 01:03:10.870 align:start position:0% world and here I'm going to see Hello World<01:03:09.599><c> printed</c><01:03:10.039><c> five</c> 01:03:10.870 --> 01:03:10.880 align:start position:0% World printed five 01:03:10.880 --> 01:03:13.789 align:start position:0% World printed five times<01:03:11.880><c> I</c><01:03:12.039><c> can</c><01:03:12.279><c> also</c><01:03:12.760><c> print</c><01:03:13.039><c> the</c><01:03:13.160><c> value</c><01:03:13.400><c> of</c><01:03:13.599><c> this</c> 01:03:13.789 --> 01:03:13.799 align:start position:0% times I can also print the value of this 01:03:13.799 --> 01:03:17.349 align:start position:0% times I can also print the value of this I 01:03:17.349 --> 01:03:17.359 align:start position:0% 01:03:17.359 --> 01:03:19.950 align:start position:0% variable<01:03:18.359><c> and</c><01:03:18.520><c> here</c><01:03:18.640><c> we're</c><01:03:18.839><c> going</c><01:03:19.000><c> to</c><01:03:19.119><c> see</c><01:03:19.520><c> 1</c><01:03:19.760><c> 2</c> 01:03:19.950 --> 01:03:19.960 align:start position:0% variable and here we're going to see 1 2 01:03:19.960 --> 01:03:22.589 align:start position:0% variable and here we're going to see 1 2 3<01:03:20.200><c> 4</c><01:03:20.480><c> 5</c><01:03:21.079><c> the</c><01:03:21.240><c> same</c><01:03:21.480><c> range</c><01:03:21.799><c> we</c><01:03:21.920><c> have</c><01:03:22.039><c> specified</c> 01:03:22.589 --> 01:03:22.599 align:start position:0% 3 4 5 the same range we have specified 01:03:22.599 --> 01:03:26.109 align:start position:0% 3 4 5 the same range we have specified here<01:03:23.440><c> but</c><01:03:23.960><c> this</c><01:03:24.079><c> is</c><01:03:24.400><c> not</c><01:03:24.559><c> the</c><01:03:24.680><c> index</c><01:03:25.520><c> the</c><01:03:25.680><c> index</c> 01:03:26.109 --> 01:03:26.119 align:start position:0% here but this is not the index the index 01:03:26.119 --> 01:03:29.910 align:start position:0% here but this is not the index the index still<01:03:26.359><c> can</c><01:03:26.520><c> be</c><01:03:26.640><c> found</c><01:03:27.039><c> under</c><01:03:27.359><c> for</c><01:03:27.680><c> loop.</c><01:03:28.920><c> index</c> 01:03:29.910 --> 01:03:29.920 align:start position:0% still can be found under for loop. index 01:03:29.920 --> 01:03:32.789 align:start position:0% still can be found under for loop. index which<01:03:30.200><c> if</c><01:03:30.319><c> we</c><01:03:30.520><c> print</c><01:03:31.119><c> this</c><01:03:32.119><c> nothing</c><01:03:32.520><c> will</c> 01:03:32.789 --> 01:03:32.799 align:start position:0% which if we print this nothing will 01:03:32.799 --> 01:03:35.069 align:start position:0% which if we print this nothing will change 01:03:35.069 --> 01:03:35.079 align:start position:0% change 01:03:35.079 --> 01:03:37.910 align:start position:0% change however<01:03:36.079><c> I</c><01:03:36.359><c> doesn't</c><01:03:36.799><c> have</c><01:03:37.119><c> to</c><01:03:37.359><c> necessarily</c> 01:03:37.910 --> 01:03:37.920 align:start position:0% however I doesn't have to necessarily 01:03:37.920 --> 01:03:40.630 align:start position:0% however I doesn't have to necessarily match<01:03:38.279><c> the</c><01:03:38.440><c> index</c><01:03:39.039><c> to</c><01:03:39.319><c> prove</c><01:03:39.680><c> this</c><01:03:40.400><c> I</c><01:03:40.480><c> will</c> 01:03:40.630 --> 01:03:40.640 align:start position:0% match the index to prove this I will 01:03:40.640 --> 01:03:44.510 align:start position:0% match the index to prove this I will change<01:03:41.000><c> this</c><01:03:41.240><c> to</c><01:03:41.440><c> be</c><01:03:41.680><c> from</c><01:03:41.920><c> 11</c><01:03:42.680><c> to</c> 01:03:44.510 --> 01:03:44.520 align:start position:0% change this to be from 11 to 01:03:44.520 --> 01:03:46.950 align:start position:0% change this to be from 11 to 15<01:03:45.520><c> I'm</c><01:03:45.760><c> still</c><01:03:45.960><c> going</c><01:03:46.119><c> to</c><01:03:46.200><c> be</c><01:03:46.359><c> printing</c><01:03:46.720><c> this</c> 01:03:46.950 --> 01:03:46.960 align:start position:0% 15 I'm still going to be printing this 01:03:46.960 --> 01:03:49.309 align:start position:0% 15 I'm still going to be printing this five<01:03:47.200><c> times</c><01:03:47.599><c> but</c><01:03:47.799><c> now</c><01:03:48.039><c> the</c><01:03:48.200><c> value</c><01:03:48.440><c> of</c><01:03:48.599><c> I</c><01:03:48.960><c> starts</c> 01:03:49.309 --> 01:03:49.319 align:start position:0% five times but now the value of I starts 01:03:49.319 --> 01:03:52.589 align:start position:0% five times but now the value of I starts at<01:03:49.480><c> 11</c><01:03:50.039><c> and</c><01:03:50.240><c> ends</c><01:03:50.960><c> at</c> 01:03:52.589 --> 01:03:52.599 align:start position:0% at 11 and ends at 01:03:52.599 --> 01:03:55.829 align:start position:0% at 11 and ends at 15<01:03:53.599><c> a</c><01:03:53.799><c> limitation</c><01:03:54.520><c> for</c><01:03:54.720><c> Loops</c><01:03:55.039><c> having</c><01:03:55.359><c> liquid</c> 01:03:55.829 --> 01:03:55.839 align:start position:0% 15 a limitation for Loops having liquid 01:03:55.839 --> 01:03:57.789 align:start position:0% 15 a limitation for Loops having liquid is<01:03:56.000><c> that</c><01:03:56.200><c> they</c><01:03:56.319><c> are</c><01:03:56.559><c> limited</c><01:03:56.960><c> to</c><01:03:57.480><c> 50</c> 01:03:57.789 --> 01:03:57.799 align:start position:0% is that they are limited to 50 01:03:57.799 --> 01:04:00.630 align:start position:0% is that they are limited to 50 iterations<01:03:58.440><c> per</c><01:03:58.720><c> page</c><01:03:59.559><c> so</c><01:03:59.839><c> if</c><01:04:00.000><c> we</c><01:04:00.200><c> had</c><01:04:00.440><c> more</c> 01:04:00.630 --> 01:04:00.640 align:start position:0% iterations per page so if we had more 01:04:00.640 --> 01:04:02.870 align:start position:0% iterations per page so if we had more than<01:04:00.880><c> 50</c><01:04:01.200><c> products</c><01:04:01.520><c> in</c><01:04:01.640><c> our</c><01:04:01.799><c> stores</c><01:04:02.079><c> for</c><01:04:02.640><c> for</c> 01:04:02.870 --> 01:04:02.880 align:start position:0% than 50 products in our stores for for 01:04:02.880 --> 01:04:05.430 align:start position:0% than 50 products in our stores for for example<01:04:03.760><c> we</c><01:04:03.920><c> wouldn't</c><01:04:04.240><c> be</c><01:04:04.440><c> able</c><01:04:04.920><c> to</c><01:04:05.119><c> Loop</c> 01:04:05.430 --> 01:04:05.440 align:start position:0% example we wouldn't be able to Loop 01:04:05.440 --> 01:04:08.309 align:start position:0% example we wouldn't be able to Loop through<01:04:05.640><c> them</c><01:04:05.799><c> all</c><01:04:06.079><c> in</c><01:04:06.200><c> a</c><01:04:06.359><c> single</c><01:04:07.119><c> page</c><01:04:08.119><c> now</c> 01:04:08.309 --> 01:04:08.319 align:start position:0% through them all in a single page now 01:04:08.319 --> 01:04:11.029 align:start position:0% through them all in a single page now for<01:04:08.599><c> certain</c><01:04:09.039><c> objects</c><01:04:09.839><c> such</c><01:04:10.079><c> as</c><01:04:10.400><c> collection.</c> 01:04:11.029 --> 01:04:11.039 align:start position:0% for certain objects such as collection. 01:04:11.039 --> 01:04:12.269 align:start position:0% for certain objects such as collection. products<01:04:11.400><c> which</c><01:04:11.520><c> is</c><01:04:11.640><c> the</c><01:04:11.760><c> one</c><01:04:11.920><c> that</c><01:04:12.039><c> we</c><01:04:12.119><c> are</c> 01:04:12.269 --> 01:04:12.279 align:start position:0% products which is the one that we are 01:04:12.279 --> 01:04:14.069 align:start position:0% products which is the one that we are using<01:04:12.799><c> and</c><01:04:13.039><c> all</c><01:04:13.200><c> of</c> 01:04:14.069 --> 01:04:14.079 align:start position:0% using and all of 01:04:14.079 --> 01:04:17.150 align:start position:0% using and all of this<01:04:15.079><c> we</c><01:04:15.200><c> are</c><01:04:15.440><c> able</c><01:04:15.720><c> to</c><01:04:15.880><c> use</c><01:04:16.079><c> the</c><01:04:16.240><c> pinate</c><01:04:16.760><c> tag</c> 01:04:17.150 --> 01:04:17.160 align:start position:0% this we are able to use the pinate tag 01:04:17.160 --> 01:04:21.190 align:start position:0% this we are able to use the pinate tag here<01:04:18.000><c> to</c><01:04:18.319><c> navigate</c><01:04:18.839><c> to</c><01:04:19.240><c> different</c><01:04:19.880><c> pages</c><01:04:20.880><c> and</c> 01:04:21.190 --> 01:04:21.200 align:start position:0% here to navigate to different pages and 01:04:21.200 --> 01:04:23.910 align:start position:0% here to navigate to different pages and be<01:04:21.400><c> able</c><01:04:21.640><c> to</c><01:04:21.799><c> see</c><01:04:22.119><c> all</c><01:04:22.319><c> the</c><01:04:22.480><c> products</c><01:04:23.440><c> that</c><01:04:23.640><c> way</c> 01:04:23.910 --> 01:04:23.920 align:start position:0% be able to see all the products that way 01:04:23.920 --> 01:04:26.589 align:start position:0% be able to see all the products that way so<01:04:24.480><c> let's</c><01:04:24.720><c> see</c><01:04:25.039><c> how</c><01:04:25.200><c> we</c><01:04:25.319><c> can</c><01:04:25.520><c> implement</c><01:04:26.119><c> this</c> 01:04:26.589 --> 01:04:26.599 align:start position:0% so let's see how we can implement this 01:04:26.599 --> 01:04:28.510 align:start position:0% so let's see how we can implement this in<01:04:26.720><c> our</c> 01:04:28.510 --> 01:04:28.520 align:start position:0% in our 01:04:28.520 --> 01:04:31.829 align:start position:0% in our store<01:04:29.520><c> now</c><01:04:30.160><c> even</c><01:04:30.480><c> though</c><01:04:31.119><c> this</c><01:04:31.359><c> collection</c> 01:04:31.829 --> 01:04:31.839 align:start position:0% store now even though this collection 01:04:31.839 --> 01:04:34.710 align:start position:0% store now even though this collection here<01:04:32.279><c> if</c><01:04:32.400><c> I</c><01:04:32.720><c> print</c><01:04:33.720><c> the</c><01:04:33.920><c> products</c><01:04:34.400><c> and</c><01:04:34.559><c> the</c> 01:04:34.710 --> 01:04:34.720 align:start position:0% here if I print the products and the 01:04:34.720 --> 01:04:36.710 align:start position:0% here if I print the products and the size<01:04:35.319><c> even</c><01:04:35.559><c> though</c><01:04:35.720><c> this</c><01:04:35.880><c> collection</c><01:04:36.319><c> doesn't</c> 01:04:36.710 --> 01:04:36.720 align:start position:0% size even though this collection doesn't 01:04:36.720 --> 01:04:39.390 align:start position:0% size even though this collection doesn't have<01:04:36.920><c> 50</c><01:04:37.440><c> products</c><01:04:38.440><c> can</c><01:04:38.640><c> go</c> 01:04:39.390 --> 01:04:39.400 align:start position:0% have 50 products can go 01:04:39.400 --> 01:04:41.789 align:start position:0% have 50 products can go here<01:04:40.400><c> we</c><01:04:40.520><c> only</c><01:04:40.760><c> have</c><01:04:40.920><c> 13</c><01:04:41.240><c> products</c><01:04:41.559><c> in</c><01:04:41.640><c> this</c> 01:04:41.789 --> 01:04:41.799 align:start position:0% here we only have 13 products in this 01:04:41.799 --> 01:04:44.309 align:start position:0% here we only have 13 products in this collection<01:04:42.599><c> we</c><01:04:42.720><c> can</c><01:04:43.000><c> still</c><01:04:43.640><c> paginate</c><01:04:44.079><c> through</c> 01:04:44.309 --> 01:04:44.319 align:start position:0% collection we can still paginate through 01:04:44.319 --> 01:04:46.870 align:start position:0% collection we can still paginate through this<01:04:44.559><c> because</c><01:04:44.839><c> we</c><01:04:44.920><c> can</c><01:04:45.160><c> specify</c><01:04:45.720><c> a</c><01:04:45.960><c> page</c><01:04:46.319><c> size</c> 01:04:46.870 --> 01:04:46.880 align:start position:0% this because we can specify a page size 01:04:46.880 --> 01:04:48.829 align:start position:0% this because we can specify a page size when<01:04:47.160><c> paginating</c><01:04:47.799><c> so</c><01:04:48.039><c> I'm</c><01:04:48.240><c> going</c><01:04:48.440><c> to</c><01:04:48.559><c> delete</c> 01:04:48.829 --> 01:04:48.839 align:start position:0% when paginating so I'm going to delete 01:04:48.839 --> 01:04:52.589 align:start position:0% when paginating so I'm going to delete all<01:04:48.960><c> of</c><01:04:49.279><c> this</c><01:04:50.279><c> so</c><01:04:50.799><c> only</c><01:04:51.599><c> the</c><01:04:51.799><c> pagination</c> 01:04:52.589 --> 01:04:52.599 align:start position:0% all of this so only the pagination 01:04:52.599 --> 01:04:54.390 align:start position:0% all of this so only the pagination products<01:04:53.200><c> are</c><01:04:53.440><c> printed</c><01:04:53.839><c> and</c><01:04:53.960><c> now</c><01:04:54.200><c> I'm</c><01:04:54.279><c> going</c> 01:04:54.390 --> 01:04:54.400 align:start position:0% products are printed and now I'm going 01:04:54.400 --> 01:04:56.950 align:start position:0% products are printed and now I'm going to<01:04:54.559><c> say</c> 01:04:56.950 --> 01:04:56.960 align:start position:0% to say 01:04:56.960 --> 01:05:01.789 align:start position:0% to say pinate<01:04:57.960><c> collection.</c> 01:05:01.789 --> 01:05:01.799 align:start position:0% 01:05:01.799 --> 01:05:04.190 align:start position:0% products<01:05:02.799><c> I'm</c><01:05:02.960><c> going</c><01:05:03.119><c> to</c><01:05:03.240><c> say</c> 01:05:04.190 --> 01:05:04.200 align:start position:0% products I'm going to say 01:05:04.200 --> 01:05:07.230 align:start position:0% products I'm going to say by<01:05:05.200><c> 10</c><01:05:05.839><c> or</c><01:05:06.119><c> by</c> 01:05:07.230 --> 01:05:07.240 align:start position:0% by 10 or by 01:05:07.240 --> 01:05:09.789 align:start position:0% by 10 or by five<01:05:08.240><c> and</c> 01:05:09.789 --> 01:05:09.799 align:start position:0% five and 01:05:09.799 --> 01:05:12.510 align:start position:0% five and paginate<01:05:10.799><c> and</c><01:05:10.920><c> now</c><01:05:11.200><c> here</c><01:05:11.480><c> I'm</c><01:05:11.640><c> going</c><01:05:11.799><c> to</c><01:05:11.960><c> Lo</c> 01:05:12.510 --> 01:05:12.520 align:start position:0% paginate and now here I'm going to Lo 01:05:12.520 --> 01:05:13.789 align:start position:0% paginate and now here I'm going to Lo through<01:05:12.760><c> the</c><01:05:12.880><c> product</c> 01:05:13.789 --> 01:05:13.799 align:start position:0% through the product 01:05:13.799 --> 01:05:17.390 align:start position:0% through the product so<01:05:15.000><c> for</c> 01:05:17.390 --> 01:05:17.400 align:start position:0% so for 01:05:17.400 --> 01:05:23.069 align:start position:0% so for product<01:05:18.400><c> in</c><01:05:18.720><c> collection.</c> 01:05:23.069 --> 01:05:23.079 align:start position:0% 01:05:23.079 --> 01:05:24.670 align:start position:0% products 01:05:24.670 --> 01:05:24.680 align:start position:0% products 01:05:24.680 --> 01:05:28.029 align:start position:0% products I'm<01:05:24.799><c> going</c><01:05:25.000><c> to</c><01:05:25.160><c> print</c><01:05:25.400><c> the</c><01:05:25.799><c> product</c><01:05:26.799><c> title</c><01:05:27.799><c> so</c> 01:05:28.029 --> 01:05:28.039 align:start position:0% I'm going to print the product title so 01:05:28.039 --> 01:05:31.309 align:start position:0% I'm going to print the product title so if<01:05:28.160><c> I</c><01:05:28.319><c> save</c> 01:05:31.309 --> 01:05:31.319 align:start position:0% 01:05:31.319 --> 01:05:34.309 align:start position:0% this<01:05:32.319><c> here</c><01:05:32.799><c> I'm</c><01:05:33.000><c> seeing</c><01:05:33.400><c> the</c><01:05:33.599><c> first</c><01:05:34.000><c> five</c> 01:05:34.309 --> 01:05:34.319 align:start position:0% this here I'm seeing the first five 01:05:34.319 --> 01:05:37.150 align:start position:0% this here I'm seeing the first five products<01:05:35.319><c> and</c><01:05:35.520><c> now</c><01:05:36.000><c> how</c><01:05:36.160><c> do</c><01:05:36.279><c> we</c><01:05:36.440><c> navigate</c><01:05:37.000><c> to</c> 01:05:37.150 --> 01:05:37.160 align:start position:0% products and now how do we navigate to 01:05:37.160 --> 01:05:39.190 align:start position:0% products and now how do we navigate to the<01:05:37.279><c> next</c><01:05:37.520><c> page</c><01:05:37.839><c> because</c><01:05:38.440><c> yes</c><01:05:38.599><c> we</c><01:05:38.720><c> know</c><01:05:39.000><c> that</c> 01:05:39.190 --> 01:05:39.200 align:start position:0% the next page because yes we know that 01:05:39.200 --> 01:05:40.789 align:start position:0% the next page because yes we know that it<01:05:39.319><c> is</c><01:05:39.440><c> being</c><01:05:39.680><c> paginated</c><01:05:40.200><c> but</c><01:05:40.400><c> there</c><01:05:40.520><c> is</c><01:05:40.640><c> no</c> 01:05:40.789 --> 01:05:40.799 align:start position:0% it is being paginated but there is no 01:05:40.799 --> 01:05:43.190 align:start position:0% it is being paginated but there is no button<01:05:41.119><c> here</c><01:05:41.240><c> to</c><01:05:41.400><c> go</c><01:05:41.520><c> to</c><01:05:41.640><c> the</c><01:05:41.760><c> next</c><01:05:42.000><c> page</c><01:05:43.000><c> well</c> 01:05:43.190 --> 01:05:43.200 align:start position:0% button here to go to the next page well 01:05:43.200 --> 01:05:45.470 align:start position:0% button here to go to the next page well for<01:05:43.440><c> this</c><01:05:43.839><c> we</c><01:05:43.960><c> can</c><01:05:44.079><c> use</c><01:05:44.240><c> the</c><01:05:44.440><c> paginate</c><01:05:44.960><c> object</c> 01:05:45.470 --> 01:05:45.480 align:start position:0% for this we can use the paginate object 01:05:45.480 --> 01:05:47.870 align:start position:0% for this we can use the paginate object which<01:05:46.000><c> similar</c><01:05:46.520><c> to</c><01:05:46.680><c> the</c><01:05:46.799><c> for</c><01:05:47.119><c> Loop</c><01:05:47.400><c> object</c><01:05:47.760><c> we</c> 01:05:47.870 --> 01:05:47.880 align:start position:0% which similar to the for Loop object we 01:05:47.880 --> 01:05:50.109 align:start position:0% which similar to the for Loop object we have<01:05:48.160><c> access</c><01:05:48.440><c> to</c><01:05:48.680><c> this</c><01:05:48.920><c> object</c><01:05:49.559><c> when</c><01:05:49.760><c> we</c><01:05:49.920><c> are</c> 01:05:50.109 --> 01:05:50.119 align:start position:0% have access to this object when we are 01:05:50.119 --> 01:05:53.150 align:start position:0% have access to this object when we are inside<01:05:50.480><c> a</c><01:05:51.000><c> paginate</c><01:05:52.000><c> um</c><01:05:52.200><c> Loop</c><01:05:52.559><c> or</c><01:05:52.680><c> a</c><01:05:52.799><c> paginate</c> 01:05:53.150 --> 01:05:53.160 align:start position:0% inside a paginate um Loop or a paginate 01:05:53.160 --> 01:05:56.150 align:start position:0% inside a paginate um Loop or a paginate block<01:05:54.559><c> it</c><01:05:54.799><c> has</c><01:05:54.960><c> all</c><01:05:55.079><c> of</c><01:05:55.240><c> these</c><01:05:55.440><c> properties</c><01:05:55.880><c> so</c> 01:05:56.150 --> 01:05:56.160 align:start position:0% block it has all of these properties so 01:05:56.160 --> 01:05:59.870 align:start position:0% block it has all of these properties so we<01:05:56.319><c> could</c><01:05:56.920><c> build</c><01:05:57.920><c> a</c><01:05:58.359><c> pagination</c><01:05:59.200><c> navigation</c> 01:05:59.870 --> 01:05:59.880 align:start position:0% we could build a pagination navigation 01:05:59.880 --> 01:06:02.309 align:start position:0% we could build a pagination navigation here<01:06:00.640><c> with</c><01:06:00.839><c> this</c><01:06:01.079><c> like</c><01:06:01.200><c> for</c><01:06:01.359><c> example</c><01:06:01.839><c> here</c> 01:06:02.309 --> 01:06:02.319 align:start position:0% here with this like for example here 01:06:02.319 --> 01:06:07.029 align:start position:0% here with this like for example here this<01:06:02.839><c> next</c><01:06:03.839><c> property</c><01:06:04.559><c> is</c><01:06:04.760><c> of</c><01:06:05.000><c> type</c><01:06:05.640><c> part</c><01:06:06.640><c> and</c> 01:06:07.029 --> 01:06:07.039 align:start position:0% this next property is of type part and 01:06:07.039 --> 01:06:10.430 align:start position:0% this next property is of type part and here<01:06:07.839><c> we</c><01:06:07.960><c> can</c><01:06:08.119><c> see</c><01:06:08.559><c> its</c><01:06:08.799><c> title</c><01:06:09.240><c> it's</c><01:06:09.400><c> URL</c><01:06:10.119><c> and</c> 01:06:10.430 --> 01:06:10.440 align:start position:0% here we can see its title it's URL and 01:06:10.440 --> 01:06:12.069 align:start position:0% here we can see its title it's URL and whether<01:06:10.640><c> it</c><01:06:10.799><c> is</c><01:06:10.920><c> a</c><01:06:11.039><c> link</c><01:06:11.279><c> or</c> 01:06:12.069 --> 01:06:12.079 align:start position:0% whether it is a link or 01:06:12.079 --> 01:06:15.829 align:start position:0% whether it is a link or not<01:06:13.079><c> however</c><01:06:13.720><c> for</c><01:06:14.039><c> simple</c><01:06:14.760><c> cases</c><01:06:15.359><c> we</c><01:06:15.520><c> can</c><01:06:15.640><c> use</c> 01:06:15.829 --> 01:06:15.839 align:start position:0% not however for simple cases we can use 01:06:15.839 --> 01:06:18.870 align:start position:0% not however for simple cases we can use the<01:06:16.000><c> default</c><01:06:16.359><c> pagination</c><01:06:17.200><c> filter</c><01:06:18.200><c> and</c><01:06:18.400><c> we</c><01:06:18.520><c> can</c> 01:06:18.870 --> 01:06:18.880 align:start position:0% the default pagination filter and we can 01:06:18.880 --> 01:06:21.670 align:start position:0% the default pagination filter and we can render<01:06:19.640><c> a</c><01:06:19.880><c> decent</c><01:06:20.240><c> vagination</c><01:06:20.880><c> that</c><01:06:21.359><c> works</c> 01:06:21.670 --> 01:06:21.680 align:start position:0% render a decent vagination that works 01:06:21.680 --> 01:06:25.589 align:start position:0% render a decent vagination that works out<01:06:21.839><c> of</c><01:06:21.960><c> the</c><01:06:22.079><c> box</c><01:06:22.400><c> so</c><01:06:22.760><c> let's</c><01:06:22.960><c> do</c><01:06:23.240><c> that</c><01:06:24.079><c> I'll</c><01:06:24.240><c> say</c> 01:06:25.589 --> 01:06:25.599 align:start position:0% out of the box so let's do that I'll say 01:06:25.599 --> 01:06:28.710 align:start position:0% out of the box so let's do that I'll say paginate<01:06:26.599><c> default</c><01:06:27.079><c> pagination</c><01:06:27.680><c> here</c><01:06:28.599><c> I'm</c> 01:06:28.710 --> 01:06:28.720 align:start position:0% paginate default pagination here I'm 01:06:28.720 --> 01:06:31.630 align:start position:0% paginate default pagination here I'm going<01:06:28.880><c> to</c><01:06:29.039><c> save</c><01:06:29.839><c> this</c><01:06:30.839><c> and</c><01:06:30.960><c> now</c><01:06:31.160><c> if</c><01:06:31.279><c> I</c><01:06:31.400><c> go</c><01:06:31.520><c> to</c> 01:06:31.630 --> 01:06:31.640 align:start position:0% going to save this and now if I go to 01:06:31.640 --> 01:06:34.510 align:start position:0% going to save this and now if I go to the<01:06:31.799><c> page</c><01:06:32.200><c> here</c><01:06:32.920><c> I</c><01:06:33.079><c> have</c><01:06:33.240><c> this</c><01:06:33.440><c> pagination</c><01:06:34.359><c> it</c> 01:06:34.510 --> 01:06:34.520 align:start position:0% the page here I have this pagination it 01:06:34.520 --> 01:06:36.710 align:start position:0% the page here I have this pagination it is<01:06:34.640><c> UN</c><01:06:34.920><c> styled</c><01:06:35.440><c> by</c><01:06:35.559><c> the</c><01:06:35.680><c> way</c><01:06:36.079><c> but</c><01:06:36.359><c> we</c><01:06:36.480><c> could</c> 01:06:36.710 --> 01:06:36.720 align:start position:0% is UN styled by the way but we could 01:06:36.720 --> 01:06:38.190 align:start position:0% is UN styled by the way but we could take<01:06:36.880><c> care</c><01:06:37.000><c> of</c><01:06:37.119><c> that</c><01:06:37.279><c> through</c><01:06:37.520><c> CSS</c><01:06:37.960><c> if</c><01:06:38.079><c> we</c> 01:06:38.190 --> 01:06:38.200 align:start position:0% take care of that through CSS if we 01:06:38.200 --> 01:06:42.029 align:start position:0% take care of that through CSS if we wanted<01:06:38.680><c> to</c><01:06:39.680><c> now</c><01:06:40.359><c> I</c><01:06:40.440><c> can</c><01:06:40.599><c> click</c><01:06:40.799><c> on</c><01:06:41.000><c> next</c><01:06:41.440><c> here</c> 01:06:42.029 --> 01:06:42.039 align:start position:0% wanted to now I can click on next here 01:06:42.039 --> 01:06:44.309 align:start position:0% wanted to now I can click on next here and<01:06:42.200><c> I'm</c><01:06:42.319><c> on</c><01:06:42.480><c> page</c><01:06:42.680><c> two</c><01:06:43.400><c> and</c><01:06:43.559><c> you</c><01:06:43.680><c> can</c><01:06:43.799><c> see</c><01:06:44.240><c> if</c> 01:06:44.309 --> 01:06:44.319 align:start position:0% and I'm on page two and you can see if 01:06:44.319 --> 01:06:45.950 align:start position:0% and I'm on page two and you can see if you<01:06:44.440><c> were</c><01:06:44.599><c> paying</c><01:06:44.839><c> attention</c><01:06:45.200><c> here</c><01:06:45.640><c> that</c><01:06:45.799><c> the</c> 01:06:45.950 --> 01:06:45.960 align:start position:0% you were paying attention here that the 01:06:45.960 --> 01:06:49.150 align:start position:0% you were paying attention here that the items<01:06:46.400><c> changed</c><01:06:47.079><c> and</c><01:06:47.200><c> now</c><01:06:47.319><c> I</c><01:06:47.440><c> can</c><01:06:47.559><c> go</c><01:06:47.760><c> to</c><01:06:48.000><c> page</c> 01:06:49.150 --> 01:06:49.160 align:start position:0% items changed and now I can go to page 01:06:49.160 --> 01:06:52.190 align:start position:0% items changed and now I can go to page three<01:06:50.160><c> and</c><01:06:50.359><c> likewise</c><01:06:50.960><c> the</c><01:06:51.119><c> items</c><01:06:51.480><c> changed</c><01:06:52.039><c> as</c> 01:06:52.190 --> 01:06:52.200 align:start position:0% three and likewise the items changed as 01:06:52.200 --> 01:06:55.670 align:start position:0% three and likewise the items changed as well<01:06:53.079><c> I</c><01:06:53.200><c> can</c><01:06:53.640><c> click</c><01:06:54.119><c> also</c><01:06:54.440><c> here</c><01:06:54.920><c> to</c><01:06:55.119><c> the</c><01:06:55.240><c> first</c> 01:06:55.670 --> 01:06:55.680 align:start position:0% well I can click also here to the first 01:06:55.680 --> 01:06:58.549 align:start position:0% well I can click also here to the first page<01:06:56.680><c> and</c><01:06:56.839><c> I'm</c><01:06:57.000><c> in</c><01:06:57.119><c> the</c><01:06:57.240><c> first</c> 01:06:58.549 --> 01:06:58.559 align:start position:0% page and I'm in the first 01:06:58.559 --> 01:07:01.630 align:start position:0% page and I'm in the first page<01:06:59.559><c> now</c><01:06:59.799><c> let's</c><01:07:00.000><c> see</c><01:07:00.319><c> filters</c><01:07:01.319><c> we've</c><01:07:01.520><c> been</c> 01:07:01.630 --> 01:07:01.640 align:start position:0% page now let's see filters we've been 01:07:01.640 --> 01:07:04.309 align:start position:0% page now let's see filters we've been using<01:07:02.039><c> them</c><01:07:02.240><c> throughout</c><01:07:02.640><c> this</c><01:07:02.839><c> video</c><01:07:03.640><c> but</c><01:07:04.160><c> we</c> 01:07:04.309 --> 01:07:04.319 align:start position:0% using them throughout this video but we 01:07:04.319 --> 01:07:06.870 align:start position:0% using them throughout this video but we haven't<01:07:04.799><c> formally</c><01:07:05.279><c> explored</c><01:07:05.720><c> them</c><01:07:06.079><c> so</c><01:07:06.599><c> let's</c> 01:07:06.870 --> 01:07:06.880 align:start position:0% haven't formally explored them so let's 01:07:06.880 --> 01:07:09.630 align:start position:0% haven't formally explored them so let's go<01:07:07.079><c> through</c><01:07:07.720><c> that</c><01:07:08.720><c> I'm</c><01:07:08.839><c> going</c><01:07:09.000><c> to</c><01:07:09.160><c> delete</c><01:07:09.480><c> all</c> 01:07:09.630 --> 01:07:09.640 align:start position:0% go through that I'm going to delete all 01:07:09.640 --> 01:07:12.430 align:start position:0% go through that I'm going to delete all of<01:07:09.799><c> this</c><01:07:10.799><c> now</c><01:07:11.079><c> first</c><01:07:11.400><c> what</c><01:07:11.520><c> is</c><01:07:11.640><c> a</c><01:07:11.760><c> filter</c><01:07:12.279><c> a</c> 01:07:12.430 --> 01:07:12.440 align:start position:0% of this now first what is a filter a 01:07:12.440 --> 01:07:15.829 align:start position:0% of this now first what is a filter a filter<01:07:13.359><c> is</c><01:07:13.520><c> a</c><01:07:13.760><c> way</c><01:07:14.079><c> of</c><01:07:14.319><c> transforming</c><01:07:15.039><c> an</c><01:07:15.279><c> input</c> 01:07:15.829 --> 01:07:15.839 align:start position:0% filter is a way of transforming an input 01:07:15.839 --> 01:07:18.950 align:start position:0% filter is a way of transforming an input or<01:07:16.039><c> a</c><01:07:16.200><c> value</c><01:07:16.760><c> into</c><01:07:17.319><c> another</c><01:07:17.720><c> value</c><01:07:18.559><c> based</c><01:07:18.799><c> on</c> 01:07:18.950 --> 01:07:18.960 align:start position:0% or a value into another value based on 01:07:18.960 --> 01:07:22.750 align:start position:0% or a value into another value based on certain<01:07:19.599><c> conditions</c><01:07:20.599><c> so</c><01:07:21.559><c> there</c><01:07:21.720><c> are</c><01:07:22.480><c> some</c> 01:07:22.750 --> 01:07:22.760 align:start position:0% certain conditions so there are some 01:07:22.760 --> 01:07:24.670 align:start position:0% certain conditions so there are some filters<01:07:23.279><c> that</c><01:07:23.559><c> are</c> 01:07:24.670 --> 01:07:24.680 align:start position:0% filters that are 01:07:24.680 --> 01:07:26.990 align:start position:0% filters that are native<01:07:25.079><c> of</c><01:07:25.279><c> liquid</c><01:07:25.839><c> but</c><01:07:26.079><c> then</c><01:07:26.319><c> there</c><01:07:26.400><c> are</c><01:07:26.760><c> some</c> 01:07:26.990 --> 01:07:27.000 align:start position:0% native of liquid but then there are some 01:07:27.000 --> 01:07:30.029 align:start position:0% native of liquid but then there are some others<01:07:27.440><c> that</c><01:07:27.599><c> are</c><01:07:27.920><c> added</c><01:07:28.279><c> by</c><01:07:28.480><c> Shopify</c><01:07:29.200><c> so</c><01:07:29.799><c> as</c> 01:07:30.029 --> 01:07:30.039 align:start position:0% others that are added by Shopify so as 01:07:30.039 --> 01:07:31.829 align:start position:0% others that are added by Shopify so as liquid<01:07:30.480><c> is</c><01:07:30.640><c> a</c><01:07:30.839><c> template</c><01:07:31.279><c> engine</c><01:07:31.599><c> that</c><01:07:31.760><c> you</c> 01:07:31.829 --> 01:07:31.839 align:start position:0% liquid is a template engine that you 01:07:31.839 --> 01:07:34.589 align:start position:0% liquid is a template engine that you could<01:07:32.119><c> use</c><01:07:32.880><c> in</c><01:07:33.039><c> other</c><01:07:33.359><c> projects</c><01:07:33.920><c> like</c><01:07:34.240><c> I</c><01:07:34.359><c> think</c> 01:07:34.589 --> 01:07:34.599 align:start position:0% could use in other projects like I think 01:07:34.599 --> 01:07:37.150 align:start position:0% could use in other projects like I think 11t<01:07:35.119><c> supports</c><01:07:35.480><c> using</c><01:07:35.760><c> liquid</c><01:07:36.039><c> for</c><01:07:36.200><c> example</c> 01:07:37.150 --> 01:07:37.160 align:start position:0% 11t supports using liquid for example 01:07:37.160 --> 01:07:40.510 align:start position:0% 11t supports using liquid for example you<01:07:37.440><c> there</c><01:07:37.680><c> can</c><01:07:37.880><c> use</c><01:07:38.599><c> also</c><01:07:39.520><c> the</c><01:07:39.760><c> native</c><01:07:40.160><c> liquid</c> 01:07:40.510 --> 01:07:40.520 align:start position:0% you there can use also the native liquid 01:07:40.520 --> 01:07:42.349 align:start position:0% you there can use also the native liquid filters<01:07:41.200><c> but</c><01:07:41.400><c> the</c><01:07:41.520><c> ones</c><01:07:41.720><c> that</c><01:07:41.839><c> are</c><01:07:42.039><c> specific</c> 01:07:42.349 --> 01:07:42.359 align:start position:0% filters but the ones that are specific 01:07:42.359 --> 01:07:44.470 align:start position:0% filters but the ones that are specific to<01:07:42.480><c> Shopify</c><01:07:43.160><c> well</c><01:07:43.319><c> you</c><01:07:43.440><c> cannot</c><01:07:43.720><c> use</c><01:07:44.000><c> them</c> 01:07:44.470 --> 01:07:44.480 align:start position:0% to Shopify well you cannot use them 01:07:44.480 --> 01:07:46.630 align:start position:0% to Shopify well you cannot use them there<01:07:44.760><c> because</c><01:07:45.520><c> they</c><01:07:45.640><c> were</c><01:07:45.880><c> defined</c><01:07:46.279><c> here</c><01:07:46.480><c> in</c> 01:07:46.630 --> 01:07:46.640 align:start position:0% there because they were defined here in 01:07:46.640 --> 01:07:49.029 align:start position:0% there because they were defined here in Shopify<01:07:47.400><c> so</c><01:07:47.880><c> with</c><01:07:48.039><c> that</c><01:07:48.200><c> being</c><01:07:48.359><c> said</c><01:07:48.720><c> let's</c> 01:07:49.029 --> 01:07:49.039 align:start position:0% Shopify so with that being said let's 01:07:49.039 --> 01:07:52.910 align:start position:0% Shopify so with that being said let's start<01:07:49.520><c> with</c><01:07:49.720><c> the</c><01:07:49.960><c> math</c><01:07:50.400><c> a</c><01:07:50.599><c> specific</c><01:07:50.960><c> filter</c><01:07:51.920><c> so</c> 01:07:52.910 --> 01:07:52.920 align:start position:0% start with the math a specific filter so 01:07:52.920 --> 01:07:54.510 align:start position:0% start with the math a specific filter so let's<01:07:53.119><c> say</c><01:07:53.319><c> that</c><01:07:53.440><c> I</c><01:07:53.640><c> have</c> 01:07:54.510 --> 01:07:54.520 align:start position:0% let's say that I have 01:07:54.520 --> 01:07:57.670 align:start position:0% let's say that I have a<01:07:54.720><c> number</c><01:07:55.319><c> here</c><01:07:56.319><c> my</c><01:07:56.559><c> number</c><01:07:57.000><c> and</c><01:07:57.160><c> let's</c><01:07:57.359><c> say</c> 01:07:57.670 --> 01:07:57.680 align:start position:0% a number here my number and let's say 01:07:57.680 --> 01:08:01.069 align:start position:0% a number here my number and let's say that<01:07:58.520><c> I</c><01:07:58.720><c> have</c><01:07:59.039><c> this</c><01:07:59.640><c> as</c> 01:08:01.069 --> 01:08:01.079 align:start position:0% that I have this as 01:08:01.079 --> 01:08:04.510 align:start position:0% that I have this as 10<01:08:02.079><c> so</c><01:08:02.760><c> if</c><01:08:02.880><c> we</c><01:08:03.039><c> wanted</c><01:08:03.359><c> to</c><01:08:03.520><c> do</c><01:08:03.839><c> arithmetic</c> 01:08:04.510 --> 01:08:04.520 align:start position:0% 10 so if we wanted to do arithmetic 01:08:04.520 --> 01:08:06.390 align:start position:0% 10 so if we wanted to do arithmetic operations<01:08:05.279><c> with</c><01:08:05.480><c> this</c><01:08:05.640><c> number</c><01:08:06.039><c> let's</c><01:08:06.240><c> say</c> 01:08:06.390 --> 01:08:06.400 align:start position:0% operations with this number let's say 01:08:06.400 --> 01:08:08.990 align:start position:0% operations with this number let's say that<01:08:06.520><c> I</c><01:08:06.640><c> wanted</c><01:08:06.880><c> to</c><01:08:07.039><c> add</c><01:08:07.599><c> five</c> 01:08:08.990 --> 01:08:09.000 align:start position:0% that I wanted to add five 01:08:09.000 --> 01:08:11.670 align:start position:0% that I wanted to add five to<01:08:10.000><c> in</c><01:08:10.160><c> a</c><01:08:10.359><c> regular</c><01:08:10.720><c> programming</c><01:08:11.119><c> language</c><01:08:11.559><c> you</c> 01:08:11.670 --> 01:08:11.680 align:start position:0% to in a regular programming language you 01:08:11.680 --> 01:08:15.110 align:start position:0% to in a regular programming language you will<01:08:11.839><c> be</c><01:08:11.960><c> able</c><01:08:12.160><c> to</c><01:08:12.279><c> do</c><01:08:12.520><c> something</c><01:08:13.000><c> like</c><01:08:13.440><c> this</c> 01:08:15.110 --> 01:08:15.120 align:start position:0% will be able to do something like this 01:08:15.120 --> 01:08:17.510 align:start position:0% will be able to do something like this sign<01:08:16.120><c> my</c><01:08:16.359><c> new</c> 01:08:17.510 --> 01:08:17.520 align:start position:0% sign my new 01:08:17.520 --> 01:08:21.189 align:start position:0% sign my new number<01:08:18.520><c> is</c><01:08:18.679><c> equal</c><01:08:18.960><c> to</c><01:08:19.239><c> my</c><01:08:19.520><c> number</c><01:08:20.319><c> +</c> 01:08:21.189 --> 01:08:21.199 align:start position:0% number is equal to my number + 01:08:21.199 --> 01:08:24.030 align:start position:0% number is equal to my number + 5<01:08:22.199><c> here</c><01:08:22.759><c> we</c><01:08:22.920><c> can</c><01:08:23.040><c> see</c><01:08:23.279><c> already</c><01:08:23.600><c> that</c><01:08:23.679><c> we</c><01:08:23.920><c> have</c> 01:08:24.030 --> 01:08:24.040 align:start position:0% 5 here we can see already that we have 01:08:24.040 --> 01:08:29.030 align:start position:0% 5 here we can see already that we have an<01:08:24.159><c> error</c><01:08:24.600><c> and</c><01:08:24.799><c> if</c><01:08:24.920><c> I</c><01:08:25.040><c> try</c><01:08:25.279><c> printing</c> 01:08:29.030 --> 01:08:29.040 align:start position:0% 01:08:29.040 --> 01:08:33.110 align:start position:0% this<01:08:30.040><c> I</c><01:08:30.239><c> see</c><01:08:30.679><c> 10</c><01:08:31.679><c> because</c><01:08:32.120><c> this</c><01:08:32.359><c> operation</c><01:08:32.920><c> did</c> 01:08:33.110 --> 01:08:33.120 align:start position:0% this I see 10 because this operation did 01:08:33.120 --> 01:08:37.390 align:start position:0% this I see 10 because this operation did not<01:08:33.719><c> happen</c><01:08:34.719><c> so</c><01:08:35.400><c> how</c><01:08:35.679><c> can</c><01:08:35.920><c> I</c><01:08:36.480><c> add</c><01:08:36.799><c> five</c><01:08:37.040><c> to</c><01:08:37.199><c> my</c> 01:08:37.390 --> 01:08:37.400 align:start position:0% not happen so how can I add five to my 01:08:37.400 --> 01:08:42.030 align:start position:0% not happen so how can I add five to my number<01:08:37.960><c> well</c><01:08:38.319><c> I</c><01:08:38.440><c> can</c><01:08:38.600><c> use</c><01:08:38.839><c> the</c><01:08:39.560><c> plus</c><01:08:40.560><c> five</c> 01:08:42.030 --> 01:08:42.040 align:start position:0% number well I can use the plus five 01:08:42.040 --> 01:08:46.070 align:start position:0% number well I can use the plus five filter<01:08:43.040><c> and</c><01:08:43.159><c> now</c><01:08:43.319><c> I</c><01:08:43.440><c> see</c><01:08:43.679><c> 15</c><01:08:44.359><c> here</c><01:08:45.359><c> if</c><01:08:45.520><c> I</c><01:08:45.679><c> wanted</c> 01:08:46.070 --> 01:08:46.080 align:start position:0% filter and now I see 15 here if I wanted 01:08:46.080 --> 01:08:51.229 align:start position:0% filter and now I see 15 here if I wanted to<01:08:46.279><c> decrease</c><01:08:47.080><c> this</c><01:08:47.440><c> by</c><01:08:47.960><c> five</c><01:08:48.960><c> I</c><01:08:49.080><c> will</c> 01:08:51.229 --> 01:08:51.239 align:start position:0% to decrease this by five I will 01:08:51.239 --> 01:08:56.269 align:start position:0% to decrease this by five I will use<01:08:52.239><c> the</c><01:08:52.440><c> minus</c><01:08:52.880><c> filter</c> 01:08:56.269 --> 01:08:56.279 align:start position:0% 01:08:56.279 --> 01:08:58.550 align:start position:0% and<01:08:56.440><c> now</c><01:08:56.600><c> I</c><01:08:56.759><c> have</c><01:08:57.159><c> I</c><01:08:57.279><c> have</c><01:08:57.520><c> five</c> 01:08:58.550 --> 01:08:58.560 align:start position:0% and now I have I have five 01:08:58.560 --> 01:09:03.110 align:start position:0% and now I have I have five here<01:08:59.560><c> if</c><01:08:59.719><c> I</c><01:08:59.839><c> wanted</c><01:09:00.159><c> to</c><01:09:00.359><c> multiply</c><01:09:01.359><c> by</c><01:09:02.000><c> five</c><01:09:03.000><c> I</c> 01:09:03.110 --> 01:09:03.120 align:start position:0% here if I wanted to multiply by five I 01:09:03.120 --> 01:09:04.149 align:start position:0% here if I wanted to multiply by five I will 01:09:04.149 --> 01:09:04.159 align:start position:0% will 01:09:04.159 --> 01:09:08.590 align:start position:0% will use<01:09:05.159><c> the</c><01:09:05.400><c> times</c> 01:09:08.590 --> 01:09:08.600 align:start position:0% 01:09:08.600 --> 01:09:11.789 align:start position:0% filter<01:09:09.600><c> and</c><01:09:10.040><c> I</c><01:09:10.199><c> have</c><01:09:10.480><c> here</c> 01:09:11.789 --> 01:09:11.799 align:start position:0% filter and I have here 01:09:11.799 --> 01:09:16.030 align:start position:0% filter and I have here 50<01:09:12.799><c> and</c><01:09:12.960><c> if</c><01:09:13.120><c> I</c><01:09:13.239><c> wanted</c><01:09:13.759><c> to</c><01:09:14.400><c> divide</c><01:09:15.120><c> by</c> 01:09:16.030 --> 01:09:16.040 align:start position:0% 50 and if I wanted to divide by 01:09:16.040 --> 01:09:20.550 align:start position:0% 50 and if I wanted to divide by five<01:09:17.040><c> I</c><01:09:17.120><c> will</c><01:09:17.359><c> use</c><01:09:17.799><c> the</c><01:09:18.799><c> divide</c><01:09:19.279><c> by</c> 01:09:20.550 --> 01:09:20.560 align:start position:0% five I will use the divide by 01:09:20.560 --> 01:09:26.510 align:start position:0% five I will use the divide by filter<01:09:21.560><c> and</c><01:09:21.839><c> here</c><01:09:22.159><c> I</c><01:09:22.319><c> have</c><01:09:22.719><c> two</c> 01:09:26.510 --> 01:09:26.520 align:start position:0% 01:09:26.520 --> 01:09:28.789 align:start position:0% now<01:09:26.759><c> earlier</c><01:09:27.159><c> we</c><01:09:27.319><c> said</c><01:09:27.640><c> that</c><01:09:28.159><c> there</c><01:09:28.279><c> were</c><01:09:28.560><c> ways</c> 01:09:28.789 --> 01:09:28.799 align:start position:0% now earlier we said that there were ways 01:09:28.799 --> 01:09:31.070 align:start position:0% now earlier we said that there were ways of<01:09:29.040><c> transforming</c><01:09:30.040><c> a</c><01:09:30.199><c> string</c><01:09:30.600><c> that</c><01:09:30.719><c> contained</c> 01:09:31.070 --> 01:09:31.080 align:start position:0% of transforming a string that contained 01:09:31.080 --> 01:09:35.110 align:start position:0% of transforming a string that contained a<01:09:31.239><c> number</c><01:09:32.279><c> into</c><01:09:33.279><c> a</c><01:09:33.480><c> number</c><01:09:33.799><c> itself</c><01:09:34.359><c> so</c><01:09:34.640><c> here</c><01:09:34.960><c> I</c> 01:09:35.110 --> 01:09:35.120 align:start position:0% a number into a number itself so here I 01:09:35.120 --> 01:09:38.709 align:start position:0% a number into a number itself so here I have<01:09:35.560><c> my</c><01:09:36.199><c> number</c><01:09:37.199><c> and</c><01:09:37.759><c> I</c><01:09:37.920><c> made</c><01:09:38.159><c> this</c><01:09:38.279><c> a</c><01:09:38.440><c> string</c> 01:09:38.709 --> 01:09:38.719 align:start position:0% have my number and I made this a string 01:09:38.719 --> 01:09:41.709 align:start position:0% have my number and I made this a string now<01:09:39.000><c> because</c><01:09:39.359><c> it</c><01:09:39.480><c> is</c><01:09:39.880><c> between</c><01:09:40.359><c> single</c><01:09:40.759><c> quotes</c> 01:09:41.709 --> 01:09:41.719 align:start position:0% now because it is between single quotes 01:09:41.719 --> 01:09:44.590 align:start position:0% now because it is between single quotes and<01:09:41.880><c> if</c><01:09:41.960><c> I</c><01:09:42.120><c> try</c><01:09:42.359><c> doing</c><01:09:42.640><c> something</c><01:09:43.040><c> like</c><01:09:43.600><c> this</c> 01:09:44.590 --> 01:09:44.600 align:start position:0% and if I try doing something like this 01:09:44.600 --> 01:09:51.470 align:start position:0% and if I try doing something like this say<01:09:45.319><c> if</c><01:09:45.640><c> my</c><01:09:45.839><c> number</c><01:09:46.640><c> is</c><01:09:46.960><c> greater</c><01:09:47.759><c> than</c> 01:09:51.470 --> 01:09:51.480 align:start position:0% 01:09:51.480 --> 01:09:54.590 align:start position:0% five<01:09:52.480><c> let's</c><01:09:52.759><c> print</c><01:09:53.400><c> my</c><01:09:53.560><c> know</c><01:09:53.759><c> number</c><01:09:54.320><c> is</c> 01:09:54.590 --> 01:09:54.600 align:start position:0% five let's print my know number is 01:09:54.600 --> 01:09:56.870 align:start position:0% five let's print my know number is greater<01:09:55.159><c> than</c> 01:09:56.870 --> 01:09:56.880 align:start position:0% greater than 01:09:56.880 --> 01:10:01.229 align:start position:0% greater than five<01:09:57.880><c> if</c><01:09:58.040><c> I</c><01:09:58.159><c> save</c> 01:10:01.229 --> 01:10:01.239 align:start position:0% 01:10:01.239 --> 01:10:04.630 align:start position:0% this<01:10:02.239><c> I</c><01:10:02.400><c> see</c><01:10:02.600><c> here</c><01:10:02.800><c> an</c><01:10:02.960><c> error</c><01:10:03.400><c> comparison</c><01:10:04.360><c> of</c><01:10:04.520><c> a</c> 01:10:04.630 --> 01:10:04.640 align:start position:0% this I see here an error comparison of a 01:10:04.640 --> 01:10:07.390 align:start position:0% this I see here an error comparison of a string<01:10:04.960><c> with</c><01:10:05.120><c> five</c><01:10:05.560><c> failed</c><01:10:06.560><c> if</c><01:10:06.679><c> I</c><01:10:06.840><c> wanted</c><01:10:07.239><c> to</c> 01:10:07.390 --> 01:10:07.400 align:start position:0% string with five failed if I wanted to 01:10:07.400 --> 01:10:09.430 align:start position:0% string with five failed if I wanted to convert<01:10:07.960><c> this</c> 01:10:09.430 --> 01:10:09.440 align:start position:0% convert this 01:10:09.440 --> 01:10:12.910 align:start position:0% convert this to<01:10:10.440><c> to</c><01:10:10.640><c> a</c><01:10:10.920><c> number</c><01:10:11.920><c> I</c><01:10:12.000><c> can</c><01:10:12.199><c> do</c><01:10:12.360><c> the</c><01:10:12.480><c> following</c> 01:10:12.910 --> 01:10:12.920 align:start position:0% to to a number I can do the following 01:10:12.920 --> 01:10:15.110 align:start position:0% to to a number I can do the following here<01:10:13.400><c> I</c><01:10:13.520><c> can</c><01:10:13.719><c> say</c> 01:10:15.110 --> 01:10:15.120 align:start position:0% here I can say 01:10:15.120 --> 01:10:19.470 align:start position:0% here I can say assign<01:10:16.120><c> my</c><01:10:16.280><c> new</c><01:10:16.800><c> number</c><01:10:17.800><c> is</c><01:10:17.960><c> equals</c><01:10:18.360><c> to</c><01:10:19.000><c> my</c> 01:10:19.470 --> 01:10:19.480 align:start position:0% assign my new number is equals to my 01:10:19.480 --> 01:10:22.430 align:start position:0% assign my new number is equals to my number<01:10:20.480><c> and</c><01:10:20.679><c> then</c><01:10:21.000><c> I</c><01:10:21.120><c> can</c><01:10:21.280><c> do</c><01:10:21.560><c> any</c><01:10:21.880><c> arithmetic</c> 01:10:22.430 --> 01:10:22.440 align:start position:0% number and then I can do any arithmetic 01:10:22.440 --> 01:10:25.229 align:start position:0% number and then I can do any arithmetic operation<01:10:22.960><c> here</c><01:10:23.719><c> and</c><01:10:23.880><c> that</c><01:10:24.000><c> will</c><01:10:24.199><c> convert</c><01:10:24.600><c> it</c> 01:10:25.229 --> 01:10:25.239 align:start position:0% operation here and that will convert it 01:10:25.239 --> 01:10:28.189 align:start position:0% operation here and that will convert it to<01:10:25.960><c> a</c><01:10:26.159><c> type</c><01:10:26.400><c> number</c><01:10:27.239><c> now</c><01:10:27.480><c> what</c><01:10:27.640><c> if</c><01:10:27.760><c> I</c><01:10:27.880><c> want</c><01:10:28.040><c> to</c> 01:10:28.189 --> 01:10:28.199 align:start position:0% to a type number now what if I want to 01:10:28.199 --> 01:10:30.189 align:start position:0% to a type number now what if I want to keep<01:10:28.360><c> this</c><01:10:28.520><c> as</c><01:10:28.640><c> a</c><01:10:28.760><c> 10</c><01:10:29.080><c> so</c><01:10:29.520><c> maybe</c><01:10:29.760><c> I</c><01:10:29.840><c> don't</c><01:10:30.040><c> want</c> 01:10:30.189 --> 01:10:30.199 align:start position:0% keep this as a 10 so maybe I don't want 01:10:30.199 --> 01:10:32.149 align:start position:0% keep this as a 10 so maybe I don't want to<01:10:30.400><c> add</c><01:10:30.640><c> anything</c><01:10:30.920><c> to</c><01:10:31.120><c> it</c><01:10:31.360><c> or</c><01:10:31.719><c> subtract</c> 01:10:32.149 --> 01:10:32.159 align:start position:0% to add anything to it or subtract 01:10:32.159 --> 01:10:35.149 align:start position:0% to add anything to it or subtract anything<01:10:32.440><c> from</c><01:10:32.719><c> it</c><01:10:33.719><c> I</c><01:10:33.840><c> can</c><01:10:34.080><c> still</c><01:10:34.320><c> do</c><01:10:34.800><c> plus</c> 01:10:35.149 --> 01:10:35.159 align:start position:0% anything from it I can still do plus 01:10:35.159 --> 01:10:37.390 align:start position:0% anything from it I can still do plus zero<01:10:36.120><c> and</c><01:10:36.320><c> that</c><01:10:36.440><c> will</c><01:10:36.679><c> convert</c><01:10:37.000><c> it</c><01:10:37.120><c> to</c><01:10:37.280><c> a</c> 01:10:37.390 --> 01:10:37.400 align:start position:0% zero and that will convert it to a 01:10:37.400 --> 01:10:41.870 align:start position:0% zero and that will convert it to a number<01:10:37.960><c> so</c><01:10:38.320><c> here</c><01:10:38.760><c> I'll</c><01:10:39.000><c> change</c><01:10:39.400><c> this</c><01:10:40.320><c> my</c><01:10:40.480><c> new</c> 01:10:41.870 --> 01:10:41.880 align:start position:0% number so here I'll change this my new 01:10:41.880 --> 01:10:45.669 align:start position:0% number so here I'll change this my new number<01:10:42.880><c> and</c><01:10:43.040><c> now</c><01:10:43.320><c> we</c><01:10:43.400><c> can</c><01:10:43.560><c> see</c><01:10:44.040><c> that</c><01:10:44.280><c> this</c><01:10:44.440><c> work</c> 01:10:45.669 --> 01:10:45.679 align:start position:0% number and now we can see that this work 01:10:45.679 --> 01:10:48.270 align:start position:0% number and now we can see that this work fine<01:10:46.679><c> we</c><01:10:46.880><c> no</c><01:10:47.040><c> longer</c><01:10:47.320><c> get</c><01:10:47.440><c> the</c><01:10:47.560><c> error</c><01:10:47.840><c> and</c><01:10:48.000><c> if</c><01:10:48.120><c> I</c> 01:10:48.270 --> 01:10:48.280 align:start position:0% fine we no longer get the error and if I 01:10:48.280 --> 01:10:52.270 align:start position:0% fine we no longer get the error and if I print<01:10:48.760><c> my</c><01:10:48.920><c> new</c><01:10:49.120><c> number</c> 01:10:52.270 --> 01:10:52.280 align:start position:0% 01:10:52.280 --> 01:10:56.590 align:start position:0% here<01:10:53.280><c> I</c><01:10:53.440><c> get</c><01:10:53.719><c> get</c><01:10:54.320><c> uh</c><01:10:54.480><c> the</c><01:10:54.760><c> 10</c><01:10:55.760><c> that</c><01:10:55.880><c> I</c><01:10:56.000><c> have</c> 01:10:56.590 --> 01:10:56.600 align:start position:0% here I get get uh the 10 that I have 01:10:56.600 --> 01:10:59.950 align:start position:0% here I get get uh the 10 that I have here<01:10:57.600><c> but</c><01:10:57.800><c> this</c><01:10:58.080><c> condition</c><01:10:58.280><c> no</c><01:10:58.440><c> longer</c><01:10:58.960><c> fails</c> 01:10:59.950 --> 01:10:59.960 align:start position:0% here but this condition no longer fails 01:10:59.960 --> 01:11:01.750 align:start position:0% here but this condition no longer fails another<01:11:00.280><c> filter</c><01:11:00.640><c> for</c><01:11:00.920><c> numbers</c><01:11:01.239><c> that</c><01:11:01.360><c> we</c><01:11:01.480><c> have</c> 01:11:01.750 --> 01:11:01.760 align:start position:0% another filter for numbers that we have 01:11:01.760 --> 01:11:06.030 align:start position:0% another filter for numbers that we have access<01:11:02.040><c> to</c><01:11:02.880><c> is</c><01:11:03.080><c> the</c><01:11:03.239><c> modulo</c><01:11:03.719><c> one</c><01:11:04.760><c> so</c><01:11:05.760><c> we</c><01:11:05.880><c> can</c> 01:11:06.030 --> 01:11:06.040 align:start position:0% access to is the modulo one so we can 01:11:06.040 --> 01:11:07.510 align:start position:0% access to is the modulo one so we can use<01:11:06.280><c> this</c><01:11:06.440><c> to</c><01:11:06.600><c> tell</c><01:11:06.800><c> whether</c><01:11:07.000><c> a</c><01:11:07.120><c> number</c><01:11:07.360><c> is</c> 01:11:07.510 --> 01:11:07.520 align:start position:0% use this to tell whether a number is 01:11:07.520 --> 01:11:09.229 align:start position:0% use this to tell whether a number is even<01:11:07.760><c> or</c><01:11:07.920><c> not</c><01:11:08.199><c> so</c><01:11:08.480><c> let's</c><01:11:08.640><c> say</c><01:11:08.800><c> that</c><01:11:08.920><c> I</c><01:11:09.000><c> want</c><01:11:09.120><c> to</c> 01:11:09.229 --> 01:11:09.239 align:start position:0% even or not so let's say that I want to 01:11:09.239 --> 01:11:11.590 align:start position:0% even or not so let's say that I want to do<01:11:09.600><c> if</c><01:11:10.560><c> my</c><01:11:10.760><c> new</c> 01:11:11.590 --> 01:11:11.600 align:start position:0% do if my new 01:11:11.600 --> 01:11:13.350 align:start position:0% do if my new number 01:11:13.350 --> 01:11:13.360 align:start position:0% number 01:11:13.360 --> 01:11:15.149 align:start position:0% number modulo 01:11:15.149 --> 01:11:15.159 align:start position:0% modulo 01:11:15.159 --> 01:11:17.510 align:start position:0% modulo 2<01:11:16.159><c> is</c><01:11:16.360><c> equal</c><01:11:16.640><c> to</c> 01:11:17.510 --> 01:11:17.520 align:start position:0% 2 is equal to 01:11:17.520 --> 01:11:21.990 align:start position:0% 2 is equal to zero<01:11:18.520><c> then</c><01:11:18.679><c> I</c><01:11:18.800><c> want</c><01:11:18.960><c> to</c><01:11:19.320><c> print</c> 01:11:21.990 --> 01:11:22.000 align:start position:0% 01:11:22.000 --> 01:11:27.189 align:start position:0% here<01:11:23.000><c> even</c> 01:11:27.189 --> 01:11:27.199 align:start position:0% 01:11:27.199 --> 01:11:32.870 align:start position:0% otherwise<01:11:28.679><c> of</c><01:11:29.679><c> then</c><01:11:30.320><c> let's</c><01:11:30.719><c> close</c><01:11:31.719><c> this</c><01:11:32.080><c> it</c><01:11:32.400><c> if</c> 01:11:32.870 --> 01:11:32.880 align:start position:0% otherwise of then let's close this it if 01:11:32.880 --> 01:11:34.910 align:start position:0% otherwise of then let's close this it if statement<01:11:33.880><c> and</c><01:11:34.080><c> we</c><01:11:34.199><c> can</c><01:11:34.320><c> see</c><01:11:34.520><c> here</c><01:11:34.679><c> that</c><01:11:34.840><c> we</c> 01:11:34.910 --> 01:11:34.920 align:start position:0% statement and we can see here that we 01:11:34.920 --> 01:11:37.229 align:start position:0% statement and we can see here that we are<01:11:35.080><c> having</c><01:11:35.320><c> an</c><01:11:35.480><c> error</c><01:11:36.080><c> and</c><01:11:36.920><c> this</c><01:11:37.040><c> is</c> 01:11:37.229 --> 01:11:37.239 align:start position:0% are having an error and this is 01:11:37.239 --> 01:11:41.149 align:start position:0% are having an error and this is important<01:11:37.679><c> to</c><01:11:37.840><c> know</c><01:11:38.719><c> you</c><01:11:38.920><c> cannot</c><01:11:39.360><c> use</c><01:11:40.159><c> filters</c> 01:11:41.149 --> 01:11:41.159 align:start position:0% important to know you cannot use filters 01:11:41.159 --> 01:11:43.510 align:start position:0% important to know you cannot use filters in<01:11:41.440><c> the</c><01:11:41.920><c> like</c><01:11:42.040><c> in</c><01:11:42.159><c> the</c><01:11:42.280><c> body</c><01:11:42.679><c> of</c><01:11:43.280><c> in</c><01:11:43.400><c> the</c> 01:11:43.510 --> 01:11:43.520 align:start position:0% in the like in the body of in the 01:11:43.520 --> 01:11:46.229 align:start position:0% in the like in the body of in the Declaration<01:11:44.080><c> sorry</c><01:11:44.480><c> of</c><01:11:44.679><c> a</c><01:11:45.080><c> conditional</c><01:11:45.760><c> or</c><01:11:46.120><c> in</c> 01:11:46.229 --> 01:11:46.239 align:start position:0% Declaration sorry of a conditional or in 01:11:46.239 --> 01:11:48.709 align:start position:0% Declaration sorry of a conditional or in a<01:11:46.400><c> loop</c><01:11:46.960><c> you</c><01:11:47.120><c> instead</c><01:11:47.600><c> have</c><01:11:47.840><c> to</c><01:11:48.320><c> create</c><01:11:48.560><c> an</c> 01:11:48.709 --> 01:11:48.719 align:start position:0% a loop you instead have to create an 01:11:48.719 --> 01:11:52.550 align:start position:0% a loop you instead have to create an intermediary<01:11:49.400><c> variable</c><01:11:49.920><c> here</c><01:11:50.199><c> so</c> 01:11:52.550 --> 01:11:52.560 align:start position:0% 01:11:52.560 --> 01:11:56.790 align:start position:0% assign<01:11:53.639><c> modulo</c><01:11:54.639><c> of</c><01:11:55.000><c> my</c><01:11:55.280><c> number</c><01:11:55.760><c> for</c> 01:11:56.790 --> 01:11:56.800 align:start position:0% assign modulo of my number for 01:11:56.800 --> 01:12:00.550 align:start position:0% assign modulo of my number for example<01:11:57.800><c> and</c><01:11:57.920><c> I'll</c><01:11:58.159><c> copy</c> 01:12:00.550 --> 01:12:00.560 align:start position:0% 01:12:00.560 --> 01:12:05.629 align:start position:0% this<01:12:01.560><c> and</c><01:12:01.719><c> now</c><01:12:01.880><c> I</c><01:12:02.000><c> can</c><01:12:02.239><c> say</c><01:12:03.000><c> if</c><01:12:03.320><c> modulo</c><01:12:04.000><c> of</c><01:12:04.159><c> my</c> 01:12:05.629 --> 01:12:05.639 align:start position:0% this and now I can say if modulo of my 01:12:05.639 --> 01:12:08.550 align:start position:0% this and now I can say if modulo of my number<01:12:06.639><c> is</c><01:12:06.840><c> equal</c><01:12:07.120><c> to</c><01:12:07.320><c> zero</c><01:12:07.920><c> then</c><01:12:08.159><c> even</c> 01:12:08.550 --> 01:12:08.560 align:start position:0% number is equal to zero then even 01:12:08.560 --> 01:12:11.510 align:start position:0% number is equal to zero then even otherwise<01:12:09.080><c> odd</c><01:12:09.679><c> so</c><01:12:09.960><c> here</c><01:12:10.239><c> we</c><01:12:10.360><c> can</c><01:12:10.480><c> see</c><01:12:10.719><c> even</c> 01:12:11.510 --> 01:12:11.520 align:start position:0% otherwise odd so here we can see even 01:12:11.520 --> 01:12:15.870 align:start position:0% otherwise odd so here we can see even and<01:12:11.679><c> if</c><01:12:11.800><c> I</c><01:12:11.960><c> make</c><01:12:12.719><c> this</c><01:12:13.719><c> uh</c><01:12:13.960><c> let's</c><01:12:14.159><c> say</c><01:12:14.320><c> an</c> 01:12:15.870 --> 01:12:15.880 align:start position:0% and if I make this uh let's say an 01:12:15.880 --> 01:12:20.950 align:start position:0% and if I make this uh let's say an 11<01:12:16.880><c> we</c><01:12:17.040><c> shall</c><01:12:17.280><c> see</c><01:12:17.679><c> all</c><01:12:18.040><c> being</c><01:12:18.320><c> printed</c><01:12:19.159><c> here</c> 01:12:20.950 --> 01:12:20.960 align:start position:0% 11 we shall see all being printed here 01:12:20.960 --> 01:12:23.750 align:start position:0% 11 we shall see all being printed here correct<01:12:21.960><c> so</c><01:12:22.280><c> basically</c><01:12:22.719><c> modulo</c><01:12:23.199><c> is</c><01:12:23.360><c> the</c><01:12:23.520><c> the</c> 01:12:23.750 --> 01:12:23.760 align:start position:0% correct so basically modulo is the the 01:12:23.760 --> 01:12:26.229 align:start position:0% correct so basically modulo is the the remainder<01:12:24.199><c> that</c><01:12:24.320><c> you</c><01:12:24.480><c> get</c><01:12:24.679><c> when</c><01:12:24.800><c> you</c><01:12:25.239><c> divide</c> 01:12:26.229 --> 01:12:26.239 align:start position:0% remainder that you get when you divide 01:12:26.239 --> 01:12:29.669 align:start position:0% remainder that you get when you divide this<01:12:26.520><c> 11</c><01:12:27.280><c> by</c><01:12:27.600><c> two</c><01:12:28.600><c> so</c><01:12:28.840><c> if</c><01:12:28.960><c> the</c><01:12:29.199><c> remainder</c><01:12:29.480><c> of</c> 01:12:29.669 --> 01:12:29.679 align:start position:0% this 11 by two so if the remainder of 01:12:29.679 --> 01:12:32.310 align:start position:0% this 11 by two so if the remainder of that<01:12:29.840><c> is</c><01:12:30.480><c> different</c><01:12:30.840><c> than</c><01:12:31.080><c> zero</c><01:12:31.600><c> that</c><01:12:31.760><c> means</c> 01:12:32.310 --> 01:12:32.320 align:start position:0% that is different than zero that means 01:12:32.320 --> 01:12:35.629 align:start position:0% that is different than zero that means that<01:12:32.480><c> the</c><01:12:32.600><c> number</c><01:12:33.040><c> is</c><01:12:33.360><c> odd</c><01:12:33.920><c> or</c><01:12:34.480><c> otherwise</c><01:12:35.480><c> it</c> 01:12:35.629 --> 01:12:35.639 align:start position:0% that the number is odd or otherwise it 01:12:35.639 --> 01:12:37.110 align:start position:0% that the number is odd or otherwise it will<01:12:35.800><c> be</c><01:12:36.000><c> zero</c><01:12:36.360><c> and</c><01:12:36.520><c> that</c><01:12:36.639><c> means</c><01:12:36.880><c> that</c><01:12:37.000><c> the</c> 01:12:37.110 --> 01:12:37.120 align:start position:0% will be zero and that means that the 01:12:37.120 --> 01:12:39.270 align:start position:0% will be zero and that means that the number<01:12:37.560><c> is</c> 01:12:39.270 --> 01:12:39.280 align:start position:0% number is 01:12:39.280 --> 01:12:42.030 align:start position:0% number is even<01:12:40.280><c> something</c><01:12:40.639><c> else</c><01:12:40.880><c> we</c><01:12:41.000><c> can</c><01:12:41.199><c> do</c><01:12:41.840><c> let's</c> 01:12:42.030 --> 01:12:42.040 align:start position:0% even something else we can do let's 01:12:42.040 --> 01:12:45.629 align:start position:0% even something else we can do let's create<01:12:42.320><c> a</c><01:12:42.440><c> different</c><01:12:42.679><c> variable</c><01:12:43.120><c> here</c><01:12:44.000><c> my</c><01:12:44.639><c> apps</c> 01:12:45.629 --> 01:12:45.639 align:start position:0% create a different variable here my apps 01:12:45.639 --> 01:12:49.950 align:start position:0% create a different variable here my apps number<01:12:46.639><c> and</c><01:12:46.840><c> let's</c><01:12:47.159><c> equal</c><01:12:47.560><c> this</c><01:12:47.760><c> to</c><01:12:48.440><c> minus</c> 01:12:49.950 --> 01:12:49.960 align:start position:0% number and let's equal this to minus 01:12:49.960 --> 01:12:52.430 align:start position:0% number and let's equal this to minus 11<01:12:50.960><c> if</c><01:12:51.080><c> I</c><01:12:51.239><c> print</c> 01:12:52.430 --> 01:12:52.440 align:start position:0% 11 if I print 01:12:52.440 --> 01:12:57.790 align:start position:0% 11 if I print this 01:12:57.790 --> 01:12:57.800 align:start position:0% 01:12:57.800 --> 01:13:00.229 align:start position:0% I<01:12:57.960><c> get</c><01:12:58.199><c> obviously</c><01:12:58.639><c> minus</c><01:12:59.000><c> 11</c><01:12:59.480><c> because</c><01:13:00.040><c> that's</c> 01:13:00.229 --> 01:13:00.239 align:start position:0% I get obviously minus 11 because that's 01:13:00.239 --> 01:13:03.310 align:start position:0% I get obviously minus 11 because that's what<01:13:00.360><c> I</c><01:13:00.600><c> assign</c><01:13:01.600><c> this</c><01:13:01.800><c> variable</c><01:13:02.159><c> too</c><01:13:02.920><c> however</c> 01:13:03.310 --> 01:13:03.320 align:start position:0% what I assign this variable too however 01:13:03.320 --> 01:13:05.030 align:start position:0% what I assign this variable too however if<01:13:03.440><c> I</c><01:13:03.560><c> wanted</c><01:13:03.800><c> to</c><01:13:03.920><c> get</c><01:13:04.080><c> the</c><01:13:04.199><c> absolute</c><01:13:04.639><c> value</c><01:13:04.880><c> of</c> 01:13:05.030 --> 01:13:05.040 align:start position:0% if I wanted to get the absolute value of 01:13:05.040 --> 01:13:07.310 align:start position:0% if I wanted to get the absolute value of this<01:13:05.199><c> for</c><01:13:05.360><c> some</c><01:13:05.560><c> reason</c><01:13:06.280><c> I</c><01:13:06.400><c> can</c><01:13:06.560><c> use</c><01:13:06.800><c> the</c><01:13:07.000><c> ABS</c> 01:13:07.310 --> 01:13:07.320 align:start position:0% this for some reason I can use the ABS 01:13:07.320 --> 01:13:10.790 align:start position:0% this for some reason I can use the ABS filter<01:13:07.960><c> of</c><01:13:08.239><c> absolute</c><01:13:08.920><c> value</c><01:13:09.920><c> and</c><01:13:10.080><c> I</c><01:13:10.239><c> get</c><01:13:10.440><c> now</c> 01:13:10.790 --> 01:13:10.800 align:start position:0% filter of absolute value and I get now 01:13:10.800 --> 01:13:13.550 align:start position:0% filter of absolute value and I get now an 01:13:13.550 --> 01:13:13.560 align:start position:0% 01:13:13.560 --> 01:13:17.070 align:start position:0% 11<01:13:14.560><c> we</c><01:13:14.760><c> also</c><01:13:15.159><c> can</c><01:13:15.520><c> round</c><01:13:15.920><c> numbers</c><01:13:16.480><c> with</c><01:13:16.679><c> Filter</c> 01:13:17.070 --> 01:13:17.080 align:start position:0% 11 we also can round numbers with Filter 01:13:17.080 --> 01:13:19.950 align:start position:0% 11 we also can round numbers with Filter so<01:13:17.280><c> let's</c><01:13:17.560><c> say</c><01:13:17.719><c> that</c><01:13:17.880><c> I</c><01:13:18.040><c> have</c><01:13:18.320><c> a</c><01:13:18.520><c> variable</c><01:13:19.040><c> here</c> 01:13:19.950 --> 01:13:19.960 align:start position:0% so let's say that I have a variable here 01:13:19.960 --> 01:13:23.990 align:start position:0% so let's say that I have a variable here my<01:13:20.719><c> rounded</c><01:13:21.520><c> number</c><01:13:22.520><c> and</c><01:13:22.760><c> let's</c><01:13:23.480><c> equal</c><01:13:23.880><c> this</c> 01:13:23.990 --> 01:13:24.000 align:start position:0% my rounded number and let's equal this 01:13:24.000 --> 01:13:25.910 align:start position:0% my rounded number and let's equal this to 01:13:25.910 --> 01:13:25.920 align:start position:0% to 01:13:25.920 --> 01:13:31.870 align:start position:0% to 10.4<01:13:26.920><c> if</c><01:13:27.040><c> I</c><01:13:27.199><c> print</c><01:13:27.760><c> this</c><01:13:28.760><c> I</c><01:13:28.960><c> round</c><01:13:29.199><c> the</c> 01:13:31.870 --> 01:13:31.880 align:start position:0% 01:13:31.880 --> 01:13:36.310 align:start position:0% number<01:13:32.880><c> I'll</c><01:13:33.080><c> see</c><01:13:33.320><c> there</c><01:13:33.480><c> at</c><01:13:33.880><c> 10.4</c><01:13:35.040><c> but</c><01:13:36.040><c> if</c><01:13:36.199><c> I</c> 01:13:36.310 --> 01:13:36.320 align:start position:0% number I'll see there at 10.4 but if I 01:13:36.320 --> 01:13:38.750 align:start position:0% number I'll see there at 10.4 but if I say<01:13:36.600><c> round</c> 01:13:38.750 --> 01:13:38.760 align:start position:0% say round 01:13:38.760 --> 01:13:41.790 align:start position:0% say round here<01:13:39.760><c> I</c><01:13:39.920><c> see</c><01:13:40.159><c> a</c><01:13:40.320><c> 10</c> 01:13:41.790 --> 01:13:41.800 align:start position:0% here I see a 10 01:13:41.800 --> 01:13:45.750 align:start position:0% here I see a 10 now<01:13:42.800><c> because</c><01:13:43.719><c> it</c><01:13:43.840><c> is</c><01:13:44.080><c> CLO</c><01:13:44.480><c> this</c><01:13:44.639><c> 10.4</c><01:13:45.520><c> is</c> 01:13:45.750 --> 01:13:45.760 align:start position:0% now because it is CLO this 10.4 is 01:13:45.760 --> 01:13:49.430 align:start position:0% now because it is CLO this 10.4 is closer<01:13:46.159><c> to</c><01:13:46.360><c> 10</c><01:13:46.840><c> than</c><01:13:47.040><c> it</c><01:13:47.159><c> is</c><01:13:47.400><c> to</c><01:13:48.280><c> 11</c><01:13:49.080><c> however</c><01:13:49.320><c> if</c> 01:13:49.430 --> 01:13:49.440 align:start position:0% closer to 10 than it is to 11 however if 01:13:49.440 --> 01:13:52.350 align:start position:0% closer to 10 than it is to 11 however if I<01:13:49.560><c> make</c><01:13:49.800><c> this</c><01:13:49.920><c> at</c> 01:13:52.350 --> 01:13:52.360 align:start position:0% 01:13:52.360 --> 01:13:54.110 align:start position:0% 10.6 01:13:54.110 --> 01:13:54.120 align:start position:0% 10.6 01:13:54.120 --> 01:13:55.629 align:start position:0% 10.6 I<01:13:54.280><c> get</c><01:13:54.520><c> here</c><01:13:54.840><c> an</c> 01:13:55.629 --> 01:13:55.639 align:start position:0% I get here an 01:13:55.639 --> 01:13:58.709 align:start position:0% I get here an 11<01:13:56.639><c> and</c><01:13:56.760><c> if</c><01:13:56.880><c> I</c><01:13:57.040><c> make</c><01:13:57.199><c> this</c><01:13:57.320><c> a</c><01:13:57.480><c> 10.5</c><01:13:58.199><c> which</c><01:13:58.480><c> is</c> 01:13:58.709 --> 01:13:58.719 align:start position:0% 11 and if I make this a 10.5 which is 01:13:58.719 --> 01:14:01.390 align:start position:0% 11 and if I make this a 10.5 which is right<01:13:58.840><c> in</c><01:13:58.960><c> the</c><01:13:59.239><c> middle</c><01:14:00.239><c> I</c><01:14:00.360><c> get</c><01:14:00.520><c> an</c><01:14:00.679><c> 11</c><01:14:01.080><c> because</c> 01:14:01.390 --> 01:14:01.400 align:start position:0% right in the middle I get an 11 because 01:14:01.400 --> 01:14:04.110 align:start position:0% right in the middle I get an 11 because it<01:14:01.600><c> defaults</c><01:14:02.080><c> to</c><01:14:02.840><c> moving</c> 01:14:04.110 --> 01:14:04.120 align:start position:0% it defaults to moving 01:14:04.120 --> 01:14:06.590 align:start position:0% it defaults to moving upwards<01:14:05.120><c> however</c><01:14:05.400><c> if</c><01:14:05.560><c> I</c><01:14:05.719><c> want</c><01:14:05.880><c> to</c><01:14:06.080><c> force</c><01:14:06.440><c> this</c> 01:14:06.590 --> 01:14:06.600 align:start position:0% upwards however if I want to force this 01:14:06.600 --> 01:14:08.950 align:start position:0% upwards however if I want to force this to<01:14:06.760><c> go</c><01:14:07.000><c> down</c><01:14:07.480><c> I</c><01:14:07.600><c> can</c><01:14:07.760><c> use</c> 01:14:08.950 --> 01:14:08.960 align:start position:0% to go down I can use 01:14:08.960 --> 01:14:12.350 align:start position:0% to go down I can use floor<01:14:09.960><c> which</c><01:14:10.080><c> will</c><01:14:10.280><c> go</c><01:14:10.480><c> to</c> 01:14:12.350 --> 01:14:12.360 align:start position:0% floor which will go to 01:14:12.360 --> 01:14:15.750 align:start position:0% floor which will go to 10<01:14:13.360><c> and</c><01:14:13.800><c> likewise</c><01:14:14.320><c> if</c><01:14:14.480><c> I</c><01:14:14.639><c> have</c><01:14:14.840><c> here</c><01:14:15.000><c> a</c> 01:14:15.750 --> 01:14:15.760 align:start position:0% 10 and likewise if I have here a 01:14:15.760 --> 01:14:19.709 align:start position:0% 10 and likewise if I have here a 10.6<01:14:16.760><c> sorry</c><01:14:17.040><c> a</c><01:14:17.560><c> 10.4</c><01:14:18.560><c> but</c><01:14:18.719><c> I</c><01:14:18.840><c> want</c><01:14:19.000><c> to</c><01:14:19.239><c> go</c><01:14:19.520><c> to</c> 01:14:19.709 --> 01:14:19.719 align:start position:0% 10.6 sorry a 10.4 but I want to go to 01:14:19.719 --> 01:14:25.430 align:start position:0% 10.6 sorry a 10.4 but I want to go to the<01:14:19.920><c> next</c><01:14:20.159><c> one</c><01:14:20.679><c> nonetheless</c><01:14:21.679><c> I</c><01:14:21.800><c> can</c><01:14:22.000><c> use</c><01:14:22.360><c> seal</c> 01:14:25.430 --> 01:14:25.440 align:start position:0% 01:14:25.440 --> 01:14:29.030 align:start position:0% and<01:14:25.600><c> this</c><01:14:25.719><c> will</c><01:14:26.120><c> be</c><01:14:26.280><c> moved</c><01:14:26.600><c> to</c><01:14:26.760><c> 11</c><01:14:27.679><c> now</c><01:14:28.679><c> and</c><01:14:28.840><c> the</c> 01:14:29.030 --> 01:14:29.040 align:start position:0% and this will be moved to 11 now and the 01:14:29.040 --> 01:14:30.870 align:start position:0% and this will be moved to 11 now and the last<01:14:29.239><c> two</c><01:14:29.440><c> filters</c><01:14:29.880><c> for</c><01:14:30.120><c> numbers</c><01:14:30.560><c> that</c><01:14:30.719><c> we'll</c> 01:14:30.870 --> 01:14:30.880 align:start position:0% last two filters for numbers that we'll 01:14:30.880 --> 01:14:33.750 align:start position:0% last two filters for numbers that we'll see<01:14:31.239><c> are</c><01:14:31.560><c> at</c><01:14:31.800><c> most</c><01:14:32.199><c> and</c><01:14:32.440><c> at</c><01:14:32.679><c> least</c><01:14:33.239><c> so</c><01:14:33.560><c> let's</c> 01:14:33.750 --> 01:14:33.760 align:start position:0% see are at most and at least so let's 01:14:33.760 --> 01:14:37.550 align:start position:0% see are at most and at least so let's create<01:14:33.960><c> a</c><01:14:34.120><c> value</c><01:14:34.440><c> here</c><01:14:35.239><c> my</c><01:14:35.560><c> Capp</c> 01:14:37.550 --> 01:14:37.560 align:start position:0% create a value here my Capp 01:14:37.560 --> 01:14:41.430 align:start position:0% create a value here my Capp value<01:14:38.560><c> and</c><01:14:38.880><c> I'll</c><01:14:39.040><c> say</c><01:14:39.360><c> that</c><01:14:39.639><c> this</c><01:14:39.800><c> is</c> 01:14:41.430 --> 01:14:41.440 align:start position:0% value and I'll say that this is 01:14:41.440 --> 01:14:48.830 align:start position:0% value and I'll say that this is 100<01:14:42.440><c> if</c><01:14:42.639><c> I</c><01:14:42.880><c> print</c><01:14:43.199><c> this</c><01:14:43.480><c> here</c><01:14:44.400><c> my</c><01:14:44.679><c> cap</c> 01:14:48.830 --> 01:14:48.840 align:start position:0% 01:14:48.840 --> 01:14:53.790 align:start position:0% value<01:14:49.840><c> I</c><01:14:49.960><c> get</c><01:14:50.320><c> 100</c><01:14:51.320><c> but</c><01:14:51.560><c> now</c><01:14:51.920><c> I</c><01:14:52.040><c> can</c><01:14:52.280><c> say</c><01:14:53.520><c> that</c> 01:14:53.790 --> 01:14:53.800 align:start position:0% value I get 100 but now I can say that 01:14:53.800 --> 01:14:55.310 align:start position:0% value I get 100 but now I can say that this<01:14:54.280><c> at</c> 01:14:55.310 --> 01:14:55.320 align:start position:0% this at 01:14:55.320 --> 01:15:00.510 align:start position:0% this at most<01:14:56.320><c> can</c><01:14:57.040><c> be</c> 01:15:00.510 --> 01:15:00.520 align:start position:0% 01:15:00.520 --> 01:15:04.229 align:start position:0% 80<01:15:01.520><c> and</c><01:15:01.639><c> now</c><01:15:01.880><c> here</c><01:15:02.080><c> I</c><01:15:02.239><c> get</c><01:15:02.360><c> an</c><01:15:02.520><c> 80</c><01:15:03.520><c> because</c><01:15:04.040><c> this</c> 01:15:04.229 --> 01:15:04.239 align:start position:0% 80 and now here I get an 80 because this 01:15:04.239 --> 01:15:07.470 align:start position:0% 80 and now here I get an 80 because this goes<01:15:04.679><c> above</c><01:15:05.120><c> this</c><01:15:05.679><c> 80</c><01:15:06.679><c> however</c><01:15:06.880><c> if</c><01:15:07.000><c> I</c><01:15:07.159><c> make</c> 01:15:07.470 --> 01:15:07.480 align:start position:0% goes above this 80 however if I make 01:15:07.480 --> 01:15:09.990 align:start position:0% goes above this 80 however if I make this<01:15:08.159><c> a</c> 01:15:09.990 --> 01:15:10.000 align:start position:0% this a 01:15:10.000 --> 01:15:12.510 align:start position:0% this a 60<01:15:11.000><c> I</c><01:15:11.080><c> will</c><01:15:11.280><c> get</c><01:15:11.440><c> the</c><01:15:11.560><c> actual</c><01:15:11.840><c> number</c><01:15:12.199><c> instead</c> 01:15:12.510 --> 01:15:12.520 align:start position:0% 60 I will get the actual number instead 01:15:12.520 --> 01:15:16.870 align:start position:0% 60 I will get the actual number instead of<01:15:12.760><c> the</c><01:15:13.600><c> cap</c><01:15:14.120><c> value</c><01:15:15.120><c> likewise</c><01:15:15.719><c> I</c><01:15:15.840><c> can</c><01:15:16.040><c> use</c><01:15:16.520><c> at</c> 01:15:16.870 --> 01:15:16.880 align:start position:0% of the cap value likewise I can use at 01:15:16.880 --> 01:15:20.910 align:start position:0% of the cap value likewise I can use at least<01:15:17.880><c> and</c><01:15:18.040><c> I</c><01:15:18.159><c> can</c><01:15:18.320><c> say</c><01:15:18.800><c> that</c><01:15:19.080><c> this</c><01:15:20.080><c> can</c><01:15:20.639><c> can't</c> 01:15:20.910 --> 01:15:20.920 align:start position:0% least and I can say that this can can't 01:15:20.920 --> 01:15:25.910 align:start position:0% least and I can say that this can can't go<01:15:21.159><c> below</c><01:15:21.560><c> 70</c><01:15:22.520><c> so</c><01:15:23.639><c> now</c><01:15:23.880><c> here</c><01:15:24.120><c> I</c><01:15:24.239><c> see</c><01:15:24.440><c> a</c><01:15:24.760><c> 70</c><01:15:25.760><c> but</c> 01:15:25.910 --> 01:15:25.920 align:start position:0% go below 70 so now here I see a 70 but 01:15:25.920 --> 01:15:29.350 align:start position:0% go below 70 so now here I see a 70 but if<01:15:26.040><c> I</c><01:15:26.199><c> make</c><01:15:26.480><c> this</c> 01:15:29.350 --> 01:15:29.360 align:start position:0% 01:15:29.360 --> 01:15:33.709 align:start position:0% 100<01:15:30.360><c> I'll</c><01:15:30.639><c> get</c><01:15:31.239><c> the</c><01:15:31.719><c> exact</c><01:15:32.159><c> 100</c><01:15:32.440><c> value</c><01:15:33.000><c> that</c> 01:15:33.709 --> 01:15:33.719 align:start position:0% 100 I'll get the exact 100 value that 01:15:33.719 --> 01:15:37.550 align:start position:0% 100 I'll get the exact 100 value that I<01:15:34.719><c> that</c><01:15:34.840><c> I</c><01:15:35.000><c> assigned</c><01:15:35.360><c> to</c><01:15:35.520><c> this</c><01:15:35.719><c> variable</c><01:15:36.560><c> here</c> 01:15:37.550 --> 01:15:37.560 align:start position:0% I that I assigned to this variable here 01:15:37.560 --> 01:15:39.310 align:start position:0% I that I assigned to this variable here and<01:15:37.679><c> now</c><01:15:37.880><c> that</c><01:15:38.000><c> we've</c><01:15:38.159><c> seen</c><01:15:38.400><c> numeric</c><01:15:38.760><c> filters</c> 01:15:39.310 --> 01:15:39.320 align:start position:0% and now that we've seen numeric filters 01:15:39.320 --> 01:15:41.590 align:start position:0% and now that we've seen numeric filters let's<01:15:39.480><c> see</c><01:15:39.679><c> a</c><01:15:39.800><c> string</c><01:15:40.080><c> filter</c><01:15:40.679><c> so</c><01:15:41.080><c> I'll</c><01:15:41.280><c> delete</c> 01:15:41.590 --> 01:15:41.600 align:start position:0% let's see a string filter so I'll delete 01:15:41.600 --> 01:15:43.430 align:start position:0% let's see a string filter so I'll delete all<01:15:41.679><c> of</c><01:15:41.920><c> this</c><01:15:42.480><c> and</c><01:15:42.600><c> let's</c><01:15:42.840><c> start</c><01:15:43.040><c> by</c><01:15:43.159><c> creating</c> 01:15:43.430 --> 01:15:43.440 align:start position:0% all of this and let's start by creating 01:15:43.440 --> 01:15:47.229 align:start position:0% all of this and let's start by creating a<01:15:43.560><c> variable</c><01:15:44.440><c> here</c><01:15:45.440><c> my</c><01:15:45.800><c> string</c><01:15:46.800><c> this</c><01:15:46.880><c> will</c><01:15:47.040><c> be</c> 01:15:47.229 --> 01:15:47.239 align:start position:0% a variable here my string this will be 01:15:47.239 --> 01:15:49.830 align:start position:0% a variable here my string this will be equal<01:15:47.480><c> to</c><01:15:47.760><c> hello</c> 01:15:49.830 --> 01:15:49.840 align:start position:0% equal to hello 01:15:49.840 --> 01:15:54.990 align:start position:0% equal to hello world<01:15:50.840><c> and</c><01:15:51.080><c> let's</c><01:15:51.400><c> print</c><01:15:51.800><c> this</c><01:15:52.520><c> my</c><01:15:52.719><c> string</c> 01:15:54.990 --> 01:15:55.000 align:start position:0% world and let's print this my string 01:15:55.000 --> 01:15:57.390 align:start position:0% world and let's print this my string and<01:15:55.159><c> I</c><01:15:55.280><c> should</c><01:15:55.480><c> see</c><01:15:55.800><c> this</c><01:15:56.120><c> over</c> 01:15:57.390 --> 01:15:57.400 align:start position:0% and I should see this over 01:15:57.400 --> 01:15:59.629 align:start position:0% and I should see this over here<01:15:58.400><c> and</c><01:15:58.560><c> now</c><01:15:58.840><c> let's</c><01:15:59.120><c> start</c><01:15:59.320><c> applying</c> 01:15:59.629 --> 01:15:59.639 align:start position:0% here and now let's start applying 01:15:59.639 --> 01:16:01.790 align:start position:0% here and now let's start applying filters<01:16:00.000><c> to</c><01:16:00.199><c> this</c><01:16:00.440><c> so</c><01:16:01.159><c> some</c><01:16:01.320><c> of</c><01:16:01.440><c> the</c><01:16:01.560><c> most</c> 01:16:01.790 --> 01:16:01.800 align:start position:0% filters to this so some of the most 01:16:01.800 --> 01:16:05.870 align:start position:0% filters to this so some of the most common<01:16:02.159><c> ones</c><01:16:02.960><c> are</c><01:16:03.239><c> for</c><01:16:03.760><c> example</c><01:16:04.760><c> upase</c><01:16:05.600><c> if</c><01:16:05.719><c> we</c> 01:16:05.870 --> 01:16:05.880 align:start position:0% common ones are for example upase if we 01:16:05.880 --> 01:16:08.830 align:start position:0% common ones are for example upase if we wanted<01:16:06.239><c> this</c><01:16:06.360><c> to</c><01:16:06.480><c> be</c><01:16:06.600><c> an</c> 01:16:08.830 --> 01:16:08.840 align:start position:0% 01:16:08.840 --> 01:16:11.470 align:start position:0% uppercase<01:16:09.840><c> down</c><01:16:10.280><c> case</c><01:16:10.600><c> if</c><01:16:10.719><c> we</c><01:16:10.840><c> wanted</c><01:16:11.199><c> this</c><01:16:11.360><c> to</c> 01:16:11.470 --> 01:16:11.480 align:start position:0% uppercase down case if we wanted this to 01:16:11.480 --> 01:16:13.750 align:start position:0% uppercase down case if we wanted this to be<01:16:12.159><c> all</c><01:16:12.400><c> in</c><01:16:12.520><c> lower</c><01:16:12.920><c> case</c><01:16:13.120><c> and</c><01:16:13.280><c> for</c><01:16:13.520><c> this</c><01:16:13.639><c> to</c> 01:16:13.750 --> 01:16:13.760 align:start position:0% be all in lower case and for this to 01:16:13.760 --> 01:16:16.070 align:start position:0% be all in lower case and for this to make<01:16:13.960><c> more</c><01:16:14.199><c> sense</c><01:16:14.800><c> let's</c><01:16:15.000><c> say</c><01:16:15.280><c> hello</c><01:16:15.679><c> world</c> 01:16:16.070 --> 01:16:16.080 align:start position:0% make more sense let's say hello world 01:16:16.080 --> 01:16:19.110 align:start position:0% make more sense let's say hello world here<01:16:16.400><c> like</c> 01:16:19.110 --> 01:16:19.120 align:start position:0% 01:16:19.120 --> 01:16:21.669 align:start position:0% this<01:16:20.120><c> and</c><01:16:20.360><c> if</c><01:16:20.480><c> we</c><01:16:20.719><c> move</c><01:16:20.920><c> this</c><01:16:21.000><c> filter</c><01:16:21.400><c> here</c><01:16:21.560><c> you</c> 01:16:21.669 --> 01:16:21.679 align:start position:0% this and if we move this filter here you 01:16:21.679 --> 01:16:23.910 align:start position:0% this and if we move this filter here you will<01:16:21.800><c> see</c><01:16:22.159><c> that</c><01:16:22.719><c> this</c><01:16:22.880><c> change</c> 01:16:23.910 --> 01:16:23.920 align:start position:0% will see that this change 01:16:23.920 --> 01:16:28.590 align:start position:0% will see that this change made<01:16:24.920><c> is</c><01:16:25.080><c> showing</c><01:16:25.400><c> the</c><01:16:26.000><c> first</c><01:16:26.280><c> word</c><01:16:27.080><c> in</c> 01:16:28.590 --> 01:16:28.600 align:start position:0% made is showing the first word in 01:16:28.600 --> 01:16:36.750 align:start position:0% made is showing the first word in uppercase<01:16:29.600><c> we</c><01:16:29.760><c> can</c><01:16:29.960><c> also</c><01:16:30.239><c> use</c><01:16:30.880><c> capitalize</c> 01:16:36.750 --> 01:16:36.760 align:start position:0% 01:16:36.760 --> 01:16:40.590 align:start position:0% here<01:16:37.760><c> another</c><01:16:38.080><c> filter</c><01:16:38.480><c> we</c><01:16:38.560><c> can</c><01:16:38.760><c> use</c><01:16:39.400><c> is</c><01:16:39.760><c> aend</c> 01:16:40.590 --> 01:16:40.600 align:start position:0% here another filter we can use is aend 01:16:40.600 --> 01:16:45.229 align:start position:0% here another filter we can use is aend here<01:16:42.040><c> so</c><01:16:43.040><c> some</c><01:16:43.560><c> extra</c> 01:16:45.229 --> 01:16:45.239 align:start position:0% here so some extra 01:16:45.239 --> 01:16:48.310 align:start position:0% here so some extra text<01:16:46.239><c> if</c><01:16:46.400><c> I</c><01:16:46.560><c> put</c><01:16:46.800><c> this</c><01:16:47.000><c> this</c> 01:16:48.310 --> 01:16:48.320 align:start position:0% text if I put this this 01:16:48.320 --> 01:16:51.629 align:start position:0% text if I put this this way<01:16:49.320><c> then</c><01:16:49.520><c> I</c><01:16:49.679><c> get</c><01:16:49.840><c> it</c><01:16:50.040><c> like</c><01:16:50.239><c> this</c><01:16:50.880><c> I</c><01:16:50.960><c> can</c><01:16:51.199><c> also</c> 01:16:51.629 --> 01:16:51.639 align:start position:0% way then I get it like this I can also 01:16:51.639 --> 01:16:56.470 align:start position:0% way then I get it like this I can also put<01:16:51.960><c> variables</c><01:16:52.480><c> here</c><01:16:52.760><c> so</c><01:16:53.440><c> I</c><01:16:53.520><c> can</c><01:16:53.960><c> say</c><01:16:54.960><c> my</c><01:16:55.159><c> old</c> 01:16:56.470 --> 01:16:56.480 align:start position:0% put variables here so I can say my old 01:16:56.480 --> 01:17:00.030 align:start position:0% put variables here so I can say my old string<01:16:57.480><c> and</c><01:16:57.679><c> this</c><01:16:57.800><c> will</c><01:16:57.960><c> be</c><01:16:58.120><c> equal</c><01:16:58.480><c> to</c><01:16:59.480><c> this</c> 01:17:00.030 --> 01:17:00.040 align:start position:0% string and this will be equal to this 01:17:00.040 --> 01:17:03.669 align:start position:0% string and this will be equal to this some<01:17:01.040><c> some</c><01:17:01.280><c> extra</c> 01:17:03.669 --> 01:17:03.679 align:start position:0% some some extra 01:17:03.679 --> 01:17:08.870 align:start position:0% some some extra text<01:17:04.679><c> and</c><01:17:04.880><c> now</c><01:17:05.120><c> I</c><01:17:05.199><c> can</c><01:17:05.440><c> pass</c><01:17:05.760><c> this</c><01:17:05.960><c> variable</c> 01:17:08.870 --> 01:17:08.880 align:start position:0% 01:17:08.880 --> 01:17:11.629 align:start position:0% here<01:17:09.880><c> and</c><01:17:10.000><c> I</c><01:17:10.120><c> can</c><01:17:10.280><c> see</c><01:17:10.800><c> Hello</c><01:17:11.080><c> World</c><01:17:11.400><c> some</c> 01:17:11.629 --> 01:17:11.639 align:start position:0% here and I can see Hello World some 01:17:11.639 --> 01:17:14.709 align:start position:0% here and I can see Hello World some extra<01:17:12.000><c> text</c><01:17:12.560><c> we</c><01:17:12.679><c> can</c><01:17:12.880><c> also</c><01:17:13.159><c> change</c><01:17:13.560><c> filters</c><01:17:14.400><c> so</c> 01:17:14.709 --> 01:17:14.719 align:start position:0% extra text we can also change filters so 01:17:14.719 --> 01:17:17.709 align:start position:0% extra text we can also change filters so if<01:17:14.840><c> I</c><01:17:15.000><c> wanted</c><01:17:15.400><c> to</c><01:17:15.920><c> here</c><01:17:16.320><c> then</c><01:17:17.080><c> put</c><01:17:17.360><c> everything</c> 01:17:17.709 --> 01:17:17.719 align:start position:0% if I wanted to here then put everything 01:17:17.719 --> 01:17:19.229 align:start position:0% if I wanted to here then put everything here<01:17:17.880><c> in</c><01:17:18.040><c> down</c> 01:17:19.229 --> 01:17:19.239 align:start position:0% here in down 01:17:19.239 --> 01:17:24.070 align:start position:0% here in down case<01:17:20.239><c> I</c><01:17:20.360><c> can</c><01:17:20.520><c> do</c><01:17:20.960><c> that</c><01:17:21.960><c> but</c><01:17:22.239><c> the</c><01:17:22.360><c> order</c><01:17:22.679><c> matter</c> 01:17:24.070 --> 01:17:24.080 align:start position:0% case I can do that but the order matter 01:17:24.080 --> 01:17:30.709 align:start position:0% case I can do that but the order matter here<01:17:25.080><c> if</c><01:17:25.280><c> instead</c><01:17:26.239><c> I</c><01:17:26.480><c> put</c><01:17:26.880><c> down</c><01:17:27.280><c> case</c><01:17:28.159><c> at</c><01:17:28.320><c> the</c> 01:17:30.709 --> 01:17:30.719 align:start position:0% 01:17:30.719 --> 01:17:33.629 align:start position:0% beginning<01:17:31.719><c> and</c><01:17:31.960><c> let's</c><01:17:32.159><c> say</c><01:17:32.360><c> that</c><01:17:32.480><c> I</c><01:17:32.639><c> add</c><01:17:32.920><c> some</c> 01:17:33.629 --> 01:17:33.639 align:start position:0% beginning and let's say that I add some 01:17:33.639 --> 01:17:38.790 align:start position:0% beginning and let's say that I add some extra<01:17:34.199><c> here</c><01:17:34.560><c> will</c><01:17:34.760><c> be</c><01:17:34.960><c> another</c> 01:17:38.790 --> 01:17:38.800 align:start position:0% 01:17:38.800 --> 01:17:42.149 align:start position:0% case<01:17:39.800><c> even</c><01:17:40.120><c> though</c><01:17:41.080><c> I</c><01:17:41.239><c> use</c><01:17:41.520><c> the</c><01:17:41.639><c> downcase</c> 01:17:42.149 --> 01:17:42.159 align:start position:0% case even though I use the downcase 01:17:42.159 --> 01:17:45.590 align:start position:0% case even though I use the downcase filter<01:17:42.960><c> I</c><01:17:43.199><c> appended</c><01:17:43.840><c> this</c><01:17:44.760><c> after</c><01:17:45.159><c> using</c><01:17:45.440><c> the</c> 01:17:45.590 --> 01:17:45.600 align:start position:0% filter I appended this after using the 01:17:45.600 --> 01:17:48.510 align:start position:0% filter I appended this after using the down<01:17:45.880><c> case</c><01:17:46.040><c> filter</c><01:17:46.560><c> therefore</c><01:17:47.560><c> this</c><01:17:47.840><c> will</c> 01:17:48.510 --> 01:17:48.520 align:start position:0% down case filter therefore this will 01:17:48.520 --> 01:17:51.310 align:start position:0% down case filter therefore this will remain<01:17:49.280><c> in</c><01:17:49.639><c> uppercase</c><01:17:50.440><c> this</c><01:17:50.600><c> extra</c><01:17:50.920><c> Tex</c><01:17:51.159><c> here</c> 01:17:51.310 --> 01:17:51.320 align:start position:0% remain in uppercase this extra Tex here 01:17:51.320 --> 01:17:53.910 align:start position:0% remain in uppercase this extra Tex here will<01:17:51.639><c> remain</c><01:17:51.760><c> in</c><01:17:52.000><c> uppercase</c><01:17:53.360><c> unless</c><01:17:53.760><c> of</c> 01:17:53.910 --> 01:17:53.920 align:start position:0% will remain in uppercase unless of 01:17:53.920 --> 01:17:59.709 align:start position:0% will remain in uppercase unless of course<01:17:54.199><c> I</c><01:17:54.360><c> add</c><01:17:55.199><c> down</c><01:17:55.600><c> case</c><01:17:55.880><c> can</c> 01:17:59.709 --> 01:17:59.719 align:start position:0% 01:17:59.719 --> 01:18:02.790 align:start position:0% here<01:18:00.719><c> another</c><01:18:01.080><c> filter</c><01:18:01.400><c> we</c><01:18:01.520><c> can</c><01:18:01.639><c> find</c><01:18:01.880><c> useful</c> 01:18:02.790 --> 01:18:02.800 align:start position:0% here another filter we can find useful 01:18:02.800 --> 01:18:04.990 align:start position:0% here another filter we can find useful is<01:18:02.960><c> the</c><01:18:03.159><c> strip</c><01:18:03.520><c> filter</c><01:18:03.960><c> so</c><01:18:04.280><c> let's</c><01:18:04.480><c> say</c><01:18:04.760><c> here</c> 01:18:04.990 --> 01:18:05.000 align:start position:0% is the strip filter so let's say here 01:18:05.000 --> 01:18:09.910 align:start position:0% is the strip filter so let's say here that<01:18:05.360><c> this</c><01:18:05.560><c> is</c><01:18:06.360><c> my</c><01:18:06.719><c> string</c><01:18:07.840><c> with</c><01:18:08.840><c> white</c> 01:18:09.910 --> 01:18:09.920 align:start position:0% that this is my string with white 01:18:09.920 --> 01:18:14.390 align:start position:0% that this is my string with white space<01:18:10.920><c> and</c><01:18:11.120><c> here</c><01:18:11.320><c> I'm</c><01:18:11.480><c> going</c><01:18:11.639><c> to</c><01:18:12.000><c> say</c><01:18:13.400><c> hello</c> 01:18:14.390 --> 01:18:14.400 align:start position:0% space and here I'm going to say hello 01:18:14.400 --> 01:18:18.990 align:start position:0% space and here I'm going to say hello this<01:18:14.679><c> has</c><01:18:15.199><c> white</c> 01:18:18.990 --> 01:18:19.000 align:start position:0% 01:18:19.000 --> 01:18:21.910 align:start position:0% space<01:18:20.000><c> and</c><01:18:20.159><c> if</c><01:18:20.280><c> I</c><01:18:20.440><c> print</c> 01:18:21.910 --> 01:18:21.920 align:start position:0% space and if I print 01:18:21.920 --> 01:18:26.070 align:start position:0% space and if I print this<01:18:23.000><c> my</c><01:18:23.159><c> stream</c><01:18:23.400><c> with</c><01:18:23.600><c> white</c><01:18:23.960><c> space</c><01:18:24.960><c> and</c><01:18:25.880><c> to</c> 01:18:26.070 --> 01:18:26.080 align:start position:0% this my stream with white space and to 01:18:26.080 --> 01:18:28.070 align:start position:0% this my stream with white space and to make<01:18:26.199><c> it</c><01:18:26.360><c> obvious</c><01:18:26.679><c> that</c><01:18:26.800><c> it</c><01:18:27.000><c> has</c><01:18:27.239><c> white</c><01:18:27.600><c> space</c> 01:18:28.070 --> 01:18:28.080 align:start position:0% make it obvious that it has white space 01:18:28.080 --> 01:18:30.430 align:start position:0% make it obvious that it has white space let's<01:18:28.360><c> add</c><01:18:28.600><c> an</c><01:18:28.800><c> exclamation</c><01:18:29.400><c> point</c><01:18:29.639><c> at</c><01:18:29.760><c> the</c> 01:18:30.430 --> 01:18:30.440 align:start position:0% let's add an exclamation point at the 01:18:30.440 --> 01:18:33.229 align:start position:0% let's add an exclamation point at the end<01:18:31.440><c> with</c><01:18:31.600><c> a</c> 01:18:33.229 --> 01:18:33.239 align:start position:0% end with a 01:18:33.239 --> 01:18:36.270 align:start position:0% end with a Pand<01:18:34.239><c> I'll</c><01:18:34.440><c> see</c><01:18:34.719><c> here</c><01:18:35.239><c> that</c><01:18:35.400><c> it</c><01:18:35.560><c> has</c><01:18:35.760><c> wi</c><01:18:36.040><c> space</c> 01:18:36.270 --> 01:18:36.280 align:start position:0% Pand I'll see here that it has wi space 01:18:36.280 --> 01:18:38.790 align:start position:0% Pand I'll see here that it has wi space in<01:18:36.400><c> HTML</c><01:18:37.080><c> you</c><01:18:37.239><c> actually</c><01:18:38.120><c> even</c><01:18:38.360><c> though</c><01:18:38.520><c> you</c><01:18:38.600><c> add</c> 01:18:38.790 --> 01:18:38.800 align:start position:0% in HTML you actually even though you add 01:18:38.800 --> 01:18:40.669 align:start position:0% in HTML you actually even though you add more<01:18:39.000><c> than</c><01:18:39.199><c> white</c><01:18:39.400><c> space</c><01:18:39.679><c> you</c><01:18:39.880><c> get</c><01:18:40.080><c> at</c><01:18:40.280><c> most</c> 01:18:40.669 --> 01:18:40.679 align:start position:0% more than white space you get at most 01:18:40.679 --> 01:18:43.350 align:start position:0% more than white space you get at most one<01:18:41.199><c> they</c><01:18:41.320><c> are</c><01:18:41.480><c> continuous</c><01:18:42.080><c> so</c><01:18:42.440><c> this</c><01:18:42.560><c> is</c><01:18:42.800><c> why</c> 01:18:43.350 --> 01:18:43.360 align:start position:0% one they are continuous so this is why 01:18:43.360 --> 01:18:46.470 align:start position:0% one they are continuous so this is why not<01:18:43.639><c> all</c><01:18:43.760><c> of</c><01:18:43.920><c> them</c><01:18:44.159><c> C</c><01:18:44.360><c> render</c><01:18:44.800><c> here</c><01:18:45.360><c> but</c> 01:18:46.470 --> 01:18:46.480 align:start position:0% not all of them C render here but 01:18:46.480 --> 01:18:49.430 align:start position:0% not all of them C render here but anyways<01:18:47.480><c> if</c><01:18:47.639><c> I</c><01:18:47.840><c> wanted</c><01:18:48.199><c> to</c><01:18:48.400><c> remove</c><01:18:49.080><c> all</c><01:18:49.239><c> of</c> 01:18:49.430 --> 01:18:49.440 align:start position:0% anyways if I wanted to remove all of 01:18:49.440 --> 01:18:52.390 align:start position:0% anyways if I wanted to remove all of this<01:18:49.600><c> trading</c><01:18:50.000><c> wi</c><01:18:50.280><c> space</c><01:18:50.679><c> what</c><01:18:50.800><c> I</c><01:18:50.920><c> can</c><01:18:51.239><c> do</c><01:18:52.239><c> is</c> 01:18:52.390 --> 01:18:52.400 align:start position:0% this trading wi space what I can do is 01:18:52.400 --> 01:18:57.990 align:start position:0% this trading wi space what I can do is that<01:18:52.600><c> I</c><01:18:52.719><c> can</c><01:18:52.960><c> and</c><01:18:53.400><c> pass</c><01:18:53.679><c> the</c><01:18:53.880><c> a</c><01:18:54.040><c> strip</c><01:18:54.360><c> filter</c> 01:18:57.990 --> 01:18:58.000 align:start position:0% 01:18:58.000 --> 01:19:02.270 align:start position:0% here<01:18:59.000><c> and</c><01:18:59.199><c> now</c><01:18:59.800><c> I</c><01:18:59.880><c> don't</c><01:19:00.360><c> have</c><01:19:01.360><c> of</c><01:19:01.600><c> the</c><01:19:01.880><c> trading</c> 01:19:02.270 --> 01:19:02.280 align:start position:0% here and now I don't have of the trading 01:19:02.280 --> 01:19:04.270 align:start position:0% here and now I don't have of the trading wi<01:19:02.520><c> space</c><01:19:02.719><c> that</c><01:19:02.840><c> I</c><01:19:02.960><c> had</c><01:19:03.159><c> before</c><01:19:03.760><c> if</c><01:19:04.080><c> if</c><01:19:04.159><c> you</c> 01:19:04.270 --> 01:19:04.280 align:start position:0% wi space that I had before if if you 01:19:04.280 --> 01:19:05.870 align:start position:0% wi space that I had before if if you want<01:19:04.400><c> to</c><01:19:04.520><c> see</c><01:19:04.639><c> a</c><01:19:04.800><c> comparison</c><01:19:05.320><c> of</c><01:19:05.480><c> how</c><01:19:05.719><c> that</c> 01:19:05.870 --> 01:19:05.880 align:start position:0% want to see a comparison of how that 01:19:05.880 --> 01:19:07.750 align:start position:0% want to see a comparison of how that looks<01:19:06.199><c> like</c><01:19:06.639><c> with</c><01:19:06.920><c> and</c><01:19:07.120><c> without</c><01:19:07.360><c> the</c><01:19:07.480><c> strip</c> 01:19:07.750 --> 01:19:07.760 align:start position:0% looks like with and without the strip 01:19:07.760 --> 01:19:10.990 align:start position:0% looks like with and without the strip filter 01:19:10.990 --> 01:19:11.000 align:start position:0% 01:19:11.000 --> 01:19:14.870 align:start position:0% here<01:19:12.000><c> this</c><01:19:12.120><c> is</c><01:19:12.280><c> it</c><01:19:12.639><c> here</c><01:19:12.840><c> you</c><01:19:12.960><c> can</c><01:19:13.120><c> see</c><01:19:13.719><c> that</c><01:19:14.600><c> it</c> 01:19:14.870 --> 01:19:14.880 align:start position:0% here this is it here you can see that it 01:19:14.880 --> 01:19:19.270 align:start position:0% here this is it here you can see that it has<01:19:15.400><c> this</c><01:19:15.600><c> wi</c><01:19:15.840><c> speed</c><01:19:16.199><c> here</c><01:19:16.520><c> but</c><01:19:16.719><c> now</c><01:19:17.080><c> here</c><01:19:17.239><c> it</c> 01:19:19.270 --> 01:19:19.280 align:start position:0% has this wi speed here but now here it 01:19:19.280 --> 01:19:22.229 align:start position:0% has this wi speed here but now here it doesn't<01:19:20.280><c> another</c><01:19:20.679><c> useful</c><01:19:21.040><c> filter</c><01:19:21.719><c> related</c><01:19:22.080><c> to</c> 01:19:22.229 --> 01:19:22.239 align:start position:0% doesn't another useful filter related to 01:19:22.239 --> 01:19:24.510 align:start position:0% doesn't another useful filter related to this<01:19:22.360><c> one</c><01:19:22.560><c> is</c><01:19:22.679><c> the</c><01:19:23.000><c> strip</c><01:19:23.320><c> HTML</c><01:19:23.920><c> so</c><01:19:24.120><c> let's</c><01:19:24.320><c> say</c> 01:19:24.510 --> 01:19:24.520 align:start position:0% this one is the strip HTML so let's say 01:19:24.520 --> 01:19:28.030 align:start position:0% this one is the strip HTML so let's say that<01:19:24.679><c> I</c><01:19:24.880><c> have</c><01:19:25.719><c> my</c><01:19:25.960><c> HTML</c><01:19:26.600><c> text</c><01:19:27.120><c> here</c><01:19:27.679><c> and</c><01:19:27.920><c> this</c> 01:19:28.030 --> 01:19:28.040 align:start position:0% that I have my HTML text here and this 01:19:28.040 --> 01:19:32.430 align:start position:0% that I have my HTML text here and this is<01:19:28.239><c> a</c><01:19:28.679><c> ptag</c><01:19:29.679><c> with</c><01:19:29.840><c> the</c><01:19:30.080><c> style</c><01:19:31.080><c> color</c> 01:19:32.430 --> 01:19:32.440 align:start position:0% is a ptag with the style color 01:19:32.440 --> 01:19:36.990 align:start position:0% is a ptag with the style color red<01:19:33.440><c> I</c><01:19:33.600><c> actually</c><01:19:33.960><c> have</c><01:19:34.080><c> to</c><01:19:34.280><c> use</c><01:19:35.159><c> here</c><01:19:35.560><c> color</c> 01:19:36.990 --> 01:19:37.000 align:start position:0% red I actually have to use here color 01:19:37.000 --> 01:19:39.310 align:start position:0% red I actually have to use here color red<01:19:38.000><c> it</c><01:19:38.159><c> says</c> 01:19:39.310 --> 01:19:39.320 align:start position:0% red it says 01:19:39.320 --> 01:19:45.750 align:start position:0% red it says hello<01:19:40.320><c> and</c><01:19:40.440><c> if</c><01:19:40.600><c> I</c><01:19:40.760><c> print</c><01:19:41.159><c> this</c><01:19:42.159><c> my</c><01:19:42.360><c> HTML</c> 01:19:45.750 --> 01:19:45.760 align:start position:0% 01:19:45.760 --> 01:19:49.110 align:start position:0% text<01:19:46.760><c> I</c><01:19:46.960><c> get</c><01:19:47.159><c> this</c><01:19:47.360><c> text</c><01:19:47.600><c> in</c><01:19:47.800><c> red</c><01:19:48.560><c> however</c><01:19:48.960><c> what</c> 01:19:49.110 --> 01:19:49.120 align:start position:0% text I get this text in red however what 01:19:49.120 --> 01:19:50.790 align:start position:0% text I get this text in red however what if<01:19:49.239><c> I</c><01:19:49.360><c> don't</c><01:19:49.560><c> want</c><01:19:49.800><c> this</c><01:19:50.000><c> text</c><01:19:50.199><c> in</c><01:19:50.320><c> red</c><01:19:50.560><c> What</c><01:19:50.639><c> If</c> 01:19:50.790 --> 01:19:50.800 align:start position:0% if I don't want this text in red What If 01:19:50.800 --> 01:19:54.310 align:start position:0% if I don't want this text in red What If instead<01:19:51.760><c> I</c><01:19:51.880><c> want</c><01:19:52.159><c> this</c><01:19:52.360><c> hello</c><01:19:53.040><c> text</c><01:19:53.360><c> only</c><01:19:53.800><c> but</c> 01:19:54.310 --> 01:19:54.320 align:start position:0% instead I want this hello text only but 01:19:54.320 --> 01:19:56.750 align:start position:0% instead I want this hello text only but the<01:19:54.480><c> way</c><01:19:54.639><c> I'm</c><01:19:54.840><c> getting</c><01:19:55.719><c> or</c><01:19:55.960><c> the</c><01:19:56.120><c> source</c><01:19:56.480><c> of</c> 01:19:56.750 --> 01:19:56.760 align:start position:0% the way I'm getting or the source of 01:19:56.760 --> 01:20:00.110 align:start position:0% the way I'm getting or the source of this<01:19:57.760><c> hello</c><01:19:58.199><c> text</c><01:19:58.760><c> comes</c><01:19:59.120><c> with</c><01:19:59.320><c> the</c><01:19:59.480><c> HTML</c> 01:20:00.110 --> 01:20:00.120 align:start position:0% this hello text comes with the HTML 01:20:00.120 --> 01:20:04.990 align:start position:0% this hello text comes with the HTML embedded<01:20:01.080><c> well</c><01:20:01.520><c> I</c><01:20:01.639><c> can</c><01:20:02.040><c> remove</c><01:20:03.040><c> those</c><01:20:03.320><c> tags</c><01:20:04.239><c> by</c> 01:20:04.990 --> 01:20:05.000 align:start position:0% embedded well I can remove those tags by 01:20:05.000 --> 01:20:08.870 align:start position:0% embedded well I can remove those tags by using<01:20:05.320><c> the</c><01:20:05.520><c> strip</c><01:20:05.840><c> HTML</c> 01:20:08.870 --> 01:20:08.880 align:start position:0% 01:20:08.880 --> 01:20:12.470 align:start position:0% filter<01:20:09.880><c> and</c><01:20:10.040><c> now</c><01:20:10.280><c> I</c><01:20:10.440><c> get</c><01:20:10.840><c> my</c><01:20:11.040><c> plain</c><01:20:11.400><c> text</c><01:20:12.000><c> as</c><01:20:12.199><c> I</c> 01:20:12.470 --> 01:20:12.480 align:start position:0% filter and now I get my plain text as I 01:20:12.480 --> 01:20:16.470 align:start position:0% filter and now I get my plain text as I needed<01:20:13.120><c> it</c><01:20:14.120><c> we</c><01:20:14.239><c> can</c><01:20:14.440><c> also</c><01:20:14.760><c> use</c><01:20:15.600><c> trunade</c><01:20:16.320><c> and</c> 01:20:16.470 --> 01:20:16.480 align:start position:0% needed it we can also use trunade and 01:20:16.480 --> 01:20:18.830 align:start position:0% needed it we can also use trunade and trunc<01:20:17.040><c> words</c><01:20:17.520><c> if</c><01:20:17.639><c> we</c><01:20:17.800><c> want</c><01:20:18.040><c> to</c><01:20:18.360><c> reduce</c><01:20:18.719><c> the</c> 01:20:18.830 --> 01:20:18.840 align:start position:0% trunc words if we want to reduce the 01:20:18.840 --> 01:20:21.709 align:start position:0% trunc words if we want to reduce the length<01:20:19.239><c> of</c><01:20:19.360><c> a</c><01:20:19.560><c> text</c><01:20:20.440><c> so</c><01:20:20.840><c> let's</c><01:20:21.360><c> write</c><01:20:21.600><c> a</c> 01:20:21.709 --> 01:20:21.719 align:start position:0% length of a text so let's write a 01:20:21.719 --> 01:20:25.910 align:start position:0% length of a text so let's write a variable<01:20:22.159><c> here</c><01:20:23.000><c> my</c><01:20:23.440><c> long</c><01:20:23.960><c> string</c><01:20:24.679><c> and</c><01:20:24.920><c> here</c><01:20:25.560><c> I</c> 01:20:25.910 --> 01:20:25.920 align:start position:0% variable here my long string and here I 01:20:25.920 --> 01:20:30.229 align:start position:0% variable here my long string and here I I'll<01:20:26.199><c> write</c><01:20:27.199><c> this</c><01:20:27.440><c> is</c><01:20:27.719><c> some</c><01:20:28.239><c> very</c><01:20:28.600><c> long</c><01:20:29.600><c> text</c> 01:20:30.229 --> 01:20:30.239 align:start position:0% I'll write this is some very long text 01:20:30.239 --> 01:20:32.149 align:start position:0% I'll write this is some very long text that<01:20:30.600><c> will</c><01:20:30.960><c> be</c> 01:20:32.149 --> 01:20:32.159 align:start position:0% that will be 01:20:32.159 --> 01:20:39.870 align:start position:0% that will be trimed<01:20:33.159><c> so</c><01:20:33.639><c> I</c><01:20:33.800><c> print</c><01:20:34.120><c> this</c><01:20:34.440><c> here</c><01:20:35.440><c> my</c><01:20:35.600><c> long</c> 01:20:39.870 --> 01:20:39.880 align:start position:0% 01:20:39.880 --> 01:20:42.350 align:start position:0% string<01:20:40.880><c> and</c><01:20:41.040><c> let's</c><01:20:41.239><c> say</c><01:20:41.440><c> that</c><01:20:41.560><c> I</c><01:20:41.679><c> want</c><01:20:42.040><c> only</c> 01:20:42.350 --> 01:20:42.360 align:start position:0% string and let's say that I want only 01:20:42.360 --> 01:20:45.310 align:start position:0% string and let's say that I want only the<01:20:42.520><c> first</c><01:20:43.320><c> 20</c><01:20:43.719><c> character</c><01:20:44.239><c> so</c><01:20:44.480><c> I</c><01:20:44.560><c> can</c><01:20:44.719><c> say</c> 01:20:45.310 --> 01:20:45.320 align:start position:0% the first 20 character so I can say 01:20:45.320 --> 01:20:48.110 align:start position:0% the first 20 character so I can say truncate 01:20:48.110 --> 01:20:48.120 align:start position:0% truncate 01:20:48.120 --> 01:20:51.709 align:start position:0% truncate 20<01:20:49.120><c> and</c><01:20:49.239><c> I</c><01:20:49.400><c> get</c><01:20:49.639><c> this</c><01:20:49.840><c> is</c><01:20:50.000><c> some</c> 01:20:51.709 --> 01:20:51.719 align:start position:0% 20 and I get this is some 01:20:51.719 --> 01:20:53.229 align:start position:0% 20 and I get this is some very 01:20:53.229 --> 01:20:53.239 align:start position:0% very 01:20:53.239 --> 01:20:55.510 align:start position:0% very and<01:20:53.400><c> then</c><01:20:53.520><c> an</c><01:20:53.719><c> ellipses</c><01:20:54.520><c> I</c><01:20:54.639><c> can</c><01:20:54.880><c> pass</c><01:20:55.199><c> here</c><01:20:55.360><c> a</c> 01:20:55.510 --> 01:20:55.520 align:start position:0% and then an ellipses I can pass here a 01:20:55.520 --> 01:20:57.910 align:start position:0% and then an ellipses I can pass here a second<01:20:55.960><c> argument</c><01:20:56.960><c> with</c><01:20:57.159><c> the</c><01:20:57.360><c> character</c><01:20:57.800><c> that</c> 01:20:57.910 --> 01:20:57.920 align:start position:0% second argument with the character that 01:20:57.920 --> 01:20:59.470 align:start position:0% second argument with the character that I<01:20:58.080><c> want</c><01:20:58.280><c> that</c><01:20:58.360><c> I</c><01:20:58.480><c> want</c><01:20:58.600><c> to</c><01:20:58.719><c> use</c><01:20:58.920><c> at</c><01:20:59.040><c> the</c><01:20:59.120><c> end</c><01:20:59.360><c> if</c> 01:20:59.470 --> 01:20:59.480 align:start position:0% I want that I want to use at the end if 01:20:59.480 --> 01:21:01.790 align:start position:0% I want that I want to use at the end if I<01:20:59.560><c> don't</c><01:20:59.719><c> want</c><01:20:59.960><c> these</c><01:21:00.120><c> three</c><01:21:00.320><c> dots</c><01:21:00.560><c> here</c><01:21:01.520><c> I</c><01:21:01.639><c> can</c> 01:21:01.790 --> 01:21:01.800 align:start position:0% I don't want these three dots here I can 01:21:01.800 --> 01:21:04.750 align:start position:0% I don't want these three dots here I can maybe<01:21:02.040><c> say</c><01:21:02.280><c> that</c><01:21:02.440><c> I</c><01:21:02.800><c> want</c><01:21:03.800><c> a</c><01:21:04.000><c> question</c><01:21:04.280><c> mark</c> 01:21:04.750 --> 01:21:04.760 align:start position:0% maybe say that I want a question mark 01:21:04.760 --> 01:21:06.870 align:start position:0% maybe say that I want a question mark for 01:21:06.870 --> 01:21:06.880 align:start position:0% for 01:21:06.880 --> 01:21:10.510 align:start position:0% for example<01:21:07.880><c> and</c><01:21:08.040><c> I'll</c><01:21:08.239><c> get</c><01:21:08.440><c> just</c><01:21:08.760><c> that</c><01:21:09.000><c> at</c><01:21:09.120><c> the</c> 01:21:10.510 --> 01:21:10.520 align:start position:0% example and I'll get just that at the 01:21:10.520 --> 01:21:14.070 align:start position:0% example and I'll get just that at the end<01:21:11.520><c> now</c><01:21:11.760><c> let's</c><01:21:12.000><c> say</c><01:21:12.280><c> that</c><01:21:12.639><c> instead</c><01:21:13.040><c> of</c><01:21:13.320><c> this</c><01:21:13.960><c> I</c> 01:21:14.070 --> 01:21:14.080 align:start position:0% end now let's say that instead of this I 01:21:14.080 --> 01:21:17.070 align:start position:0% end now let's say that instead of this I want<01:21:14.440><c> the</c><01:21:14.679><c> first</c><01:21:15.480><c> four</c><01:21:15.920><c> words</c><01:21:16.480><c> I</c><01:21:16.679><c> can</c><01:21:16.800><c> say</c> 01:21:17.070 --> 01:21:17.080 align:start position:0% want the first four words I can say 01:21:17.080 --> 01:21:18.350 align:start position:0% want the first four words I can say trate 01:21:18.350 --> 01:21:18.360 align:start position:0% trate 01:21:18.360 --> 01:21:21.189 align:start position:0% trate words<01:21:19.360><c> and</c><01:21:19.560><c> pass</c><01:21:19.840><c> four</c> 01:21:21.189 --> 01:21:21.199 align:start position:0% words and pass four 01:21:21.199 --> 01:21:24.189 align:start position:0% words and pass four here<01:21:22.199><c> and</c><01:21:22.320><c> I</c><01:21:22.440><c> get</c><01:21:23.000><c> this</c><01:21:23.120><c> is</c><01:21:23.239><c> some</c><01:21:23.560><c> very</c><01:21:24.040><c> that</c> 01:21:24.189 --> 01:21:24.199 align:start position:0% here and I get this is some very that 01:21:24.199 --> 01:21:26.790 align:start position:0% here and I get this is some very that way<01:21:24.360><c> I</c><01:21:24.440><c> don't</c><01:21:24.679><c> get</c><01:21:24.920><c> that</c><01:21:25.159><c> abrupt</c><01:21:25.600><c> ending</c><01:21:26.159><c> where</c> 01:21:26.790 --> 01:21:26.800 align:start position:0% way I don't get that abrupt ending where 01:21:26.800 --> 01:21:29.310 align:start position:0% way I don't get that abrupt ending where there<01:21:27.000><c> may</c><01:21:27.199><c> be</c><01:21:27.440><c> some</c><01:21:27.679><c> incomplete</c><01:21:28.320><c> characters</c> 01:21:29.310 --> 01:21:29.320 align:start position:0% there may be some incomplete characters 01:21:29.320 --> 01:21:31.390 align:start position:0% there may be some incomplete characters from<01:21:29.840><c> the</c><01:21:30.000><c> next</c> 01:21:31.390 --> 01:21:31.400 align:start position:0% from the next 01:21:31.400 --> 01:21:34.310 align:start position:0% from the next word<01:21:32.400><c> we</c><01:21:32.560><c> s</c><01:21:32.760><c> drun</c><01:21:33.000><c> Kate</c><01:21:33.360><c> here</c><01:21:33.840><c> something</c><01:21:34.120><c> to</c> 01:21:34.310 --> 01:21:34.320 align:start position:0% word we s drun Kate here something to 01:21:34.320 --> 01:21:36.510 align:start position:0% word we s drun Kate here something to notice<01:21:34.840><c> is</c><01:21:35.080><c> that</c><01:21:35.440><c> we</c><01:21:35.560><c> may</c><01:21:35.800><c> have</c><01:21:35.920><c> to</c><01:21:36.040><c> use</c><01:21:36.199><c> it</c><01:21:36.360><c> in</c> 01:21:36.510 --> 01:21:36.520 align:start position:0% notice is that we may have to use it in 01:21:36.520 --> 01:21:39.350 align:start position:0% notice is that we may have to use it in combination<01:21:36.960><c> with</c><01:21:37.080><c> a</c><01:21:37.239><c> strip</c><01:21:37.520><c> HTML</c><01:21:38.400><c> sometimes</c> 01:21:39.350 --> 01:21:39.360 align:start position:0% combination with a strip HTML sometimes 01:21:39.360 --> 01:21:41.950 align:start position:0% combination with a strip HTML sometimes because<01:21:40.080><c> the</c><01:21:40.440><c> text</c><01:21:40.760><c> that</c><01:21:40.880><c> you</c><01:21:40.960><c> are</c><01:21:41.120><c> getting</c> 01:21:41.950 --> 01:21:41.960 align:start position:0% because the text that you are getting 01:21:41.960 --> 01:21:44.390 align:start position:0% because the text that you are getting comes<01:21:42.280><c> in</c><01:21:42.480><c> HTML</c><01:21:43.320><c> this</c><01:21:43.480><c> is</c><01:21:43.760><c> this</c><01:21:43.920><c> happens</c><01:21:44.239><c> for</c> 01:21:44.390 --> 01:21:44.400 align:start position:0% comes in HTML this is this happens for 01:21:44.400 --> 01:21:46.510 align:start position:0% comes in HTML this is this happens for example<01:21:44.800><c> if</c><01:21:44.920><c> you</c><01:21:45.120><c> get</c><01:21:45.560><c> the</c><01:21:45.840><c> content</c><01:21:46.239><c> of</c><01:21:46.360><c> an</c> 01:21:46.510 --> 01:21:46.520 align:start position:0% example if you get the content of an 01:21:46.520 --> 01:21:49.390 align:start position:0% example if you get the content of an article<01:21:47.000><c> and</c><01:21:47.159><c> you</c><01:21:47.320><c> want</c><01:21:47.800><c> to</c><01:21:48.800><c> maybe</c><01:21:49.040><c> show</c><01:21:49.239><c> a</c> 01:21:49.390 --> 01:21:49.400 align:start position:0% article and you want to maybe show a 01:21:49.400 --> 01:21:51.590 align:start position:0% article and you want to maybe show a preview<01:21:49.920><c> with</c><01:21:50.120><c> only</c><01:21:50.360><c> the</c><01:21:50.520><c> first</c><01:21:51.159><c> 50</c> 01:21:51.590 --> 01:21:51.600 align:start position:0% preview with only the first 50 01:21:51.600 --> 01:21:53.470 align:start position:0% preview with only the first 50 characters<01:21:51.960><c> or</c><01:21:52.120><c> something</c><01:21:52.360><c> like</c><01:21:52.520><c> that</c> 01:21:53.470 --> 01:21:53.480 align:start position:0% characters or something like that 01:21:53.480 --> 01:21:56.750 align:start position:0% characters or something like that so<01:21:53.840><c> here</c><01:21:54.280><c> let</c><01:21:54.440><c> me</c><01:21:54.639><c> add</c><01:21:54.880><c> some</c><01:21:55.600><c> extra</c> 01:21:56.750 --> 01:21:56.760 align:start position:0% so here let me add some extra 01:21:56.760 --> 01:22:01.030 align:start position:0% so here let me add some extra text<01:21:58.000><c> inside</c><01:21:59.000><c> this</c><01:21:59.239><c> P</c><01:21:59.480><c> text</c><01:21:59.800><c> over</c><01:22:00.080><c> here</c><01:22:00.639><c> to</c> 01:22:01.030 --> 01:22:01.040 align:start position:0% text inside this P text over here to 01:22:01.040 --> 01:22:03.990 align:start position:0% text inside this P text over here to show<01:22:01.360><c> this</c><01:22:01.560><c> example</c><01:22:01.880><c> better</c><01:22:02.880><c> and</c><01:22:03.080><c> let's</c><01:22:03.360><c> say</c> 01:22:03.990 --> 01:22:04.000 align:start position:0% show this example better and let's say 01:22:04.000 --> 01:22:07.110 align:start position:0% show this example better and let's say that<01:22:04.159><c> I</c><01:22:04.280><c> want</c><01:22:04.480><c> to</c><01:22:05.159><c> render</c><01:22:05.639><c> my</c><01:22:05.880><c> HTML</c> 01:22:07.110 --> 01:22:07.120 align:start position:0% that I want to render my HTML 01:22:07.120 --> 01:22:13.149 align:start position:0% that I want to render my HTML text<01:22:08.400><c> andate</c><01:22:09.400><c> to</c><01:22:10.000><c> the</c><01:22:10.440><c> first</c><01:22:11.440><c> 35</c> 01:22:13.149 --> 01:22:13.159 align:start position:0% text andate to the first 35 01:22:13.159 --> 01:22:17.950 align:start position:0% text andate to the first 35 characters<01:22:14.159><c> if</c><01:22:14.280><c> I</c><01:22:14.400><c> render</c><01:22:15.280><c> this</c><01:22:16.280><c> I</c><01:22:16.400><c> get</c><01:22:16.960><c> Hello</c> 01:22:17.950 --> 01:22:17.960 align:start position:0% characters if I render this I get Hello 01:22:17.960 --> 01:22:21.870 align:start position:0% characters if I render this I get Hello song<01:22:18.960><c> but</c><01:22:19.199><c> if</c><01:22:19.320><c> we</c><01:22:19.440><c> count</c><01:22:19.719><c> this</c><01:22:19.920><c> we</c><01:22:20.040><c> have</c><01:22:20.320><c> 1</c><01:22:20.880><c> 2</c><01:22:21.520><c> 3</c> 01:22:21.870 --> 01:22:21.880 align:start position:0% song but if we count this we have 1 2 3 01:22:21.880 --> 01:22:23.189 align:start position:0% song but if we count this we have 1 2 3 4<01:22:22.280><c> 5</c> 01:22:23.189 --> 01:22:23.199 align:start position:0% 4 5 01:22:23.199 --> 01:22:26.830 align:start position:0% 4 5 the<01:22:23.360><c> y</c><01:22:23.560><c> space</c><01:22:23.760><c> is</c><01:22:23.880><c> another</c><01:22:24.239><c> six</c><01:22:25.040><c> 7</c><01:22:25.480><c> 8</c><01:22:25.960><c> 9</c><01:22:26.400><c> 10</c> 01:22:26.830 --> 01:22:26.840 align:start position:0% the y space is another six 7 8 9 10 01:22:26.840 --> 01:22:29.669 align:start position:0% the y space is another six 7 8 9 10 characters<01:22:27.560><c> so</c><01:22:27.760><c> what</c><01:22:27.880><c> are</c><01:22:28.080><c> the</c><01:22:28.199><c> others</c><01:22:28.840><c> well</c> 01:22:29.669 --> 01:22:29.679 align:start position:0% characters so what are the others well 01:22:29.679 --> 01:22:33.470 align:start position:0% characters so what are the others well the<01:22:30.000><c> others</c><01:22:31.000><c> are</c><01:22:31.760><c> all</c><01:22:31.960><c> of</c><01:22:32.159><c> these</c><01:22:32.760><c> right</c> 01:22:33.470 --> 01:22:33.480 align:start position:0% the others are all of these right 01:22:33.480 --> 01:22:37.189 align:start position:0% the others are all of these right here<01:22:34.480><c> so</c><01:22:35.199><c> to</c><01:22:35.400><c> get</c><01:22:35.600><c> the</c><01:22:35.800><c> actual</c><01:22:36.280><c> first</c><01:22:36.639><c> 35</c> 01:22:37.189 --> 01:22:37.199 align:start position:0% here so to get the actual first 35 01:22:37.199 --> 01:22:40.390 align:start position:0% here so to get the actual first 35 characters<01:22:37.960><c> I</c><01:22:38.120><c> have</c><01:22:38.320><c> to</c><01:22:38.880><c> first</c><01:22:39.280><c> pass</c><01:22:39.520><c> it</c> 01:22:40.390 --> 01:22:40.400 align:start position:0% characters I have to first pass it 01:22:40.400 --> 01:22:44.870 align:start position:0% characters I have to first pass it through<01:22:40.639><c> the</c><01:22:40.840><c> strip</c><01:22:41.239><c> HTML</c><01:22:42.320><c> filter</c><01:22:43.320><c> and</c><01:22:43.880><c> then</c> 01:22:44.870 --> 01:22:44.880 align:start position:0% through the strip HTML filter and then 01:22:44.880 --> 01:22:48.270 align:start position:0% through the strip HTML filter and then through<01:22:45.199><c> drate</c><01:22:46.199><c> and</c><01:22:46.360><c> now</c><01:22:46.920><c> I</c><01:22:47.040><c> get</c><01:22:47.239><c> all</c><01:22:47.360><c> of</c><01:22:47.560><c> this</c> 01:22:48.270 --> 01:22:48.280 align:start position:0% through drate and now I get all of this 01:22:48.280 --> 01:22:52.070 align:start position:0% through drate and now I get all of this actually<01:22:48.600><c> this</c><01:22:48.840><c> test</c><01:22:49.400><c> has</c><01:22:49.719><c> less</c><01:22:50.560><c> than</c><01:22:51.560><c> 35</c> 01:22:52.070 --> 01:22:52.080 align:start position:0% actually this test has less than 35 01:22:52.080 --> 01:22:54.270 align:start position:0% actually this test has less than 35 characters<01:22:52.560><c> so</c><01:22:52.719><c> to</c><01:22:52.840><c> illustrate</c><01:22:53.360><c> better</c><01:22:54.120><c> let</c> 01:22:54.270 --> 01:22:54.280 align:start position:0% characters so to illustrate better let 01:22:54.280 --> 01:22:56.830 align:start position:0% characters so to illustrate better let me<01:22:54.600><c> add</c><01:22:54.880><c> more</c><01:22:55.199><c> here</c><01:22:55.600><c> and</c><01:22:55.840><c> here</c><01:22:56.040><c> we</c><01:22:56.199><c> get</c><01:22:56.639><c> the</c> 01:22:56.830 --> 01:22:56.840 align:start position:0% me add more here and here we get the 01:22:56.840 --> 01:23:00.229 align:start position:0% me add more here and here we get the actual<01:22:57.159><c> first</c><01:22:57.480><c> 35</c><01:22:58.320><c> characters</c><01:22:59.320><c> of</c><01:22:59.560><c> this</c><01:22:59.800><c> text</c> 01:23:00.229 --> 01:23:00.239 align:start position:0% actual first 35 characters of this text 01:23:00.239 --> 01:23:02.990 align:start position:0% actual first 35 characters of this text instead<01:23:00.760><c> of</c><01:23:01.120><c> getting</c><01:23:01.600><c> this</c><01:23:01.840><c> part</c><01:23:02.040><c> of</c><01:23:02.159><c> the</c><01:23:02.320><c> HTML</c> 01:23:02.990 --> 01:23:03.000 align:start position:0% instead of getting this part of the HTML 01:23:03.000 --> 01:23:05.470 align:start position:0% instead of getting this part of the HTML which<01:23:03.199><c> by</c><01:23:03.320><c> the</c><01:23:03.440><c> way</c><01:23:03.639><c> will</c><01:23:03.840><c> be</c><01:23:04.639><c> malformed</c> 01:23:05.470 --> 01:23:05.480 align:start position:0% which by the way will be malformed 01:23:05.480 --> 01:23:07.470 align:start position:0% which by the way will be malformed because<01:23:05.840><c> we</c><01:23:06.000><c> wouldn't</c><01:23:06.280><c> be</c><01:23:06.440><c> getting</c><01:23:06.760><c> this</c><01:23:06.960><c> ptag</c> 01:23:07.470 --> 01:23:07.480 align:start position:0% because we wouldn't be getting this ptag 01:23:07.480 --> 01:23:08.669 align:start position:0% because we wouldn't be getting this ptag at<01:23:07.600><c> the</c> 01:23:08.669 --> 01:23:08.679 align:start position:0% at the 01:23:08.679 --> 01:23:12.750 align:start position:0% at the end<01:23:09.679><c> another</c><01:23:10.040><c> useful</c><01:23:10.440><c> one</c><01:23:11.120><c> is</c><01:23:11.560><c> new</c><01:23:11.840><c> line</c><01:23:12.080><c> to</c><01:23:12.320><c> VR</c> 01:23:12.750 --> 01:23:12.760 align:start position:0% end another useful one is new line to VR 01:23:12.760 --> 01:23:15.390 align:start position:0% end another useful one is new line to VR so<01:23:12.960><c> let's</c><01:23:13.199><c> say</c><01:23:13.400><c> that</c><01:23:13.639><c> I</c><01:23:13.800><c> have</c><01:23:14.120><c> here</c><01:23:15.120><c> my</c> 01:23:15.390 --> 01:23:15.400 align:start position:0% so let's say that I have here my 01:23:15.400 --> 01:23:17.470 align:start position:0% so let's say that I have here my multi-line 01:23:17.470 --> 01:23:17.480 align:start position:0% multi-line 01:23:17.480 --> 01:23:21.750 align:start position:0% multi-line text<01:23:18.480><c> and</c><01:23:18.679><c> I</c><01:23:18.920><c> say</c><01:23:19.760><c> here</c><01:23:20.760><c> this</c><01:23:20.920><c> is</c><01:23:21.239><c> the</c><01:23:21.440><c> first</c> 01:23:21.750 --> 01:23:21.760 align:start position:0% text and I say here this is the first 01:23:21.760 --> 01:23:23.430 align:start position:0% text and I say here this is the first line 01:23:23.430 --> 01:23:23.440 align:start position:0% line 01:23:23.440 --> 01:23:27.950 align:start position:0% line this<01:23:23.600><c> is</c><01:23:23.800><c> the</c><01:23:24.000><c> second</c><01:23:24.560><c> line</c><01:23:25.560><c> and</c><01:23:26.360><c> this</c><01:23:27.360><c> is</c><01:23:27.639><c> the</c> 01:23:27.950 --> 01:23:27.960 align:start position:0% this is the second line and this is the 01:23:27.960 --> 01:23:29.510 align:start position:0% this is the second line and this is the third 01:23:29.510 --> 01:23:29.520 align:start position:0% third 01:23:29.520 --> 01:23:36.990 align:start position:0% third line<01:23:30.520><c> if</c><01:23:30.679><c> I</c><01:23:30.840><c> try</c><01:23:31.239><c> printing</c> 01:23:36.990 --> 01:23:37.000 align:start position:0% 01:23:37.000 --> 01:23:39.709 align:start position:0% this<01:23:38.000><c> I</c><01:23:38.080><c> will</c><01:23:38.320><c> get</c><01:23:38.639><c> everything</c><01:23:39.120><c> in</c><01:23:39.280><c> a</c><01:23:39.400><c> single</c> 01:23:39.709 --> 01:23:39.719 align:start position:0% this I will get everything in a single 01:23:39.719 --> 01:23:42.910 align:start position:0% this I will get everything in a single line<01:23:40.360><c> and</c><01:23:40.639><c> this</c><01:23:40.800><c> is</c><01:23:41.199><c> where</c><01:23:41.400><c> this</c><01:23:41.719><c> filter</c><01:23:42.719><c> is</c> 01:23:42.910 --> 01:23:42.920 align:start position:0% line and this is where this filter is 01:23:42.920 --> 01:23:47.110 align:start position:0% line and this is where this filter is useful<01:23:43.560><c> I</c><01:23:43.639><c> can</c><01:23:43.760><c> say</c><01:23:44.040><c> new</c><01:23:44.239><c> line</c><01:23:44.480><c> to</c><01:23:44.679><c> VR</c><01:23:45.679><c> VR</c><01:23:46.120><c> being</c> 01:23:47.110 --> 01:23:47.120 align:start position:0% useful I can say new line to VR VR being 01:23:47.120 --> 01:23:51.470 align:start position:0% useful I can say new line to VR VR being this<01:23:47.400><c> tag</c><01:23:47.679><c> over</c><01:23:47.960><c> here</c><01:23:48.760><c> which</c><01:23:48.960><c> forces</c><01:23:49.360><c> a</c><01:23:49.480><c> line</c> 01:23:51.470 --> 01:23:51.480 align:start position:0% this tag over here which forces a line 01:23:51.480 --> 01:23:55.510 align:start position:0% this tag over here which forces a line break<01:23:52.480><c> and</c><01:23:52.719><c> here</c><01:23:53.560><c> I</c><01:23:53.679><c> see</c><01:23:54.600><c> that</c><01:23:54.840><c> now</c><01:23:55.040><c> I</c><01:23:55.159><c> have</c><01:23:55.360><c> my</c> 01:23:55.510 --> 01:23:55.520 align:start position:0% break and here I see that now I have my 01:23:55.520 --> 01:23:58.550 align:start position:0% break and here I see that now I have my text<01:23:55.800><c> separated</c><01:23:56.480><c> into</c><01:23:56.960><c> different</c><01:23:57.360><c> lines</c><01:23:58.360><c> like</c> 01:23:58.550 --> 01:23:58.560 align:start position:0% text separated into different lines like 01:23:58.560 --> 01:24:00.629 align:start position:0% text separated into different lines like I<01:23:58.719><c> have</c><01:23:58.880><c> it</c><01:23:59.040><c> over</c> 01:24:00.629 --> 01:24:00.639 align:start position:0% I have it over 01:24:00.639 --> 01:24:03.310 align:start position:0% I have it over here<01:24:01.639><c> and</c><01:24:01.840><c> now</c><01:24:02.199><c> the</c><01:24:02.320><c> last</c><01:24:02.520><c> two</c><01:24:02.639><c> filters</c><01:24:03.080><c> I</c><01:24:03.159><c> want</c> 01:24:03.310 --> 01:24:03.320 align:start position:0% here and now the last two filters I want 01:24:03.320 --> 01:24:07.189 align:start position:0% here and now the last two filters I want to<01:24:03.440><c> show</c><01:24:04.040><c> are</c><01:24:04.480><c> replace</c><01:24:04.960><c> and</c><01:24:05.159><c> remove</c><01:24:05.639><c> so</c><01:24:06.000><c> let's</c> 01:24:07.189 --> 01:24:07.199 align:start position:0% to show are replace and remove so let's 01:24:07.199 --> 01:24:12.669 align:start position:0% to show are replace and remove so let's say<01:24:08.199><c> my</c><01:24:09.199><c> text</c><01:24:09.840><c> here</c><01:24:10.400><c> will</c><01:24:10.600><c> be</c><01:24:10.800><c> equal</c><01:24:11.040><c> to</c> 01:24:12.669 --> 01:24:12.679 align:start position:0% say my text here will be equal to 01:24:12.679 --> 01:24:19.229 align:start position:0% say my text here will be equal to this<01:24:13.679><c> now</c><01:24:14.159><c> if</c><01:24:14.280><c> I</c><01:24:14.440><c> print</c><01:24:14.760><c> this</c><01:24:15.679><c> my</c> 01:24:19.229 --> 01:24:19.239 align:start position:0% 01:24:19.239 --> 01:24:21.990 align:start position:0% text<01:24:20.239><c> I'll</c><01:24:20.480><c> see</c><01:24:20.840><c> Hello</c><01:24:21.120><c> some</c><01:24:21.360><c> extra</c><01:24:21.639><c> text</c><01:24:21.840><c> some</c> 01:24:21.990 --> 01:24:22.000 align:start position:0% text I'll see Hello some extra text some 01:24:22.000 --> 01:24:23.350 align:start position:0% text I'll see Hello some extra text some extra<01:24:22.199><c> text</c> 01:24:23.350 --> 01:24:23.360 align:start position:0% extra text 01:24:23.360 --> 01:24:26.629 align:start position:0% extra text now<01:24:24.159><c> I</c><01:24:24.320><c> can</c><01:24:24.600><c> say</c> 01:24:26.629 --> 01:24:26.639 align:start position:0% now I can say 01:24:26.639 --> 01:24:28.470 align:start position:0% now I can say replace<01:24:27.639><c> I</c><01:24:27.760><c> can</c> 01:24:28.470 --> 01:24:28.480 align:start position:0% replace I can 01:24:28.480 --> 01:24:37.510 align:start position:0% replace I can say<01:24:29.480><c> tab</c><01:24:29.920><c> text</c><01:24:30.560><c> will</c><01:24:30.719><c> be</c><01:24:30.920><c> replac</c><01:24:31.280><c> it</c><01:24:32.000><c> with</c> 01:24:37.510 --> 01:24:37.520 align:start position:0% 01:24:37.520 --> 01:24:40.149 align:start position:0% string<01:24:38.520><c> here</c><01:24:38.639><c> I</c><01:24:38.760><c> see</c><01:24:38.960><c> some</c><01:24:39.159><c> extra</c><01:24:39.520><c> string</c><01:24:39.880><c> some</c> 01:24:40.149 --> 01:24:40.159 align:start position:0% string here I see some extra string some 01:24:40.159 --> 01:24:41.470 align:start position:0% string here I see some extra string some extra 01:24:41.470 --> 01:24:41.480 align:start position:0% extra 01:24:41.480 --> 01:24:44.270 align:start position:0% extra string<01:24:42.480><c> now</c><01:24:42.800><c> if</c><01:24:42.920><c> I</c><01:24:43.080><c> wanted</c><01:24:43.360><c> to</c><01:24:43.560><c> only</c><01:24:43.880><c> replace</c> 01:24:44.270 --> 01:24:44.280 align:start position:0% string now if I wanted to only replace 01:24:44.280 --> 01:24:46.030 align:start position:0% string now if I wanted to only replace the<01:24:44.400><c> first</c><01:24:44.719><c> equivalence</c><01:24:45.159><c> of</c><01:24:45.320><c> this</c><01:24:45.600><c> I</c><01:24:45.679><c> can</c><01:24:45.800><c> say</c> 01:24:46.030 --> 01:24:46.040 align:start position:0% the first equivalence of this I can say 01:24:46.040 --> 01:24:48.229 align:start position:0% the first equivalence of this I can say replace 01:24:48.229 --> 01:24:48.239 align:start position:0% replace 01:24:48.239 --> 01:24:51.070 align:start position:0% replace first<01:24:49.239><c> and</c><01:24:49.440><c> here</c><01:24:49.719><c> this</c><01:24:49.800><c> is</c><01:24:49.920><c> a</c><01:24:50.080><c> string</c><01:24:50.760><c> but</c><01:24:51.000><c> this</c> 01:24:51.070 --> 01:24:51.080 align:start position:0% first and here this is a string but this 01:24:51.080 --> 01:24:52.910 align:start position:0% first and here this is a string but this is<01:24:51.360><c> text</c> 01:24:52.910 --> 01:24:52.920 align:start position:0% is text 01:24:52.920 --> 01:24:57.270 align:start position:0% is text and<01:24:53.480><c> conversely</c><01:24:54.440><c> we</c><01:24:54.639><c> have</c><01:24:54.960><c> also</c><01:24:55.480><c> replace</c> 01:24:57.270 --> 01:24:57.280 align:start position:0% and conversely we have also replace 01:24:57.280 --> 01:25:00.950 align:start position:0% and conversely we have also replace last<01:24:58.280><c> which</c><01:24:58.560><c> does</c><01:24:59.040><c> as</c><01:24:59.159><c> you</c><01:24:59.320><c> can</c><01:24:59.520><c> infer</c><01:25:00.119><c> replace</c> 01:25:00.950 --> 01:25:00.960 align:start position:0% last which does as you can infer replace 01:25:00.960 --> 01:25:03.030 align:start position:0% last which does as you can infer replace the<01:25:01.159><c> last</c><01:25:01.520><c> occurrence</c><01:25:02.000><c> of</c><01:25:02.280><c> text</c><01:25:02.760><c> with</c><01:25:02.920><c> a</c> 01:25:03.030 --> 01:25:03.040 align:start position:0% the last occurrence of text with a 01:25:03.040 --> 01:25:05.350 align:start position:0% the last occurrence of text with a string<01:25:03.440><c> here</c><01:25:04.080><c> and</c><01:25:04.239><c> leave</c><01:25:04.560><c> the</c><01:25:04.719><c> first</c><01:25:04.920><c> one</c><01:25:05.199><c> as</c> 01:25:05.350 --> 01:25:05.360 align:start position:0% string here and leave the first one as 01:25:05.360 --> 01:25:06.149 align:start position:0% string here and leave the first one as it 01:25:06.149 --> 01:25:06.159 align:start position:0% it 01:25:06.159 --> 01:25:10.590 align:start position:0% it was<01:25:07.159><c> now</c><01:25:07.520><c> we</c><01:25:07.639><c> can</c><01:25:07.880><c> also</c><01:25:08.159><c> use</c><01:25:08.840><c> remove</c><01:25:09.840><c> which</c> 01:25:10.590 --> 01:25:10.600 align:start position:0% was now we can also use remove which 01:25:10.600 --> 01:25:12.910 align:start position:0% was now we can also use remove which doesn't<01:25:11.159><c> receive</c><01:25:11.440><c> a</c><01:25:11.600><c> second</c><01:25:11.840><c> parameter</c> 01:25:12.910 --> 01:25:12.920 align:start position:0% doesn't receive a second parameter 01:25:12.920 --> 01:25:16.149 align:start position:0% doesn't receive a second parameter here<01:25:13.920><c> and</c><01:25:14.159><c> instead</c><01:25:15.119><c> we</c><01:25:15.239><c> can</c><01:25:15.480><c> remove</c><01:25:15.840><c> all</c><01:25:16.000><c> the</c> 01:25:16.149 --> 01:25:16.159 align:start position:0% here and instead we can remove all the 01:25:16.159 --> 01:25:19.870 align:start position:0% here and instead we can remove all the quences<01:25:17.119><c> of</c><01:25:17.480><c> a</c><01:25:17.719><c> word</c><01:25:18.199><c> in</c><01:25:18.360><c> a</c><01:25:18.480><c> string</c><01:25:18.840><c> so</c><01:25:19.080><c> here</c><01:25:19.679><c> we</c> 01:25:19.870 --> 01:25:19.880 align:start position:0% quences of a word in a string so here we 01:25:19.880 --> 01:25:22.350 align:start position:0% quences of a word in a string so here we have<01:25:20.760><c> we</c><01:25:20.880><c> are</c><01:25:21.040><c> removing</c><01:25:21.400><c> text</c><01:25:21.679><c> from</c><01:25:21.920><c> this</c><01:25:22.080><c> so</c> 01:25:22.350 --> 01:25:22.360 align:start position:0% have we are removing text from this so 01:25:22.360 --> 01:25:25.430 align:start position:0% have we are removing text from this so so<01:25:22.520><c> now</c><01:25:22.719><c> we</c><01:25:22.880><c> get</c><01:25:23.360><c> hello</c><01:25:23.719><c> some</c><01:25:23.960><c> extra</c><01:25:24.320><c> some</c> 01:25:25.430 --> 01:25:25.440 align:start position:0% so now we get hello some extra some 01:25:25.440 --> 01:25:28.510 align:start position:0% so now we get hello some extra some extra<01:25:26.440><c> likewise</c><01:25:26.840><c> we</c><01:25:26.960><c> can</c><01:25:27.080><c> use</c><01:25:27.360><c> remove</c><01:25:27.800><c> first</c> 01:25:28.510 --> 01:25:28.520 align:start position:0% extra likewise we can use remove first 01:25:28.520 --> 01:25:32.070 align:start position:0% extra likewise we can use remove first and<01:25:28.760><c> remove</c><01:25:29.320><c> last</c><01:25:30.320><c> to</c><01:25:30.560><c> get</c><01:25:31.040><c> the</c><01:25:31.520><c> effects</c><01:25:31.920><c> that</c> 01:25:32.070 --> 01:25:32.080 align:start position:0% and remove last to get the effects that 01:25:32.080 --> 01:25:34.990 align:start position:0% and remove last to get the effects that you<01:25:32.199><c> can</c><01:25:32.440><c> expect</c><01:25:32.880><c> so</c><01:25:33.480><c> the</c><01:25:33.719><c> first</c><01:25:34.199><c> text</c><01:25:34.639><c> here</c><01:25:34.840><c> is</c> 01:25:34.990 --> 01:25:35.000 align:start position:0% you can expect so the first text here is 01:25:35.000 --> 01:25:38.030 align:start position:0% you can expect so the first text here is removed<01:25:35.440><c> but</c><01:25:35.600><c> the</c><01:25:35.719><c> last</c><01:25:35.920><c> one</c><01:25:36.239><c> is</c><01:25:36.800><c> kept</c><01:25:37.800><c> and</c><01:25:37.920><c> if</c> 01:25:38.030 --> 01:25:38.040 align:start position:0% removed but the last one is kept and if 01:25:38.040 --> 01:25:42.149 align:start position:0% removed but the last one is kept and if I<01:25:38.159><c> say</c><01:25:38.480><c> remove</c> 01:25:42.149 --> 01:25:42.159 align:start position:0% 01:25:42.159 --> 01:25:44.990 align:start position:0% last<01:25:43.159><c> then</c><01:25:43.400><c> the</c><01:25:43.560><c> first</c><01:25:43.920><c> text</c><01:25:44.239><c> here</c><01:25:44.480><c> is</c><01:25:44.679><c> kept</c> 01:25:44.990 --> 01:25:45.000 align:start position:0% last then the first text here is kept 01:25:45.000 --> 01:25:47.510 align:start position:0% last then the first text here is kept but<01:25:45.159><c> the</c><01:25:45.320><c> last</c><01:25:45.520><c> one</c><01:25:45.960><c> is</c> 01:25:47.510 --> 01:25:47.520 align:start position:0% but the last one is 01:25:47.520 --> 01:25:50.750 align:start position:0% but the last one is not<01:25:48.520><c> and</c><01:25:48.679><c> even</c><01:25:49.000><c> though</c><01:25:49.320><c> I</c><01:25:49.440><c> mentioned</c><01:25:49.960><c> that</c><01:25:50.239><c> the</c> 01:25:50.750 --> 01:25:50.760 align:start position:0% not and even though I mentioned that the 01:25:50.760 --> 01:25:52.669 align:start position:0% not and even though I mentioned that the replace<01:25:51.199><c> and</c><01:25:51.400><c> remove</c><01:25:51.679><c> filters</c><01:25:52.080><c> were</c><01:25:52.400><c> the</c><01:25:52.520><c> last</c> 01:25:52.669 --> 01:25:52.679 align:start position:0% replace and remove filters were the last 01:25:52.679 --> 01:25:55.070 align:start position:0% replace and remove filters were the last ones<01:25:52.920><c> that</c><01:25:53.080><c> we</c><01:25:53.159><c> will</c><01:25:53.320><c> see</c><01:25:53.560><c> for</c><01:25:53.880><c> Strings</c><01:25:54.880><c> the</c> 01:25:55.070 --> 01:25:55.080 align:start position:0% ones that we will see for Strings the 01:25:55.080 --> 01:25:57.510 align:start position:0% ones that we will see for Strings the next<01:25:55.679><c> filter</c><01:25:56.119><c> serves</c><01:25:56.440><c> as</c><01:25:56.560><c> a</c><01:25:56.679><c> connection</c><01:25:57.199><c> of</c> 01:25:57.510 --> 01:25:57.520 align:start position:0% next filter serves as a connection of 01:25:57.520 --> 01:25:59.750 align:start position:0% next filter serves as a connection of string<01:25:57.880><c> filters</c><01:25:58.880><c> and</c><01:25:59.080><c> the</c><01:25:59.239><c> next</c><01:25:59.480><c> type</c><01:25:59.679><c> of</c> 01:25:59.750 --> 01:25:59.760 align:start position:0% string filters and the next type of 01:25:59.760 --> 01:26:02.629 align:start position:0% string filters and the next type of filters<01:26:00.119><c> that</c><01:26:00.280><c> we</c><01:26:00.360><c> will</c><01:26:00.520><c> see</c><01:26:00.880><c> array</c><01:26:01.639><c> filters</c> 01:26:02.629 --> 01:26:02.639 align:start position:0% filters that we will see array filters 01:26:02.639 --> 01:26:04.750 align:start position:0% filters that we will see array filters this<01:26:02.840><c> filter</c><01:26:03.239><c> is</c><01:26:03.360><c> a</c><01:26:03.520><c> split</c><01:26:03.960><c> and</c><01:26:04.080><c> it</c><01:26:04.199><c> will</c><01:26:04.440><c> help</c> 01:26:04.750 --> 01:26:04.760 align:start position:0% this filter is a split and it will help 01:26:04.760 --> 01:26:06.990 align:start position:0% this filter is a split and it will help us<01:26:05.119><c> create</c><01:26:05.520><c> an</c><01:26:05.719><c> array</c><01:26:06.239><c> this</c><01:26:06.320><c> is</c><01:26:06.480><c> what</c><01:26:06.600><c> I</c><01:26:06.679><c> meant</c> 01:26:06.990 --> 01:26:07.000 align:start position:0% us create an array this is what I meant 01:26:07.000 --> 01:26:08.950 align:start position:0% us create an array this is what I meant earlier<01:26:07.320><c> in</c><01:26:07.400><c> the</c><01:26:07.560><c> video</c><01:26:07.800><c> when</c><01:26:07.920><c> I</c><01:26:08.040><c> said</c><01:26:08.440><c> that</c> 01:26:08.950 --> 01:26:08.960 align:start position:0% earlier in the video when I said that 01:26:08.960 --> 01:26:10.830 align:start position:0% earlier in the video when I said that even<01:26:09.239><c> though</c><01:26:09.440><c> we</c><01:26:09.600><c> cannot</c><01:26:09.920><c> create</c><01:26:10.280><c> an</c><01:26:10.440><c> array</c> 01:26:10.830 --> 01:26:10.840 align:start position:0% even though we cannot create an array 01:26:10.840 --> 01:26:12.750 align:start position:0% even though we cannot create an array directly<01:26:11.440><c> there</c><01:26:11.560><c> is</c><01:26:11.719><c> a</c><01:26:11.880><c> work</c><01:26:12.119><c> around</c><01:26:12.400><c> for</c><01:26:12.560><c> it</c> 01:26:12.750 --> 01:26:12.760 align:start position:0% directly there is a work around for it 01:26:12.760 --> 01:26:15.030 align:start position:0% directly there is a work around for it so<01:26:12.960><c> let's</c><01:26:13.159><c> say</c><01:26:13.320><c> that</c><01:26:13.480><c> I</c><01:26:13.639><c> have</c><01:26:14.440><c> this</c><01:26:14.639><c> variable</c> 01:26:15.030 --> 01:26:15.040 align:start position:0% so let's say that I have this variable 01:26:15.040 --> 01:26:16.910 align:start position:0% so let's say that I have this variable here<01:26:15.440><c> my</c> 01:26:16.910 --> 01:26:16.920 align:start position:0% here my 01:26:16.920 --> 01:26:20.910 align:start position:0% here my numbers<01:26:17.920><c> and</c><01:26:18.119><c> I</c><01:26:18.719><c> make</c><01:26:19.000><c> this</c><01:26:19.199><c> 1</c><01:26:19.400><c> 2</c><01:26:19.600><c> 3</c> 01:26:20.910 --> 01:26:20.920 align:start position:0% numbers and I make this 1 2 3 01:26:20.920 --> 01:26:24.149 align:start position:0% numbers and I make this 1 2 3 4<01:26:21.920><c> now</c><01:26:22.360><c> if</c><01:26:22.520><c> I</c><01:26:22.719><c> try</c><01:26:22.960><c> to</c><01:26:23.119><c> look</c><01:26:23.440><c> through</c><01:26:23.719><c> this</c><01:26:23.960><c> so</c> 01:26:24.149 --> 01:26:24.159 align:start position:0% 4 now if I try to look through this so 01:26:24.159 --> 01:26:28.550 align:start position:0% 4 now if I try to look through this so for<01:26:24.560><c> number</c><01:26:25.119><c> in</c><01:26:25.360><c> my</c> 01:26:28.550 --> 01:26:28.560 align:start position:0% 01:26:28.560 --> 01:26:34.669 align:start position:0% numbers<01:26:29.560><c> and</c><01:26:29.719><c> I</c><01:26:29.840><c> try</c><01:26:30.239><c> printing</c><01:26:30.800><c> this</c><01:26:30.960><c> number</c> 01:26:34.669 --> 01:26:34.679 align:start position:0% 01:26:34.679 --> 01:26:38.430 align:start position:0% here<01:26:35.679><c> I</c><01:26:35.760><c> will</c><01:26:36.040><c> get</c><01:26:36.760><c> 1</c><01:26:37.000><c> 2</c><01:26:37.199><c> 3</c><01:26:37.360><c> 4</c><01:26:37.679><c> printed</c><01:26:38.119><c> that's</c><01:26:38.280><c> a</c> 01:26:38.430 --> 01:26:38.440 align:start position:0% here I will get 1 2 3 4 printed that's a 01:26:38.440 --> 01:26:41.390 align:start position:0% here I will get 1 2 3 4 printed that's a single<01:26:39.400><c> string</c><01:26:39.760><c> as</c><01:26:39.880><c> a</c><01:26:40.000><c> single</c><01:26:40.840><c> sequence</c><01:26:41.239><c> of</c> 01:26:41.390 --> 01:26:41.400 align:start position:0% single string as a single sequence of 01:26:41.400 --> 01:26:43.910 align:start position:0% single string as a single sequence of characters<01:26:42.400><c> but</c><01:26:42.600><c> I</c><01:26:42.760><c> instead</c><01:26:43.199><c> want</c><01:26:43.679><c> each</c> 01:26:43.910 --> 01:26:43.920 align:start position:0% characters but I instead want each 01:26:43.920 --> 01:26:46.310 align:start position:0% characters but I instead want each number<01:26:44.280><c> printed</c><01:26:44.760><c> in</c><01:26:44.920><c> its</c><01:26:45.080><c> own</c><01:26:45.360><c> line</c><01:26:45.840><c> so</c><01:26:46.040><c> what</c><01:26:46.239><c> I</c> 01:26:46.310 --> 01:26:46.320 align:start position:0% number printed in its own line so what I 01:26:46.320 --> 01:26:49.430 align:start position:0% number printed in its own line so what I can<01:26:46.480><c> do</c><01:26:46.760><c> here</c><01:26:47.639><c> is</c><01:26:47.800><c> use</c><01:26:48.040><c> the</c><01:26:48.239><c> split</c><01:26:48.520><c> filter</c> 01:26:49.430 --> 01:26:49.440 align:start position:0% can do here is use the split filter 01:26:49.440 --> 01:26:51.109 align:start position:0% can do here is use the split filter which<01:26:49.679><c> if</c><01:26:49.800><c> I</c><01:26:49.920><c> don't</c><01:26:50.119><c> pass</c><01:26:50.360><c> any</c><01:26:50.520><c> parameter</c> 01:26:51.109 --> 01:26:51.119 align:start position:0% which if I don't pass any parameter 01:26:51.119 --> 01:26:53.270 align:start position:0% which if I don't pass any parameter splits<01:26:51.480><c> by</c><01:26:51.639><c> a</c><01:26:51.760><c> wi</c><01:26:51.960><c> space</c><01:26:52.440><c> but</c><01:26:52.600><c> if</c><01:26:52.719><c> I</c><01:26:52.920><c> pass</c><01:26:53.119><c> it</c> 01:26:53.270 --> 01:26:53.280 align:start position:0% splits by a wi space but if I pass it 01:26:53.280 --> 01:26:54.390 align:start position:0% splits by a wi space but if I pass it one 01:26:54.390 --> 01:26:54.400 align:start position:0% one 01:26:54.400 --> 01:26:57.590 align:start position:0% one here<01:26:55.400><c> which</c><01:26:55.560><c> is</c><01:26:55.880><c> the</c><01:26:56.560><c> character</c><01:26:57.239><c> it</c><01:26:57.360><c> should</c> 01:26:57.590 --> 01:26:57.600 align:start position:0% here which is the character it should 01:26:57.600 --> 01:26:59.870 align:start position:0% here which is the character it should use<01:26:57.800><c> for</c><01:26:58.040><c> splitting</c><01:26:58.560><c> in</c><01:26:58.719><c> this</c><01:26:58.880><c> case</c><01:26:59.159><c> the</c><01:26:59.360><c> comma</c> 01:26:59.870 --> 01:26:59.880 align:start position:0% use for splitting in this case the comma 01:26:59.880 --> 01:27:02.790 align:start position:0% use for splitting in this case the comma if<01:26:59.960><c> I</c><01:27:00.199><c> pass</c><01:27:00.520><c> this</c><01:27:01.480><c> then</c><01:27:01.639><c> we</c><01:27:01.719><c> will</c><01:27:01.880><c> get</c><01:27:02.040><c> an</c><01:27:02.199><c> array</c> 01:27:02.790 --> 01:27:02.800 align:start position:0% if I pass this then we will get an array 01:27:02.800 --> 01:27:06.270 align:start position:0% if I pass this then we will get an array with<01:27:03.040><c> one</c><01:27:03.480><c> 2</c><01:27:03.920><c> three</c><01:27:04.239><c> and</c><01:27:04.400><c> four</c><01:27:05.119><c> so</c><01:27:05.840><c> this</c><01:27:05.960><c> is</c><01:27:06.080><c> the</c> 01:27:06.270 --> 01:27:06.280 align:start position:0% with one 2 three and four so this is the 01:27:06.280 --> 01:27:08.750 align:start position:0% with one 2 three and four so this is the result<01:27:06.679><c> we</c><01:27:06.840><c> have</c><01:27:07.239><c> now</c><01:27:08.239><c> and</c><01:27:08.400><c> we</c><01:27:08.560><c> have</c> 01:27:08.750 --> 01:27:08.760 align:start position:0% result we have now and we have 01:27:08.760 --> 01:27:10.709 align:start position:0% result we have now and we have effectively<01:27:09.280><c> created</c><01:27:09.639><c> an</c><01:27:09.800><c> array</c><01:27:10.360><c> through</c> 01:27:10.709 --> 01:27:10.719 align:start position:0% effectively created an array through 01:27:10.719 --> 01:27:13.790 align:start position:0% effectively created an array through this<01:27:11.600><c> now</c><01:27:11.960><c> this</c><01:27:12.080><c> is</c><01:27:12.840><c> very</c><01:27:13.119><c> powerful</c><01:27:13.560><c> too</c> 01:27:13.790 --> 01:27:13.800 align:start position:0% this now this is very powerful too 01:27:13.800 --> 01:27:15.870 align:start position:0% this now this is very powerful too because<01:27:14.199><c> we</c><01:27:14.520><c> are</c><01:27:14.719><c> not</c><01:27:14.920><c> limited</c><01:27:15.320><c> to</c><01:27:15.520><c> creating</c> 01:27:15.870 --> 01:27:15.880 align:start position:0% because we are not limited to creating 01:27:15.880 --> 01:27:18.070 align:start position:0% because we are not limited to creating an<01:27:16.320><c> to</c><01:27:16.520><c> creating</c><01:27:16.840><c> an</c><01:27:16.960><c> array</c><01:27:17.320><c> of</c><01:27:17.560><c> simple</c> 01:27:18.070 --> 01:27:18.080 align:start position:0% an to creating an array of simple 01:27:18.080 --> 01:27:20.229 align:start position:0% an to creating an array of simple objects<01:27:18.560><c> here</c><01:27:19.239><c> we</c><01:27:19.400><c> can</c><01:27:19.600><c> create</c><01:27:19.920><c> something</c> 01:27:20.229 --> 01:27:20.239 align:start position:0% objects here we can create something 01:27:20.239 --> 01:27:22.189 align:start position:0% objects here we can create something more<01:27:20.520><c> complex</c><01:27:21.000><c> so</c><01:27:21.199><c> let's</c><01:27:21.400><c> say</c><01:27:21.560><c> that</c><01:27:21.719><c> I</c><01:27:21.800><c> wanted</c> 01:27:22.189 --> 01:27:22.199 align:start position:0% more complex so let's say that I wanted 01:27:22.199 --> 01:27:25.070 align:start position:0% more complex so let's say that I wanted to<01:27:22.320><c> print</c><01:27:22.800><c> the</c><01:27:22.960><c> name</c><01:27:23.440><c> of</c><01:27:24.119><c> all</c><01:27:24.320><c> the</c><01:27:24.520><c> langu</c><01:27:24.920><c> of</c> 01:27:25.070 --> 01:27:25.080 align:start position:0% to print the name of all the langu of 01:27:25.080 --> 01:27:27.510 align:start position:0% to print the name of all the langu of the<01:27:25.199><c> three</c><01:27:25.400><c> languages</c><01:27:26.080><c> used</c><01:27:26.400><c> in</c><01:27:26.480><c> the</c><01:27:26.639><c> web</c><01:27:27.360><c> and</c> 01:27:27.510 --> 01:27:27.520 align:start position:0% the three languages used in the web and 01:27:27.520 --> 01:27:29.510 align:start position:0% the three languages used in the web and that<01:27:27.679><c> I</c><01:27:27.800><c> wanted</c><01:27:28.080><c> to</c><01:27:28.280><c> color</c><01:27:28.800><c> each</c><01:27:29.000><c> one</c><01:27:29.159><c> of</c><01:27:29.320><c> those</c> 01:27:29.510 --> 01:27:29.520 align:start position:0% that I wanted to color each one of those 01:27:29.520 --> 01:27:32.070 align:start position:0% that I wanted to color each one of those Texs<01:27:29.880><c> with</c><01:27:30.000><c> a</c><01:27:30.159><c> prominent</c><01:27:30.600><c> color</c><01:27:31.159><c> of</c><01:27:31.320><c> its</c><01:27:31.560><c> logo</c> 01:27:32.070 --> 01:27:32.080 align:start position:0% Texs with a prominent color of its logo 01:27:32.080 --> 01:27:38.030 align:start position:0% Texs with a prominent color of its logo so<01:27:33.040><c> the</c><01:27:34.199><c> HTML</c><01:27:35.199><c> CSS</c><01:27:35.920><c> and</c> 01:27:38.030 --> 01:27:38.040 align:start position:0% so the HTML CSS and 01:27:38.040 --> 01:27:42.470 align:start position:0% so the HTML CSS and JavaScript<01:27:39.040><c> and</c><01:27:39.199><c> now</c><01:27:39.719><c> here</c><01:27:40.719><c> the</c><01:27:41.320><c> HTML</c> 01:27:42.470 --> 01:27:42.480 align:start position:0% JavaScript and now here the HTML 01:27:42.480 --> 01:27:45.310 align:start position:0% JavaScript and now here the HTML logo<01:27:43.480><c> has</c><01:27:43.719><c> orange</c><01:27:44.080><c> as</c><01:27:44.239><c> its</c><01:27:44.440><c> prominent</c><01:27:44.880><c> color</c> 01:27:45.310 --> 01:27:45.320 align:start position:0% logo has orange as its prominent color 01:27:45.320 --> 01:27:47.550 align:start position:0% logo has orange as its prominent color the<01:27:45.440><c> CSS</c><01:27:45.880><c> logo</c><01:27:46.280><c> has</c><01:27:46.480><c> blue</c><01:27:46.800><c> as</c><01:27:46.960><c> its</c><01:27:47.159><c> prominent</c> 01:27:47.550 --> 01:27:47.560 align:start position:0% the CSS logo has blue as its prominent 01:27:47.560 --> 01:27:49.910 align:start position:0% the CSS logo has blue as its prominent color<01:27:48.159><c> and</c><01:27:48.360><c> the</c><01:27:48.560><c> JavaScript</c><01:27:49.040><c> logo</c><01:27:49.320><c> has</c><01:27:49.520><c> yellow</c> 01:27:49.910 --> 01:27:49.920 align:start position:0% color and the JavaScript logo has yellow 01:27:49.920 --> 01:27:52.390 align:start position:0% color and the JavaScript logo has yellow as<01:27:50.040><c> its</c><01:27:50.239><c> prominent</c><01:27:50.679><c> color</c><01:27:51.520><c> so</c><01:27:51.679><c> what</c><01:27:51.800><c> I'm</c><01:27:51.880><c> doing</c> 01:27:52.390 --> 01:27:52.400 align:start position:0% as its prominent color so what I'm doing 01:27:52.400 --> 01:27:55.149 align:start position:0% as its prominent color so what I'm doing here<01:27:52.880><c> is</c><01:27:53.080><c> that</c><01:27:53.280><c> I'm</c><01:27:53.520><c> splitting</c><01:27:54.119><c> this</c><01:27:54.719><c> into</c> 01:27:55.149 --> 01:27:55.159 align:start position:0% here is that I'm splitting this into 01:27:55.159 --> 01:27:58.669 align:start position:0% here is that I'm splitting this into three<01:27:55.719><c> of</c><01:27:56.560><c> three</c><01:27:57.560><c> three</c><01:27:57.920><c> an</c><01:27:58.080><c> array</c><01:27:58.360><c> of</c><01:27:58.480><c> three</c> 01:27:58.669 --> 01:27:58.679 align:start position:0% three of three three an array of three 01:27:58.679 --> 01:28:01.550 align:start position:0% three of three three an array of three strings<01:27:59.119><c> here</c><01:27:59.320><c> so</c><01:27:59.520><c> we</c><01:27:59.639><c> have</c><01:27:59.880><c> HTML</c><01:28:00.480><c> orange</c><01:28:01.040><c> CSS</c> 01:28:01.550 --> 01:28:01.560 align:start position:0% strings here so we have HTML orange CSS 01:28:01.560 --> 01:28:04.870 align:start position:0% strings here so we have HTML orange CSS blue<01:28:02.119><c> and</c><01:28:02.280><c> JavaScript</c><01:28:02.800><c> yellow</c><01:28:03.639><c> but</c><01:28:04.520><c> you</c><01:28:04.679><c> may</c> 01:28:04.870 --> 01:28:04.880 align:start position:0% blue and JavaScript yellow but you may 01:28:04.880 --> 01:28:07.270 align:start position:0% blue and JavaScript yellow but you may notice<01:28:05.239><c> here</c><01:28:05.440><c> that</c><01:28:05.560><c> we</c><01:28:05.679><c> are</c><01:28:05.840><c> separating</c><01:28:06.560><c> this</c> 01:28:07.270 --> 01:28:07.280 align:start position:0% notice here that we are separating this 01:28:07.280 --> 01:28:09.709 align:start position:0% notice here that we are separating this with<01:28:07.560><c> this</c><01:28:07.840><c> pipe</c><01:28:08.239><c> characters</c><01:28:08.800><c> here</c><01:28:09.360><c> character</c> 01:28:09.709 --> 01:28:09.719 align:start position:0% with this pipe characters here character 01:28:09.719 --> 01:28:11.629 align:start position:0% with this pipe characters here character here<01:28:09.880><c> and</c><01:28:10.000><c> you</c><01:28:10.119><c> will</c><01:28:10.239><c> see</c><01:28:10.520><c> why</c><01:28:10.679><c> in</c><01:28:10.760><c> a</c><01:28:10.920><c> moment</c><01:28:11.320><c> so</c> 01:28:11.629 --> 01:28:11.639 align:start position:0% here and you will see why in a moment so 01:28:11.639 --> 01:28:13.709 align:start position:0% here and you will see why in a moment so here<01:28:11.880><c> let's</c><01:28:12.040><c> say</c> 01:28:13.709 --> 01:28:13.719 align:start position:0% here let's say 01:28:13.719 --> 01:28:15.750 align:start position:0% here let's say language<01:28:14.719><c> and</c><01:28:14.840><c> if</c><01:28:14.960><c> I</c><01:28:15.080><c> print</c><01:28:15.280><c> the</c><01:28:15.400><c> language</c> 01:28:15.750 --> 01:28:15.760 align:start position:0% language and if I print the language 01:28:15.760 --> 01:28:17.070 align:start position:0% language and if I print the language here<01:28:15.920><c> we'll</c> 01:28:17.070 --> 01:28:17.080 align:start position:0% here we'll 01:28:17.080 --> 01:28:20.189 align:start position:0% here we'll get<01:28:18.080><c> each</c><01:28:18.360><c> language</c><01:28:18.840><c> in</c><01:28:19.000><c> its</c><01:28:19.520><c> in</c><01:28:20.000><c> its</c> 01:28:20.189 --> 01:28:20.199 align:start position:0% get each language in its in its 01:28:20.199 --> 01:28:22.430 align:start position:0% get each language in its in its independent<01:28:20.719><c> line</c><01:28:21.159><c> and</c><01:28:21.320><c> that's</c><01:28:21.520><c> fine</c><01:28:21.800><c> but</c><01:28:22.119><c> now</c> 01:28:22.430 --> 01:28:22.440 align:start position:0% independent line and that's fine but now 01:28:22.440 --> 01:28:25.669 align:start position:0% independent line and that's fine but now what<01:28:22.560><c> we</c><01:28:22.679><c> can</c><01:28:22.840><c> do</c><01:28:23.400><c> is</c> 01:28:25.669 --> 01:28:25.679 align:start position:0% what we can do is 01:28:25.679 --> 01:28:29.270 align:start position:0% what we can do is language<01:28:26.679><c> name</c><01:28:27.119><c> here</c><01:28:27.360><c> will</c><01:28:27.520><c> be</c><01:28:28.199><c> language</c> 01:28:29.270 --> 01:28:29.280 align:start position:0% language name here will be language 01:28:29.280 --> 01:28:31.750 align:start position:0% language name here will be language split<01:28:30.280><c> and</c><01:28:30.560><c> here</c><01:28:30.840><c> I</c><01:28:30.920><c> can</c><01:28:31.119><c> pass</c><01:28:31.320><c> the</c><01:28:31.480><c> pipe</c> 01:28:31.750 --> 01:28:31.760 align:start position:0% split and here I can pass the pipe 01:28:31.760 --> 01:28:33.470 align:start position:0% split and here I can pass the pipe operator<01:28:32.320><c> and</c><01:28:32.480><c> then</c><01:28:32.679><c> say</c><01:28:32.920><c> that</c><01:28:33.040><c> I</c><01:28:33.159><c> want</c><01:28:33.320><c> the</c> 01:28:33.470 --> 01:28:33.480 align:start position:0% operator and then say that I want the 01:28:33.480 --> 01:28:37.790 align:start position:0% operator and then say that I want the first<01:28:34.199><c> item</c><01:28:35.199><c> and</c><01:28:35.400><c> then</c><01:28:36.280><c> language</c> 01:28:37.790 --> 01:28:37.800 align:start position:0% first item and then language 01:28:37.800 --> 01:28:41.109 align:start position:0% first item and then language color<01:28:38.800><c> of</c><01:28:39.000><c> the</c><01:28:39.600><c> language</c> 01:28:41.109 --> 01:28:41.119 align:start position:0% color of the language 01:28:41.119 --> 01:28:45.430 align:start position:0% color of the language split<01:28:42.119><c> the</c><01:28:42.360><c> pipe</c><01:28:43.000><c> again</c><01:28:43.840><c> and</c><01:28:44.040><c> say</c><01:28:44.960><c> that</c><01:28:45.080><c> I</c><01:28:45.199><c> want</c> 01:28:45.430 --> 01:28:45.440 align:start position:0% split the pipe again and say that I want 01:28:45.440 --> 01:28:50.030 align:start position:0% split the pipe again and say that I want the<01:28:45.840><c> last</c><01:28:46.840><c> item</c><01:28:47.280><c> instead</c><01:28:47.800><c> this</c><01:28:48.320><c> time</c><01:28:49.320><c> so</c><01:28:49.639><c> now</c><01:28:49.960><c> I</c> 01:28:50.030 --> 01:28:50.040 align:start position:0% the last item instead this time so now I 01:28:50.040 --> 01:28:55.709 align:start position:0% the last item instead this time so now I can<01:28:50.199><c> say</c><01:28:50.440><c> a</c><01:28:51.000><c> style</c><01:28:52.440><c> color</c><01:28:53.400><c> equals</c><01:28:53.960><c> language</c> 01:28:55.709 --> 01:28:55.719 align:start position:0% can say a style color equals language 01:28:55.719 --> 01:29:00.590 align:start position:0% can say a style color equals language color<01:28:56.719><c> and</c><01:28:57.000><c> here</c><01:28:57.560><c> I'll</c><01:28:57.840><c> say</c><01:28:58.679><c> language</c><01:28:59.600><c> name</c> 01:29:00.590 --> 01:29:00.600 align:start position:0% color and here I'll say language name 01:29:00.600 --> 01:29:02.390 align:start position:0% color and here I'll say language name and<01:29:00.760><c> if</c><01:29:00.880><c> I</c><01:29:01.040><c> save</c> 01:29:02.390 --> 01:29:02.400 align:start position:0% and if I save 01:29:02.400 --> 01:29:07.669 align:start position:0% and if I save this<01:29:03.400><c> now</c><01:29:03.679><c> I</c><01:29:04.239><c> have</c><01:29:05.239><c> each</c><01:29:05.440><c> one</c><01:29:06.119><c> here</c><01:29:07.119><c> with</c><01:29:07.480><c> the</c> 01:29:07.669 --> 01:29:07.679 align:start position:0% this now I have each one here with the 01:29:07.679 --> 01:29:10.750 align:start position:0% this now I have each one here with the color<01:29:08.280><c> that</c><01:29:08.560><c> I</c><01:29:08.760><c> specified</c><01:29:09.400><c> here</c><01:29:10.159><c> so</c><01:29:10.360><c> you</c><01:29:10.480><c> can</c> 01:29:10.750 --> 01:29:10.760 align:start position:0% color that I specified here so you can 01:29:10.760 --> 01:29:15.390 align:start position:0% color that I specified here so you can specify<01:29:11.440><c> as</c><01:29:12.199><c> much</c><01:29:13.199><c> of</c><01:29:13.520><c> a</c><01:29:14.119><c> like</c><01:29:14.520><c> a</c><01:29:14.679><c> data</c><01:29:15.000><c> a</c><01:29:15.159><c> data</c> 01:29:15.390 --> 01:29:15.400 align:start position:0% specify as much of a like a data a data 01:29:15.400 --> 01:29:19.070 align:start position:0% specify as much of a like a data a data that<01:29:15.560><c> is</c><01:29:16.520><c> as</c><01:29:16.719><c> complex</c><01:29:17.159><c> as</c><01:29:17.320><c> you</c><01:29:17.480><c> need</c><01:29:17.679><c> it</c><01:29:17.840><c> to</c><01:29:18.080><c> be</c> 01:29:19.070 --> 01:29:19.080 align:start position:0% that is as complex as you need it to be 01:29:19.080 --> 01:29:20.950 align:start position:0% that is as complex as you need it to be but<01:29:19.320><c> keep</c><01:29:19.480><c> in</c><01:29:19.639><c> mind</c><01:29:19.920><c> that</c><01:29:20.280><c> even</c><01:29:20.520><c> though</c><01:29:20.760><c> this</c> 01:29:20.950 --> 01:29:20.960 align:start position:0% but keep in mind that even though this 01:29:20.960 --> 01:29:24.229 align:start position:0% but keep in mind that even though this works<01:29:21.600><c> it</c><01:29:21.719><c> is</c><01:29:22.040><c> not</c><01:29:22.320><c> the</c><01:29:23.320><c> best</c><01:29:23.560><c> thing</c><01:29:23.760><c> to</c><01:29:23.960><c> work</c> 01:29:24.229 --> 01:29:24.239 align:start position:0% works it is not the best thing to work 01:29:24.239 --> 01:29:26.950 align:start position:0% works it is not the best thing to work with<01:29:24.960><c> you</c><01:29:25.080><c> may</c><01:29:25.280><c> see</c><01:29:25.600><c> that</c><01:29:26.119><c> this</c><01:29:26.280><c> is</c><01:29:26.719><c> pretty</c> 01:29:26.950 --> 01:29:26.960 align:start position:0% with you may see that this is pretty 01:29:26.960 --> 01:29:29.950 align:start position:0% with you may see that this is pretty brittle<01:29:27.520><c> and</c><01:29:27.679><c> can</c><01:29:27.920><c> break</c><01:29:28.440><c> at</c><01:29:28.600><c> any</c><01:29:28.800><c> moment</c><01:29:29.560><c> but</c> 01:29:29.950 --> 01:29:29.960 align:start position:0% brittle and can break at any moment but 01:29:29.960 --> 01:29:32.870 align:start position:0% brittle and can break at any moment but as<01:29:30.119><c> we</c><01:29:30.360><c> don't</c><01:29:30.600><c> have</c><01:29:31.560><c> something</c><01:29:32.000><c> better</c><01:29:32.560><c> if</c><01:29:32.679><c> you</c> 01:29:32.870 --> 01:29:32.880 align:start position:0% as we don't have something better if you 01:29:32.880 --> 01:29:35.550 align:start position:0% as we don't have something better if you really<01:29:33.159><c> need</c><01:29:33.440><c> to</c><01:29:33.719><c> have</c><01:29:34.119><c> AR</c><01:29:34.320><c> Ray</c><01:29:34.600><c> of</c><01:29:34.800><c> this</c><01:29:35.000><c> type</c> 01:29:35.550 --> 01:29:35.560 align:start position:0% really need to have AR Ray of this type 01:29:35.560 --> 01:29:37.310 align:start position:0% really need to have AR Ray of this type well<01:29:35.800><c> this</c><01:29:35.920><c> is</c><01:29:36.080><c> how</c><01:29:36.199><c> you</c><01:29:36.400><c> create</c><01:29:36.719><c> them</c><01:29:37.199><c> this</c> 01:29:37.310 --> 01:29:37.320 align:start position:0% well this is how you create them this 01:29:37.320 --> 01:29:39.910 align:start position:0% well this is how you create them this will<01:29:37.560><c> become</c><01:29:38.119><c> more</c><01:29:38.400><c> powerful</c><01:29:39.199><c> when</c><01:29:39.400><c> we</c><01:29:39.600><c> learn</c> 01:29:39.910 --> 01:29:39.920 align:start position:0% will become more powerful when we learn 01:29:39.920 --> 01:29:41.590 align:start position:0% will become more powerful when we learn how<01:29:40.040><c> to</c><01:29:40.199><c> create</c><01:29:40.480><c> form</c><01:29:40.800><c> controls</c><01:29:41.360><c> for</c> 01:29:41.590 --> 01:29:41.600 align:start position:0% how to create form controls for 01:29:41.600 --> 01:29:43.310 align:start position:0% how to create form controls for merchants<01:29:42.159><c> a</c><01:29:42.280><c> merchant</c><01:29:42.639><c> being</c><01:29:42.840><c> the</c><01:29:43.000><c> person</c> 01:29:43.310 --> 01:29:43.320 align:start position:0% merchants a merchant being the person 01:29:43.320 --> 01:29:46.149 align:start position:0% merchants a merchant being the person who<01:29:43.600><c> administers</c><01:29:44.280><c> the</c><01:29:44.440><c> content</c><01:29:44.760><c> in</c><01:29:44.840><c> the</c><01:29:45.159><c> store</c> 01:29:46.149 --> 01:29:46.159 align:start position:0% who administers the content in the store 01:29:46.159 --> 01:29:48.070 align:start position:0% who administers the content in the store when<01:29:46.320><c> we</c><01:29:46.440><c> learn</c><01:29:46.679><c> to</c><01:29:46.840><c> create</c><01:29:47.320><c> phone</c><01:29:47.679><c> controls</c> 01:29:48.070 --> 01:29:48.080 align:start position:0% when we learn to create phone controls 01:29:48.080 --> 01:29:50.149 align:start position:0% when we learn to create phone controls for<01:29:48.280><c> them</c><01:29:48.520><c> to</c><01:29:49.040><c> add</c><01:29:49.280><c> content</c><01:29:49.600><c> to</c><01:29:49.719><c> the</c><01:29:49.880><c> store</c> 01:29:50.149 --> 01:29:50.159 align:start position:0% for them to add content to the store 01:29:50.159 --> 01:29:52.070 align:start position:0% for them to add content to the store because<01:29:50.600><c> sometimes</c><01:29:50.880><c> they</c><01:29:51.000><c> will</c><01:29:51.199><c> need</c><01:29:51.400><c> to</c><01:29:51.600><c> add</c> 01:29:52.070 --> 01:29:52.080 align:start position:0% because sometimes they will need to add 01:29:52.080 --> 01:29:54.430 align:start position:0% because sometimes they will need to add something<01:29:52.639><c> that</c><01:29:53.199><c> is</c><01:29:53.360><c> in</c><01:29:53.520><c> the</c><01:29:53.679><c> form</c><01:29:54.080><c> of</c><01:29:54.239><c> an</c> 01:29:54.430 --> 01:29:54.440 align:start position:0% something that is in the form of an 01:29:54.440 --> 01:29:57.310 align:start position:0% something that is in the form of an array<01:29:55.280><c> and</c><01:29:55.520><c> by</c><01:29:55.719><c> adding</c><01:29:56.159><c> a</c><01:29:56.320><c> string</c><01:29:56.679><c> like</c><01:29:56.920><c> this</c> 01:29:57.310 --> 01:29:57.320 align:start position:0% array and by adding a string like this 01:29:57.320 --> 01:29:59.070 align:start position:0% array and by adding a string like this we<01:29:57.480><c> tell</c><01:29:57.719><c> them</c><01:29:58.000><c> what</c><01:29:58.199><c> format</c><01:29:58.560><c> we</c><01:29:58.679><c> need</c><01:29:58.840><c> it</c><01:29:58.960><c> to</c> 01:29:59.070 --> 01:29:59.080 align:start position:0% we tell them what format we need it to 01:29:59.080 --> 01:30:01.430 align:start position:0% we tell them what format we need it to be<01:29:59.320><c> in</c><01:30:00.199><c> and</c><01:30:00.360><c> then</c><01:30:00.679><c> when</c><01:30:00.840><c> they</c><01:30:01.000><c> add</c><01:30:01.159><c> something</c> 01:30:01.430 --> 01:30:01.440 align:start position:0% be in and then when they add something 01:30:01.440 --> 01:30:04.390 align:start position:0% be in and then when they add something like<01:30:01.639><c> this</c><01:30:01.880><c> we</c><01:30:02.000><c> will</c><01:30:02.159><c> be</c><01:30:02.360><c> able</c><01:30:02.679><c> to</c><01:30:03.679><c> extract</c><01:30:04.239><c> the</c> 01:30:04.390 --> 01:30:04.400 align:start position:0% like this we will be able to extract the 01:30:04.400 --> 01:30:06.669 align:start position:0% like this we will be able to extract the data<01:30:04.840><c> in</c><01:30:04.960><c> the</c><01:30:05.119><c> format</c><01:30:05.440><c> that</c><01:30:05.560><c> we</c><01:30:05.679><c> needed</c><01:30:06.080><c> to</c> 01:30:06.669 --> 01:30:06.679 align:start position:0% data in the format that we needed to 01:30:06.679 --> 01:30:10.229 align:start position:0% data in the format that we needed to create<01:30:06.960><c> the</c><01:30:07.080><c> HTML</c><01:30:07.679><c> that</c><01:30:07.800><c> we</c><01:30:07.960><c> want</c><01:30:08.159><c> to</c> 01:30:10.229 --> 01:30:10.239 align:start position:0% create the HTML that we want to 01:30:10.239 --> 01:30:12.790 align:start position:0% create the HTML that we want to create<01:30:11.239><c> okay</c><01:30:11.400><c> so</c><01:30:11.600><c> now</c><01:30:11.840><c> let's</c><01:30:12.000><c> see</c><01:30:12.400><c> the</c><01:30:12.560><c> array</c> 01:30:12.790 --> 01:30:12.800 align:start position:0% create okay so now let's see the array 01:30:12.800 --> 01:30:15.070 align:start position:0% create okay so now let's see the array filter<01:30:13.239><c> so</c><01:30:13.360><c> I'll</c><01:30:13.560><c> delete</c><01:30:13.960><c> all</c><01:30:14.080><c> of</c><01:30:14.320><c> this</c><01:30:14.880><c> and</c> 01:30:15.070 --> 01:30:15.080 align:start position:0% filter so I'll delete all of this and 01:30:15.080 --> 01:30:18.550 align:start position:0% filter so I'll delete all of this and let's<01:30:15.400><c> create</c><01:30:15.880><c> an</c><01:30:16.280><c> array</c><01:30:17.280><c> products</c><01:30:18.199><c> and</c><01:30:18.400><c> this</c> 01:30:18.550 --> 01:30:18.560 align:start position:0% let's create an array products and this 01:30:18.560 --> 01:30:22.149 align:start position:0% let's create an array products and this will<01:30:18.760><c> be</c><01:30:19.119><c> equal</c><01:30:19.920><c> to</c><01:30:20.920><c> collection.</c><01:30:21.600><c> products</c> 01:30:22.149 --> 01:30:22.159 align:start position:0% will be equal to collection. products 01:30:22.159 --> 01:30:23.950 align:start position:0% will be equal to collection. products which<01:30:22.280><c> is</c><01:30:22.480><c> the</c><01:30:22.679><c> easiest</c><01:30:23.040><c> array</c><01:30:23.520><c> we</c><01:30:23.719><c> have</c> 01:30:23.950 --> 01:30:23.960 align:start position:0% which is the easiest array we have 01:30:23.960 --> 01:30:26.270 align:start position:0% which is the easiest array we have access<01:30:24.199><c> to</c><01:30:24.360><c> at</c><01:30:24.480><c> the</c><01:30:24.639><c> moment</c> 01:30:26.270 --> 01:30:26.280 align:start position:0% access to at the moment 01:30:26.280 --> 01:30:30.229 align:start position:0% access to at the moment so<01:30:27.280><c> let's</c><01:30:27.560><c> say</c><01:30:27.840><c> that</c><01:30:28.040><c> we</c><01:30:28.239><c> wanted</c><01:30:28.760><c> to</c><01:30:29.679><c> get</c><01:30:30.080><c> all</c> 01:30:30.229 --> 01:30:30.239 align:start position:0% so let's say that we wanted to get all 01:30:30.239 --> 01:30:33.470 align:start position:0% so let's say that we wanted to get all the<01:30:30.400><c> product</c><01:30:30.760><c> titles</c><01:30:31.280><c> here</c><01:30:31.719><c> so</c><01:30:32.239><c> product</c> 01:30:33.470 --> 01:30:33.480 align:start position:0% the product titles here so product 01:30:33.480 --> 01:30:37.109 align:start position:0% the product titles here so product titles<01:30:34.480><c> this</c><01:30:34.639><c> will</c><01:30:34.840><c> be</c><01:30:35.280><c> equal</c><01:30:35.600><c> to</c> 01:30:37.109 --> 01:30:37.119 align:start position:0% titles this will be equal to 01:30:37.119 --> 01:30:41.950 align:start position:0% titles this will be equal to products<01:30:38.119><c> and</c><01:30:38.400><c> here</c><01:30:38.639><c> we</c><01:30:38.760><c> can</c><01:30:38.960><c> use</c><01:30:39.920><c> the</c><01:30:40.920><c> map</c> 01:30:41.950 --> 01:30:41.960 align:start position:0% products and here we can use the map 01:30:41.960 --> 01:30:45.470 align:start position:0% products and here we can use the map filter<01:30:42.960><c> and</c><01:30:43.280><c> we</c><01:30:43.440><c> can</c><01:30:43.719><c> pass</c><01:30:43.960><c> it</c><01:30:44.280><c> the</c><01:30:44.920><c> name</c><01:30:45.159><c> of</c><01:30:45.280><c> a</c> 01:30:45.470 --> 01:30:45.480 align:start position:0% filter and we can pass it the name of a 01:30:45.480 --> 01:30:48.430 align:start position:0% filter and we can pass it the name of a property<01:30:46.199><c> and</c><01:30:46.360><c> we</c><01:30:46.480><c> will</c><01:30:46.679><c> get</c><01:30:46.840><c> an</c><01:30:47.159><c> array</c><01:30:48.159><c> with</c> 01:30:48.430 --> 01:30:48.440 align:start position:0% property and we will get an array with 01:30:48.440 --> 01:30:50.390 align:start position:0% property and we will get an array with only<01:30:48.760><c> the</c><01:30:48.920><c> value</c><01:30:49.159><c> of</c><01:30:49.320><c> those</c><01:30:49.560><c> properties</c><01:30:50.119><c> so</c> 01:30:50.390 --> 01:30:50.400 align:start position:0% only the value of those properties so 01:30:50.400 --> 01:30:52.830 align:start position:0% only the value of those properties so unlike<01:30:50.960><c> map</c><01:30:51.280><c> in</c><01:30:51.800><c> language</c><01:30:52.119><c> like</c><01:30:52.320><c> JavaScript</c> 01:30:52.830 --> 01:30:52.840 align:start position:0% unlike map in language like JavaScript 01:30:52.840 --> 01:30:55.109 align:start position:0% unlike map in language like JavaScript where<01:30:53.000><c> you</c><01:30:53.119><c> can</c><01:30:53.520><c> return</c><01:30:53.840><c> an</c><01:30:54.000><c> arbitrary</c><01:30:54.600><c> object</c> 01:30:55.109 --> 01:30:55.119 align:start position:0% where you can return an arbitrary object 01:30:55.119 --> 01:30:58.229 align:start position:0% where you can return an arbitrary object for<01:30:55.360><c> each</c><01:30:55.639><c> item</c><01:30:55.920><c> in</c><01:30:56.040><c> the</c><01:30:56.159><c> array</c><01:30:56.960><c> here</c><01:30:57.360><c> map</c><01:30:57.960><c> only</c> 01:30:58.229 --> 01:30:58.239 align:start position:0% for each item in the array here map only 01:30:58.239 --> 01:31:00.149 align:start position:0% for each item in the array here map only lets<01:30:58.520><c> you</c><01:30:58.800><c> access</c><01:30:59.040><c> a</c><01:30:59.199><c> property</c><01:30:59.520><c> and</c><01:30:59.639><c> get</c><01:30:59.920><c> its</c> 01:31:00.149 --> 01:31:00.159 align:start position:0% lets you access a property and get its 01:31:00.159 --> 01:31:02.750 align:start position:0% lets you access a property and get its value<01:31:00.480><c> so</c><01:31:00.639><c> you</c><01:31:00.760><c> will</c><01:31:01.360><c> go</c><01:31:01.639><c> from</c><01:31:02.119><c> Project</c><01:31:02.520><c> from</c> 01:31:02.750 --> 01:31:02.760 align:start position:0% value so you will go from Project from 01:31:02.760 --> 01:31:05.109 align:start position:0% value so you will go from Project from products<01:31:03.199><c> which</c><01:31:03.320><c> is</c><01:31:03.480><c> an</c><01:31:03.679><c> array</c><01:31:04.000><c> of</c><01:31:04.679><c> product</c> 01:31:05.109 --> 01:31:05.119 align:start position:0% products which is an array of product 01:31:05.119 --> 01:31:07.870 align:start position:0% products which is an array of product objects<01:31:05.840><c> to</c><01:31:06.040><c> Now</c><01:31:06.320><c> product</c><01:31:06.679><c> titles</c><01:31:07.159><c> here</c><01:31:07.520><c> which</c> 01:31:07.870 --> 01:31:07.880 align:start position:0% objects to Now product titles here which 01:31:07.880 --> 01:31:10.590 align:start position:0% objects to Now product titles here which will<01:31:08.040><c> be</c><01:31:08.239><c> an</c><01:31:08.400><c> array</c><01:31:09.320><c> of</c><01:31:09.560><c> strings</c><01:31:10.119><c> where</c><01:31:10.360><c> each</c> 01:31:10.590 --> 01:31:10.600 align:start position:0% will be an array of strings where each 01:31:10.600 --> 01:31:13.750 align:start position:0% will be an array of strings where each string<01:31:11.000><c> is</c><01:31:11.119><c> a</c><01:31:11.280><c> product</c><01:31:11.600><c> title</c><01:31:12.159><c> so</c><01:31:12.719><c> let's</c><01:31:13.560><c> let's</c> 01:31:13.750 --> 01:31:13.760 align:start position:0% string is a product title so let's let's 01:31:13.760 --> 01:31:20.390 align:start position:0% string is a product title so let's let's print<01:31:14.080><c> this</c><01:31:14.480><c> product</c> 01:31:20.390 --> 01:31:20.400 align:start position:0% 01:31:20.400 --> 01:31:23.189 align:start position:0% titles<01:31:21.400><c> and</c><01:31:21.560><c> you</c><01:31:21.880><c> can</c><01:31:22.000><c> see</c><01:31:22.199><c> here</c><01:31:22.679><c> all</c><01:31:22.960><c> the</c> 01:31:23.189 --> 01:31:23.199 align:start position:0% titles and you can see here all the 01:31:23.199 --> 01:31:26.870 align:start position:0% titles and you can see here all the product<01:31:23.560><c> titles</c><01:31:24.320><c> joined</c> 01:31:26.870 --> 01:31:26.880 align:start position:0% product titles joined 01:31:26.880 --> 01:31:30.189 align:start position:0% product titles joined together<01:31:27.880><c> we</c><01:31:28.080><c> can</c><01:31:28.800><c> to</c><01:31:29.000><c> make</c><01:31:29.199><c> this</c><01:31:29.360><c> look</c><01:31:29.600><c> better</c> 01:31:30.189 --> 01:31:30.199 align:start position:0% together we can to make this look better 01:31:30.199 --> 01:31:34.149 align:start position:0% together we can to make this look better let's<01:31:30.480><c> perhaps</c><01:31:30.920><c> go</c><01:31:31.320><c> for</c><01:31:32.320><c> product</c><01:31:32.880><c> title</c><01:31:33.880><c> in</c> 01:31:34.149 --> 01:31:34.159 align:start position:0% let's perhaps go for product title in 01:31:34.159 --> 01:31:36.950 align:start position:0% let's perhaps go for product title in product 01:31:36.950 --> 01:31:36.960 align:start position:0% 01:31:36.960 --> 01:31:45.149 align:start position:0% titles<01:31:37.960><c> and</c><01:31:38.119><c> let's</c><01:31:38.480><c> print</c><01:31:39.119><c> the</c><01:31:39.320><c> product</c><01:31:39.679><c> title</c> 01:31:45.149 --> 01:31:45.159 align:start position:0% 01:31:45.159 --> 01:31:48.790 align:start position:0% here<01:31:46.159><c> and</c><01:31:46.320><c> this</c><01:31:46.440><c> is</c><01:31:46.560><c> what</c><01:31:46.719><c> we</c><01:31:46.920><c> get</c><01:31:47.719><c> now</c><01:31:48.480><c> what</c><01:31:48.679><c> if</c> 01:31:48.790 --> 01:31:48.800 align:start position:0% here and this is what we get now what if 01:31:48.800 --> 01:31:52.350 align:start position:0% here and this is what we get now what if we<01:31:49.000><c> wanted</c><01:31:49.440><c> to</c><01:31:50.360><c> print</c><01:31:50.760><c> this</c><01:31:51.159><c> joined</c><01:31:51.560><c> by</c> 01:31:52.350 --> 01:31:52.360 align:start position:0% we wanted to print this joined by 01:31:52.360 --> 01:31:56.750 align:start position:0% we wanted to print this joined by Dash<01:31:53.360><c> we</c><01:31:53.480><c> can</c><01:31:53.679><c> do</c><01:31:54.280><c> product</c><01:31:54.679><c> titles</c><01:31:55.679><c> and</c><01:31:55.920><c> join</c> 01:31:56.750 --> 01:31:56.760 align:start position:0% Dash we can do product titles and join 01:31:56.760 --> 01:31:59.350 align:start position:0% Dash we can do product titles and join this<01:31:56.880><c> will</c><01:31:57.119><c> join</c><01:31:57.520><c> every</c><01:31:57.760><c> item</c><01:31:58.000><c> in</c><01:31:58.119><c> the</c><01:31:58.360><c> array</c> 01:31:59.350 --> 01:31:59.360 align:start position:0% this will join every item in the array 01:31:59.360 --> 01:32:01.790 align:start position:0% this will join every item in the array by<01:31:59.719><c> anything</c><01:32:00.080><c> that</c><01:32:00.239><c> we</c><01:32:00.480><c> put</c><01:32:00.800><c> in</c><01:32:01.040><c> here</c><01:32:01.360><c> so</c><01:32:01.600><c> let's</c> 01:32:01.790 --> 01:32:01.800 align:start position:0% by anything that we put in here so let's 01:32:01.800 --> 01:32:05.470 align:start position:0% by anything that we put in here so let's say<01:32:02.000><c> a</c><01:32:02.520><c> a</c><01:32:02.639><c> wi</c><01:32:03.000><c> space</c><01:32:04.000><c> a</c><01:32:04.199><c> dash</c><01:32:04.480><c> and</c><01:32:04.639><c> another</c><01:32:05.000><c> wi</c> 01:32:05.470 --> 01:32:05.480 align:start position:0% say a a wi space a dash and another wi 01:32:05.480 --> 01:32:08.590 align:start position:0% say a a wi space a dash and another wi space<01:32:06.480><c> so</c><01:32:06.719><c> they</c><01:32:06.800><c> are</c><01:32:07.000><c> not</c><01:32:07.280><c> all</c><01:32:07.920><c> that</c><01:32:08.159><c> TI</c><01:32:08.440><c> the</c> 01:32:08.590 --> 01:32:08.600 align:start position:0% space so they are not all that TI the 01:32:08.600 --> 01:32:11.390 align:start position:0% space so they are not all that TI the group<01:32:09.400><c> together</c><01:32:10.400><c> and</c><01:32:10.639><c> this</c><01:32:10.760><c> is</c><01:32:10.920><c> what</c><01:32:11.040><c> we</c><01:32:11.199><c> get</c> 01:32:11.390 --> 01:32:11.400 align:start position:0% group together and this is what we get 01:32:11.400 --> 01:32:15.629 align:start position:0% group together and this is what we get now<01:32:12.119><c> every</c><01:32:12.400><c> product</c><01:32:12.920><c> separated</c><01:32:13.840><c> by</c><01:32:14.199><c> a</c> 01:32:15.629 --> 01:32:15.639 align:start position:0% now every product separated by a 01:32:15.639 --> 01:32:18.109 align:start position:0% now every product separated by a dash<01:32:16.639><c> another</c><01:32:16.920><c> filter</c><01:32:17.280><c> we</c><01:32:17.400><c> have</c><01:32:17.600><c> access</c><01:32:17.840><c> to</c><01:32:18.000><c> is</c> 01:32:18.109 --> 01:32:18.119 align:start position:0% dash another filter we have access to is 01:32:18.119 --> 01:32:23.189 align:start position:0% dash another filter we have access to is the<01:32:18.320><c> reverse</c><01:32:18.719><c> filter</c><01:32:19.280><c> so</c><01:32:20.080><c> here</c><01:32:21.080><c> I</c><01:32:21.199><c> can</c><01:32:21.360><c> say</c> 01:32:23.189 --> 01:32:23.199 align:start position:0% the reverse filter so here I can say 01:32:23.199 --> 01:32:26.030 align:start position:0% the reverse filter so here I can say verse<01:32:24.199><c> and</c><01:32:24.480><c> we</c><01:32:24.600><c> can</c><01:32:24.719><c> see</c><01:32:24.920><c> here</c><01:32:25.080><c> that</c><01:32:25.520><c> ke</c><01:32:25.800><c> card</c> 01:32:26.030 --> 01:32:26.040 align:start position:0% verse and we can see here that ke card 01:32:26.040 --> 01:32:27.189 align:start position:0% verse and we can see here that ke card is<01:32:26.159><c> the</c><01:32:26.280><c> first</c><01:32:26.560><c> product</c><01:32:26.920><c> and</c><01:32:27.040><c> the</c> 01:32:27.189 --> 01:32:27.199 align:start position:0% is the first product and the 01:32:27.199 --> 01:32:29.109 align:start position:0% is the first product and the videographer<01:32:27.800><c> snowboard</c><01:32:28.280><c> is</c><01:32:28.400><c> the</c><01:32:28.560><c> last</c><01:32:28.760><c> one</c> 01:32:29.109 --> 01:32:29.119 align:start position:0% videographer snowboard is the last one 01:32:29.119 --> 01:32:31.590 align:start position:0% videographer snowboard is the last one if<01:32:29.239><c> I</c><01:32:29.360><c> save</c> 01:32:31.590 --> 01:32:31.600 align:start position:0% if I save 01:32:31.600 --> 01:32:33.990 align:start position:0% if I save this<01:32:32.600><c> we'll</c><01:32:32.840><c> see</c><01:32:33.080><c> that</c><01:32:33.239><c> the</c><01:32:33.360><c> videographer</c> 01:32:33.990 --> 01:32:34.000 align:start position:0% this we'll see that the videographer 01:32:34.000 --> 01:32:35.910 align:start position:0% this we'll see that the videographer snowboard<01:32:34.480><c> is</c><01:32:34.600><c> now</c><01:32:34.800><c> the</c><01:32:34.960><c> first</c><01:32:35.239><c> product</c><01:32:35.679><c> and</c> 01:32:35.910 --> 01:32:35.920 align:start position:0% snowboard is now the first product and 01:32:35.920 --> 01:32:37.750 align:start position:0% snowboard is now the first product and gift<01:32:36.199><c> card</c><01:32:36.480><c> is</c><01:32:36.639><c> the</c><01:32:36.800><c> last</c> 01:32:37.750 --> 01:32:37.760 align:start position:0% gift card is the last 01:32:37.760 --> 01:32:40.189 align:start position:0% gift card is the last product<01:32:38.760><c> the</c><01:32:38.880><c> next</c><01:32:39.119><c> few</c><01:32:39.320><c> filters</c><01:32:39.920><c> we</c><01:32:40.040><c> have</c> 01:32:40.189 --> 01:32:40.199 align:start position:0% product the next few filters we have 01:32:40.199 --> 01:32:42.830 align:start position:0% product the next few filters we have already<01:32:40.520><c> seen</c><01:32:40.840><c> them</c><01:32:41.280><c> but</c><01:32:42.040><c> let's</c><01:32:42.400><c> formally</c> 01:32:42.830 --> 01:32:42.840 align:start position:0% already seen them but let's formally 01:32:42.840 --> 01:32:45.550 align:start position:0% already seen them but let's formally introduce<01:32:43.280><c> them</c><01:32:43.520><c> so</c><01:32:44.280><c> product</c> 01:32:45.550 --> 01:32:45.560 align:start position:0% introduce them so product 01:32:45.560 --> 01:32:48.430 align:start position:0% introduce them so product titles 01:32:48.430 --> 01:32:48.440 align:start position:0% titles 01:32:48.440 --> 01:32:50.629 align:start position:0% titles first<01:32:49.440><c> let's</c><01:32:49.719><c> copy</c> 01:32:50.629 --> 01:32:50.639 align:start position:0% first let's copy 01:32:50.639 --> 01:32:52.189 align:start position:0% first let's copy this 01:32:52.189 --> 01:32:52.199 align:start position:0% this 01:32:52.199 --> 01:32:56.550 align:start position:0% this we<01:32:52.440><c> have</c><01:32:53.159><c> last</c><01:32:54.159><c> and</c> 01:32:56.550 --> 01:32:56.560 align:start position:0% we have last and 01:32:56.560 --> 01:32:59.870 align:start position:0% we have last and size<01:32:57.560><c> and</c><01:32:57.679><c> if</c><01:32:57.840><c> we</c><01:32:58.000><c> save</c><01:32:58.280><c> this</c><01:32:58.560><c> we</c><01:32:58.760><c> have</c><01:32:59.760><c> the</c> 01:32:59.870 --> 01:32:59.880 align:start position:0% size and if we save this we have the 01:32:59.880 --> 01:33:01.950 align:start position:0% size and if we save this we have the first<01:33:00.159><c> item</c><01:33:00.719><c> which</c><01:33:00.880><c> is</c><01:33:01.320><c> this</c><01:33:01.480><c> one</c><01:33:01.639><c> because</c><01:33:01.880><c> the</c> 01:33:01.950 --> 01:33:01.960 align:start position:0% first item which is this one because the 01:33:01.960 --> 01:33:04.910 align:start position:0% first item which is this one because the array<01:33:02.199><c> is</c><01:33:02.320><c> revers</c><01:33:02.639><c> it</c><01:33:03.600><c> gift</c><01:33:03.920><c> card</c><01:33:04.480><c> the</c><01:33:04.639><c> last</c> 01:33:04.910 --> 01:33:04.920 align:start position:0% array is revers it gift card the last 01:33:04.920 --> 01:33:08.070 align:start position:0% array is revers it gift card the last item<01:33:05.320><c> here</c><01:33:05.920><c> and</c><01:33:06.080><c> the</c><01:33:06.239><c> size</c><01:33:06.440><c> of</c><01:33:06.600><c> this</c><01:33:06.920><c> array</c><01:33:07.920><c> we</c> 01:33:08.070 --> 01:33:08.080 align:start position:0% item here and the size of this array we 01:33:08.080 --> 01:33:10.030 align:start position:0% item here and the size of this array we can<01:33:08.280><c> also</c><01:33:08.560><c> use</c><01:33:08.920><c> for</c><01:33:09.199><c> these</c><01:33:09.400><c> filters</c><01:33:09.880><c> in</c> 01:33:10.030 --> 01:33:10.040 align:start position:0% can also use for these filters in 01:33:10.040 --> 01:33:13.070 align:start position:0% can also use for these filters in particular<01:33:10.600><c> dot</c><01:33:10.920><c> notation</c><01:33:11.480><c> so</c> 01:33:13.070 --> 01:33:13.080 align:start position:0% particular dot notation so 01:33:13.080 --> 01:33:14.669 align:start position:0% particular dot notation so first 01:33:14.669 --> 01:33:14.679 align:start position:0% first 01:33:14.679 --> 01:33:18.149 align:start position:0% first last<01:33:15.679><c> and</c><01:33:16.040><c> size</c><01:33:16.719><c> and</c><01:33:17.040><c> in</c><01:33:17.199><c> all</c><01:33:17.400><c> these</c><01:33:17.639><c> cases</c> 01:33:18.149 --> 01:33:18.159 align:start position:0% last and size and in all these cases 01:33:18.159 --> 01:33:20.830 align:start position:0% last and size and in all these cases they<01:33:18.320><c> will</c><01:33:18.560><c> work</c><01:33:19.520><c> this</c><01:33:19.639><c> is</c><01:33:19.840><c> useful</c><01:33:20.360><c> because</c><01:33:20.719><c> if</c> 01:33:20.830 --> 01:33:20.840 align:start position:0% they will work this is useful because if 01:33:20.840 --> 01:33:23.750 align:start position:0% they will work this is useful because if you<01:33:21.040><c> remember</c><01:33:21.679><c> from</c><01:33:22.000><c> earlier</c><01:33:22.679><c> in</c><01:33:22.840><c> the</c><01:33:23.000><c> video</c><01:33:23.639><c> I</c> 01:33:23.750 --> 01:33:23.760 align:start position:0% you remember from earlier in the video I 01:33:23.760 --> 01:33:25.550 align:start position:0% you remember from earlier in the video I mentioned<01:33:24.159><c> that</c><01:33:24.280><c> we</c><01:33:24.400><c> cannot</c><01:33:24.679><c> use</c><01:33:24.920><c> filters</c> 01:33:25.550 --> 01:33:25.560 align:start position:0% mentioned that we cannot use filters 01:33:25.560 --> 01:33:27.270 align:start position:0% mentioned that we cannot use filters when<01:33:25.840><c> specifying</c><01:33:26.320><c> the</c><01:33:26.639><c> condition</c><01:33:26.960><c> in</c><01:33:27.119><c> an</c> 01:33:27.270 --> 01:33:27.280 align:start position:0% when specifying the condition in an 01:33:27.280 --> 01:33:30.709 align:start position:0% when specifying the condition in an array<01:33:27.840><c> so</c><01:33:28.280><c> in</c><01:33:28.400><c> an</c><01:33:28.639><c> if</c><01:33:28.920><c> statement</c><01:33:29.280><c> sorry</c><01:33:29.920><c> so</c><01:33:30.600><c> if</c> 01:33:30.709 --> 01:33:30.719 align:start position:0% array so in an if statement sorry so if 01:33:30.719 --> 01:33:32.590 align:start position:0% array so in an if statement sorry so if I<01:33:30.840><c> would</c><01:33:31.000><c> try</c><01:33:31.199><c> to</c><01:33:31.320><c> do</c><01:33:31.480><c> something</c><01:33:31.840><c> like</c><01:33:32.080><c> product</c> 01:33:32.590 --> 01:33:32.600 align:start position:0% I would try to do something like product 01:33:32.600 --> 01:33:34.189 align:start position:0% I would try to do something like product if<01:33:32.840><c> product</c> 01:33:34.189 --> 01:33:34.199 align:start position:0% if product 01:33:34.199 --> 01:33:41.189 align:start position:0% if product titles<01:33:35.199><c> size</c><01:33:36.080><c> is</c><01:33:36.320><c> greater</c><01:33:36.719><c> than</c> 01:33:41.189 --> 01:33:41.199 align:start position:0% 01:33:41.199 --> 01:33:44.510 align:start position:0% five<01:33:42.199><c> and</c><01:33:42.360><c> I</c><01:33:42.480><c> save</c><01:33:42.880><c> this</c><01:33:43.880><c> we</c><01:33:44.040><c> already</c><01:33:44.320><c> are</c> 01:33:44.510 --> 01:33:44.520 align:start position:0% five and I save this we already are 01:33:44.520 --> 01:33:47.149 align:start position:0% five and I save this we already are seeing<01:33:44.800><c> that</c><01:33:44.960><c> this</c><01:33:45.080><c> is</c><01:33:45.600><c> throws</c><01:33:45.920><c> an</c><01:33:46.080><c> error</c><01:33:46.639><c> and</c> 01:33:47.149 --> 01:33:47.159 align:start position:0% seeing that this is throws an error and 01:33:47.159 --> 01:33:50.149 align:start position:0% seeing that this is throws an error and here<01:33:47.840><c> this</c><01:33:48.000><c> won't</c><01:33:48.239><c> show</c><01:33:48.679><c> anything</c><01:33:49.679><c> but</c><01:33:49.920><c> if</c><01:33:50.040><c> we</c> 01:33:50.149 --> 01:33:50.159 align:start position:0% here this won't show anything but if we 01:33:50.159 --> 01:33:52.550 align:start position:0% here this won't show anything but if we use<01:33:50.440><c> dot</c><01:33:50.719><c> notation</c><01:33:51.199><c> for</c><01:33:51.400><c> the</c> 01:33:52.550 --> 01:33:52.560 align:start position:0% use dot notation for the 01:33:52.560 --> 01:33:55.830 align:start position:0% use dot notation for the this<01:33:53.560><c> now</c><01:33:53.840><c> this</c> 01:33:55.830 --> 01:33:55.840 align:start position:0% this now this 01:33:55.840 --> 01:33:58.229 align:start position:0% this now this changes<01:33:56.840><c> and</c><01:33:57.000><c> we</c><01:33:57.199><c> here</c><01:33:57.360><c> see</c><01:33:57.639><c> the</c><01:33:57.840><c> test</c><01:33:58.119><c> is</c> 01:33:58.229 --> 01:33:58.239 align:start position:0% changes and we here see the test is 01:33:58.239 --> 01:33:59.790 align:start position:0% changes and we here see the test is being<01:33:58.440><c> printed</c><01:33:58.840><c> because</c><01:33:59.080><c> the</c><01:33:59.199><c> size</c><01:33:59.520><c> of</c><01:33:59.639><c> this</c> 01:33:59.790 --> 01:33:59.800 align:start position:0% being printed because the size of this 01:33:59.800 --> 01:34:02.950 align:start position:0% being printed because the size of this array<01:34:00.320><c> as</c><01:34:00.440><c> we</c><01:34:00.600><c> see</c><01:34:00.960><c> is</c><01:34:01.159><c> 13</c> 01:34:02.950 --> 01:34:02.960 align:start position:0% array as we see is 13 01:34:02.960 --> 01:34:06.750 align:start position:0% array as we see is 13 here<01:34:03.960><c> so</c><01:34:04.320><c> you</c><01:34:04.440><c> can</c><01:34:04.800><c> use</c><01:34:05.800><c> this</c><01:34:06.040><c> do</c><01:34:06.320><c> notation</c><01:34:06.679><c> if</c> 01:34:06.750 --> 01:34:06.760 align:start position:0% here so you can use this do notation if 01:34:06.760 --> 01:34:09.669 align:start position:0% here so you can use this do notation if you<01:34:06.880><c> need</c><01:34:07.080><c> to</c><01:34:07.760><c> access</c><01:34:08.280><c> first</c><01:34:08.679><c> last</c><01:34:08.920><c> or</c><01:34:09.159><c> size</c><01:34:09.560><c> in</c> 01:34:09.669 --> 01:34:09.679 align:start position:0% you need to access first last or size in 01:34:09.679 --> 01:34:12.350 align:start position:0% you need to access first last or size in a<01:34:10.400><c> conditional</c><01:34:11.400><c> something</c><01:34:11.719><c> else</c><01:34:11.920><c> we</c><01:34:12.040><c> can</c><01:34:12.199><c> do</c> 01:34:12.350 --> 01:34:12.360 align:start position:0% a conditional something else we can do 01:34:12.360 --> 01:34:15.510 align:start position:0% a conditional something else we can do is<01:34:12.480><c> sort</c><01:34:13.000><c> so</c><01:34:13.199><c> let</c><01:34:13.320><c> me</c><01:34:13.520><c> command</c><01:34:14.159><c> all</c><01:34:14.280><c> of</c><01:34:14.480><c> this</c> 01:34:15.510 --> 01:34:15.520 align:start position:0% is sort so let me command all of this 01:34:15.520 --> 01:34:19.990 align:start position:0% is sort so let me command all of this here<01:34:16.520><c> and</c><01:34:16.719><c> now</c><01:34:17.560><c> let's</c><01:34:17.840><c> go</c><01:34:18.080><c> for</c><01:34:18.480><c> product</c><01:34:19.440><c> in</c> 01:34:19.990 --> 01:34:20.000 align:start position:0% here and now let's go for product in 01:34:20.000 --> 01:34:23.910 align:start position:0% here and now let's go for product in products<01:34:21.000><c> here</c> 01:34:23.910 --> 01:34:23.920 align:start position:0% 01:34:23.920 --> 01:34:28.510 align:start position:0% and<01:34:24.159><c> four</c><01:34:24.960><c> and</c><01:34:25.159><c> now</c><01:34:25.600><c> let's</c><01:34:25.920><c> print</c><01:34:26.880><c> product</c> 01:34:28.510 --> 01:34:28.520 align:start position:0% and four and now let's print product 01:34:28.520 --> 01:34:32.470 align:start position:0% and four and now let's print product title<01:34:29.520><c> and</c><01:34:29.639><c> let's</c><01:34:29.920><c> print</c><01:34:30.360><c> its</c><01:34:30.719><c> price</c><01:34:31.639><c> so</c><01:34:32.199><c> for</c> 01:34:32.470 --> 01:34:32.480 align:start position:0% title and let's print its price so for 01:34:32.480 --> 01:34:35.229 align:start position:0% title and let's print its price so for this<01:34:32.639><c> to</c><01:34:32.840><c> work</c><01:34:33.400><c> if</c><01:34:33.520><c> you</c><01:34:33.679><c> recall</c><01:34:34.080><c> from</c><01:34:34.280><c> earlier</c> 01:34:35.229 --> 01:34:35.239 align:start position:0% this to work if you recall from earlier 01:34:35.239 --> 01:34:37.629 align:start position:0% this to work if you recall from earlier price<01:34:35.600><c> is</c><01:34:35.800><c> in</c><01:34:36.000><c> cents</c><01:34:36.679><c> and</c><01:34:36.840><c> even</c><01:34:37.159><c> though</c><01:34:37.520><c> that</c> 01:34:37.629 --> 01:34:37.639 align:start position:0% price is in cents and even though that 01:34:37.639 --> 01:34:39.629 align:start position:0% price is in cents and even though that will<01:34:37.880><c> work</c><01:34:38.560><c> let's</c><01:34:38.800><c> format</c><01:34:39.239><c> this</c><01:34:39.360><c> in</c><01:34:39.480><c> a</c> 01:34:39.629 --> 01:34:39.639 align:start position:0% will work let's format this in a 01:34:39.639 --> 01:34:42.350 align:start position:0% will work let's format this in a friendly<01:34:40.080><c> or</c><01:34:40.360><c> in</c><01:34:40.480><c> a</c><01:34:40.639><c> more</c><01:34:40.880><c> user</c><01:34:41.199><c> friendly</c><01:34:41.639><c> way</c> 01:34:42.350 --> 01:34:42.360 align:start position:0% friendly or in a more user friendly way 01:34:42.360 --> 01:34:45.310 align:start position:0% friendly or in a more user friendly way so<01:34:43.119><c> let's</c><01:34:43.400><c> use</c><01:34:43.639><c> the</c><01:34:43.760><c> money</c><01:34:44.119><c> filter</c><01:34:44.760><c> money</c><01:34:45.119><c> is</c><01:34:45.199><c> a</c> 01:34:45.310 --> 01:34:45.320 align:start position:0% so let's use the money filter money is a 01:34:45.320 --> 01:34:47.990 align:start position:0% so let's use the money filter money is a Shopify<01:34:45.920><c> specific</c><01:34:46.280><c> filter</c><01:34:46.840><c> by</c><01:34:46.960><c> the</c> 01:34:47.990 --> 01:34:48.000 align:start position:0% Shopify specific filter by the 01:34:48.000 --> 01:34:51.550 align:start position:0% Shopify specific filter by the way<01:34:49.000><c> and</c><01:34:49.199><c> now</c><01:34:49.400><c> I</c><01:34:49.480><c> can</c><01:34:49.639><c> see</c><01:34:50.360><c> each</c><01:34:50.600><c> item</c><01:34:51.000><c> with</c><01:34:51.159><c> its</c> 01:34:51.550 --> 01:34:51.560 align:start position:0% way and now I can see each item with its 01:34:51.560 --> 01:34:54.149 align:start position:0% way and now I can see each item with its price<01:34:52.320><c> now</c><01:34:52.560><c> let's</c><01:34:52.800><c> say</c><01:34:53.000><c> that</c><01:34:53.159><c> I</c><01:34:53.280><c> wanted</c><01:34:53.679><c> to</c> 01:34:54.149 --> 01:34:54.159 align:start position:0% price now let's say that I wanted to 01:34:54.159 --> 01:34:57.709 align:start position:0% price now let's say that I wanted to sort<01:34:54.840><c> the</c><01:34:55.000><c> items</c><01:34:55.560><c> by</c><01:34:55.719><c> their</c><01:34:56.239><c> price</c><01:34:57.239><c> I</c><01:34:57.320><c> can</c><01:34:57.480><c> do</c> 01:34:57.709 --> 01:34:57.719 align:start position:0% sort the items by their price I can do 01:34:57.719 --> 01:35:00.750 align:start position:0% sort the items by their price I can do that<01:34:58.360><c> so</c><01:34:58.679><c> let's</c> 01:35:00.750 --> 01:35:00.760 align:start position:0% that so let's 01:35:00.760 --> 01:35:03.350 align:start position:0% that so let's say<01:35:01.800><c> price</c> 01:35:03.350 --> 01:35:03.360 align:start position:0% say price 01:35:03.360 --> 01:35:07.270 align:start position:0% say price sorted<01:35:04.360><c> items</c><01:35:05.119><c> here</c><01:35:06.119><c> let's</c> 01:35:07.270 --> 01:35:07.280 align:start position:0% sorted items here let's 01:35:07.280 --> 01:35:09.189 align:start position:0% sorted items here let's say 01:35:09.189 --> 01:35:09.199 align:start position:0% say 01:35:09.199 --> 01:35:11.270 align:start position:0% say products 01:35:11.270 --> 01:35:11.280 align:start position:0% products 01:35:11.280 --> 01:35:15.310 align:start position:0% products sort<01:35:12.280><c> by</c><01:35:12.560><c> Price</c><01:35:13.560><c> here</c><01:35:13.840><c> I</c><01:35:14.080><c> pass</c><01:35:14.600><c> the</c><01:35:14.800><c> property</c> 01:35:15.310 --> 01:35:15.320 align:start position:0% sort by Price here I pass the property 01:35:15.320 --> 01:35:18.189 align:start position:0% sort by Price here I pass the property that<01:35:15.480><c> I</c><01:35:15.560><c> want</c><01:35:15.679><c> to</c><01:35:15.760><c> S</c> 01:35:18.189 --> 01:35:18.199 align:start position:0% that I want to S 01:35:18.199 --> 01:35:21.430 align:start position:0% that I want to S by<01:35:19.199><c> and</c><01:35:19.440><c> by</c><01:35:19.560><c> the</c><01:35:19.639><c> way</c><01:35:19.800><c> I</c><01:35:19.960><c> have</c><01:35:20.159><c> to</c><01:35:20.560><c> use</c><01:35:21.040><c> price</c> 01:35:21.430 --> 01:35:21.440 align:start position:0% by and by the way I have to use price 01:35:21.440 --> 01:35:24.950 align:start position:0% by and by the way I have to use price sorted<01:35:21.840><c> items</c> 01:35:24.950 --> 01:35:24.960 align:start position:0% 01:35:24.960 --> 01:35:27.629 align:start position:0% here<01:35:25.960><c> and</c><01:35:26.159><c> now</c><01:35:26.360><c> I</c><01:35:26.520><c> see</c><01:35:26.960><c> that</c><01:35:27.119><c> the</c><01:35:27.199><c> cheapest</c> 01:35:27.629 --> 01:35:27.639 align:start position:0% here and now I see that the cheapest 01:35:27.639 --> 01:35:29.950 align:start position:0% here and now I see that the cheapest item<01:35:27.960><c> is</c><01:35:28.119><c> at</c><01:35:28.280><c> the</c><01:35:28.480><c> top</c><01:35:29.320><c> and</c><01:35:29.520><c> the</c><01:35:29.679><c> most</c> 01:35:29.950 --> 01:35:29.960 align:start position:0% item is at the top and the most 01:35:29.960 --> 01:35:34.430 align:start position:0% item is at the top and the most expensive<01:35:30.480><c> item</c><01:35:30.920><c> is</c><01:35:31.119><c> at</c><01:35:31.320><c> the</c><01:35:31.600><c> bottom</c><01:35:32.600><c> while</c> 01:35:34.430 --> 01:35:34.440 align:start position:0% expensive item is at the bottom while 01:35:34.440 --> 01:35:36.870 align:start position:0% expensive item is at the bottom while previously<01:35:35.440><c> if</c><01:35:35.560><c> I</c><01:35:35.679><c> look</c><01:35:35.960><c> through</c> 01:35:36.870 --> 01:35:36.880 align:start position:0% previously if I look through 01:35:36.880 --> 01:35:39.390 align:start position:0% previously if I look through products<01:35:37.880><c> this</c><01:35:38.040><c> has</c><01:35:38.199><c> no</c><01:35:38.440><c> particular</c><01:35:38.800><c> order</c> 01:35:39.390 --> 01:35:39.400 align:start position:0% products this has no particular order 01:35:39.400 --> 01:35:41.470 align:start position:0% products this has no particular order the<01:35:39.520><c> most</c><01:35:39.760><c> expensive</c><01:35:40.199><c> item</c><01:35:40.600><c> is</c><01:35:40.800><c> at</c><01:35:40.960><c> the</c><01:35:41.119><c> third</c> 01:35:41.470 --> 01:35:41.480 align:start position:0% the most expensive item is at the third 01:35:41.480 --> 01:35:44.709 align:start position:0% the most expensive item is at the third position<01:35:41.960><c> here</c><01:35:42.199><c> in</c><01:35:42.440><c> this</c> 01:35:44.709 --> 01:35:44.719 align:start position:0% position here in this 01:35:44.719 --> 01:35:47.229 align:start position:0% position here in this array<01:35:45.719><c> and</c><01:35:45.880><c> we</c><01:35:46.000><c> can</c><01:35:46.159><c> also</c><01:35:46.360><c> sort</c><01:35:46.679><c> the</c><01:35:46.840><c> regular</c> 01:35:47.229 --> 01:35:47.239 align:start position:0% array and we can also sort the regular 01:35:47.239 --> 01:35:50.390 align:start position:0% array and we can also sort the regular arrays<01:35:47.760><c> so</c><01:35:48.600><c> let's</c><01:35:48.800><c> say</c><01:35:48.960><c> that</c><01:35:49.080><c> I</c><01:35:49.199><c> have</c> 01:35:50.390 --> 01:35:50.400 align:start position:0% arrays so let's say that I have 01:35:50.400 --> 01:35:55.430 align:start position:0% arrays so let's say that I have here<01:35:51.600><c> all</c><01:35:52.040><c> prices</c><01:35:52.719><c> here</c><01:35:53.520><c> and</c> 01:35:55.430 --> 01:35:55.440 align:start position:0% here all prices here and 01:35:55.440 --> 01:35:59.669 align:start position:0% here all prices here and products<01:35:56.440><c> and</c><01:35:56.600><c> I'm</c><01:35:56.760><c> going</c><01:35:57.000><c> to</c><01:35:57.280><c> map</c><01:35:58.280><c> the</c><01:35:58.520><c> price</c> 01:35:59.669 --> 01:35:59.679 align:start position:0% products and I'm going to map the price 01:35:59.679 --> 01:36:04.390 align:start position:0% products and I'm going to map the price property<01:36:00.679><c> if</c><01:36:00.800><c> I</c><01:36:01.040><c> print</c><01:36:02.040><c> this</c><01:36:02.480><c> so</c><01:36:03.480><c> let's</c><01:36:03.800><c> look</c> 01:36:04.390 --> 01:36:04.400 align:start position:0% property if I print this so let's look 01:36:04.400 --> 01:36:05.950 align:start position:0% property if I print this so let's look all<01:36:04.560><c> of</c> 01:36:05.950 --> 01:36:05.960 align:start position:0% all of 01:36:05.960 --> 01:36:10.229 align:start position:0% all of this<01:36:06.960><c> all</c> 01:36:10.229 --> 01:36:10.239 align:start position:0% 01:36:10.239 --> 01:36:20.310 align:start position:0% prices<01:36:11.239><c> and</c><01:36:11.400><c> let's</c><01:36:11.760><c> print</c><01:36:12.760><c> price</c> 01:36:20.310 --> 01:36:20.320 align:start position:0% 01:36:20.320 --> 01:36:23.510 align:start position:0% here<01:36:21.400><c> I'll</c><01:36:21.600><c> see</c><01:36:21.800><c> the</c><01:36:22.000><c> price</c><01:36:22.320><c> in</c><01:36:22.560><c> sents</c><01:36:23.320><c> let's</c> 01:36:23.510 --> 01:36:23.520 align:start position:0% here I'll see the price in sents let's 01:36:23.520 --> 01:36:28.750 align:start position:0% here I'll see the price in sents let's format<01:36:24.040><c> this</c><01:36:24.199><c> to</c> 01:36:28.750 --> 01:36:28.760 align:start position:0% 01:36:28.760 --> 01:36:32.270 align:start position:0% money<01:36:29.760><c> and</c><01:36:29.920><c> we</c><01:36:30.080><c> get</c><01:36:30.280><c> the</c><01:36:30.600><c> price</c><01:36:31.600><c> of</c><01:36:32.000><c> every</c> 01:36:32.270 --> 01:36:32.280 align:start position:0% money and we get the price of every 01:36:32.280 --> 01:36:33.750 align:start position:0% money and we get the price of every product<01:36:32.639><c> but</c><01:36:32.800><c> this</c><01:36:32.920><c> is</c><01:36:33.040><c> not</c> 01:36:33.750 --> 01:36:33.760 align:start position:0% product but this is not 01:36:33.760 --> 01:36:37.109 align:start position:0% product but this is not sorted<01:36:34.760><c> if</c><01:36:34.960><c> I</c><01:36:35.280><c> pass</c><01:36:35.600><c> here</c> 01:36:37.109 --> 01:36:37.119 align:start position:0% sorted if I pass here 01:36:37.119 --> 01:36:39.550 align:start position:0% sorted if I pass here sort<01:36:38.119><c> and</c><01:36:38.239><c> don't</c><01:36:38.520><c> specify</c><01:36:38.920><c> any</c><01:36:39.119><c> property</c> 01:36:39.550 --> 01:36:39.560 align:start position:0% sort and don't specify any property 01:36:39.560 --> 01:36:43.950 align:start position:0% sort and don't specify any property because<01:36:40.159><c> this</c><01:36:40.320><c> is</c><01:36:40.679><c> an</c><01:36:40.840><c> array</c><01:36:41.119><c> of</c> 01:36:43.950 --> 01:36:43.960 align:start position:0% 01:36:43.960 --> 01:36:47.070 align:start position:0% numbers<01:36:44.960><c> then</c><01:36:45.320><c> we</c><01:36:45.520><c> get</c><01:36:45.679><c> this</c><01:36:45.840><c> sorted</c><01:36:46.239><c> by</c> 01:36:47.070 --> 01:36:47.080 align:start position:0% numbers then we get this sorted by 01:36:47.080 --> 01:36:49.149 align:start position:0% numbers then we get this sorted by default<01:36:48.080><c> the</c><01:36:48.199><c> same</c><01:36:48.360><c> will</c><01:36:48.560><c> happen</c><01:36:48.800><c> if</c><01:36:48.880><c> it</c><01:36:49.000><c> was</c> 01:36:49.149 --> 01:36:49.159 align:start position:0% default the same will happen if it was 01:36:49.159 --> 01:36:51.470 align:start position:0% default the same will happen if it was an<01:36:49.280><c> array</c><01:36:49.560><c> of</c><01:36:49.719><c> strings</c><01:36:50.239><c> it</c><01:36:50.320><c> will</c><01:36:50.560><c> set</c><01:36:50.920><c> it</c><01:36:51.040><c> will</c> 01:36:51.470 --> 01:36:51.480 align:start position:0% an array of strings it will set it will 01:36:51.480 --> 01:36:53.629 align:start position:0% an array of strings it will set it will sorted<01:36:52.199><c> out</c><01:36:52.600><c> um</c> 01:36:53.629 --> 01:36:53.639 align:start position:0% sorted out um 01:36:53.639 --> 01:36:55.830 align:start position:0% sorted out um alphabetically<01:36:54.639><c> now</c><01:36:54.920><c> something</c><01:36:55.239><c> else</c><01:36:55.520><c> we</c><01:36:55.639><c> can</c> 01:36:55.830 --> 01:36:55.840 align:start position:0% alphabetically now something else we can 01:36:55.840 --> 01:36:59.470 align:start position:0% alphabetically now something else we can do<01:36:56.080><c> with</c><01:36:56.199><c> filters</c><01:36:56.719><c> to</c><01:36:57.520><c> is</c><01:36:58.440><c> get</c><01:36:58.600><c> the</c><01:36:58.760><c> sum</c><01:36:59.119><c> of</c><01:36:59.320><c> all</c> 01:36:59.470 --> 01:36:59.480 align:start position:0% do with filters to is get the sum of all 01:36:59.480 --> 01:37:03.950 align:start position:0% do with filters to is get the sum of all of<01:36:59.600><c> these</c><01:36:59.800><c> values</c><01:37:00.159><c> so</c><01:37:00.600><c> sum</c><01:37:01.159><c> of</c><01:37:01.840><c> prices</c><01:37:02.840><c> will</c><01:37:03.080><c> be</c> 01:37:03.950 --> 01:37:03.960 align:start position:0% of these values so sum of prices will be 01:37:03.960 --> 01:37:05.109 align:start position:0% of these values so sum of prices will be all 01:37:05.109 --> 01:37:05.119 align:start position:0% all 01:37:05.119 --> 01:37:07.870 align:start position:0% all prices 01:37:07.870 --> 01:37:07.880 align:start position:0% prices 01:37:07.880 --> 01:37:09.910 align:start position:0% prices sum<01:37:08.880><c> and</c><01:37:09.040><c> we</c><01:37:09.159><c> can</c> 01:37:09.910 --> 01:37:09.920 align:start position:0% sum and we can 01:37:09.920 --> 01:37:14.470 align:start position:0% sum and we can say<01:37:10.920><c> total</c><01:37:11.679><c> of</c><01:37:12.040><c> all</c> 01:37:14.470 --> 01:37:14.480 align:start position:0% 01:37:14.480 --> 01:37:17.950 align:start position:0% items<01:37:15.480><c> sum</c><01:37:15.760><c> of</c><01:37:16.080><c> prices</c><01:37:17.080><c> and</c><01:37:17.320><c> let's</c><01:37:17.520><c> format</c> 01:37:17.950 --> 01:37:17.960 align:start position:0% items sum of prices and let's format 01:37:17.960 --> 01:37:22.430 align:start position:0% items sum of prices and let's format this<01:37:18.159><c> with</c><01:37:18.320><c> money</c><01:37:18.719><c> as</c><01:37:18.880><c> well</c><01:37:19.480><c> and</c><01:37:19.639><c> if</c><01:37:19.760><c> I</c><01:37:20.199><c> save</c> 01:37:22.430 --> 01:37:22.440 align:start position:0% this with money as well and if I save 01:37:22.440 --> 01:37:25.270 align:start position:0% this with money as well and if I save here<01:37:22.639><c> we</c><01:37:22.800><c> see</c><01:37:23.199><c> that</c><01:37:23.679><c> this</c><01:37:23.880><c> number</c><01:37:24.360><c> is</c><01:37:24.600><c> the</c><01:37:24.760><c> sum</c> 01:37:25.270 --> 01:37:25.280 align:start position:0% here we see that this number is the sum 01:37:25.280 --> 01:37:28.629 align:start position:0% here we see that this number is the sum of<01:37:25.600><c> all</c><01:37:25.800><c> of</c><01:37:26.040><c> these</c><01:37:26.560><c> other</c> 01:37:28.629 --> 01:37:28.639 align:start position:0% of all of these other 01:37:28.639 --> 01:37:32.390 align:start position:0% of all of these other numbers<01:37:29.639><c> now</c><01:37:30.080><c> let's</c><01:37:30.360><c> say</c><01:37:31.159><c> that</c><01:37:31.400><c> I</c><01:37:31.560><c> wanted</c><01:37:32.040><c> to</c> 01:37:32.390 --> 01:37:32.400 align:start position:0% numbers now let's say that I wanted to 01:37:32.400 --> 01:37:35.950 align:start position:0% numbers now let's say that I wanted to find<01:37:32.679><c> an</c><01:37:32.880><c> item</c><01:37:33.480><c> in</c><01:37:33.840><c> an</c><01:37:34.280><c> array</c><01:37:35.280><c> how</c><01:37:35.400><c> will</c><01:37:35.560><c> I</c><01:37:35.719><c> do</c> 01:37:35.950 --> 01:37:35.960 align:start position:0% find an item in an array how will I do 01:37:35.960 --> 01:37:38.470 align:start position:0% find an item in an array how will I do that<01:37:36.440><c> well</c><01:37:36.679><c> for</c><01:37:36.920><c> this</c><01:37:37.119><c> we</c><01:37:37.320><c> have</c><01:37:37.920><c> the</c><01:37:38.159><c> wear</c> 01:37:38.470 --> 01:37:38.480 align:start position:0% that well for this we have the wear 01:37:38.480 --> 01:37:40.310 align:start position:0% that well for this we have the wear filter<01:37:39.000><c> so</c><01:37:39.239><c> let's</c> 01:37:40.310 --> 01:37:40.320 align:start position:0% filter so let's 01:37:40.320 --> 01:37:42.950 align:start position:0% filter so let's say<01:37:41.320><c> snowboard</c><01:37:41.880><c> and</c><01:37:42.000><c> then</c><01:37:42.119><c> we</c><01:37:42.280><c> want</c><01:37:42.400><c> to</c><01:37:42.520><c> find</c><01:37:42.800><c> a</c> 01:37:42.950 --> 01:37:42.960 align:start position:0% say snowboard and then we want to find a 01:37:42.960 --> 01:37:45.709 align:start position:0% say snowboard and then we want to find a particular<01:37:43.360><c> snowboard</c><01:37:44.360><c> so</c><01:37:44.639><c> let's</c><01:37:45.239><c> let's</c><01:37:45.440><c> go</c> 01:37:45.709 --> 01:37:45.719 align:start position:0% particular snowboard so let's let's go 01:37:45.719 --> 01:37:48.589 align:start position:0% particular snowboard so let's let's go to<01:37:46.480><c> products</c><01:37:47.480><c> and</c><01:37:47.599><c> we</c><01:37:47.719><c> will</c><01:37:47.880><c> use</c><01:37:48.080><c> for</c><01:37:48.280><c> this</c><01:37:48.440><c> the</c> 01:37:48.589 --> 01:37:48.599 align:start position:0% to products and we will use for this the 01:37:48.599 --> 01:37:50.709 align:start position:0% to products and we will use for this the wear<01:37:48.880><c> filter</c><01:37:49.639><c> and</c><01:37:49.840><c> what</c><01:37:49.960><c> we</c><01:37:50.040><c> will</c><01:37:50.199><c> do</c><01:37:50.400><c> here</c><01:37:50.560><c> is</c> 01:37:50.709 --> 01:37:50.719 align:start position:0% wear filter and what we will do here is 01:37:50.719 --> 01:37:54.390 align:start position:0% wear filter and what we will do here is that<01:37:51.560><c> the</c><01:37:51.760><c> title</c><01:37:52.520><c> should</c><01:37:52.880><c> be</c><01:37:53.199><c> equal</c> 01:37:54.390 --> 01:37:54.400 align:start position:0% that the title should be equal 01:37:54.400 --> 01:37:57.189 align:start position:0% that the title should be equal to<01:37:55.400><c> the</c> 01:37:57.189 --> 01:37:57.199 align:start position:0% to the 01:37:57.199 --> 01:38:00.229 align:start position:0% to the complete 01:38:00.229 --> 01:38:00.239 align:start position:0% 01:38:00.239 --> 01:38:03.669 align:start position:0% snowboard<01:38:01.239><c> and</c><01:38:01.679><c> this</c><01:38:01.840><c> will</c><01:38:02.320><c> return</c><01:38:02.599><c> an</c><01:38:02.800><c> array</c> 01:38:03.669 --> 01:38:03.679 align:start position:0% snowboard and this will return an array 01:38:03.679 --> 01:38:05.550 align:start position:0% snowboard and this will return an array however<01:38:03.960><c> we</c><01:38:04.080><c> know</c><01:38:04.320><c> that</c><01:38:04.520><c> there</c><01:38:04.639><c> is</c><01:38:04.880><c> only</c><01:38:05.239><c> one</c> 01:38:05.550 --> 01:38:05.560 align:start position:0% however we know that there is only one 01:38:05.560 --> 01:38:08.790 align:start position:0% however we know that there is only one item<01:38:06.560><c> one</c><01:38:06.800><c> product</c><01:38:07.599><c> that</c><01:38:07.800><c> has</c><01:38:08.000><c> this</c><01:38:08.199><c> name</c><01:38:08.520><c> so</c> 01:38:08.790 --> 01:38:08.800 align:start position:0% item one product that has this name so 01:38:08.800 --> 01:38:11.790 align:start position:0% item one product that has this name so let's<01:38:09.639><c> use</c><01:38:09.880><c> the</c><01:38:10.040><c> first</c><01:38:10.320><c> filter</c><01:38:10.760><c> now</c><01:38:11.320><c> to</c><01:38:11.520><c> get</c> 01:38:11.790 --> 01:38:11.800 align:start position:0% let's use the first filter now to get 01:38:11.800 --> 01:38:14.070 align:start position:0% let's use the first filter now to get that<01:38:12.080><c> item</c><01:38:12.440><c> and</c><01:38:12.560><c> to</c><01:38:12.679><c> be</c><01:38:12.800><c> able</c><01:38:13.000><c> to</c><01:38:13.239><c> access</c><01:38:13.719><c> its</c> 01:38:14.070 --> 01:38:14.080 align:start position:0% that item and to be able to access its 01:38:14.080 --> 01:38:16.910 align:start position:0% that item and to be able to access its properties<01:38:14.719><c> so</c><01:38:14.960><c> let's</c> 01:38:16.910 --> 01:38:16.920 align:start position:0% properties so let's 01:38:16.920 --> 01:38:21.390 align:start position:0% properties so let's say<01:38:17.920><c> snowboard</c><01:38:18.880><c> the</c><01:38:19.159><c> title</c><01:38:19.840><c> and</c><01:38:20.119><c> then</c><01:38:21.199><c> a</c> 01:38:21.390 --> 01:38:21.400 align:start position:0% say snowboard the title and then a 01:38:21.400 --> 01:38:23.750 align:start position:0% say snowboard the title and then a snowboard<01:38:22.280><c> the</c> 01:38:23.750 --> 01:38:23.760 align:start position:0% snowboard the 01:38:23.760 --> 01:38:28.070 align:start position:0% snowboard the price<01:38:24.760><c> is</c><01:38:24.920><c> formatted</c><01:38:25.719><c> with</c><01:38:25.920><c> money</c><01:38:26.880><c> and</c><01:38:27.760><c> if</c><01:38:27.920><c> I</c> 01:38:28.070 --> 01:38:28.080 align:start position:0% price is formatted with money and if I 01:38:28.080 --> 01:38:30.189 align:start position:0% price is formatted with money and if I save 01:38:30.189 --> 01:38:30.199 align:start position:0% save 01:38:30.199 --> 01:38:33.430 align:start position:0% save this<01:38:31.199><c> I</c><01:38:31.400><c> get</c><01:38:31.960><c> the</c><01:38:32.119><c> compete</c><01:38:32.520><c> snowboard</c><01:38:32.960><c> with</c><01:38:33.080><c> it</c> 01:38:33.430 --> 01:38:33.440 align:start position:0% this I get the compete snowboard with it 01:38:33.440 --> 01:38:39.030 align:start position:0% this I get the compete snowboard with it price<01:38:34.440><c> and</c><01:38:34.599><c> this</c><01:38:34.760><c> matches</c><01:38:35.199><c> what</c><01:38:35.320><c> we</c><01:38:35.520><c> have</c><01:38:35.800><c> over</c> 01:38:39.030 --> 01:38:39.040 align:start position:0% 01:38:39.040 --> 01:38:41.550 align:start position:0% here<01:38:40.040><c> it</c><01:38:40.159><c> is</c><01:38:40.320><c> to</c><01:38:40.440><c> be</c><01:38:40.599><c> mentioned</c><01:38:41.040><c> here</c><01:38:41.280><c> that</c><01:38:41.440><c> the</c> 01:38:41.550 --> 01:38:41.560 align:start position:0% here it is to be mentioned here that the 01:38:41.560 --> 01:38:43.709 align:start position:0% here it is to be mentioned here that the match<01:38:41.840><c> should</c><01:38:42.119><c> be</c><01:38:42.480><c> exact</c><01:38:42.880><c> so</c><01:38:43.040><c> we</c><01:38:43.159><c> cannot</c><01:38:43.440><c> say</c> 01:38:43.709 --> 01:38:43.719 align:start position:0% match should be exact so we cannot say 01:38:43.719 --> 01:38:47.870 align:start position:0% match should be exact so we cannot say something<01:38:44.360><c> like</c><01:38:45.360><c> only</c><01:38:46.199><c> match</c><01:38:46.560><c> for</c><01:38:46.960><c> a</c> 01:38:47.870 --> 01:38:47.880 align:start position:0% something like only match for a 01:38:47.880 --> 01:38:51.550 align:start position:0% something like only match for a snowboard<01:38:48.880><c> if</c><01:38:49.000><c> I</c><01:38:49.159><c> do</c><01:38:49.400><c> this</c><01:38:49.880><c> nothing</c><01:38:50.199><c> will</c><01:38:50.360><c> show</c> 01:38:51.550 --> 01:38:51.560 align:start position:0% snowboard if I do this nothing will show 01:38:51.560 --> 01:38:53.589 align:start position:0% snowboard if I do this nothing will show because<01:38:52.080><c> this</c><01:38:52.239><c> is</c><01:38:52.400><c> not</c><01:38:52.560><c> a</c><01:38:52.760><c> partial</c><01:38:53.080><c> match</c><01:38:53.520><c> it</c> 01:38:53.589 --> 01:38:53.599 align:start position:0% because this is not a partial match it 01:38:53.599 --> 01:38:55.229 align:start position:0% because this is not a partial match it should<01:38:53.800><c> be</c><01:38:53.920><c> an</c><01:38:54.080><c> exact</c><01:38:54.400><c> match</c><01:38:54.719><c> and</c><01:38:54.840><c> we</c><01:38:54.920><c> cannot</c> 01:38:55.229 --> 01:38:55.239 align:start position:0% should be an exact match and we cannot 01:38:55.239 --> 01:38:57.310 align:start position:0% should be an exact match and we cannot use<01:38:55.599><c> something</c><01:38:55.920><c> like</c><01:38:56.119><c> contains</c><01:38:56.719><c> here</c><01:38:57.159><c> that</c> 01:38:57.310 --> 01:38:57.320 align:start position:0% use something like contains here that 01:38:57.320 --> 01:39:00.510 align:start position:0% use something like contains here that will<01:38:57.760><c> fail</c><01:38:58.760><c> so</c><01:38:59.280><c> it</c><01:38:59.400><c> is</c><01:38:59.520><c> not</c><01:38:59.760><c> as</c><01:38:59.920><c> powerful</c><01:39:00.320><c> as</c> 01:39:00.510 --> 01:39:00.520 align:start position:0% will fail so it is not as powerful as 01:39:00.520 --> 01:39:02.229 align:start position:0% will fail so it is not as powerful as something<01:39:00.800><c> you</c><01:39:00.920><c> will</c><01:39:01.080><c> be</c><01:39:01.199><c> able</c><01:39:01.400><c> to</c><01:39:01.520><c> do</c><01:39:01.719><c> in</c><01:39:01.920><c> say</c> 01:39:02.229 --> 01:39:02.239 align:start position:0% something you will be able to do in say 01:39:02.239 --> 01:39:04.550 align:start position:0% something you will be able to do in say JavaScript<01:39:02.800><c> or</c><01:39:03.360><c> another</c><01:39:03.800><c> proper</c><01:39:04.119><c> programming</c> 01:39:04.550 --> 01:39:04.560 align:start position:0% JavaScript or another proper programming 01:39:04.560 --> 01:39:06.430 align:start position:0% JavaScript or another proper programming language<01:39:05.360><c> but</c><01:39:05.480><c> it</c><01:39:05.599><c> is</c><01:39:05.760><c> what</c><01:39:05.880><c> we</c><01:39:06.040><c> have</c><01:39:06.199><c> access</c> 01:39:06.430 --> 01:39:06.440 align:start position:0% language but it is what we have access 01:39:06.440 --> 01:39:07.510 align:start position:0% language but it is what we have access to 01:39:07.510 --> 01:39:07.520 align:start position:0% to 01:39:07.520 --> 01:39:10.270 align:start position:0% to here<01:39:08.520><c> and</c><01:39:08.760><c> lastly</c><01:39:09.199><c> let's</c><01:39:09.440><c> say</c><01:39:09.679><c> that</c><01:39:09.800><c> we</c><01:39:09.960><c> wanted</c> 01:39:10.270 --> 01:39:10.280 align:start position:0% here and lastly let's say that we wanted 01:39:10.280 --> 01:39:12.950 align:start position:0% here and lastly let's say that we wanted to<01:39:10.480><c> get</c><01:39:10.800><c> all</c><01:39:11.080><c> the</c><01:39:11.400><c> unique</c><01:39:11.960><c> tags</c><01:39:12.440><c> that</c><01:39:12.599><c> we</c><01:39:12.760><c> have</c> 01:39:12.950 --> 01:39:12.960 align:start position:0% to get all the unique tags that we have 01:39:12.960 --> 01:39:15.870 align:start position:0% to get all the unique tags that we have for<01:39:13.199><c> the</c><01:39:13.360><c> products</c><01:39:13.880><c> over</c><01:39:14.159><c> here</c><01:39:15.080><c> one</c><01:39:15.320><c> way</c><01:39:15.440><c> to</c><01:39:15.599><c> do</c> 01:39:15.870 --> 01:39:15.880 align:start position:0% for the products over here one way to do 01:39:15.880 --> 01:39:18.950 align:start position:0% for the products over here one way to do this<01:39:16.719><c> is</c><01:39:16.880><c> to</c><01:39:17.679><c> go</c><01:39:18.080><c> through</c><01:39:18.320><c> all</c><01:39:18.520><c> the</c><01:39:18.639><c> products</c> 01:39:18.950 --> 01:39:18.960 align:start position:0% this is to go through all the products 01:39:18.960 --> 01:39:23.270 align:start position:0% this is to go through all the products so<01:39:19.119><c> for</c><01:39:19.360><c> product</c><01:39:19.679><c> in</c><01:39:20.040><c> products</c> 01:39:23.270 --> 01:39:23.280 align:start position:0% 01:39:23.280 --> 01:39:28.310 align:start position:0% and<01:39:23.480><c> now</c><01:39:23.880><c> an</c><01:39:24.080><c> ler</c><01:39:24.440><c> Loop</c><01:39:24.639><c> here</c><01:39:24.800><c> for</c><01:39:25.040><c> tagging</c> 01:39:28.310 --> 01:39:28.320 align:start position:0% 01:39:28.320 --> 01:39:31.070 align:start position:0% tag<01:39:29.320><c> and</c><01:39:29.440><c> let's</c><01:39:29.719><c> start</c><01:39:30.040><c> creating</c><01:39:30.520><c> an</c><01:39:30.679><c> array</c> 01:39:31.070 --> 01:39:31.080 align:start position:0% tag and let's start creating an array 01:39:31.080 --> 01:39:33.229 align:start position:0% tag and let's start creating an array with<01:39:31.239><c> this</c><01:39:31.440><c> tag</c> 01:39:33.229 --> 01:39:33.239 align:start position:0% with this tag 01:39:33.239 --> 01:39:36.870 align:start position:0% with this tag so<01:39:34.239><c> tags</c><01:39:35.080><c> will</c><01:39:35.280><c> be</c><01:39:35.400><c> equal</c><01:39:35.639><c> to</c><01:39:35.760><c> an</c><01:39:35.880><c> empty</c><01:39:36.159><c> array</c> 01:39:36.870 --> 01:39:36.880 align:start position:0% so tags will be equal to an empty array 01:39:36.880 --> 01:39:38.990 align:start position:0% so tags will be equal to an empty array and<01:39:37.080><c> now</c><01:39:37.400><c> here</c><01:39:37.920><c> I'll</c> 01:39:38.990 --> 01:39:39.000 align:start position:0% and now here I'll 01:39:39.000 --> 01:39:43.430 align:start position:0% and now here I'll say<01:39:40.000><c> tags</c><01:39:40.520><c> will</c><01:39:40.719><c> be</c><01:39:40.880><c> equal</c><01:39:41.119><c> to</c><01:39:41.599><c> tags</c><01:39:42.599><c> and</c><01:39:42.760><c> I'll</c> 01:39:43.430 --> 01:39:43.440 align:start position:0% say tags will be equal to tags and I'll 01:39:43.440 --> 01:39:47.990 align:start position:0% say tags will be equal to tags and I'll append<01:39:44.440><c> this</c><01:39:44.719><c> tag</c><01:39:45.520><c> and</c><01:39:45.719><c> I'll</c><01:39:46.440><c> append</c><01:39:47.440><c> a</c><01:39:47.679><c> wi</c> 01:39:47.990 --> 01:39:48.000 align:start position:0% append this tag and I'll append a wi 01:39:48.000 --> 01:39:51.350 align:start position:0% append this tag and I'll append a wi space<01:39:48.920><c> or</c><01:39:49.119><c> let's</c><01:39:49.440><c> append</c><01:39:50.239><c> two</c><01:39:50.480><c> wi</c><01:39:50.760><c> SPAC</c> 01:39:51.350 --> 01:39:51.360 align:start position:0% space or let's append two wi SPAC 01:39:51.360 --> 01:39:53.270 align:start position:0% space or let's append two wi SPAC because<01:39:51.599><c> some</c><01:39:51.800><c> tags</c><01:39:52.159><c> may</c><01:39:52.360><c> have</c><01:39:52.480><c> a</c><01:39:52.679><c> wide</c><01:39:52.920><c> space</c> 01:39:53.270 --> 01:39:53.280 align:start position:0% because some tags may have a wide space 01:39:53.280 --> 01:39:55.830 align:start position:0% because some tags may have a wide space so<01:39:53.560><c> this</c><01:39:53.719><c> way</c><01:39:54.000><c> when</c><01:39:54.159><c> I</c><01:39:54.760><c> when</c><01:39:54.840><c> I</c><01:39:55.000><c> split</c><01:39:55.400><c> this</c> 01:39:55.830 --> 01:39:55.840 align:start position:0% so this way when I when I split this 01:39:55.840 --> 01:39:58.750 align:start position:0% so this way when I when I split this later<01:39:56.840><c> I</c><01:39:56.920><c> won't</c><01:39:57.360><c> accidentally</c><01:39:58.119><c> split</c><01:39:58.520><c> other</c> 01:39:58.750 --> 01:39:58.760 align:start position:0% later I won't accidentally split other 01:39:58.760 --> 01:40:01.589 align:start position:0% later I won't accidentally split other tags<01:39:59.119><c> we</c><01:39:59.239><c> could</c><01:39:59.440><c> use</c><01:39:59.800><c> some</c><01:40:00.040><c> other</c><01:40:01.000><c> separator</c> 01:40:01.589 --> 01:40:01.599 align:start position:0% tags we could use some other separator 01:40:01.599 --> 01:40:03.030 align:start position:0% tags we could use some other separator if<01:40:01.679><c> we</c><01:40:01.800><c> wanted</c><01:40:02.080><c> to</c><01:40:02.239><c> but</c><01:40:02.360><c> I</c><01:40:02.520><c> think</c><01:40:02.719><c> this</c><01:40:02.840><c> would</c> 01:40:03.030 --> 01:40:03.040 align:start position:0% if we wanted to but I think this would 01:40:03.040 --> 01:40:06.750 align:start position:0% if we wanted to but I think this would do<01:40:03.360><c> for</c><01:40:03.599><c> this</c><01:40:04.159><c> example</c><01:40:05.159><c> so</c><01:40:05.560><c> now</c><01:40:06.119><c> if</c><01:40:06.280><c> I</c><01:40:06.440><c> print</c> 01:40:06.750 --> 01:40:06.760 align:start position:0% do for this example so now if I print 01:40:06.760 --> 01:40:13.990 align:start position:0% do for this example so now if I print Tex 01:40:13.990 --> 01:40:14.000 align:start position:0% 01:40:14.000 --> 01:40:16.430 align:start position:0% here<01:40:15.000><c> let's</c><01:40:15.159><c> see</c><01:40:15.719><c> there</c><01:40:15.880><c> appears</c><01:40:16.119><c> to</c><01:40:16.199><c> be</c><01:40:16.320><c> an</c> 01:40:16.430 --> 01:40:16.440 align:start position:0% here let's see there appears to be an 01:40:16.440 --> 01:40:22.189 align:start position:0% here let's see there appears to be an issue<01:40:16.840><c> right</c><01:40:17.119><c> so</c><01:40:18.199><c> product.</c><01:40:19.199><c> tax</c><01:40:19.960><c> here</c> 01:40:22.189 --> 01:40:22.199 align:start position:0% issue right so product. tax here 01:40:22.199 --> 01:40:24.550 align:start position:0% issue right so product. tax here we<01:40:22.320><c> see</c><01:40:22.639><c> all</c><01:40:22.840><c> the</c><01:40:23.040><c> tags</c><01:40:23.599><c> but</c><01:40:24.040><c> let's</c><01:40:24.239><c> say</c><01:40:24.440><c> that</c> 01:40:24.550 --> 01:40:24.560 align:start position:0% we see all the tags but let's say that 01:40:24.560 --> 01:40:27.390 align:start position:0% we see all the tags but let's say that we<01:40:24.719><c> wanted</c><01:40:25.040><c> to</c><01:40:25.320><c> only</c><01:40:25.880><c> show</c><01:40:26.440><c> unique</c><01:40:26.800><c> tags</c><01:40:27.239><c> here</c> 01:40:27.390 --> 01:40:27.400 align:start position:0% we wanted to only show unique tags here 01:40:27.400 --> 01:40:30.270 align:start position:0% we wanted to only show unique tags here so<01:40:27.599><c> we</c><01:40:27.719><c> don't</c><01:40:27.920><c> want</c><01:40:28.440><c> repeated</c><01:40:28.960><c> values</c><01:40:29.360><c> here</c> 01:40:30.270 --> 01:40:30.280 align:start position:0% so we don't want repeated values here 01:40:30.280 --> 01:40:34.589 align:start position:0% so we don't want repeated values here what<01:40:30.480><c> we</c><01:40:30.599><c> can</c><01:40:30.800><c> do</c><01:40:31.520><c> is</c><01:40:31.800><c> that</c><01:40:32.480><c> can</c><01:40:32.719><c> say</c><01:40:33.320><c> split</c><01:40:34.320><c> by</c> 01:40:34.589 --> 01:40:34.599 align:start position:0% what we can do is that can say split by 01:40:34.599 --> 01:40:36.629 align:start position:0% what we can do is that can say split by this<01:40:34.880><c> value</c><01:40:35.440><c> that</c><01:40:35.560><c> I</c><01:40:35.679><c> used</c><01:40:36.000><c> over</c><01:40:36.199><c> here</c><01:40:36.360><c> to</c><01:40:36.520><c> get</c> 01:40:36.629 --> 01:40:36.639 align:start position:0% this value that I used over here to get 01:40:36.639 --> 01:40:37.430 align:start position:0% this value that I used over here to get an 01:40:37.430 --> 01:40:37.440 align:start position:0% an 01:40:37.440 --> 01:40:41.870 align:start position:0% an array<01:40:38.440><c> and</c><01:40:38.679><c> then</c><01:40:39.480><c> I</c><01:40:39.599><c> can</c><01:40:39.800><c> say</c><01:40:40.599><c> unique</c><01:40:41.520><c> and</c><01:40:41.760><c> this</c> 01:40:41.870 --> 01:40:41.880 align:start position:0% array and then I can say unique and this 01:40:41.880 --> 01:40:43.669 align:start position:0% array and then I can say unique and this is<01:40:42.159><c> a</c><01:40:42.320><c> filter</c><01:40:42.719><c> that</c><01:40:42.840><c> will</c><01:40:43.040><c> remove</c><01:40:43.440><c> all</c> 01:40:43.669 --> 01:40:43.679 align:start position:0% is a filter that will remove all 01:40:43.679 --> 01:40:47.470 align:start position:0% is a filter that will remove all repeated<01:40:44.159><c> elements</c><01:40:45.080><c> from</c><01:40:45.280><c> an</c><01:40:45.719><c> array</c><01:40:46.719><c> now</c><01:40:47.360><c> I</c> 01:40:47.470 --> 01:40:47.480 align:start position:0% repeated elements from an array now I 01:40:47.480 --> 01:40:53.189 align:start position:0% repeated elements from an array now I can<01:40:47.960><c> once</c><01:40:48.280><c> again</c><01:40:48.800><c> split</c><01:40:49.320><c> this</c><01:40:50.239><c> by</c><01:40:50.480><c> wh</c><01:40:50.719><c> space</c> 01:40:53.189 --> 01:40:53.199 align:start position:0% 01:40:53.199 --> 01:40:54.430 align:start position:0% and<01:40:53.440><c> we</c> 01:40:54.430 --> 01:40:54.440 align:start position:0% and we 01:40:54.440 --> 01:40:56.470 align:start position:0% and we have 01:40:56.470 --> 01:40:56.480 align:start position:0% have 01:40:56.480 --> 01:41:02.030 align:start position:0% have see<01:40:57.480><c> right</c><01:40:58.040><c> we</c><01:40:58.239><c> can</c><01:40:59.159><c> join</c><01:40:59.599><c> this</c><01:41:00.000><c> by</c><01:41:00.199><c> wespace</c> 01:41:02.030 --> 01:41:02.040 align:start position:0% see right we can join this by wespace 01:41:02.040 --> 01:41:05.629 align:start position:0% see right we can join this by wespace here<01:41:03.040><c> and</c><01:41:03.199><c> we</c><01:41:03.400><c> have</c><01:41:03.679><c> a</c><01:41:03.880><c> list</c><01:41:04.520><c> separated</c><01:41:05.080><c> by</c> 01:41:05.629 --> 01:41:05.639 align:start position:0% here and we have a list separated by 01:41:05.639 --> 01:41:09.070 align:start position:0% here and we have a list separated by wespace<01:41:06.639><c> of</c><01:41:07.080><c> all</c><01:41:07.280><c> the</c><01:41:07.480><c> tags</c><01:41:08.040><c> that</c><01:41:08.639><c> are</c> 01:41:09.070 --> 01:41:09.080 align:start position:0% wespace of all the tags that are 01:41:09.080 --> 01:41:11.870 align:start position:0% wespace of all the tags that are available<01:41:09.520><c> for</c><01:41:09.719><c> the</c><01:41:09.840><c> products</c><01:41:10.199><c> in</c><01:41:10.320><c> the</c><01:41:10.880><c> page</c> 01:41:11.870 --> 01:41:11.880 align:start position:0% available for the products in the page 01:41:11.880 --> 01:41:13.669 align:start position:0% available for the products in the page and<01:41:12.080><c> this</c><01:41:12.239><c> was</c><01:41:12.440><c> the</c><01:41:12.599><c> last</c><01:41:12.880><c> non</c><01:41:13.159><c> Shopify</c> 01:41:13.669 --> 01:41:13.679 align:start position:0% and this was the last non Shopify 01:41:13.679 --> 01:41:15.149 align:start position:0% and this was the last non Shopify specific<01:41:14.000><c> field</c><01:41:14.280><c> that</c><01:41:14.440><c> will'll</c><01:41:14.639><c> cover</c><01:41:15.040><c> in</c> 01:41:15.149 --> 01:41:15.159 align:start position:0% specific field that will'll cover in 01:41:15.159 --> 01:41:17.470 align:start position:0% specific field that will'll cover in this<01:41:15.360><c> video</c><01:41:15.760><c> all</c><01:41:15.920><c> the</c><01:41:16.040><c> filters</c><01:41:16.520><c> going</c><01:41:16.800><c> forward</c> 01:41:17.470 --> 01:41:17.480 align:start position:0% this video all the filters going forward 01:41:17.480 --> 01:41:20.070 align:start position:0% this video all the filters going forward will<01:41:17.719><c> be</c><01:41:18.360><c> a</c><01:41:18.520><c> specific</c><01:41:18.880><c> to</c><01:41:19.000><c> Shopify</c><01:41:19.800><c> however</c> 01:41:20.070 --> 01:41:20.080 align:start position:0% will be a specific to Shopify however 01:41:20.080 --> 01:41:21.990 align:start position:0% will be a specific to Shopify however before<01:41:20.440><c> contining</c><01:41:21.080><c> I</c><01:41:21.199><c> wanted</c><01:41:21.400><c> to</c><01:41:21.560><c> show</c><01:41:21.760><c> you</c> 01:41:21.990 --> 01:41:22.000 align:start position:0% before contining I wanted to show you 01:41:22.000 --> 01:41:24.629 align:start position:0% before contining I wanted to show you here<01:41:22.679><c> the</c><01:41:22.880><c> documentation</c><01:41:23.599><c> for</c><01:41:23.840><c> the</c><01:41:23.960><c> filters</c> 01:41:24.629 --> 01:41:24.639 align:start position:0% here the documentation for the filters 01:41:24.639 --> 01:41:26.310 align:start position:0% here the documentation for the filters because<01:41:25.000><c> even</c><01:41:25.199><c> though</c><01:41:25.360><c> we</c><01:41:25.520><c> covered</c><01:41:25.920><c> a</c><01:41:26.000><c> lot</c><01:41:26.159><c> of</c> 01:41:26.310 --> 01:41:26.320 align:start position:0% because even though we covered a lot of 01:41:26.320 --> 01:41:28.550 align:start position:0% because even though we covered a lot of them<01:41:27.000><c> there</c><01:41:27.119><c> are</c><01:41:27.320><c> still</c><01:41:27.560><c> a</c><01:41:27.679><c> few</c><01:41:28.119><c> that</c><01:41:28.360><c> even</c> 01:41:28.550 --> 01:41:28.560 align:start position:0% them there are still a few that even 01:41:28.560 --> 01:41:31.709 align:start position:0% them there are still a few that even though<01:41:28.760><c> they</c><01:41:28.920><c> are</c><01:41:29.159><c> not</c><01:41:29.639><c> used</c><01:41:30.040><c> that</c><01:41:30.599><c> often</c><01:41:31.599><c> it</c> 01:41:31.709 --> 01:41:31.719 align:start position:0% though they are not used that often it 01:41:31.719 --> 01:41:33.589 align:start position:0% though they are not used that often it is<01:41:31.920><c> useful</c><01:41:32.400><c> that</c><01:41:32.560><c> you</c><01:41:32.679><c> know</c><01:41:32.920><c> that</c><01:41:33.080><c> they</c><01:41:33.280><c> exist</c> 01:41:33.589 --> 01:41:33.599 align:start position:0% is useful that you know that they exist 01:41:33.599 --> 01:41:36.070 align:start position:0% is useful that you know that they exist so<01:41:33.760><c> you</c><01:41:33.880><c> can</c><01:41:34.040><c> go</c><01:41:34.199><c> through</c><01:41:34.400><c> this</c> 01:41:36.070 --> 01:41:36.080 align:start position:0% so you can go through this 01:41:36.080 --> 01:41:39.109 align:start position:0% so you can go through this documentation<01:41:37.080><c> in</c><01:41:37.360><c> dep</c><01:41:37.800><c> and</c><01:41:38.159><c> check</c><01:41:38.599><c> each</c> 01:41:39.109 --> 01:41:39.119 align:start position:0% documentation in dep and check each 01:41:39.119 --> 01:41:41.430 align:start position:0% documentation in dep and check each check<01:41:39.400><c> each</c><01:41:39.560><c> one</c><01:41:39.719><c> of</c><01:41:39.920><c> them</c><01:41:40.440><c> maybe</c><01:41:41.040><c> write</c><01:41:41.320><c> a</c> 01:41:41.430 --> 01:41:41.440 align:start position:0% check each one of them maybe write a 01:41:41.440 --> 01:41:43.510 align:start position:0% check each one of them maybe write a little<01:41:41.719><c> example</c><01:41:42.080><c> yourself</c><01:41:42.520><c> so</c><01:41:42.920><c> you</c><01:41:43.080><c> know</c><01:41:43.360><c> how</c> 01:41:43.510 --> 01:41:43.520 align:start position:0% little example yourself so you know how 01:41:43.520 --> 01:41:46.990 align:start position:0% little example yourself so you know how they<01:41:44.040><c> work</c><01:41:45.040><c> and</c><01:41:45.320><c> by</c><01:41:45.440><c> the</c><01:41:45.560><c> way</c><01:41:46.480><c> here</c><01:41:46.719><c> when</c><01:41:46.840><c> you</c> 01:41:46.990 --> 01:41:47.000 align:start position:0% they work and by the way here when you 01:41:47.000 --> 01:41:48.589 align:start position:0% they work and by the way here when you click<01:41:47.199><c> on</c><01:41:47.360><c> one</c><01:41:47.520><c> of</c><01:41:47.679><c> these</c><01:41:47.880><c> categories</c><01:41:48.320><c> at</c><01:41:48.440><c> the</c> 01:41:48.589 --> 01:41:48.599 align:start position:0% click on one of these categories at the 01:41:48.599 --> 01:41:51.149 align:start position:0% click on one of these categories at the Top<01:41:49.080><c> If</c><01:41:49.199><c> it</c><01:41:49.360><c> doesn't</c><01:41:49.760><c> have</c><01:41:49.960><c> the</c><01:41:50.119><c> word</c><01:41:50.400><c> shopy</c> 01:41:51.149 --> 01:41:51.159 align:start position:0% Top If it doesn't have the word shopy 01:41:51.159 --> 01:41:54.229 align:start position:0% Top If it doesn't have the word shopy here<01:41:51.440><c> that</c><01:41:51.560><c> means</c><01:41:51.920><c> that</c><01:41:52.119><c> it</c><01:41:52.679><c> is</c><01:41:53.679><c> it</c><01:41:53.800><c> is</c><01:41:53.960><c> not</c><01:41:54.119><c> a</c> 01:41:54.229 --> 01:41:54.239 align:start position:0% here that means that it is it is not a 01:41:54.239 --> 01:41:57.310 align:start position:0% here that means that it is it is not a Shopify<01:41:55.040><c> specific</c><01:41:56.040><c> um</c><01:41:56.239><c> category</c><01:41:56.599><c> of</c><01:41:56.719><c> filters</c> 01:41:57.310 --> 01:41:57.320 align:start position:0% Shopify specific um category of filters 01:41:57.320 --> 01:42:00.510 align:start position:0% Shopify specific um category of filters so<01:41:58.159><c> this</c><01:41:58.440><c> arrays</c><01:41:59.080><c> AR</c><01:41:59.400><c> filters</c><01:41:59.840><c> for</c><01:42:00.040><c> example</c> 01:42:00.510 --> 01:42:00.520 align:start position:0% so this arrays AR filters for example 01:42:00.520 --> 01:42:03.070 align:start position:0% so this arrays AR filters for example are<01:42:01.239><c> not</c><01:42:01.599><c> attached</c><01:42:02.000><c> to</c><01:42:02.119><c> Shopify</c><01:42:02.639><c> you</c><01:42:02.719><c> can</c><01:42:02.880><c> use</c> 01:42:03.070 --> 01:42:03.080 align:start position:0% are not attached to Shopify you can use 01:42:03.080 --> 01:42:05.950 align:start position:0% are not attached to Shopify you can use them<01:42:03.280><c> in</c><01:42:03.480><c> any</c><01:42:03.719><c> liquid</c><01:42:04.199><c> environment</c><01:42:05.199><c> meanwhile</c> 01:42:05.950 --> 01:42:05.960 align:start position:0% them in any liquid environment meanwhile 01:42:05.960 --> 01:42:08.470 align:start position:0% them in any liquid environment meanwhile if<01:42:06.119><c> I</c><01:42:06.239><c> click</c><01:42:06.440><c> on</c><01:42:06.599><c> money</c><01:42:07.080><c> here</c><01:42:08.000><c> this</c><01:42:08.119><c> is</c><01:42:08.239><c> a</c> 01:42:08.470 --> 01:42:08.480 align:start position:0% if I click on money here this is a 01:42:08.480 --> 01:42:10.870 align:start position:0% if I click on money here this is a specific<01:42:08.840><c> to</c><01:42:09.000><c> Shopify</c><01:42:09.560><c> so</c><01:42:09.719><c> if</c><01:42:09.840><c> you</c><01:42:10.119><c> use</c><01:42:10.440><c> Liquid</c> 01:42:10.870 --> 01:42:10.880 align:start position:0% specific to Shopify so if you use Liquid 01:42:10.880 --> 01:42:13.870 align:start position:0% specific to Shopify so if you use Liquid somewhere<01:42:11.239><c> else</c><01:42:11.760><c> this</c><01:42:11.880><c> will</c><01:42:12.119><c> not</c><01:42:12.320><c> be</c> 01:42:13.870 --> 01:42:13.880 align:start position:0% somewhere else this will not be 01:42:13.880 --> 01:42:17.070 align:start position:0% somewhere else this will not be available<01:42:14.880><c> okay</c><01:42:15.000><c> so</c><01:42:15.159><c> let's</c><01:42:15.360><c> close</c><01:42:15.760><c> this</c><01:42:16.760><c> and</c> 01:42:17.070 --> 01:42:17.080 align:start position:0% available okay so let's close this and 01:42:17.080 --> 01:42:18.669 align:start position:0% available okay so let's close this and now<01:42:17.360><c> let's</c><01:42:17.560><c> go</c><01:42:17.719><c> to</c><01:42:17.880><c> the</c><01:42:18.000><c> code</c><01:42:18.280><c> here</c><01:42:18.520><c> let's</c> 01:42:18.669 --> 01:42:18.679 align:start position:0% now let's go to the code here let's 01:42:18.679 --> 01:42:21.149 align:start position:0% now let's go to the code here let's delete<01:42:19.000><c> all</c><01:42:19.119><c> of</c><01:42:19.320><c> this</c><01:42:20.000><c> and</c><01:42:20.159><c> the</c><01:42:20.280><c> first</c><01:42:21.080><c> that</c> 01:42:21.149 --> 01:42:21.159 align:start position:0% delete all of this and the first that 01:42:21.159 --> 01:42:24.510 align:start position:0% delete all of this and the first that we'll<01:42:21.320><c> see</c><01:42:21.800><c> is</c><01:42:22.080><c> Json</c><01:42:23.080><c> so</c><01:42:23.360><c> we</c><01:42:23.480><c> can</c><01:42:23.639><c> use</c><01:42:23.920><c> this</c><01:42:24.199><c> to</c> 01:42:24.510 --> 01:42:24.520 align:start position:0% we'll see is Json so we can use this to 01:42:24.520 --> 01:42:27.750 align:start position:0% we'll see is Json so we can use this to print<01:42:24.800><c> a</c><01:42:25.000><c> properly</c><01:42:25.360><c> formatted</c><01:42:26.119><c> Json</c><01:42:27.119><c> and</c><01:42:27.599><c> one</c> 01:42:27.750 --> 01:42:27.760 align:start position:0% print a properly formatted Json and one 01:42:27.760 --> 01:42:30.229 align:start position:0% print a properly formatted Json and one of<01:42:27.920><c> its</c><01:42:28.119><c> uses</c><01:42:28.719><c> is</c><01:42:29.040><c> for</c><01:42:29.239><c> debuging</c><01:42:29.840><c> if</c><01:42:29.960><c> you</c><01:42:30.080><c> want</c> 01:42:30.229 --> 01:42:30.239 align:start position:0% of its uses is for debuging if you want 01:42:30.239 --> 01:42:31.870 align:start position:0% of its uses is for debuging if you want to<01:42:30.360><c> see</c><01:42:30.599><c> what</c><01:42:30.760><c> properties</c><01:42:31.159><c> are</c><01:42:31.320><c> available</c><01:42:31.719><c> for</c> 01:42:31.870 --> 01:42:31.880 align:start position:0% to see what properties are available for 01:42:31.880 --> 01:42:34.750 align:start position:0% to see what properties are available for an<01:42:32.199><c> object</c><01:42:33.199><c> and</c><01:42:33.880><c> if</c><01:42:34.040><c> the</c><01:42:34.199><c> value</c><01:42:34.480><c> that</c><01:42:34.599><c> you're</c> 01:42:34.750 --> 01:42:34.760 align:start position:0% an object and if the value that you're 01:42:34.760 --> 01:42:37.830 align:start position:0% an object and if the value that you're trying<01:42:35.000><c> to</c><01:42:35.239><c> access</c><01:42:35.679><c> is</c><01:42:35.840><c> even</c><01:42:36.480><c> there</c><01:42:37.480><c> it</c><01:42:37.599><c> can</c> 01:42:37.830 --> 01:42:37.840 align:start position:0% trying to access is even there it can 01:42:37.840 --> 01:42:40.430 align:start position:0% trying to access is even there it can also<01:42:38.159><c> serve</c><01:42:38.679><c> if</c><01:42:38.800><c> you</c><01:42:38.960><c> want</c><01:42:39.239><c> to</c><01:42:39.480><c> send</c><01:42:39.760><c> a</c><01:42:39.920><c> adjon</c> 01:42:40.430 --> 01:42:40.440 align:start position:0% also serve if you want to send a adjon 01:42:40.440 --> 01:42:42.350 align:start position:0% also serve if you want to send a adjon to<01:42:40.560><c> the</c><01:42:40.719><c> client</c><01:42:41.119><c> to</c><01:42:41.400><c> consume</c><01:42:41.760><c> it</c><01:42:42.119><c> through</c> 01:42:42.350 --> 01:42:42.360 align:start position:0% to the client to consume it through 01:42:42.360 --> 01:42:44.390 align:start position:0% to the client to consume it through JavaScript<01:42:42.840><c> and</c><01:42:43.000><c> do</c><01:42:43.159><c> something</c><01:42:43.480><c> with</c><01:42:43.639><c> it</c><01:42:44.239><c> so</c> 01:42:44.390 --> 01:42:44.400 align:start position:0% JavaScript and do something with it so 01:42:44.400 --> 01:42:46.550 align:start position:0% JavaScript and do something with it so let's<01:42:44.560><c> see</c><01:42:44.800><c> how</c><01:42:44.960><c> we</c><01:42:45.080><c> can</c><01:42:45.239><c> do</c><01:42:46.080><c> how</c><01:42:46.199><c> we</c><01:42:46.320><c> can</c><01:42:46.440><c> use</c> 01:42:46.550 --> 01:42:46.560 align:start position:0% let's see how we can do how we can use 01:42:46.560 --> 01:42:48.790 align:start position:0% let's see how we can do how we can use this<01:42:46.719><c> filter</c><01:42:47.119><c> so</c><01:42:47.360><c> from</c><01:42:47.560><c> this</c><01:42:47.719><c> collection</c><01:42:48.639><c> I'm</c> 01:42:48.790 --> 01:42:48.800 align:start position:0% this filter so from this collection I'm 01:42:48.800 --> 01:42:50.830 align:start position:0% this filter so from this collection I'm going<01:42:48.960><c> to</c><01:42:49.040><c> say</c><01:42:49.400><c> products</c><01:42:50.280><c> and</c><01:42:50.400><c> I'm</c><01:42:50.520><c> going</c><01:42:50.639><c> to</c> 01:42:50.830 --> 01:42:50.840 align:start position:0% going to say products and I'm going to 01:42:50.840 --> 01:42:52.149 align:start position:0% going to say products and I'm going to to<01:42:50.920><c> access</c><01:42:51.159><c> the</c><01:42:51.280><c> first</c><01:42:51.520><c> product</c><01:42:51.800><c> and</c><01:42:51.880><c> I'm</c><01:42:52.040><c> just</c> 01:42:52.149 --> 01:42:52.159 align:start position:0% to access the first product and I'm just 01:42:52.159 --> 01:42:54.629 align:start position:0% to access the first product and I'm just going<01:42:52.280><c> to</c><01:42:52.440><c> put</c><01:42:52.639><c> here</c><01:42:53.080><c> Json</c><01:42:54.080><c> and</c><01:42:54.199><c> if</c><01:42:54.280><c> I</c><01:42:54.400><c> go</c><01:42:54.520><c> to</c> 01:42:54.629 --> 01:42:54.639 align:start position:0% going to put here Json and if I go to 01:42:54.639 --> 01:42:57.350 align:start position:0% going to put here Json and if I go to the<01:42:54.760><c> page</c><01:42:55.239><c> here</c><01:42:56.239><c> I</c><01:42:56.320><c> can</c><01:42:56.440><c> see</c><01:42:56.599><c> a</c><01:42:56.719><c> Json</c><01:42:57.080><c> with</c><01:42:57.239><c> all</c> 01:42:57.350 --> 01:42:57.360 align:start position:0% the page here I can see a Json with all 01:42:57.360 --> 01:43:00.550 align:start position:0% the page here I can see a Json with all of<01:42:57.480><c> the</c><01:42:57.679><c> properties</c><01:42:58.199><c> of</c><01:42:58.400><c> this</c><01:42:59.199><c> product</c><01:43:00.199><c> now</c> 01:43:00.550 --> 01:43:00.560 align:start position:0% of the properties of this product now 01:43:00.560 --> 01:43:03.030 align:start position:0% of the properties of this product now not<01:43:00.920><c> every</c><01:43:01.280><c> object</c><01:43:01.639><c> supports</c><01:43:02.320><c> using</c><01:43:02.639><c> the</c><01:43:02.760><c> Json</c> 01:43:03.030 --> 01:43:03.040 align:start position:0% not every object supports using the Json 01:43:03.040 --> 01:43:05.270 align:start position:0% not every object supports using the Json filter<01:43:03.560><c> and</c><01:43:03.679><c> you'll</c><01:43:03.880><c> just</c><01:43:04.080><c> have</c><01:43:04.239><c> to</c><01:43:04.840><c> try</c><01:43:05.080><c> and</c> 01:43:05.270 --> 01:43:05.280 align:start position:0% filter and you'll just have to try and 01:43:05.280 --> 01:43:07.709 align:start position:0% filter and you'll just have to try and see<01:43:06.199><c> for</c><01:43:06.480><c> the</c><01:43:06.599><c> object</c><01:43:06.880><c> are</c><01:43:07.080><c> working</c><01:43:07.440><c> with</c><01:43:07.599><c> at</c> 01:43:07.709 --> 01:43:07.719 align:start position:0% see for the object are working with at 01:43:07.719 --> 01:43:09.950 align:start position:0% see for the object are working with at the<01:43:07.840><c> moment</c><01:43:08.199><c> to</c><01:43:08.360><c> see</c><01:43:08.560><c> if</c><01:43:08.719><c> it</c><01:43:09.280><c> if</c><01:43:09.400><c> it</c><01:43:09.560><c> works</c><01:43:09.800><c> with</c> 01:43:09.950 --> 01:43:09.960 align:start position:0% the moment to see if it if it works with 01:43:09.960 --> 01:43:12.470 align:start position:0% the moment to see if it if it works with that<01:43:10.119><c> property</c><01:43:10.480><c> for</c><01:43:10.639><c> example</c><01:43:11.159><c> shop</c><01:43:12.159><c> doesn't</c> 01:43:12.470 --> 01:43:12.480 align:start position:0% that property for example shop doesn't 01:43:12.480 --> 01:43:15.229 align:start position:0% that property for example shop doesn't support<01:43:12.800><c> the</c><01:43:13.080><c> Json</c><01:43:14.080><c> filter</c><01:43:14.440><c> so</c><01:43:14.719><c> here</c><01:43:14.880><c> it</c><01:43:15.000><c> says</c> 01:43:15.229 --> 01:43:15.239 align:start position:0% support the Json filter so here it says 01:43:15.239 --> 01:43:17.550 align:start position:0% support the Json filter so here it says Json<01:43:15.560><c> not</c><01:43:15.719><c> allowed</c><01:43:16.000><c> for</c><01:43:16.199><c> this</c><01:43:16.400><c> object</c><01:43:17.239><c> even</c> 01:43:17.550 --> 01:43:17.560 align:start position:0% Json not allowed for this object even 01:43:17.560 --> 01:43:19.830 align:start position:0% Json not allowed for this object even though<01:43:18.040><c> the</c><01:43:18.159><c> object</c><01:43:18.480><c> itself</c><01:43:18.920><c> is</c><01:43:19.119><c> populated</c><01:43:19.679><c> so</c> 01:43:19.830 --> 01:43:19.840 align:start position:0% though the object itself is populated so 01:43:19.840 --> 01:43:22.189 align:start position:0% though the object itself is populated so for<01:43:20.000><c> example</c><01:43:20.239><c> I</c><01:43:20.320><c> can</c><01:43:20.440><c> say</c><01:43:20.760><c> shelf.</c><01:43:21.320><c> name</c> 01:43:22.189 --> 01:43:22.199 align:start position:0% for example I can say shelf. name 01:43:22.199 --> 01:43:24.470 align:start position:0% for example I can say shelf. name here<01:43:23.199><c> and</c><01:43:23.320><c> I'll</c><01:43:23.520><c> get</c><01:43:23.679><c> the</c><01:43:23.800><c> name</c><01:43:23.960><c> of</c><01:43:24.040><c> the</c><01:43:24.159><c> Shelf</c> 01:43:24.470 --> 01:43:24.480 align:start position:0% here and I'll get the name of the Shelf 01:43:24.480 --> 01:43:25.669 align:start position:0% here and I'll get the name of the Shelf printed 01:43:25.669 --> 01:43:25.679 align:start position:0% printed 01:43:25.679 --> 01:43:27.790 align:start position:0% printed here<01:43:26.679><c> the</c><01:43:26.840><c> next</c><01:43:27.000><c> filter</c><01:43:27.360><c> we're</c><01:43:27.520><c> going</c><01:43:27.679><c> to</c> 01:43:27.790 --> 01:43:27.800 align:start position:0% here the next filter we're going to 01:43:27.800 --> 01:43:29.589 align:start position:0% here the next filter we're going to check<01:43:27.960><c> is</c><01:43:28.040><c> a</c><01:43:28.199><c> default</c><01:43:28.520><c> filter</c><01:43:29.000><c> so</c><01:43:29.159><c> for</c><01:43:29.400><c> this</c> 01:43:29.589 --> 01:43:29.599 align:start position:0% check is a default filter so for this 01:43:29.599 --> 01:43:31.990 align:start position:0% check is a default filter so for this I'm<01:43:29.760><c> going</c><01:43:29.960><c> to</c><01:43:30.800><c> go</c><01:43:30.960><c> to</c><01:43:31.080><c> the</c><01:43:31.239><c> admin</c><01:43:31.520><c> dashboard</c> 01:43:31.990 --> 01:43:32.000 align:start position:0% I'm going to go to the admin dashboard 01:43:32.000 --> 01:43:33.830 align:start position:0% I'm going to go to the admin dashboard here<01:43:32.440><c> and</c><01:43:32.639><c> here</c><01:43:32.800><c> I'm</c><01:43:32.920><c> going</c><01:43:33.080><c> to</c> 01:43:33.830 --> 01:43:33.840 align:start position:0% here and here I'm going to 01:43:33.840 --> 01:43:37.950 align:start position:0% here and here I'm going to say<01:43:34.840><c> this</c><01:43:34.960><c> is</c><01:43:35.199><c> the</c><01:43:35.480><c> hydrogen</c><01:43:36.760><c> collection</c><01:43:37.760><c> for</c> 01:43:37.950 --> 01:43:37.960 align:start position:0% say this is the hydrogen collection for 01:43:37.960 --> 01:43:40.189 align:start position:0% say this is the hydrogen collection for the<01:43:38.119><c> description</c><01:43:38.520><c> of</c><01:43:38.679><c> this</c><01:43:38.800><c> collection</c><01:43:39.199><c> over</c> 01:43:40.189 --> 01:43:40.199 align:start position:0% the description of this collection over 01:43:40.199 --> 01:43:43.709 align:start position:0% the description of this collection over here<01:43:41.199><c> and</c><01:43:41.599><c> then</c><01:43:42.599><c> for</c><01:43:42.800><c> the</c><01:43:42.920><c> empty</c><01:43:43.199><c> collection</c><01:43:43.639><c> I</c> 01:43:43.709 --> 01:43:43.719 align:start position:0% here and then for the empty collection I 01:43:43.719 --> 01:43:46.189 align:start position:0% here and then for the empty collection I will<01:43:43.880><c> not</c><01:43:44.119><c> fill</c><01:43:44.440><c> this</c><01:43:44.719><c> field</c><01:43:45.119><c> and</c> 01:43:46.189 --> 01:43:46.199 align:start position:0% will not fill this field and 01:43:46.199 --> 01:43:49.830 align:start position:0% will not fill this field and now<01:43:47.199><c> if</c><01:43:47.480><c> here</c><01:43:47.920><c> I</c><01:43:48.080><c> try</c><01:43:48.520><c> I</c><01:43:48.639><c> try</c><01:43:48.840><c> to</c><01:43:49.000><c> print</c> 01:43:49.830 --> 01:43:49.840 align:start position:0% now if here I try I try to print 01:43:49.840 --> 01:43:54.390 align:start position:0% now if here I try I try to print collection. 01:43:54.390 --> 01:43:54.400 align:start position:0% 01:43:54.400 --> 01:43:56.950 align:start position:0% description<01:43:55.400><c> and</c><01:43:55.560><c> I</c><01:43:55.760><c> go</c> 01:43:56.950 --> 01:43:56.960 align:start position:0% description and I go 01:43:56.960 --> 01:44:00.390 align:start position:0% description and I go to 01:44:00.390 --> 01:44:00.400 align:start position:0% 01:44:00.400 --> 01:44:02.589 align:start position:0% hydrogen<01:44:01.400><c> this</c><01:44:01.520><c> is</c><01:44:01.679><c> the</c><01:44:01.800><c> hydrogen</c><01:44:02.199><c> collection</c> 01:44:02.589 --> 01:44:02.599 align:start position:0% hydrogen this is the hydrogen collection 01:44:02.599 --> 01:44:03.910 align:start position:0% hydrogen this is the hydrogen collection over 01:44:03.910 --> 01:44:03.920 align:start position:0% over 01:44:03.920 --> 01:44:08.350 align:start position:0% over here<01:44:04.920><c> but</c><01:44:05.159><c> then</c><01:44:05.440><c> if</c><01:44:05.599><c> I</c><01:44:05.760><c> go</c><01:44:06.360><c> to</c><01:44:07.239><c> empty</c> 01:44:08.350 --> 01:44:08.360 align:start position:0% here but then if I go to empty 01:44:08.360 --> 01:44:11.270 align:start position:0% here but then if I go to empty collection<01:44:09.360><c> I</c><01:44:09.480><c> see</c><01:44:09.719><c> nothing</c><01:44:10.480><c> Now</c><01:44:10.719><c> the</c><01:44:10.880><c> default</c> 01:44:11.270 --> 01:44:11.280 align:start position:0% collection I see nothing Now the default 01:44:11.280 --> 01:44:15.270 align:start position:0% collection I see nothing Now the default filter<01:44:12.280><c> lets</c><01:44:12.599><c> me</c><01:44:13.000><c> put</c><01:44:13.320><c> here</c><01:44:13.480><c> a</c><01:44:13.639><c> default</c><01:44:14.159><c> value</c> 01:44:15.270 --> 01:44:15.280 align:start position:0% filter lets me put here a default value 01:44:15.280 --> 01:44:18.910 align:start position:0% filter lets me put here a default value if<01:44:16.280><c> this</c><01:44:16.639><c> value</c><01:44:17.159><c> returns</c><01:44:17.599><c> a</c><01:44:17.760><c> falsy</c><01:44:18.199><c> value</c><01:44:18.639><c> or</c> 01:44:18.910 --> 01:44:18.920 align:start position:0% if this value returns a falsy value or 01:44:18.920 --> 01:44:21.870 align:start position:0% if this value returns a falsy value or an<01:44:19.080><c> empty</c><01:44:19.400><c> value</c><01:44:19.840><c> so</c><01:44:20.080><c> here</c><01:44:20.280><c> I</c><01:44:20.360><c> can</c> 01:44:21.870 --> 01:44:21.880 align:start position:0% an empty value so here I can 01:44:21.880 --> 01:44:27.070 align:start position:0% an empty value so here I can say<01:44:22.880><c> this</c><01:44:23.080><c> is</c><01:44:23.400><c> a</c><01:44:23.679><c> default</c> 01:44:27.070 --> 01:44:27.080 align:start position:0% 01:44:27.080 --> 01:44:30.030 align:start position:0% description<01:44:28.080><c> and</c><01:44:28.239><c> we</c><01:44:28.320><c> can</c><01:44:28.440><c> see</c><01:44:28.639><c> here</c><01:44:28.840><c> just</c> 01:44:30.030 --> 01:44:30.040 align:start position:0% description and we can see here just 01:44:30.040 --> 01:44:32.790 align:start position:0% description and we can see here just that<01:44:31.040><c> another</c><01:44:31.360><c> filter</c><01:44:31.760><c> that</c><01:44:31.880><c> can</c><01:44:32.000><c> be</c><01:44:32.159><c> useful</c> 01:44:32.790 --> 01:44:32.800 align:start position:0% that another filter that can be useful 01:44:32.800 --> 01:44:34.709 align:start position:0% that another filter that can be useful is<01:44:33.000><c> the</c><01:44:33.239><c> Highlight</c><01:44:33.639><c> filter</c><01:44:34.080><c> so</c><01:44:34.320><c> here</c><01:44:34.520><c> let's</c> 01:44:34.709 --> 01:44:34.719 align:start position:0% is the Highlight filter so here let's 01:44:34.719 --> 01:44:38.109 align:start position:0% is the Highlight filter so here let's say<01:44:34.880><c> that</c><01:44:35.000><c> I</c><01:44:35.199><c> have</c><01:44:36.159><c> this</c><01:44:36.920><c> is</c><01:44:37.159><c> some</c> 01:44:38.109 --> 01:44:38.119 align:start position:0% say that I have this is some 01:44:38.119 --> 01:44:40.470 align:start position:0% say that I have this is some text<01:44:39.119><c> with</c><01:44:39.360><c> more</c> 01:44:40.470 --> 01:44:40.480 align:start position:0% text with more 01:44:40.480 --> 01:44:42.870 align:start position:0% text with more text<01:44:41.480><c> and</c><01:44:41.760><c> that</c><01:44:41.840><c> I</c><01:44:41.960><c> want</c><01:44:42.119><c> to</c><01:44:42.320><c> highlight</c><01:44:42.639><c> here</c> 01:44:42.870 --> 01:44:42.880 align:start position:0% text and that I want to highlight here 01:44:42.880 --> 01:44:44.030 align:start position:0% text and that I want to highlight here the<01:44:43.040><c> word</c> 01:44:44.030 --> 01:44:44.040 align:start position:0% the word 01:44:44.040 --> 01:44:47.629 align:start position:0% the word text<01:44:45.159><c> so</c><01:44:46.159><c> I</c><01:44:46.280><c> can</c><01:44:46.440><c> use</c><01:44:46.599><c> the</c><01:44:46.719><c> Highlight</c><01:44:47.040><c> filter</c> 01:44:47.629 --> 01:44:47.639 align:start position:0% text so I can use the Highlight filter 01:44:47.639 --> 01:44:50.550 align:start position:0% text so I can use the Highlight filter and<01:44:47.760><c> do</c><01:44:47.960><c> just</c><01:44:48.280><c> that</c><01:44:49.280><c> if</c><01:44:49.400><c> I</c><01:44:49.639><c> save</c><01:44:49.920><c> this</c><01:44:50.320><c> here</c> 01:44:50.550 --> 01:44:50.560 align:start position:0% and do just that if I save this here 01:44:50.560 --> 01:44:52.790 align:start position:0% and do just that if I save this here here<01:44:50.679><c> we</c><01:44:50.800><c> see</c><01:44:51.000><c> the</c><01:44:51.239><c> text</c><01:44:51.719><c> is</c> 01:44:52.790 --> 01:44:52.800 align:start position:0% here we see the text is 01:44:52.800 --> 01:44:57.470 align:start position:0% here we see the text is involed<01:44:53.800><c> and</c><01:44:54.480><c> if</c><01:44:54.639><c> I</c><01:44:54.840><c> check</c><01:44:55.080><c> the</c><01:44:55.239><c> HTML</c><01:44:55.760><c> of</c><01:44:56.480><c> this</c> 01:44:57.470 --> 01:44:57.480 align:start position:0% involed and if I check the HTML of this 01:44:57.480 --> 01:44:59.870 align:start position:0% involed and if I check the HTML of this the<01:44:57.639><c> word</c><01:44:57.920><c> that</c><01:44:58.040><c> I'm</c><01:44:58.199><c> highlighting</c><01:44:58.719><c> here</c><01:44:59.000><c> text</c> 01:44:59.870 --> 01:44:59.880 align:start position:0% the word that I'm highlighting here text 01:44:59.880 --> 01:45:02.990 align:start position:0% the word that I'm highlighting here text is<01:45:00.080><c> inside</c><01:45:00.719><c> this</c><01:45:01.159><c> strong</c><01:45:01.880><c> element</c><01:45:02.480><c> with</c><01:45:02.679><c> the</c> 01:45:02.990 --> 01:45:03.000 align:start position:0% is inside this strong element with the 01:45:03.000 --> 01:45:04.870 align:start position:0% is inside this strong element with the class<01:45:03.239><c> of</c><01:45:03.440><c> highlights</c><01:45:03.840><c> so</c><01:45:03.960><c> if</c><01:45:04.080><c> I</c><01:45:04.159><c> need</c><01:45:04.360><c> to</c> 01:45:04.870 --> 01:45:04.880 align:start position:0% class of highlights so if I need to 01:45:04.880 --> 01:45:07.070 align:start position:0% class of highlights so if I need to style<01:45:05.239><c> this</c><01:45:05.440><c> differently</c><01:45:06.400><c> I</c><01:45:06.639><c> can</c><01:45:06.880><c> by</c> 01:45:07.070 --> 01:45:07.080 align:start position:0% style this differently I can by 01:45:07.080 --> 01:45:10.189 align:start position:0% style this differently I can by targeting<01:45:07.679><c> it</c><01:45:08.199><c> through</c><01:45:08.440><c> CSS</c><01:45:08.920><c> so</c><01:45:09.080><c> for</c><01:45:09.280><c> example</c> 01:45:10.189 --> 01:45:10.199 align:start position:0% targeting it through CSS so for example 01:45:10.199 --> 01:45:11.149 align:start position:0% targeting it through CSS so for example I<01:45:10.280><c> can</c> 01:45:11.149 --> 01:45:11.159 align:start position:0% I can 01:45:11.159 --> 01:45:14.149 align:start position:0% I can do<01:45:12.159><c> style</c><01:45:12.679><c> here</c><01:45:13.199><c> and</c> 01:45:14.149 --> 01:45:14.159 align:start position:0% do style here and 01:45:14.159 --> 01:45:15.709 align:start position:0% do style here and then 01:45:15.709 --> 01:45:15.719 align:start position:0% then 01:45:15.719 --> 01:45:19.470 align:start position:0% then highlight<01:45:16.719><c> and</c><01:45:16.880><c> change</c><01:45:17.159><c> the</c><01:45:17.320><c> background</c><01:45:17.800><c> to</c> 01:45:19.470 --> 01:45:19.480 align:start position:0% highlight and change the background to 01:45:19.480 --> 01:45:22.189 align:start position:0% highlight and change the background to Yellow 01:45:22.189 --> 01:45:22.199 align:start position:0% Yellow 01:45:22.199 --> 01:45:23.790 align:start position:0% Yellow and<01:45:22.400><c> that</c><01:45:22.560><c> will</c> 01:45:23.790 --> 01:45:23.800 align:start position:0% and that will 01:45:23.800 --> 01:45:27.109 align:start position:0% and that will work<01:45:24.800><c> and</c><01:45:24.920><c> the</c><01:45:25.080><c> filter</c><01:45:25.440><c> you'll</c><01:45:25.760><c> often</c><01:45:26.360><c> see</c> 01:45:27.109 --> 01:45:27.119 align:start position:0% work and the filter you'll often see 01:45:27.119 --> 01:45:30.550 align:start position:0% work and the filter you'll often see being<01:45:27.400><c> used</c><01:45:27.880><c> is</c><01:45:28.159><c> the</c><01:45:28.920><c> DAT</c><01:45:29.280><c> filter</c><01:45:29.679><c> so</c><01:45:29.920><c> here</c><01:45:30.440><c> in</c> 01:45:30.550 --> 01:45:30.560 align:start position:0% being used is the DAT filter so here in 01:45:30.560 --> 01:45:31.750 align:start position:0% being used is the DAT filter so here in the 01:45:31.750 --> 01:45:31.760 align:start position:0% the 01:45:31.760 --> 01:45:34.350 align:start position:0% the documentation<01:45:32.760><c> we</c><01:45:32.880><c> can</c><01:45:33.080><c> refer</c><01:45:33.400><c> to</c><01:45:33.639><c> this</c><01:45:34.159><c> to</c> 01:45:34.350 --> 01:45:34.360 align:start position:0% documentation we can refer to this to 01:45:34.360 --> 01:45:36.950 align:start position:0% documentation we can refer to this to see<01:45:34.880><c> what</c><01:45:35.080><c> type</c><01:45:35.280><c> of</c><01:45:35.400><c> formatting</c><01:45:35.960><c> we</c><01:45:36.119><c> can</c><01:45:36.560><c> pass</c> 01:45:36.950 --> 01:45:36.960 align:start position:0% see what type of formatting we can pass 01:45:36.960 --> 01:45:39.229 align:start position:0% see what type of formatting we can pass to<01:45:37.159><c> format</c><01:45:37.520><c> a</c><01:45:37.719><c> date</c><01:45:38.400><c> this</c><01:45:38.520><c> is</c><01:45:38.639><c> from</c><01:45:38.800><c> the</c><01:45:38.920><c> Ruby</c> 01:45:39.229 --> 01:45:39.239 align:start position:0% to format a date this is from the Ruby 01:45:39.239 --> 01:45:40.830 align:start position:0% to format a date this is from the Ruby documentation<01:45:39.920><c> and</c><01:45:40.000><c> to</c><01:45:40.159><c> give</c><01:45:40.280><c> you</c><01:45:40.400><c> a</c><01:45:40.520><c> bit</c><01:45:40.679><c> of</c> 01:45:40.830 --> 01:45:40.840 align:start position:0% documentation and to give you a bit of 01:45:40.840 --> 01:45:43.310 align:start position:0% documentation and to give you a bit of context<01:45:41.400><c> about</c><01:45:41.880><c> why</c><01:45:42.119><c> it</c><01:45:42.239><c> is</c><01:45:42.360><c> using</c><01:45:42.679><c> the</c><01:45:42.960><c> Ruby</c> 01:45:43.310 --> 01:45:43.320 align:start position:0% context about why it is using the Ruby 01:45:43.320 --> 01:45:45.790 align:start position:0% context about why it is using the Ruby formatting<01:45:43.840><c> is</c><01:45:44.040><c> because</c><01:45:44.800><c> liquid</c><01:45:45.280><c> if</c><01:45:45.360><c> we</c><01:45:45.520><c> go</c><01:45:45.639><c> to</c> 01:45:45.790 --> 01:45:45.800 align:start position:0% formatting is because liquid if we go to 01:45:45.800 --> 01:45:49.229 align:start position:0% formatting is because liquid if we go to the<01:45:45.920><c> open</c><01:45:46.159><c> source</c><01:45:46.679><c> repository</c><01:45:47.679><c> is</c><01:45:48.000><c> written</c><01:45:49.000><c> in</c> 01:45:49.229 --> 01:45:49.239 align:start position:0% the open source repository is written in 01:45:49.239 --> 01:45:52.310 align:start position:0% the open source repository is written in Ruby<01:45:50.040><c> so</c><01:45:50.960><c> that's</c><01:45:51.239><c> why</c><01:45:51.800><c> that's</c><01:45:51.960><c> where</c><01:45:52.159><c> this</c> 01:45:52.310 --> 01:45:52.320 align:start position:0% Ruby so that's why that's where this 01:45:52.320 --> 01:45:55.350 align:start position:0% Ruby so that's why that's where this comes<01:45:52.560><c> from</c><01:45:53.480><c> anyways</c><01:45:54.080><c> going</c><01:45:54.400><c> back</c><01:45:54.920><c> to</c><01:45:55.119><c> our</c> 01:45:55.350 --> 01:45:55.360 align:start position:0% comes from anyways going back to our 01:45:55.360 --> 01:45:58.790 align:start position:0% comes from anyways going back to our code<01:45:55.599><c> base</c><01:45:55.920><c> here</c><01:45:56.679><c> let's</c><01:45:56.960><c> say</c><01:45:57.760><c> that</c><01:45:58.040><c> I'm</c> 01:45:58.790 --> 01:45:58.800 align:start position:0% code base here let's say that I'm 01:45:58.800 --> 01:46:02.589 align:start position:0% code base here let's say that I'm writing<01:45:59.679><c> this</c><01:46:00.520><c> copyright</c><01:46:01.520><c> and</c><01:46:01.639><c> I</c><01:46:01.800><c> want</c><01:46:02.320><c> uh</c><01:46:02.480><c> and</c> 01:46:02.589 --> 01:46:02.599 align:start position:0% writing this copyright and I want uh and 01:46:02.599 --> 01:46:05.950 align:start position:0% writing this copyright and I want uh and I<01:46:02.800><c> want</c><01:46:03.280><c> to</c><01:46:03.599><c> print</c><01:46:03.960><c> here</c><01:46:04.560><c> the</c><01:46:05.440><c> the</c><01:46:05.599><c> current</c> 01:46:05.950 --> 01:46:05.960 align:start position:0% I want to print here the the current 01:46:05.960 --> 01:46:07.830 align:start position:0% I want to print here the the current year<01:46:06.480><c> because</c><01:46:06.960><c> that's</c><01:46:07.159><c> something</c><01:46:07.480><c> that</c><01:46:07.639><c> most</c> 01:46:07.830 --> 01:46:07.840 align:start position:0% year because that's something that most 01:46:07.840 --> 01:46:10.990 align:start position:0% year because that's something that most sites<01:46:08.199><c> have</c><01:46:08.400><c> at</c><01:46:08.599><c> the</c><01:46:08.880><c> at</c><01:46:09.000><c> the</c><01:46:09.080><c> folder</c><01:46:09.599><c> right</c><01:46:10.360><c> so</c> 01:46:10.990 --> 01:46:11.000 align:start position:0% sites have at the at the folder right so 01:46:11.000 --> 01:46:15.390 align:start position:0% sites have at the at the folder right so I<01:46:11.119><c> can</c><01:46:11.320><c> say</c><01:46:11.760><c> now</c><01:46:12.679><c> and</c><01:46:13.000><c> pass</c><01:46:13.599><c> date</c><01:46:14.520><c> and</c><01:46:14.719><c> then</c> 01:46:15.390 --> 01:46:15.400 align:start position:0% I can say now and pass date and then 01:46:15.400 --> 01:46:17.430 align:start position:0% I can say now and pass date and then let's<01:46:15.639><c> see</c><01:46:15.880><c> how</c><01:46:16.040><c> I</c><01:46:16.119><c> can</c><01:46:16.320><c> get</c><01:46:16.639><c> from</c><01:46:16.920><c> now</c><01:46:17.320><c> which</c> 01:46:17.430 --> 01:46:17.440 align:start position:0% let's see how I can get from now which 01:46:17.440 --> 01:46:19.149 align:start position:0% let's see how I can get from now which is<01:46:17.560><c> a</c><01:46:17.840><c> special</c><01:46:18.199><c> value</c><01:46:18.480><c> that</c><01:46:18.599><c> gets</c><01:46:18.800><c> me</c><01:46:18.960><c> the</c> 01:46:19.149 --> 01:46:19.159 align:start position:0% is a special value that gets me the 01:46:19.159 --> 01:46:22.189 align:start position:0% is a special value that gets me the current<01:46:19.480><c> date</c><01:46:20.880><c> let's</c><01:46:21.119><c> format</c><01:46:21.639><c> let's</c><01:46:21.800><c> format</c> 01:46:22.189 --> 01:46:22.199 align:start position:0% current date let's format let's format 01:46:22.199 --> 01:46:23.669 align:start position:0% current date let's format let's format this<01:46:22.320><c> to</c><01:46:22.480><c> get</c><01:46:22.639><c> the</c><01:46:22.760><c> current</c><01:46:23.000><c> year</c><01:46:23.239><c> so</c><01:46:23.440><c> here</c><01:46:23.599><c> I</c> 01:46:23.669 --> 01:46:23.679 align:start position:0% this to get the current year so here I 01:46:23.679 --> 01:46:30.310 align:start position:0% this to get the current year so here I can<01:46:23.880><c> pass</c><01:46:24.440><c> this</c><01:46:24.679><c> percentage</c><01:46:25.480><c> sign</c><01:46:26.480><c> and</c><01:46:26.800><c> a</c> 01:46:30.310 --> 01:46:30.320 align:start position:0% 01:46:30.320 --> 01:46:35.390 align:start position:0% y<01:46:31.320><c> and</c><01:46:31.480><c> I</c><01:46:31.719><c> get</c><01:46:32.719><c> copyright</c><01:46:33.679><c> 2023</c><01:46:34.679><c> now</c><01:46:34.920><c> let's</c><01:46:35.119><c> say</c> 01:46:35.390 --> 01:46:35.400 align:start position:0% y and I get copyright 2023 now let's say 01:46:35.400 --> 01:46:37.990 align:start position:0% y and I get copyright 2023 now let's say that<01:46:35.639><c> I</c><01:46:35.800><c> wanted</c><01:46:36.199><c> to</c><01:46:37.000><c> print</c><01:46:37.280><c> the</c><01:46:37.440><c> date</c><01:46:37.639><c> for</c><01:46:37.800><c> some</c> 01:46:37.990 --> 01:46:38.000 align:start position:0% that I wanted to print the date for some 01:46:38.000 --> 01:46:41.750 align:start position:0% that I wanted to print the date for some reason<01:46:39.000><c> in</c><01:46:39.280><c> this</c> 01:46:41.750 --> 01:46:41.760 align:start position:0% 01:46:41.760 --> 01:46:46.510 align:start position:0% format<01:46:42.760><c> of</c><01:46:43.560><c> year</c><01:46:44.000><c> month</c><01:46:44.280><c> and</c><01:46:44.960><c> date</c><01:46:45.960><c> I</c><01:46:46.080><c> can</c><01:46:46.320><c> do</c> 01:46:46.510 --> 01:46:46.520 align:start position:0% format of year month and date I can do 01:46:46.520 --> 01:46:50.629 align:start position:0% format of year month and date I can do so<01:46:47.440><c> by</c><01:46:48.440><c> let's</c><01:46:48.639><c> go</c><01:46:48.800><c> to</c><01:46:49.040><c> the</c><01:46:49.480><c> dog</c><01:46:49.800><c> SE</c><01:46:50.119><c> to</c><01:46:50.440><c> see</c><01:46:50.560><c> how</c> 01:46:50.629 --> 01:46:50.639 align:start position:0% so by let's go to the dog SE to see how 01:46:50.639 --> 01:46:52.149 align:start position:0% so by let's go to the dog SE to see how we<01:46:50.719><c> can</c><01:46:50.840><c> search</c><01:46:51.040><c> for</c><01:46:51.159><c> this</c><01:46:51.320><c> so</c><01:46:51.560><c> here</c><01:46:51.920><c> this</c><01:46:52.040><c> is</c> 01:46:52.149 --> 01:46:52.159 align:start position:0% we can search for this so here this is 01:46:52.159 --> 01:46:55.589 align:start position:0% we can search for this so here this is month<01:46:53.040><c> I</c><01:46:53.159><c> can</c><01:46:53.440><c> pad</c><01:46:53.719><c> it</c><01:46:54.599><c> the</c><01:46:54.760><c> way</c><01:46:54.880><c> I</c><01:46:55.000><c> want</c><01:46:55.159><c> to</c><01:46:55.480><c> I</c> 01:46:55.589 --> 01:46:55.599 align:start position:0% month I can pad it the way I want to I 01:46:55.599 --> 01:46:58.229 align:start position:0% month I can pad it the way I want to I can<01:46:55.960><c> either</c><01:46:56.320><c> blank</c><01:46:56.679><c> pad</c><01:46:56.920><c> it</c><01:46:57.119><c> so</c><01:46:57.599><c> the</c><01:46:57.760><c> one</c><01:46:58.000><c> here</c> 01:46:58.229 --> 01:46:58.239 align:start position:0% can either blank pad it so the one here 01:46:58.239 --> 01:47:02.709 align:start position:0% can either blank pad it so the one here has<01:46:58.400><c> a</c><01:46:58.599><c> wide</c><01:46:59.040><c> space</c><01:47:00.040><c> um</c><01:47:00.599><c> before</c><01:47:00.920><c> it</c><01:47:01.360><c> so</c><01:47:02.360><c> it</c><01:47:02.480><c> is</c> 01:47:02.709 --> 01:47:02.719 align:start position:0% has a wide space um before it so it is 01:47:02.719 --> 01:47:05.589 align:start position:0% has a wide space um before it so it is always<01:47:03.080><c> two</c><01:47:03.360><c> characters</c><01:47:04.040><c> wide</c><01:47:05.040><c> when</c><01:47:05.400><c> there</c><01:47:05.520><c> is</c> 01:47:05.589 --> 01:47:05.599 align:start position:0% always two characters wide when there is 01:47:05.599 --> 01:47:06.910 align:start position:0% always two characters wide when there is a<01:47:05.719><c> single</c><01:47:05.960><c> digit</c><01:47:06.199><c> or</c><01:47:06.400><c> when</c><01:47:06.520><c> there</c><01:47:06.599><c> are</c><01:47:06.760><c> two</c> 01:47:06.910 --> 01:47:06.920 align:start position:0% a single digit or when there are two 01:47:06.920 --> 01:47:09.750 align:start position:0% a single digit or when there are two digits<01:47:07.800><c> we</c><01:47:07.920><c> can</c><01:47:08.080><c> use</c><01:47:08.239><c> no</c><01:47:08.480><c> padding</c><01:47:08.960><c> or</c><01:47:09.440><c> have</c><01:47:09.599><c> a</c> 01:47:09.750 --> 01:47:09.760 align:start position:0% digits we can use no padding or have a 01:47:09.760 --> 01:47:12.030 align:start position:0% digits we can use no padding or have a zero<01:47:10.119><c> as</c><01:47:10.280><c> padding</c><01:47:10.880><c> let's</c><01:47:11.040><c> just</c><01:47:11.199><c> use</c><01:47:11.360><c> the</c><01:47:11.520><c> zero</c> 01:47:12.030 --> 01:47:12.040 align:start position:0% zero as padding let's just use the zero 01:47:12.040 --> 01:47:15.589 align:start position:0% zero as padding let's just use the zero the<01:47:12.159><c> zero</c><01:47:12.719><c> as</c><01:47:13.080><c> padding</c><01:47:14.080><c> and</c><01:47:14.400><c> for</c> 01:47:15.589 --> 01:47:15.599 align:start position:0% the zero as padding and for 01:47:15.599 --> 01:47:22.550 align:start position:0% the zero as padding and for day<01:47:16.599><c> here</c><01:47:16.880><c> we</c><01:47:17.040><c> can</c><01:47:17.679><c> get</c><01:47:17.880><c> the</c><01:47:18.119><c> day</c><01:47:18.920><c> let's</c><01:47:19.320><c> see</c> 01:47:22.550 --> 01:47:22.560 align:start position:0% 01:47:22.560 --> 01:47:25.910 align:start position:0% over<01:47:22.880><c> here</c><01:47:23.639><c> we</c><01:47:23.960><c> can</c><01:47:24.960><c> very</c><01:47:25.159><c> similar</c><01:47:25.520><c> to</c><01:47:25.679><c> what</c><01:47:25.800><c> we</c> 01:47:25.910 --> 01:47:25.920 align:start position:0% over here we can very similar to what we 01:47:25.920 --> 01:47:27.990 align:start position:0% over here we can very similar to what we just<01:47:26.080><c> saw</c><01:47:26.320><c> we</c><01:47:26.440><c> can</c><01:47:26.840><c> have</c><01:47:27.040><c> it</c><01:47:27.280><c> with</c><01:47:27.480><c> zeros</c> 01:47:27.990 --> 01:47:28.000 align:start position:0% just saw we can have it with zeros 01:47:28.000 --> 01:47:30.229 align:start position:0% just saw we can have it with zeros pading<01:47:28.400><c> no</c><01:47:28.560><c> pading</c><01:47:28.880><c> at</c><01:47:29.000><c> all</c><01:47:29.480><c> or</c><01:47:29.679><c> without</c><01:47:29.960><c> blank</c> 01:47:30.229 --> 01:47:30.239 align:start position:0% pading no pading at all or without blank 01:47:30.239 --> 01:47:32.990 align:start position:0% pading no pading at all or without blank space<01:47:30.599><c> as</c><01:47:31.119><c> pading</c><01:47:32.119><c> I'm</c><01:47:32.239><c> just</c><01:47:32.400><c> going</c><01:47:32.599><c> to</c><01:47:32.800><c> keep</c> 01:47:32.990 --> 01:47:33.000 align:start position:0% space as pading I'm just going to keep 01:47:33.000 --> 01:47:36.070 align:start position:0% space as pading I'm just going to keep it<01:47:33.119><c> with</c><01:47:33.280><c> zero</c><01:47:33.719><c> pading</c><01:47:34.199><c> here</c><01:47:34.960><c> and</c><01:47:35.119><c> if</c><01:47:35.239><c> I</c><01:47:35.360><c> go</c><01:47:35.560><c> to</c> 01:47:36.070 --> 01:47:36.080 align:start position:0% it with zero pading here and if I go to 01:47:36.080 --> 01:47:38.950 align:start position:0% it with zero pading here and if I go to the<01:47:36.360><c> page</c><01:47:36.639><c> here</c><01:47:37.400><c> I</c><01:47:37.560><c> get</c><01:47:37.760><c> the</c><01:47:37.880><c> date</c><01:47:38.239><c> printed</c><01:47:38.800><c> in</c> 01:47:38.950 --> 01:47:38.960 align:start position:0% the page here I get the date printed in 01:47:38.960 --> 01:47:40.350 align:start position:0% the page here I get the date printed in this 01:47:40.350 --> 01:47:40.360 align:start position:0% this 01:47:40.360 --> 01:47:43.109 align:start position:0% this format<01:47:41.360><c> now</c><01:47:41.599><c> let's</c><01:47:41.760><c> see</c><01:47:42.000><c> color</c><01:47:42.280><c> filters</c><01:47:42.920><c> these</c> 01:47:43.109 --> 01:47:43.119 align:start position:0% format now let's see color filters these 01:47:43.119 --> 01:47:45.270 align:start position:0% format now let's see color filters these filters<01:47:43.480><c> will</c><01:47:43.679><c> let</c><01:47:43.880><c> us</c><01:47:44.080><c> manipulate</c><01:47:44.800><c> it</c><01:47:45.000><c> a</c> 01:47:45.270 --> 01:47:45.280 align:start position:0% filters will let us manipulate it a 01:47:45.280 --> 01:47:48.430 align:start position:0% filters will let us manipulate it a color<01:47:46.280><c> in</c><01:47:46.480><c> ways</c><01:47:46.840><c> like</c><01:47:47.159><c> making</c><01:47:47.440><c> a</c><01:47:47.560><c> color</c><01:47:47.880><c> darker</c> 01:47:48.430 --> 01:47:48.440 align:start position:0% color in ways like making a color darker 01:47:48.440 --> 01:47:51.830 align:start position:0% color in ways like making a color darker or<01:47:48.719><c> lighter</c><01:47:49.719><c> mixing</c><01:47:50.119><c> color</c><01:47:50.320><c> colors</c><01:47:50.840><c> together</c> 01:47:51.830 --> 01:47:51.840 align:start position:0% or lighter mixing color colors together 01:47:51.840 --> 01:47:54.109 align:start position:0% or lighter mixing color colors together checking<01:47:52.239><c> the</c><01:47:52.440><c> contrast</c><01:47:52.920><c> ratio</c><01:47:53.520><c> of</c><01:47:53.639><c> a</c><01:47:53.800><c> color</c> 01:47:54.109 --> 01:47:54.119 align:start position:0% checking the contrast ratio of a color 01:47:54.119 --> 01:47:56.589 align:start position:0% checking the contrast ratio of a color against<01:47:54.560><c> another</c><01:47:55.560><c> changing</c><01:47:55.920><c> the</c><01:47:56.040><c> format</c><01:47:56.360><c> of</c><01:47:56.480><c> a</c> 01:47:56.589 --> 01:47:56.599 align:start position:0% against another changing the format of a 01:47:56.599 --> 01:47:58.709 align:start position:0% against another changing the format of a color<01:47:56.880><c> from</c><01:47:57.080><c> like</c><01:47:57.280><c> hexadecimal</c><01:47:57.960><c> to</c><01:47:58.080><c> RGB</c><01:47:58.560><c> or</c> 01:47:58.709 --> 01:47:58.719 align:start position:0% color from like hexadecimal to RGB or 01:47:58.719 --> 01:48:01.709 align:start position:0% color from like hexadecimal to RGB or vice<01:47:58.960><c> versa</c><01:47:59.920><c> and</c><01:48:00.280><c> other</c><01:48:00.520><c> useful</c><01:48:00.920><c> operations</c> 01:48:01.709 --> 01:48:01.719 align:start position:0% vice versa and other useful operations 01:48:01.719 --> 01:48:04.350 align:start position:0% vice versa and other useful operations so<01:48:02.080><c> first</c><01:48:02.599><c> let's</c><01:48:03.000><c> start</c><01:48:03.360><c> here</c><01:48:03.599><c> by</c><01:48:03.800><c> adding</c><01:48:04.199><c> this</c> 01:48:04.350 --> 01:48:04.360 align:start position:0% so first let's start here by adding this 01:48:04.360 --> 01:48:07.149 align:start position:0% so first let's start here by adding this Swatch<01:48:04.840><c> class</c><01:48:05.360><c> over</c><01:48:05.639><c> here</c><01:48:06.440><c> which</c><01:48:06.560><c> will</c><01:48:06.760><c> let</c><01:48:06.920><c> us</c> 01:48:07.149 --> 01:48:07.159 align:start position:0% Swatch class over here which will let us 01:48:07.159 --> 01:48:08.990 align:start position:0% Swatch class over here which will let us better<01:48:07.400><c> visualize</c><01:48:07.880><c> the</c><01:48:08.040><c> colors</c><01:48:08.560><c> that</c><01:48:08.760><c> we</c><01:48:08.880><c> are</c> 01:48:08.990 --> 01:48:09.000 align:start position:0% better visualize the colors that we are 01:48:09.000 --> 01:48:10.950 align:start position:0% better visualize the colors that we are adding<01:48:09.719><c> I</c><01:48:09.840><c> added</c><01:48:10.119><c> this</c><01:48:10.280><c> display</c><01:48:10.639><c> block</c> 01:48:10.950 --> 01:48:10.960 align:start position:0% adding I added this display block 01:48:10.960 --> 01:48:12.629 align:start position:0% adding I added this display block important<01:48:11.480><c> because</c><01:48:11.800><c> the</c><01:48:12.080><c> theme</c><01:48:12.400><c> that</c><01:48:12.520><c> I'm</c> 01:48:12.629 --> 01:48:12.639 align:start position:0% important because the theme that I'm 01:48:12.639 --> 01:48:15.550 align:start position:0% important because the theme that I'm using<01:48:12.960><c> here</c><01:48:13.360><c> done</c><01:48:14.360><c> adds</c><01:48:14.560><c> a</c><01:48:14.719><c> display</c><01:48:15.080><c> known</c><01:48:15.360><c> to</c> 01:48:15.550 --> 01:48:15.560 align:start position:0% using here done adds a display known to 01:48:15.560 --> 01:48:17.709 align:start position:0% using here done adds a display known to elements<01:48:16.320><c> that</c><01:48:16.520><c> don't</c><01:48:16.840><c> have</c><01:48:17.159><c> anything</c><01:48:17.440><c> inside</c> 01:48:17.709 --> 01:48:17.719 align:start position:0% elements that don't have anything inside 01:48:17.719 --> 01:48:20.669 align:start position:0% elements that don't have anything inside of<01:48:17.880><c> them</c><01:48:18.599><c> and</c><01:48:18.760><c> as</c><01:48:18.880><c> you'll</c><01:48:19.080><c> see</c><01:48:19.320><c> here</c><01:48:20.000><c> this</c><01:48:20.320><c> div</c> 01:48:20.669 --> 01:48:20.679 align:start position:0% of them and as you'll see here this div 01:48:20.679 --> 01:48:22.589 align:start position:0% of them and as you'll see here this div will<01:48:20.840><c> not</c><01:48:21.040><c> have</c><01:48:21.199><c> anything</c><01:48:21.440><c> inside</c><01:48:21.719><c> of</c><01:48:21.840><c> it</c><01:48:22.480><c> we</c> 01:48:22.589 --> 01:48:22.599 align:start position:0% will not have anything inside of it we 01:48:22.599 --> 01:48:24.669 align:start position:0% will not have anything inside of it we will<01:48:22.800><c> just</c><01:48:23.000><c> use</c><01:48:23.199><c> it</c><01:48:23.760><c> to</c><01:48:23.920><c> set</c><01:48:24.119><c> a</c><01:48:24.280><c> background</c> 01:48:24.669 --> 01:48:24.679 align:start position:0% will just use it to set a background 01:48:24.679 --> 01:48:27.350 align:start position:0% will just use it to set a background color<01:48:25.199><c> and</c><01:48:25.360><c> visualize</c><01:48:26.320><c> the</c><01:48:26.480><c> color</c><01:48:26.760><c> itself</c><01:48:27.159><c> and</c> 01:48:27.350 --> 01:48:27.360 align:start position:0% color and visualize the color itself and 01:48:27.360 --> 01:48:29.870 align:start position:0% color and visualize the color itself and we<01:48:27.440><c> are</c><01:48:27.639><c> working</c><01:48:27.960><c> with</c><01:48:28.119><c> it</c><01:48:28.719><c> so</c><01:48:29.040><c> here</c><01:48:29.280><c> let's</c><01:48:29.480><c> say</c> 01:48:29.870 --> 01:48:29.880 align:start position:0% we are working with it so here let's say 01:48:29.880 --> 01:48:32.229 align:start position:0% we are working with it so here let's say that<01:48:30.040><c> the</c><01:48:30.159><c> background</c><01:48:30.520><c> color</c><01:48:31.000><c> initially</c><01:48:32.000><c> will</c> 01:48:32.229 --> 01:48:32.239 align:start position:0% that the background color initially will 01:48:32.239 --> 01:48:34.430 align:start position:0% that the background color initially will be<01:48:32.760><c> white</c> 01:48:34.430 --> 01:48:34.440 align:start position:0% be white 01:48:34.440 --> 01:48:39.310 align:start position:0% be white so<01:48:35.440><c> let's</c><01:48:35.840><c> see</c> 01:48:39.310 --> 01:48:39.320 align:start position:0% 01:48:39.320 --> 01:48:42.070 align:start position:0% here<01:48:40.320><c> and</c><01:48:40.880><c> as</c><01:48:41.000><c> a</c><01:48:41.119><c> matter</c><01:48:41.280><c> of</c><01:48:41.440><c> fact</c><01:48:41.639><c> let's</c><01:48:41.800><c> set</c> 01:48:42.070 --> 01:48:42.080 align:start position:0% here and as a matter of fact let's set 01:48:42.080 --> 01:48:49.189 align:start position:0% here and as a matter of fact let's set this<01:48:42.199><c> in</c><01:48:42.320><c> a</c><01:48:42.480><c> variable</c><01:48:43.080><c> instead</c><01:48:44.199><c> so</c><01:48:45.199><c> background</c> 01:48:49.189 --> 01:48:49.199 align:start position:0% 01:48:49.199 --> 01:48:52.589 align:start position:0% color<01:48:50.239><c> and</c><01:48:50.400><c> I'll</c><01:48:50.840><c> put</c><01:48:51.119><c> here</c><01:48:51.360><c> background</c> 01:48:52.589 --> 01:48:52.599 align:start position:0% color and I'll put here background 01:48:52.599 --> 01:48:56.310 align:start position:0% color and I'll put here background color<01:48:53.599><c> if</c><01:48:53.760><c> I</c><01:48:53.880><c> save</c><01:48:54.239><c> this</c><01:48:54.960><c> I</c><01:48:55.080><c> shall</c><01:48:55.320><c> see</c><01:48:55.480><c> a</c><01:48:55.760><c> white</c> 01:48:56.310 --> 01:48:56.320 align:start position:0% color if I save this I shall see a white 01:48:56.320 --> 01:48:59.189 align:start position:0% color if I save this I shall see a white circle<01:48:57.320><c> here</c><01:48:58.280><c> and</c><01:48:58.440><c> now</c><01:48:58.599><c> let's</c><01:48:58.760><c> say</c><01:48:58.960><c> that</c><01:48:59.080><c> I</c> 01:48:59.189 --> 01:48:59.199 align:start position:0% circle here and now let's say that I 01:48:59.199 --> 01:49:02.310 align:start position:0% circle here and now let's say that I want<01:48:59.400><c> to</c><01:48:59.639><c> make</c><01:49:00.280><c> this</c><01:49:00.520><c> color</c><01:49:00.960><c> a</c><01:49:01.080><c> bit</c><01:49:01.320><c> darker</c><01:49:02.199><c> I</c> 01:49:02.310 --> 01:49:02.320 align:start position:0% want to make this color a bit darker I 01:49:02.320 --> 01:49:04.270 align:start position:0% want to make this color a bit darker I can<01:49:02.520><c> say</c><01:49:03.080><c> color</c> 01:49:04.270 --> 01:49:04.280 align:start position:0% can say color 01:49:04.280 --> 01:49:07.430 align:start position:0% can say color darken<01:49:05.280><c> and</c><01:49:05.400><c> I</c><01:49:05.480><c> can</c><01:49:05.639><c> he</c><01:49:06.040><c> specify</c><01:49:07.040><c> by</c><01:49:07.280><c> what</c> 01:49:07.430 --> 01:49:07.440 align:start position:0% darken and I can he specify by what 01:49:07.440 --> 01:49:09.109 align:start position:0% darken and I can he specify by what amount<01:49:07.800><c> by</c><01:49:07.960><c> what</c><01:49:08.119><c> percentage</c><01:49:08.560><c> I</c><01:49:08.639><c> want</c><01:49:08.800><c> to</c> 01:49:09.109 --> 01:49:09.119 align:start position:0% amount by what percentage I want to 01:49:09.119 --> 01:49:11.510 align:start position:0% amount by what percentage I want to darken<01:49:09.480><c> this</c><01:49:09.639><c> color</c><01:49:09.920><c> so</c><01:49:10.080><c> let's</c><01:49:10.320><c> start</c><01:49:10.639><c> at</c> 01:49:11.510 --> 01:49:11.520 align:start position:0% darken this color so let's start at 01:49:11.520 --> 01:49:14.430 align:start position:0% darken this color so let's start at 20%<01:49:12.520><c> and</c><01:49:12.719><c> here</c><01:49:13.000><c> I</c><01:49:13.159><c> get</c><01:49:13.400><c> this</c><01:49:13.639><c> light</c> 01:49:14.430 --> 01:49:14.440 align:start position:0% 20% and here I get this light 01:49:14.440 --> 01:49:16.750 align:start position:0% 20% and here I get this light gray<01:49:15.440><c> which</c><01:49:15.599><c> I</c><01:49:15.719><c> can</c><01:49:15.880><c> keep</c><01:49:16.040><c> increasing</c><01:49:16.560><c> for</c> 01:49:16.750 --> 01:49:16.760 align:start position:0% gray which I can keep increasing for 01:49:16.760 --> 01:49:19.589 align:start position:0% gray which I can keep increasing for example<01:49:17.040><c> to</c><01:49:17.199><c> 50%</c><01:49:18.159><c> I</c><01:49:18.239><c> should</c><01:49:18.480><c> get</c><01:49:18.719><c> a</c><01:49:19.080><c> a</c><01:49:19.239><c> normal</c> 01:49:19.589 --> 01:49:19.599 align:start position:0% example to 50% I should get a a normal 01:49:19.599 --> 01:49:21.950 align:start position:0% example to 50% I should get a a normal gray<01:49:19.840><c> here</c><01:49:20.159><c> middle</c><01:49:20.440><c> grade</c><01:49:21.239><c> and</c><01:49:21.360><c> if</c><01:49:21.480><c> I</c><01:49:21.639><c> increase</c> 01:49:21.950 --> 01:49:21.960 align:start position:0% gray here middle grade and if I increase 01:49:21.960 --> 01:49:25.629 align:start position:0% gray here middle grade and if I increase it<01:49:22.320><c> all</c><01:49:22.520><c> the</c><01:49:22.639><c> way</c><01:49:22.920><c> to</c><01:49:23.320><c> 100%</c><01:49:24.080><c> I</c><01:49:24.159><c> should</c><01:49:24.400><c> get</c> 01:49:25.629 --> 01:49:25.639 align:start position:0% it all the way to 100% I should get 01:49:25.639 --> 01:49:29.229 align:start position:0% it all the way to 100% I should get black<01:49:26.639><c> and</c><01:49:27.000><c> likewise</c><01:49:27.639><c> let's</c><01:49:27.840><c> say</c><01:49:28.159><c> that</c><01:49:28.360><c> now</c><01:49:29.080><c> I</c> 01:49:29.229 --> 01:49:29.239 align:start position:0% black and likewise let's say that now I 01:49:29.239 --> 01:49:33.430 align:start position:0% black and likewise let's say that now I make<01:49:29.480><c> this</c><01:49:29.639><c> color</c><01:49:29.920><c> be</c><01:49:30.199><c> black</c><01:49:31.159><c> so</c><01:49:32.239><c> this</c><01:49:33.239><c> and</c> 01:49:33.430 --> 01:49:33.440 align:start position:0% make this color be black so this and 01:49:33.440 --> 01:49:36.350 align:start position:0% make this color be black so this and that<01:49:33.599><c> I</c><01:49:33.719><c> want</c><01:49:34.080><c> to</c><01:49:34.840><c> lighten</c><01:49:35.280><c> the</c><01:49:35.440><c> color</c><01:49:35.800><c> so</c> 01:49:36.350 --> 01:49:36.360 align:start position:0% that I want to lighten the color so 01:49:36.360 --> 01:49:37.750 align:start position:0% that I want to lighten the color so color 01:49:37.750 --> 01:49:37.760 align:start position:0% color 01:49:37.760 --> 01:49:41.350 align:start position:0% color lightened<01:49:38.760><c> and</c><01:49:38.920><c> let's</c><01:49:39.119><c> start</c><01:49:39.320><c> at</c> 01:49:41.350 --> 01:49:41.360 align:start position:0% lightened and let's start at 01:49:41.360 --> 01:49:46.149 align:start position:0% lightened and let's start at 20%<01:49:42.360><c> I</c><01:49:42.520><c> get</c><01:49:42.800><c> this</c><01:49:43.520><c> a</c><01:49:43.719><c> slightly</c><01:49:44.599><c> lighter</c> 01:49:46.149 --> 01:49:46.159 align:start position:0% 20% I get this a slightly lighter 01:49:46.159 --> 01:49:51.990 align:start position:0% 20% I get this a slightly lighter gray<01:49:47.159><c> and</c><01:49:47.840><c> then</c><01:49:48.840><c> at</c><01:49:49.119><c> 50%</c> 01:49:51.990 --> 01:49:52.000 align:start position:0% gray and then at 50% 01:49:52.000 --> 01:49:54.750 align:start position:0% gray and then at 50% we<01:49:52.239><c> get</c><01:49:52.679><c> the</c><01:49:52.840><c> grade</c><01:49:53.119><c> that</c><01:49:53.280><c> we</c><01:49:53.440><c> had</c> 01:49:54.750 --> 01:49:54.760 align:start position:0% we get the grade that we had 01:49:54.760 --> 01:49:57.790 align:start position:0% we get the grade that we had previously<01:49:55.760><c> and</c><01:49:55.920><c> then</c><01:49:56.080><c> at</c><01:49:56.400><c> 100%</c><01:49:57.239><c> we</c><01:49:57.400><c> end</c><01:49:57.599><c> up</c> 01:49:57.790 --> 01:49:57.800 align:start position:0% previously and then at 100% we end up 01:49:57.800 --> 01:50:00.870 align:start position:0% previously and then at 100% we end up getting<01:49:58.679><c> white</c><01:49:59.080><c> again</c><01:50:00.080><c> and</c><01:50:00.239><c> of</c><01:50:00.400><c> course</c><01:50:00.719><c> this</c> 01:50:00.870 --> 01:50:00.880 align:start position:0% getting white again and of course this 01:50:00.880 --> 01:50:02.750 align:start position:0% getting white again and of course this can<01:50:01.080><c> work</c><01:50:01.320><c> for</c><01:50:01.560><c> any</c><01:50:01.760><c> other</c><01:50:02.000><c> color</c><01:50:02.320><c> not</c><01:50:02.560><c> just</c> 01:50:02.750 --> 01:50:02.760 align:start position:0% can work for any other color not just 01:50:02.760 --> 01:50:04.229 align:start position:0% can work for any other color not just necessarily<01:50:03.239><c> black</c><01:50:03.440><c> and</c><01:50:03.639><c> white</c><01:50:03.920><c> like</c><01:50:04.080><c> for</c> 01:50:04.229 --> 01:50:04.239 align:start position:0% necessarily black and white like for 01:50:04.239 --> 01:50:06.149 align:start position:0% necessarily black and white like for example<01:50:04.560><c> if</c><01:50:04.679><c> I</c><01:50:04.840><c> use</c><01:50:05.159><c> here</c> 01:50:06.149 --> 01:50:06.159 align:start position:0% example if I use here 01:50:06.159 --> 01:50:10.589 align:start position:0% example if I use here red<01:50:07.159><c> I</c><01:50:07.280><c> can</c><01:50:07.480><c> lighten</c><01:50:07.880><c> this</c><01:50:08.040><c> color</c><01:50:08.320><c> by</c> 01:50:10.589 --> 01:50:10.599 align:start position:0% 01:50:10.599 --> 01:50:14.510 align:start position:0% 20%<01:50:11.599><c> and</c><01:50:11.760><c> I</c><01:50:11.920><c> get</c><01:50:12.199><c> this</c><01:50:12.639><c> lighter</c><01:50:13.239><c> red</c><01:50:14.239><c> I</c><01:50:14.360><c> can</c> 01:50:14.510 --> 01:50:14.520 align:start position:0% 20% and I get this lighter red I can 01:50:14.520 --> 01:50:17.910 align:start position:0% 20% and I get this lighter red I can then<01:50:14.679><c> increase</c><01:50:15.040><c> this</c><01:50:15.199><c> to</c> 01:50:17.910 --> 01:50:17.920 align:start position:0% 01:50:17.920 --> 01:50:20.550 align:start position:0% 30%<01:50:18.920><c> and</c><01:50:19.080><c> the</c><01:50:19.239><c> color</c><01:50:19.480><c> will</c><01:50:19.760><c> keep</c><01:50:20.239><c> getting</c> 01:50:20.550 --> 01:50:20.560 align:start position:0% 30% and the color will keep getting 01:50:20.560 --> 01:50:22.750 align:start position:0% 30% and the color will keep getting lighter<01:50:20.840><c> and</c><01:50:21.000><c> lighter</c><01:50:21.440><c> until</c><01:50:21.719><c> we</c><01:50:21.920><c> eventually</c> 01:50:22.750 --> 01:50:22.760 align:start position:0% lighter and lighter until we eventually 01:50:22.760 --> 01:50:25.470 align:start position:0% lighter and lighter until we eventually reach<01:50:23.239><c> white</c><01:50:23.639><c> which</c><01:50:23.760><c> is</c><01:50:23.880><c> at</c><01:50:24.080><c> about</c><01:50:24.400><c> 50%</c><01:50:25.320><c> for</c> 01:50:25.470 --> 01:50:25.480 align:start position:0% reach white which is at about 50% for 01:50:25.480 --> 01:50:26.870 align:start position:0% reach white which is at about 50% for the<01:50:25.639><c> case</c><01:50:25.800><c> of</c> 01:50:26.870 --> 01:50:26.880 align:start position:0% the case of 01:50:26.880 --> 01:50:29.430 align:start position:0% the case of red<01:50:27.880><c> now</c><01:50:28.119><c> let's</c><01:50:28.320><c> say</c><01:50:28.520><c> that</c><01:50:28.639><c> we</c><01:50:28.760><c> wanted</c><01:50:29.000><c> to</c><01:50:29.159><c> mix</c> 01:50:29.430 --> 01:50:29.440 align:start position:0% red now let's say that we wanted to mix 01:50:29.440 --> 01:50:31.910 align:start position:0% red now let's say that we wanted to mix some<01:50:29.679><c> colors</c><01:50:30.159><c> together</c><01:50:31.000><c> we</c><01:50:31.119><c> can</c><01:50:31.280><c> also</c><01:50:31.520><c> do</c><01:50:31.719><c> that</c> 01:50:31.910 --> 01:50:31.920 align:start position:0% some colors together we can also do that 01:50:31.920 --> 01:50:35.550 align:start position:0% some colors together we can also do that so<01:50:32.199><c> here</c><01:50:32.760><c> I'm</c><01:50:32.920><c> going</c><01:50:33.080><c> to</c><01:50:33.239><c> copy</c><01:50:33.880><c> this</c><01:50:34.400><c> low</c><01:50:35.400><c> and</c> 01:50:35.550 --> 01:50:35.560 align:start position:0% so here I'm going to copy this low and 01:50:35.560 --> 01:50:37.390 align:start position:0% so here I'm going to copy this low and now<01:50:35.719><c> I'm</c><01:50:35.840><c> going</c><01:50:36.080><c> to</c><01:50:36.360><c> rename</c><01:50:36.760><c> this</c><01:50:36.920><c> to</c><01:50:37.119><c> color</c> 01:50:37.390 --> 01:50:37.400 align:start position:0% now I'm going to rename this to color 01:50:37.400 --> 01:50:40.830 align:start position:0% now I'm going to rename this to color one<01:50:38.000><c> then</c><01:50:38.159><c> I'm</c><01:50:38.280><c> going</c><01:50:38.480><c> to</c><01:50:38.679><c> copy</c><01:50:39.360><c> this</c><01:50:40.360><c> and</c><01:50:40.560><c> name</c> 01:50:40.830 --> 01:50:40.840 align:start position:0% one then I'm going to copy this and name 01:50:40.840 --> 01:50:43.830 align:start position:0% one then I'm going to copy this and name this<01:50:40.960><c> to</c><01:50:41.159><c> color</c><01:50:41.440><c> two</c><01:50:42.159><c> and</c><01:50:42.440><c> this</c><01:50:42.639><c> one</c><01:50:43.360><c> will</c><01:50:43.599><c> be</c> 01:50:43.830 --> 01:50:43.840 align:start position:0% this to color two and this one will be 01:50:43.840 --> 01:50:46.870 align:start position:0% this to color two and this one will be blue<01:50:44.719><c> and</c><01:50:44.840><c> the</c><01:50:44.960><c> one</c><01:50:45.119><c> above</c><01:50:45.400><c> here</c><01:50:45.560><c> is</c><01:50:45.800><c> red</c><01:50:46.639><c> so</c> 01:50:46.870 --> 01:50:46.880 align:start position:0% blue and the one above here is red so 01:50:46.880 --> 01:50:49.629 align:start position:0% blue and the one above here is red so let's<01:50:47.119><c> say</c><01:50:47.320><c> that</c><01:50:47.440><c> I</c><01:50:47.560><c> want</c><01:50:47.800><c> to</c><01:50:48.119><c> mix</c><01:50:48.679><c> color</c><01:50:49.000><c> one</c> 01:50:49.629 --> 01:50:49.639 align:start position:0% let's say that I want to mix color one 01:50:49.639 --> 01:50:51.350 align:start position:0% let's say that I want to mix color one now<01:50:49.800><c> I'm</c><01:50:49.880><c> going</c><01:50:50.079><c> going</c><01:50:50.199><c> to</c><01:50:50.360><c> use</c><01:50:50.599><c> the</c><01:50:50.800><c> color</c><01:50:51.040><c> mix</c> 01:50:51.350 --> 01:50:51.360 align:start position:0% now I'm going going to use the color mix 01:50:51.360 --> 01:50:54.149 align:start position:0% now I'm going going to use the color mix filter<01:50:52.360><c> and</c><01:50:52.480><c> I'm</c><01:50:52.639><c> going</c><01:50:52.800><c> to</c><01:50:53.040><c> pass</c><01:50:53.760><c> the</c><01:50:53.920><c> other</c> 01:50:54.149 --> 01:50:54.159 align:start position:0% filter and I'm going to pass the other 01:50:54.159 --> 01:50:55.990 align:start position:0% filter and I'm going to pass the other color<01:50:54.440><c> that</c><01:50:54.560><c> I</c><01:50:54.639><c> want</c><01:50:54.760><c> to</c><01:50:54.880><c> mix</c><01:50:55.199><c> color</c><01:50:55.440><c> one</c><01:50:55.679><c> with</c> 01:50:55.990 --> 01:50:56.000 align:start position:0% color that I want to mix color one with 01:50:56.000 --> 01:50:58.750 align:start position:0% color that I want to mix color one with which<01:50:56.119><c> in</c><01:50:56.280><c> this</c><01:50:56.440><c> case</c><01:50:56.599><c> is</c><01:50:56.800><c> color</c><01:50:57.040><c> two</c><01:50:57.920><c> and</c><01:50:58.159><c> now</c> 01:50:58.750 --> 01:50:58.760 align:start position:0% which in this case is color two and now 01:50:58.760 --> 01:51:01.069 align:start position:0% which in this case is color two and now this<01:50:59.159><c> receives</c><01:50:59.280><c> a</c><01:50:59.440><c> second</c><01:50:59.719><c> parameter</c><01:51:00.199><c> here</c> 01:51:01.069 --> 01:51:01.079 align:start position:0% this receives a second parameter here 01:51:01.079 --> 01:51:04.870 align:start position:0% this receives a second parameter here which<01:51:01.280><c> is</c><01:51:02.280><c> by</c><01:51:02.520><c> what</c><01:51:02.760><c> amount</c><01:51:03.480><c> I</c><01:51:03.639><c> want</c><01:51:03.880><c> to</c><01:51:04.639><c> mix</c> 01:51:04.870 --> 01:51:04.880 align:start position:0% which is by what amount I want to mix 01:51:04.880 --> 01:51:07.750 align:start position:0% which is by what amount I want to mix them<01:51:05.040><c> both</c><01:51:05.360><c> together</c><01:51:05.599><c> so</c><01:51:05.760><c> if</c><01:51:05.920><c> we</c><01:51:06.119><c> start</c><01:51:06.320><c> at</c><01:51:06.760><c> 50%</c> 01:51:07.750 --> 01:51:07.760 align:start position:0% them both together so if we start at 50% 01:51:07.760 --> 01:51:09.910 align:start position:0% them both together so if we start at 50% we<01:51:07.920><c> should</c><01:51:08.159><c> get</c> 01:51:09.910 --> 01:51:09.920 align:start position:0% we should get 01:51:09.920 --> 01:51:13.109 align:start position:0% we should get purple<01:51:10.920><c> but</c><01:51:11.079><c> if</c><01:51:11.199><c> we</c><01:51:11.440><c> can</c><01:51:11.719><c> if</c><01:51:11.800><c> we</c><01:51:11.960><c> then</c><01:51:12.239><c> set</c><01:51:12.599><c> this</c> 01:51:13.109 --> 01:51:13.119 align:start position:0% purple but if we can if we then set this 01:51:13.119 --> 01:51:16.790 align:start position:0% purple but if we can if we then set this to<01:51:13.480><c> 0%</c><01:51:14.480><c> we</c><01:51:14.599><c> should</c><01:51:14.840><c> get</c><01:51:15.239><c> here</c><01:51:15.480><c> a</c><01:51:15.639><c> blue</c><01:51:16.560><c> and</c><01:51:16.679><c> the</c> 01:51:16.790 --> 01:51:16.800 align:start position:0% to 0% we should get here a blue and the 01:51:16.800 --> 01:51:19.310 align:start position:0% to 0% we should get here a blue and the reason<01:51:17.079><c> we</c><01:51:17.239><c> get</c><01:51:17.440><c> blue</c><01:51:17.800><c> here</c><01:51:18.320><c> is</c><01:51:18.560><c> that</c><01:51:19.040><c> this</c> 01:51:19.310 --> 01:51:19.320 align:start position:0% reason we get blue here is that this 01:51:19.320 --> 01:51:22.510 align:start position:0% reason we get blue here is that this percentage<01:51:20.400><c> is</c><01:51:21.000><c> the</c><01:51:21.199><c> amount</c><01:51:21.560><c> of</c><01:51:21.800><c> color</c><01:51:22.119><c> one</c> 01:51:22.510 --> 01:51:22.520 align:start position:0% percentage is the amount of color one 01:51:22.520 --> 01:51:25.510 align:start position:0% percentage is the amount of color one that<01:51:22.639><c> we</c><01:51:22.760><c> will</c><01:51:23.000><c> get</c><01:51:23.280><c> here</c><01:51:24.079><c> so</c><01:51:24.360><c> if</c><01:51:24.480><c> we</c><01:51:24.639><c> get</c><01:51:24.760><c> a</c><01:51:24.840><c> 0%</c> 01:51:25.510 --> 01:51:25.520 align:start position:0% that we will get here so if we get a 0% 01:51:25.520 --> 01:51:28.310 align:start position:0% that we will get here so if we get a 0% of<01:51:25.719><c> color</c><01:51:26.000><c> one</c><01:51:26.880><c> color</c><01:51:27.119><c> one</c><01:51:27.360><c> being</c> 01:51:28.310 --> 01:51:28.320 align:start position:0% of color one color one being 01:51:28.320 --> 01:51:32.229 align:start position:0% of color one color one being red<01:51:29.320><c> we</c><01:51:29.440><c> will</c><01:51:29.679><c> only</c><01:51:30.000><c> get</c><01:51:30.360><c> the</c><01:51:30.560><c> value</c><01:51:30.960><c> of</c><01:51:31.320><c> color</c> 01:51:32.229 --> 01:51:32.239 align:start position:0% red we will only get the value of color 01:51:32.239 --> 01:51:34.830 align:start position:0% red we will only get the value of color two<01:51:33.239><c> we</c><01:51:33.360><c> will</c><01:51:33.520><c> get</c><01:51:33.800><c> 100%</c><01:51:34.199><c> of</c><01:51:34.320><c> color</c><01:51:34.520><c> two</c><01:51:34.719><c> which</c> 01:51:34.830 --> 01:51:34.840 align:start position:0% two we will get 100% of color two which 01:51:34.840 --> 01:51:38.589 align:start position:0% two we will get 100% of color two which is<01:51:34.960><c> blue</c><01:51:35.480><c> now</c><01:51:35.719><c> if</c><01:51:35.840><c> I</c><01:51:36.679><c> make</c><01:51:36.920><c> this</c><01:51:37.320><c> 100%</c><01:51:38.320><c> we</c><01:51:38.440><c> will</c> 01:51:38.589 --> 01:51:38.599 align:start position:0% is blue now if I make this 100% we will 01:51:38.599 --> 01:51:41.149 align:start position:0% is blue now if I make this 100% we will be<01:51:38.760><c> getting</c><01:51:39.199><c> a</c><01:51:39.440><c> 100%</c><01:51:39.960><c> of</c><01:51:40.119><c> color</c><01:51:40.360><c> one</c><01:51:41.000><c> and</c> 01:51:41.149 --> 01:51:41.159 align:start position:0% be getting a 100% of color one and 01:51:41.159 --> 01:51:43.709 align:start position:0% be getting a 100% of color one and therefore<01:51:41.480><c> a</c><01:51:41.599><c> 0%</c><01:51:42.239><c> of</c><01:51:42.400><c> color</c><01:51:42.639><c> two</c><01:51:43.159><c> and</c><01:51:43.360><c> thus</c><01:51:43.599><c> we</c> 01:51:43.709 --> 01:51:43.719 align:start position:0% therefore a 0% of color two and thus we 01:51:43.719 --> 01:51:47.109 align:start position:0% therefore a 0% of color two and thus we will<01:51:43.840><c> end</c><01:51:44.239><c> with</c><01:51:44.480><c> red</c><01:51:44.920><c> over</c><01:51:45.199><c> here</c><01:51:46.159><c> so</c><01:51:46.599><c> it</c><01:51:46.719><c> is</c><01:51:46.880><c> not</c> 01:51:47.109 --> 01:51:47.119 align:start position:0% will end with red over here so it is not 01:51:47.119 --> 01:51:49.430 align:start position:0% will end with red over here so it is not as<01:51:47.239><c> intuitive</c><01:51:47.760><c> as</c><01:51:47.880><c> it</c><01:51:48.040><c> could</c><01:51:48.239><c> be</c><01:51:49.040><c> but</c><01:51:49.239><c> this</c><01:51:49.320><c> is</c> 01:51:49.430 --> 01:51:49.440 align:start position:0% as intuitive as it could be but this is 01:51:49.440 --> 01:51:51.229 align:start position:0% as intuitive as it could be but this is how<01:51:49.639><c> this</c><01:51:49.960><c> Filter</c> 01:51:51.229 --> 01:51:51.239 align:start position:0% how this Filter 01:51:51.239 --> 01:51:53.350 align:start position:0% how this Filter Works<01:51:52.239><c> now</c><01:51:52.440><c> let's</c><01:51:52.639><c> say</c><01:51:52.800><c> that</c><01:51:52.920><c> I</c><01:51:53.000><c> want</c><01:51:53.199><c> to</c> 01:51:53.350 --> 01:51:53.360 align:start position:0% Works now let's say that I want to 01:51:53.360 --> 01:51:55.270 align:start position:0% Works now let's say that I want to convert<01:51:53.920><c> colors</c><01:51:54.320><c> from</c><01:51:54.480><c> one</c><01:51:54.639><c> format</c><01:51:55.000><c> to</c><01:51:55.159><c> the</c> 01:51:55.270 --> 01:51:55.280 align:start position:0% convert colors from one format to the 01:51:55.280 --> 01:51:58.550 align:start position:0% convert colors from one format to the other<01:51:55.960><c> I'll</c><01:51:56.280><c> have</c><01:51:56.520><c> here</c><01:51:56.719><c> my</c><01:51:57.239><c> variable</c><01:51:58.239><c> color</c> 01:51:58.550 --> 01:51:58.560 align:start position:0% other I'll have here my variable color 01:51:58.560 --> 01:52:01.750 align:start position:0% other I'll have here my variable color Tre<01:51:59.320><c> and</c><01:51:59.560><c> this</c><01:51:59.679><c> one</c><01:51:59.960><c> will</c><01:52:00.159><c> be</c><01:52:00.360><c> green</c><01:52:00.920><c> so</c><01:52:01.400><c> we'll</c> 01:52:01.750 --> 01:52:01.760 align:start position:0% Tre and this one will be green so we'll 01:52:01.760 --> 01:52:04.510 align:start position:0% Tre and this one will be green so we'll start<01:52:02.159><c> at</c><01:52:02.599><c> 0</c> 01:52:04.510 --> 01:52:04.520 align:start position:0% start at 0 01:52:04.520 --> 01:52:08.510 align:start position:0% start at 0 ff00<01:52:05.520><c> and</c><01:52:05.719><c> let's</c><01:52:06.239><c> just</c><01:52:06.599><c> print</c><01:52:06.920><c> it</c><01:52:07.360><c> for</c><01:52:07.560><c> now</c><01:52:08.040><c> so</c> 01:52:08.510 --> 01:52:08.520 align:start position:0% ff00 and let's just print it for now so 01:52:08.520 --> 01:52:10.189 align:start position:0% ff00 and let's just print it for now so color 01:52:10.189 --> 01:52:10.199 align:start position:0% color 01:52:10.199 --> 01:52:13.750 align:start position:0% color three<01:52:11.199><c> if</c><01:52:11.320><c> I</c><01:52:11.440><c> save</c><01:52:11.840><c> this</c><01:52:12.520><c> should</c><01:52:12.760><c> see</c><01:52:13.480><c> this</c><01:52:13.599><c> one</c> 01:52:13.750 --> 01:52:13.760 align:start position:0% three if I save this should see this one 01:52:13.760 --> 01:52:15.790 align:start position:0% three if I save this should see this one over<01:52:14.079><c> here</c><01:52:14.599><c> but</c><01:52:14.760><c> now</c><01:52:14.960><c> let's</c><01:52:15.119><c> say</c><01:52:15.239><c> that</c><01:52:15.360><c> I</c><01:52:15.480><c> need</c> 01:52:15.790 --> 01:52:15.800 align:start position:0% over here but now let's say that I need 01:52:15.800 --> 01:52:22.510 align:start position:0% over here but now let's say that I need this<01:52:16.239><c> in</c><01:52:16.639><c> RGB</c><01:52:17.639><c> I</c><01:52:17.760><c> can</c><01:52:18.360><c> say</c><01:52:19.360><c> compare</c> 01:52:22.510 --> 01:52:22.520 align:start position:0% 01:52:22.520 --> 01:52:24.669 align:start position:0% color<01:52:22.800><c> to</c><01:52:23.000><c> RGB</c> 01:52:24.669 --> 01:52:24.679 align:start position:0% color to RGB 01:52:24.679 --> 01:52:27.950 align:start position:0% color to RGB here<01:52:25.679><c> and</c><01:52:25.800><c> I'll</c><01:52:26.000><c> get</c><01:52:26.159><c> the</c><01:52:26.320><c> color</c><01:52:26.599><c> as</c> 01:52:27.950 --> 01:52:27.960 align:start position:0% here and I'll get the color as 01:52:27.960 --> 01:52:31.229 align:start position:0% here and I'll get the color as RGB<01:52:28.960><c> and</c><01:52:29.159><c> now</c><01:52:29.719><c> I</c><01:52:29.840><c> can</c><01:52:30.040><c> also</c><01:52:30.400><c> say</c><01:52:30.760><c> that</c><01:52:30.960><c> if</c><01:52:31.079><c> I</c> 01:52:31.229 --> 01:52:31.239 align:start position:0% RGB and now I can also say that if I 01:52:31.239 --> 01:52:33.550 align:start position:0% RGB and now I can also say that if I have<01:52:31.480><c> this</c><01:52:31.760><c> as</c><01:52:31.960><c> RGV</c><01:52:32.480><c> already</c><01:52:32.960><c> so</c><01:52:33.199><c> let's</c><01:52:33.400><c> say</c> 01:52:33.550 --> 01:52:33.560 align:start position:0% have this as RGV already so let's say 01:52:33.560 --> 01:52:40.270 align:start position:0% have this as RGV already so let's say that<01:52:33.679><c> I</c><01:52:33.840><c> have</c><01:52:34.360><c> 0</c><01:52:34.719><c> 255</c><01:52:35.960><c> 0</c><01:52:36.960><c> I</c><01:52:37.040><c> can</c><01:52:37.520><c> say</c><01:52:38.520><c> color</c><01:52:38.800><c> to</c> 01:52:40.270 --> 01:52:40.280 align:start position:0% that I have 0 255 0 I can say color to 01:52:40.280 --> 01:52:44.830 align:start position:0% that I have 0 255 0 I can say color to hex<01:52:41.280><c> and</c><01:52:41.440><c> I'll</c><01:52:41.719><c> get</c><01:52:42.280><c> my</c><01:52:42.480><c> color</c><01:52:42.800><c> as</c><01:52:43.040><c> hex</c><01:52:43.760><c> now</c><01:52:44.760><c> I</c> 01:52:44.830 --> 01:52:44.840 align:start position:0% hex and I'll get my color as hex now I 01:52:44.840 --> 01:52:46.990 align:start position:0% hex and I'll get my color as hex now I can<01:52:45.000><c> also</c><01:52:45.239><c> convert</c><01:52:45.560><c> it</c><01:52:45.679><c> to</c><01:52:45.880><c> hsl</c><01:52:46.440><c> in</c><01:52:46.560><c> case</c><01:52:46.719><c> I</c><01:52:46.840><c> was</c> 01:52:46.990 --> 01:52:47.000 align:start position:0% can also convert it to hsl in case I was 01:52:47.000 --> 01:52:48.149 align:start position:0% can also convert it to hsl in case I was using 01:52:48.149 --> 01:52:48.159 align:start position:0% using 01:52:48.159 --> 01:52:50.709 align:start position:0% using that<01:52:49.159><c> and</c><01:52:49.360><c> to</c><01:52:49.560><c> prove</c> 01:52:50.709 --> 01:52:50.719 align:start position:0% that and to prove 01:52:50.719 --> 01:52:53.589 align:start position:0% that and to prove that<01:52:51.679><c> in</c><01:52:51.840><c> all</c><01:52:52.040><c> these</c><01:52:52.280><c> cases</c><01:52:53.079><c> we</c><01:52:53.199><c> are</c><01:52:53.360><c> getting</c> 01:52:53.589 --> 01:52:53.599 align:start position:0% that in all these cases we are getting 01:52:53.599 --> 01:52:57.830 align:start position:0% that in all these cases we are getting the<01:52:53.719><c> same</c><01:52:53.960><c> color</c><01:52:54.480><c> let's</c><01:52:54.719><c> copy</c><01:52:54.960><c> this</c><01:52:55.079><c> swch</c><01:52:55.400><c> over</c> 01:52:57.830 --> 01:52:57.840 align:start position:0% 01:52:57.840 --> 01:53:00.629 align:start position:0% here<01:52:58.840><c> and</c><01:52:59.000><c> let's</c><01:52:59.199><c> say</c><01:52:59.480><c> that</c><01:52:59.639><c> the</c> 01:53:00.629 --> 01:53:00.639 align:start position:0% here and let's say that the 01:53:00.639 --> 01:53:04.390 align:start position:0% here and let's say that the background<01:53:01.639><c> will</c><01:53:01.840><c> be</c><01:53:02.239><c> color</c> 01:53:04.390 --> 01:53:04.400 align:start position:0% background will be color 01:53:04.400 --> 01:53:07.430 align:start position:0% background will be color three<01:53:05.400><c> if</c><01:53:05.520><c> I</c><01:53:05.639><c> save</c> 01:53:07.430 --> 01:53:07.440 align:start position:0% three if I save 01:53:07.440 --> 01:53:10.910 align:start position:0% three if I save this<01:53:08.440><c> we</c><01:53:08.639><c> get</c><01:53:08.840><c> this</c> 01:53:10.910 --> 01:53:10.920 align:start position:0% this we get this 01:53:10.920 --> 01:53:17.390 align:start position:0% this we get this green<01:53:11.920><c> if</c><01:53:12.079><c> I</c><01:53:12.320><c> convert</c><01:53:13.199><c> this</c><01:53:14.199><c> color</c><01:53:14.920><c> to</c> 01:53:17.390 --> 01:53:17.400 align:start position:0% green if I convert this color to 01:53:17.400 --> 01:53:21.709 align:start position:0% green if I convert this color to hsl<01:53:18.400><c> this</c><01:53:18.520><c> should</c><01:53:18.760><c> beide</c><01:53:19.400><c> of</c><01:53:19.520><c> here</c><01:53:19.840><c> so</c><01:53:20.719><c> color</c> 01:53:21.709 --> 01:53:21.719 align:start position:0% hsl this should beide of here so color 01:53:21.719 --> 01:53:24.669 align:start position:0% hsl this should beide of here so color to 01:53:24.669 --> 01:53:24.679 align:start position:0% 01:53:24.679 --> 01:53:27.310 align:start position:0% hsl<01:53:25.679><c> I</c><01:53:25.840><c> still</c><01:53:26.079><c> get</c><01:53:26.280><c> this</c><01:53:26.440><c> scen</c><01:53:26.679><c> when</c><01:53:26.800><c> the</c><01:53:26.920><c> page</c> 01:53:27.310 --> 01:53:27.320 align:start position:0% hsl I still get this scen when the page 01:53:27.320 --> 01:53:31.629 align:start position:0% hsl I still get this scen when the page refreshes<01:53:28.560><c> and</c><01:53:29.560><c> with</c><01:53:29.800><c> hex</c><01:53:30.280><c> the</c> 01:53:31.629 --> 01:53:31.639 align:start position:0% refreshes and with hex the 01:53:31.639 --> 01:53:35.350 align:start position:0% refreshes and with hex the same<01:53:32.639><c> I</c><01:53:32.840><c> still</c><01:53:33.079><c> get</c><01:53:33.280><c> this</c><01:53:33.400><c> green</c><01:53:33.679><c> over</c><01:53:34.360><c> here</c> 01:53:35.350 --> 01:53:35.360 align:start position:0% same I still get this green over here 01:53:35.360 --> 01:53:37.229 align:start position:0% same I still get this green over here last<01:53:35.599><c> color</c><01:53:35.880><c> related</c><01:53:36.239><c> filter</c><01:53:36.560><c> that</c><01:53:36.679><c> we'll</c><01:53:36.880><c> see</c> 01:53:37.229 --> 01:53:37.239 align:start position:0% last color related filter that we'll see 01:53:37.239 --> 01:53:39.030 align:start position:0% last color related filter that we'll see is<01:53:37.440><c> color</c><01:53:37.760><c> contrast</c><01:53:38.320><c> this</c><01:53:38.400><c> will</c><01:53:38.560><c> let</c><01:53:38.679><c> us</c><01:53:38.800><c> know</c> 01:53:39.030 --> 01:53:39.040 align:start position:0% is color contrast this will let us know 01:53:39.040 --> 01:53:40.510 align:start position:0% is color contrast this will let us know how<01:53:39.159><c> much</c><01:53:39.360><c> contrast</c><01:53:39.719><c> there</c><01:53:39.800><c> is</c><01:53:40.000><c> between</c><01:53:40.280><c> two</c> 01:53:40.510 --> 01:53:40.520 align:start position:0% how much contrast there is between two 01:53:40.520 --> 01:53:42.149 align:start position:0% how much contrast there is between two colors<01:53:41.000><c> usually</c><01:53:41.400><c> between</c><01:53:41.639><c> the</c><01:53:41.800><c> background</c> 01:53:42.149 --> 01:53:42.159 align:start position:0% colors usually between the background 01:53:42.159 --> 01:53:44.310 align:start position:0% colors usually between the background color<01:53:42.400><c> and</c><01:53:42.480><c> the</c><01:53:42.599><c> foreground</c><01:53:43.079><c> color</c><01:53:43.960><c> and</c><01:53:44.119><c> that</c> 01:53:44.310 --> 01:53:44.320 align:start position:0% color and the foreground color and that 01:53:44.320 --> 01:53:46.750 align:start position:0% color and the foreground color and that way<01:53:44.480><c> we</c><01:53:44.599><c> will</c><01:53:44.760><c> be</c><01:53:44.960><c> able</c><01:53:45.239><c> to</c><01:53:45.639><c> adjust</c><01:53:46.320><c> either</c><01:53:46.560><c> one</c> 01:53:46.750 --> 01:53:46.760 align:start position:0% way we will be able to adjust either one 01:53:46.760 --> 01:53:48.950 align:start position:0% way we will be able to adjust either one of<01:53:46.920><c> them</c><01:53:47.320><c> accordingly</c><01:53:47.880><c> to</c><01:53:48.040><c> meet</c><01:53:48.760><c> the</c> 01:53:48.950 --> 01:53:48.960 align:start position:0% of them accordingly to meet the 01:53:48.960 --> 01:53:50.350 align:start position:0% of them accordingly to meet the accessibility<01:53:49.520><c> ter</c><01:53:49.760><c> threshold</c><01:53:50.159><c> or</c> 01:53:50.350 --> 01:53:50.360 align:start position:0% accessibility ter threshold or 01:53:50.360 --> 01:53:52.310 align:start position:0% accessibility ter threshold or accessibility<01:53:50.920><c> level</c><01:53:51.199><c> that</c><01:53:51.320><c> we</c><01:53:51.400><c> are</c><01:53:51.560><c> trying</c> 01:53:52.310 --> 01:53:52.320 align:start position:0% accessibility level that we are trying 01:53:52.320 --> 01:53:57.510 align:start position:0% accessibility level that we are trying to<01:53:52.760><c> uh</c><01:53:53.159><c> comply</c><01:53:53.599><c> with</c><01:53:54.159><c> so</c><01:53:54.800><c> let's</c><01:53:55.079><c> say</c><01:53:55.480><c> that</c><01:53:56.520><c> here</c> 01:53:57.510 --> 01:53:57.520 align:start position:0% to uh comply with so let's say that here 01:53:57.520 --> 01:54:01.510 align:start position:0% to uh comply with so let's say that here I<01:53:58.079><c> have</c><01:53:59.079><c> white</c><01:53:59.719><c> and</c><01:53:59.880><c> I</c><01:53:59.960><c> want</c><01:54:00.119><c> to</c><01:54:00.280><c> see</c><01:54:01.079><c> how</c><01:54:01.239><c> much</c> 01:54:01.510 --> 01:54:01.520 align:start position:0% I have white and I want to see how much 01:54:01.520 --> 01:54:05.189 align:start position:0% I have white and I want to see how much contrast<01:54:02.119><c> it</c><01:54:02.360><c> has</c><01:54:02.719><c> with</c> 01:54:05.189 --> 01:54:05.199 align:start position:0% 01:54:05.199 --> 01:54:07.589 align:start position:0% black<01:54:06.199><c> if</c><01:54:06.320><c> I</c><01:54:06.480><c> save</c> 01:54:07.589 --> 01:54:07.599 align:start position:0% black if I save 01:54:07.599 --> 01:54:11.069 align:start position:0% black if I save this<01:54:08.599><c> I</c><01:54:08.719><c> get</c><01:54:08.920><c> 21</c><01:54:09.560><c> here</c><01:54:10.360><c> we'll</c><01:54:10.560><c> see</c><01:54:10.760><c> what</c><01:54:10.920><c> this</c> 01:54:11.069 --> 01:54:11.079 align:start position:0% this I get 21 here we'll see what this 01:54:11.079 --> 01:54:12.709 align:start position:0% this I get 21 here we'll see what this numbers<01:54:11.679><c> what</c><01:54:11.840><c> this</c><01:54:11.960><c> number</c><01:54:12.239><c> mean</c><01:54:12.480><c> in</c><01:54:12.560><c> a</c> 01:54:12.709 --> 01:54:12.719 align:start position:0% numbers what this number mean in a 01:54:12.719 --> 01:54:15.870 align:start position:0% numbers what this number mean in a moment<01:54:13.719><c> but</c><01:54:14.000><c> now</c><01:54:14.440><c> let's</c><01:54:14.719><c> copy</c><01:54:14.960><c> all</c><01:54:15.040><c> of</c><01:54:15.239><c> this</c> 01:54:15.870 --> 01:54:15.880 align:start position:0% moment but now let's copy all of this 01:54:15.880 --> 01:54:18.310 align:start position:0% moment but now let's copy all of this here<01:54:16.880><c> and</c><01:54:17.000><c> let's</c><01:54:17.199><c> say</c><01:54:17.400><c> that</c><01:54:17.520><c> I</c><01:54:17.639><c> want</c><01:54:17.760><c> to</c><01:54:17.920><c> see</c> 01:54:18.310 --> 01:54:18.320 align:start position:0% here and let's say that I want to see 01:54:18.320 --> 01:54:21.030 align:start position:0% here and let's say that I want to see how<01:54:18.480><c> much</c><01:54:18.719><c> contrast</c><01:54:19.360><c> White</c><01:54:19.800><c> has</c><01:54:20.360><c> with</c><01:54:20.880><c> this</c> 01:54:21.030 --> 01:54:21.040 align:start position:0% how much contrast White has with this 01:54:21.040 --> 01:54:24.990 align:start position:0% how much contrast White has with this other<01:54:21.599><c> color</c><01:54:22.599><c> which</c><01:54:23.159><c> just</c><01:54:23.400><c> to</c> 01:54:24.990 --> 01:54:25.000 align:start position:0% other color which just to 01:54:25.000 --> 01:54:28.149 align:start position:0% other color which just to illustrate<01:54:26.000><c> this</c><01:54:26.239><c> color</c> 01:54:28.149 --> 01:54:28.159 align:start position:0% illustrate this color 01:54:28.159 --> 01:54:33.669 align:start position:0% illustrate this color is<01:54:29.159><c> this</c><01:54:29.360><c> color</c><01:54:29.599><c> looks</c><01:54:29.920><c> like</c><01:54:30.159><c> this</c> 01:54:33.669 --> 01:54:33.679 align:start position:0% 01:54:33.679 --> 01:54:36.990 align:start position:0% so<01:54:34.679><c> it</c><01:54:34.800><c> is</c><01:54:35.040><c> this</c><01:54:35.320><c> very</c><01:54:35.599><c> light</c><01:54:35.960><c> gray</c><01:54:36.400><c> and</c><01:54:36.560><c> it</c><01:54:36.760><c> has</c> 01:54:36.990 --> 01:54:37.000 align:start position:0% so it is this very light gray and it has 01:54:37.000 --> 01:54:41.390 align:start position:0% so it is this very light gray and it has a<01:54:37.599><c> 1.1</c><01:54:38.599><c> contrast</c><01:54:39.079><c> ratio</c><01:54:39.679><c> so</c><01:54:40.119><c> what</c><01:54:40.320><c> does</c><01:54:41.159><c> this</c> 01:54:41.390 --> 01:54:41.400 align:start position:0% a 1.1 contrast ratio so what does this 01:54:41.400 --> 01:54:43.870 align:start position:0% a 1.1 contrast ratio so what does this mean<01:54:42.400><c> and</c><01:54:42.599><c> what</c><01:54:42.800><c> this</c><01:54:42.960><c> means</c><01:54:43.360><c> is</c><01:54:43.480><c> that</c><01:54:43.719><c> for</c> 01:54:43.870 --> 01:54:43.880 align:start position:0% mean and what this means is that for 01:54:43.880 --> 01:54:46.430 align:start position:0% mean and what this means is that for accessibility<01:54:44.400><c> best</c><01:54:45.040><c> practices</c><01:54:46.040><c> we</c><01:54:46.119><c> should</c> 01:54:46.430 --> 01:54:46.440 align:start position:0% accessibility best practices we should 01:54:46.440 --> 01:54:49.669 align:start position:0% accessibility best practices we should have<01:54:46.719><c> at</c><01:54:46.880><c> least</c><01:54:47.800><c> 4.5</c><01:54:48.679><c> for</c><01:54:48.880><c> normal</c><01:54:49.239><c> text</c><01:54:49.560><c> and</c> 01:54:49.669 --> 01:54:49.679 align:start position:0% have at least 4.5 for normal text and 01:54:49.679 --> 01:54:51.990 align:start position:0% have at least 4.5 for normal text and and<01:54:49.880><c> three</c><01:54:50.320><c> for</c><01:54:50.599><c> large</c><01:54:50.960><c> Texs</c><01:54:51.520><c> and</c><01:54:51.639><c> if</c><01:54:51.760><c> we</c><01:54:51.880><c> are</c> 01:54:51.990 --> 01:54:52.000 align:start position:0% and three for large Texs and if we are 01:54:52.000 --> 01:54:54.589 align:start position:0% and three for large Texs and if we are targeting<01:54:52.480><c> level</c><01:54:52.760><c> AAA</c><01:54:53.599><c> which</c><01:54:53.760><c> is</c><01:54:54.000><c> the</c><01:54:54.159><c> maximum</c> 01:54:54.589 --> 01:54:54.599 align:start position:0% targeting level AAA which is the maximum 01:54:54.599 --> 01:54:57.189 align:start position:0% targeting level AAA which is the maximum level<01:54:55.400><c> we</c><01:54:55.520><c> should</c><01:54:55.800><c> have</c><01:54:56.239><c> at</c><01:54:56.400><c> least</c><01:54:56.679><c> seven</c><01:54:57.000><c> for</c> 01:54:57.189 --> 01:54:57.199 align:start position:0% level we should have at least seven for 01:54:57.199 --> 01:55:01.109 align:start position:0% level we should have at least seven for Noble<01:54:57.639><c> text</c><01:54:57.960><c> and</c><01:54:58.159><c> 4.5</c><01:54:59.040><c> for</c><01:54:59.360><c> large</c><01:54:59.760><c> text</c><01:55:00.760><c> so</c> 01:55:01.109 --> 01:55:01.119 align:start position:0% Noble text and 4.5 for large text so 01:55:01.119 --> 01:55:03.950 align:start position:0% Noble text and 4.5 for large text so keep<01:55:01.320><c> this</c><01:55:01.480><c> in</c><01:55:01.599><c> mind</c><01:55:01.840><c> if</c><01:55:01.920><c> you</c><01:55:02.040><c> want</c><01:55:02.520><c> to</c><01:55:03.520><c> do</c><01:55:03.719><c> your</c> 01:55:03.950 --> 01:55:03.960 align:start position:0% keep this in mind if you want to do your 01:55:03.960 --> 01:55:06.310 align:start position:0% keep this in mind if you want to do your best<01:55:04.119><c> to</c><01:55:04.320><c> comply</c><01:55:04.679><c> with</c><01:55:04.800><c> this</c><01:55:05.000><c> accessibility</c> 01:55:06.310 --> 01:55:06.320 align:start position:0% best to comply with this accessibility 01:55:06.320 --> 01:55:09.189 align:start position:0% best to comply with this accessibility guidelines<01:55:07.320><c> now</c><01:55:07.560><c> let's</c><01:55:07.760><c> see</c><01:55:08.119><c> image</c><01:55:08.480><c> filters</c> 01:55:09.189 --> 01:55:09.199 align:start position:0% guidelines now let's see image filters 01:55:09.199 --> 01:55:12.030 align:start position:0% guidelines now let's see image filters so<01:55:10.040><c> I'll</c><01:55:10.239><c> go</c><01:55:10.440><c> back</c><01:55:10.599><c> into</c><01:55:10.800><c> the</c><01:55:10.960><c> code</c><01:55:11.320><c> here</c><01:55:11.880><c> and</c> 01:55:12.030 --> 01:55:12.040 align:start position:0% so I'll go back into the code here and 01:55:12.040 --> 01:55:14.510 align:start position:0% so I'll go back into the code here and let's<01:55:12.199><c> say</c><01:55:12.400><c> that</c><01:55:12.520><c> I</c><01:55:12.639><c> want</c><01:55:12.880><c> to</c><01:55:13.639><c> display</c><01:55:14.239><c> the</c> 01:55:14.510 --> 01:55:14.520 align:start position:0% let's say that I want to display the 01:55:14.520 --> 01:55:17.030 align:start position:0% let's say that I want to display the image<01:55:15.520><c> for</c><01:55:15.880><c> the</c><01:55:16.040><c> first</c><01:55:16.360><c> product</c><01:55:16.719><c> in</c><01:55:16.880><c> this</c> 01:55:17.030 --> 01:55:17.040 align:start position:0% image for the first product in this 01:55:17.040 --> 01:55:20.310 align:start position:0% image for the first product in this collection<01:55:17.520><c> so</c><01:55:17.679><c> I'll</c><01:55:17.880><c> do</c><01:55:18.599><c> collection</c> 01:55:20.310 --> 01:55:20.320 align:start position:0% collection so I'll do collection 01:55:20.320 --> 01:55:21.990 align:start position:0% collection so I'll do collection products 01:55:21.990 --> 01:55:22.000 align:start position:0% products 01:55:22.000 --> 01:55:26.109 align:start position:0% products first<01:55:23.000><c> I'm</c><01:55:23.159><c> going</c><01:55:23.360><c> to</c><01:55:23.560><c> say</c><01:55:24.239><c> featured</c> 01:55:26.109 --> 01:55:26.119 align:start position:0% first I'm going to say featured 01:55:26.119 --> 01:55:28.390 align:start position:0% first I'm going to say featured image<01:55:27.119><c> and</c><01:55:27.280><c> then</c><01:55:27.440><c> I'm</c><01:55:27.639><c> going</c><01:55:27.880><c> to</c><01:55:28.079><c> get</c><01:55:28.239><c> the</c> 01:55:28.390 --> 01:55:28.400 align:start position:0% image and then I'm going to get the 01:55:28.400 --> 01:55:32.109 align:start position:0% image and then I'm going to get the image<01:55:28.679><c> URL</c><01:55:29.560><c> for</c><01:55:29.920><c> this</c><01:55:30.480><c> I</c><01:55:30.599><c> should</c><01:55:30.840><c> also</c><01:55:31.199><c> pass</c> 01:55:32.109 --> 01:55:32.119 align:start position:0% image URL for this I should also pass 01:55:32.119 --> 01:55:34.950 align:start position:0% image URL for this I should also pass the<01:55:32.360><c> width</c><01:55:32.719><c> and</c><01:55:33.000><c> height</c><01:55:33.480><c> parameters</c><01:55:34.480><c> so</c><01:55:34.679><c> I</c><01:55:34.800><c> get</c> 01:55:34.950 --> 01:55:34.960 align:start position:0% the width and height parameters so I get 01:55:34.960 --> 01:55:37.430 align:start position:0% the width and height parameters so I get an<01:55:35.119><c> image</c><01:55:35.440><c> that</c><01:55:35.679><c> is</c><01:55:36.199><c> no</c><01:55:36.440><c> larger</c><01:55:36.960><c> than</c><01:55:37.159><c> what</c><01:55:37.280><c> I</c> 01:55:37.430 --> 01:55:37.440 align:start position:0% an image that is no larger than what I 01:55:37.440 --> 01:55:39.950 align:start position:0% an image that is no larger than what I actually<01:55:37.719><c> need</c><01:55:37.920><c> in</c><01:55:38.040><c> the</c><01:55:38.199><c> page</c><01:55:38.679><c> so</c><01:55:38.920><c> the</c><01:55:39.079><c> users</c> 01:55:39.950 --> 01:55:39.960 align:start position:0% actually need in the page so the users 01:55:39.960 --> 01:55:42.950 align:start position:0% actually need in the page so the users the<01:55:40.159><c> customers</c><01:55:40.679><c> don't</c><01:55:40.960><c> end</c><01:55:41.159><c> up</c><01:55:41.840><c> loading</c><01:55:42.679><c> more</c> 01:55:42.950 --> 01:55:42.960 align:start position:0% the customers don't end up loading more 01:55:42.960 --> 01:55:44.790 align:start position:0% the customers don't end up loading more data<01:55:43.280><c> than</c><01:55:43.440><c> what</c><01:55:43.560><c> they</c><01:55:43.719><c> need</c><01:55:43.920><c> to</c><01:55:44.040><c> load</c><01:55:44.599><c> now</c> 01:55:44.790 --> 01:55:44.800 align:start position:0% data than what they need to load now 01:55:44.800 --> 01:55:46.390 align:start position:0% data than what they need to load now here<01:55:45.040><c> this</c><01:55:45.199><c> says</c><01:55:45.520><c> that</c><01:55:45.679><c> this</c><01:55:45.760><c> is</c><01:55:45.880><c> an</c><01:55:46.040><c> invalid</c> 01:55:46.390 --> 01:55:46.400 align:start position:0% here this says that this is an invalid 01:55:46.400 --> 01:55:47.870 align:start position:0% here this says that this is an invalid URL<01:55:46.800><c> input</c><01:55:47.079><c> and</c><01:55:47.199><c> it's</c><01:55:47.440><c> because</c><01:55:47.719><c> this</c> 01:55:47.870 --> 01:55:47.880 align:start position:0% URL input and it's because this 01:55:47.880 --> 01:55:50.069 align:start position:0% URL input and it's because this collection<01:55:48.280><c> is</c><01:55:48.440><c> empty</c><01:55:49.440><c> but</c><01:55:49.599><c> but</c><01:55:49.679><c> if</c><01:55:49.760><c> we</c><01:55:49.840><c> go</c><01:55:49.960><c> to</c> 01:55:50.069 --> 01:55:50.079 align:start position:0% collection is empty but but if we go to 01:55:50.079 --> 01:55:51.950 align:start position:0% collection is empty but but if we go to a<01:55:50.239><c> collection</c><01:55:50.719><c> that</c><01:55:51.000><c> actually</c><01:55:51.360><c> has</c><01:55:51.480><c> a</c><01:55:51.639><c> first</c> 01:55:51.950 --> 01:55:51.960 align:start position:0% a collection that actually has a first 01:55:51.960 --> 01:55:54.629 align:start position:0% a collection that actually has a first product<01:55:52.840><c> like</c><01:55:53.079><c> this</c><01:55:53.239><c> one</c><01:55:53.960><c> here</c><01:55:54.159><c> we</c><01:55:54.320><c> get</c><01:55:54.520><c> the</c> 01:55:54.629 --> 01:55:54.639 align:start position:0% product like this one here we get the 01:55:54.639 --> 01:55:59.830 align:start position:0% product like this one here we get the URL<01:55:55.560><c> for</c><01:55:55.880><c> this</c><01:55:56.119><c> image</c><01:55:56.960><c> and</c><01:55:57.360><c> now</c><01:55:58.360><c> if</c><01:55:58.560><c> I</c><01:55:58.880><c> pass</c><01:55:59.199><c> it</c> 01:55:59.830 --> 01:55:59.840 align:start position:0% URL for this image and now if I pass it 01:55:59.840 --> 01:56:05.069 align:start position:0% URL for this image and now if I pass it here<01:56:00.840><c> the</c><01:56:01.119><c> image</c><01:56:01.520><c> tag</c> 01:56:05.069 --> 01:56:05.079 align:start position:0% 01:56:05.079 --> 01:56:08.669 align:start position:0% filter<01:56:06.079><c> I</c><01:56:06.199><c> will</c><01:56:06.480><c> get</c><01:56:07.239><c> the</c><01:56:07.440><c> image</c><01:56:08.199><c> for</c><01:56:08.480><c> this</c> 01:56:08.669 --> 01:56:08.679 align:start position:0% filter I will get the image for this 01:56:08.679 --> 01:56:11.669 align:start position:0% filter I will get the image for this product<01:56:09.400><c> just</c><01:56:09.639><c> like</c><01:56:09.960><c> this</c><01:56:10.960><c> and</c><01:56:11.119><c> now</c><01:56:11.400><c> what</c><01:56:11.520><c> is</c> 01:56:11.669 --> 01:56:11.679 align:start position:0% product just like this and now what is 01:56:11.679 --> 01:56:16.229 align:start position:0% product just like this and now what is the<01:56:11.920><c> difference</c><01:56:12.560><c> between</c><01:56:13.000><c> using</c><01:56:13.400><c> image</c><01:56:14.239><c> tag</c> 01:56:16.229 --> 01:56:16.239 align:start position:0% the difference between using image tag 01:56:16.239 --> 01:56:19.790 align:start position:0% the difference between using image tag and<01:56:17.239><c> copying</c><01:56:17.639><c> all</c><01:56:17.760><c> of</c><01:56:17.920><c> this</c><01:56:18.280><c> here</c><01:56:19.280><c> and</c><01:56:19.560><c> doing</c> 01:56:19.790 --> 01:56:19.800 align:start position:0% and copying all of this here and doing 01:56:19.800 --> 01:56:25.430 align:start position:0% and copying all of this here and doing this<01:56:20.360><c> so</c><01:56:20.719><c> I</c><01:56:20.840><c> could</c><01:56:21.119><c> also</c><01:56:21.400><c> do</c> 01:56:25.430 --> 01:56:25.440 align:start position:0% 01:56:25.440 --> 01:56:29.870 align:start position:0% this<01:56:26.440><c> and</c><01:56:26.599><c> that</c><01:56:26.719><c> should</c><01:56:27.280><c> work</c><01:56:28.440><c> but</c><01:56:29.440><c> here</c><01:56:29.800><c> you</c> 01:56:29.870 --> 01:56:29.880 align:start position:0% this and that should work but here you 01:56:29.880 --> 01:56:32.069 align:start position:0% this and that should work but here you can<01:56:30.000><c> see</c><01:56:30.199><c> that</c><01:56:30.280><c> we</c><01:56:30.400><c> don't</c><01:56:30.599><c> have</c><01:56:30.760><c> all</c><01:56:31.079><c> text</c> 01:56:32.069 --> 01:56:32.079 align:start position:0% can see that we don't have all text 01:56:32.079 --> 01:56:34.109 align:start position:0% can see that we don't have all text Shopify<01:56:32.719><c> is</c><01:56:32.920><c> throwing</c><01:56:33.320><c> this</c><01:56:33.440><c> error</c><01:56:33.800><c> here</c><01:56:34.000><c> that</c> 01:56:34.109 --> 01:56:34.119 align:start position:0% Shopify is throwing this error here that 01:56:34.119 --> 01:56:35.990 align:start position:0% Shopify is throwing this error here that we<01:56:34.199><c> should</c><01:56:34.360><c> be</c><01:56:34.599><c> Lo</c><01:56:34.760><c> using</c><01:56:35.040><c> loading</c><01:56:35.520><c> eager</c><01:56:35.840><c> for</c> 01:56:35.990 --> 01:56:36.000 align:start position:0% we should be Lo using loading eager for 01:56:36.000 --> 01:56:37.910 align:start position:0% we should be Lo using loading eager for images<01:56:36.520><c> that</c><01:56:36.599><c> are</c><01:56:36.760><c> visible</c><01:56:37.040><c> in</c><01:56:37.159><c> viewport</c><01:56:37.719><c> or</c> 01:56:37.910 --> 01:56:37.920 align:start position:0% images that are visible in viewport or 01:56:37.920 --> 01:56:40.910 align:start position:0% images that are visible in viewport or loading<01:56:38.239><c> lazy</c><01:56:38.639><c> for</c><01:56:39.000><c> others</c><01:56:40.000><c> and</c><01:56:40.159><c> by</c><01:56:40.320><c> using</c><01:56:40.639><c> the</c> 01:56:40.910 --> 01:56:40.920 align:start position:0% loading lazy for others and by using the 01:56:40.920 --> 01:56:44.830 align:start position:0% loading lazy for others and by using the image<01:56:41.360><c> tag</c><01:56:41.840><c> here</c><01:56:42.599><c> image</c> 01:56:44.830 --> 01:56:44.840 align:start position:0% image tag here image 01:56:44.840 --> 01:56:48.790 align:start position:0% image tag here image tag<01:56:45.840><c> all</c><01:56:46.000><c> of</c><01:56:46.239><c> this</c><01:56:46.599><c> gets</c><01:56:46.880><c> taken</c><01:56:47.199><c> care</c><01:56:47.639><c> of</c><01:56:48.639><c> by</c> 01:56:48.790 --> 01:56:48.800 align:start position:0% tag all of this gets taken care of by 01:56:48.800 --> 01:56:50.830 align:start position:0% tag all of this gets taken care of by Shopify<01:56:49.440><c> aut</c><01:56:49.560><c> atically</c><01:56:49.920><c> so</c><01:56:50.119><c> let's</c> 01:56:50.830 --> 01:56:50.840 align:start position:0% Shopify aut atically so let's 01:56:50.840 --> 01:56:53.830 align:start position:0% Shopify aut atically so let's see<01:56:51.840><c> the</c><01:56:52.119><c> HTML</c><01:56:52.760><c> that</c><01:56:52.880><c> we</c><01:56:53.040><c> get</c><01:56:53.159><c> for</c><01:56:53.400><c> this</c><01:56:53.599><c> and</c> 01:56:53.830 --> 01:56:53.840 align:start position:0% see the HTML that we get for this and 01:56:53.840 --> 01:56:56.510 align:start position:0% see the HTML that we get for this and here<01:56:54.719><c> we</c><01:56:54.840><c> can</c><01:56:54.960><c> see</c><01:56:55.199><c> that</c><01:56:55.320><c> we</c><01:56:55.480><c> get</c><01:56:55.960><c> this</c><01:56:56.159><c> old</c> 01:56:56.510 --> 01:56:56.520 align:start position:0% here we can see that we get this old 01:56:56.520 --> 01:56:59.310 align:start position:0% here we can see that we get this old text<01:56:57.159><c> which</c><01:56:57.760><c> Shopify</c><01:56:58.239><c> did</c><01:56:58.360><c> not</c><01:56:58.520><c> generate</c><01:56:58.920><c> this</c> 01:56:59.310 --> 01:56:59.320 align:start position:0% text which Shopify did not generate this 01:56:59.320 --> 01:57:01.310 align:start position:0% text which Shopify did not generate this it<01:56:59.480><c> was</c><01:56:59.679><c> populated</c><01:57:00.199><c> when</c><01:57:00.400><c> we</c><01:57:00.679><c> created</c><01:57:01.079><c> this</c> 01:57:01.310 --> 01:57:01.320 align:start position:0% it was populated when we created this 01:57:01.320 --> 01:57:03.430 align:start position:0% it was populated when we created this store<01:57:01.599><c> with</c><01:57:01.760><c> some</c><01:57:02.119><c> test</c><01:57:02.480><c> test</c><01:57:02.760><c> products</c><01:57:03.320><c> if</c> 01:57:03.430 --> 01:57:03.440 align:start position:0% store with some test test products if 01:57:03.440 --> 01:57:05.589 align:start position:0% store with some test test products if your<01:57:03.719><c> product</c><01:57:04.320><c> image</c><01:57:04.760><c> doesn't</c><01:57:05.040><c> have</c><01:57:05.199><c> an</c><01:57:05.360><c> all</c> 01:57:05.589 --> 01:57:05.599 align:start position:0% your product image doesn't have an all 01:57:05.599 --> 01:57:08.589 align:start position:0% your product image doesn't have an all text<01:57:06.119><c> this</c><01:57:06.280><c> won't</c><01:57:06.679><c> show</c><01:57:07.679><c> anyways</c><01:57:08.159><c> here</c><01:57:08.360><c> we</c><01:57:08.480><c> can</c> 01:57:08.589 --> 01:57:08.599 align:start position:0% text this won't show anyways here we can 01:57:08.599 --> 01:57:11.350 align:start position:0% text this won't show anyways here we can see<01:57:08.920><c> that</c><01:57:09.079><c> we</c><01:57:09.199><c> also</c><01:57:09.440><c> get</c><01:57:09.599><c> this</c><01:57:09.800><c> Sr</c><01:57:10.360><c> SE</c> 01:57:11.350 --> 01:57:11.360 align:start position:0% see that we also get this Sr SE 01:57:11.360 --> 01:57:13.709 align:start position:0% see that we also get this Sr SE attribute<01:57:11.880><c> populated</c><01:57:12.679><c> with</c><01:57:12.920><c> different</c><01:57:13.280><c> sizes</c> 01:57:13.709 --> 01:57:13.719 align:start position:0% attribute populated with different sizes 01:57:13.719 --> 01:57:15.270 align:start position:0% attribute populated with different sizes for<01:57:13.880><c> our</c><01:57:14.119><c> image</c><01:57:14.480><c> we</c><01:57:14.599><c> get</c><01:57:14.760><c> the</c><01:57:14.880><c> width</c><01:57:15.079><c> and</c> 01:57:15.270 --> 01:57:15.280 align:start position:0% for our image we get the width and 01:57:15.280 --> 01:57:16.470 align:start position:0% for our image we get the width and height 01:57:16.470 --> 01:57:16.480 align:start position:0% height 01:57:16.480 --> 01:57:20.149 align:start position:0% height attributes<01:57:17.599><c> and</c><01:57:18.599><c> yes</c><01:57:19.040><c> that's</c><01:57:19.199><c> it</c><01:57:19.560><c> but</c><01:57:19.880><c> we</c><01:57:20.040><c> get</c> 01:57:20.149 --> 01:57:20.159 align:start position:0% attributes and yes that's it but we get 01:57:20.159 --> 01:57:23.030 align:start position:0% attributes and yes that's it but we get allow<01:57:20.560><c> for</c><01:57:20.840><c> free</c><01:57:21.320><c> basically</c><01:57:22.040><c> and</c><01:57:22.199><c> it's</c><01:57:22.679><c> also</c> 01:57:23.030 --> 01:57:23.040 align:start position:0% allow for free basically and it's also 01:57:23.040 --> 01:57:25.589 align:start position:0% allow for free basically and it's also less<01:57:23.360><c> code</c><01:57:23.639><c> to</c><01:57:23.760><c> manage</c><01:57:24.239><c> so</c><01:57:25.000><c> we</c><01:57:25.079><c> should</c><01:57:25.280><c> use</c><01:57:25.480><c> the</c> 01:57:25.589 --> 01:57:25.599 align:start position:0% less code to manage so we should use the 01:57:25.599 --> 01:57:27.270 align:start position:0% less code to manage so we should use the image<01:57:25.880><c> tag</c><01:57:26.159><c> whenever</c> 01:57:27.270 --> 01:57:27.280 align:start position:0% image tag whenever 01:57:27.280 --> 01:57:30.270 align:start position:0% image tag whenever possible<01:57:28.280><c> and</c><01:57:28.520><c> by</c><01:57:28.679><c> the</c><01:57:28.840><c> way</c><01:57:29.480><c> you</c><01:57:29.639><c> may</c><01:57:29.840><c> see</c><01:57:30.119><c> in</c> 01:57:30.270 --> 01:57:30.280 align:start position:0% possible and by the way you may see in 01:57:30.280 --> 01:57:31.589 align:start position:0% possible and by the way you may see in older<01:57:30.679><c> code</c> 01:57:31.589 --> 01:57:31.599 align:start position:0% older code 01:57:31.599 --> 01:57:35.669 align:start position:0% older code bases<01:57:32.599><c> both</c><01:57:33.079><c> image</c><01:57:33.480><c> URL</c><01:57:34.480><c> written</c><01:57:34.880><c> like</c><01:57:35.119><c> this</c> 01:57:35.669 --> 01:57:35.679 align:start position:0% bases both image URL written like this 01:57:35.679 --> 01:57:39.149 align:start position:0% bases both image URL written like this and<01:57:36.119><c> image</c><01:57:36.520><c> tag</c><01:57:37.079><c> written</c><01:57:37.440><c> like</c><01:57:37.679><c> this</c><01:57:38.679><c> both</c><01:57:38.920><c> of</c> 01:57:39.149 --> 01:57:39.159 align:start position:0% and image tag written like this both of 01:57:39.159 --> 01:57:41.550 align:start position:0% and image tag written like this both of these<01:57:39.760><c> are</c><01:57:40.000><c> now</c><01:57:40.239><c> deprecated</c><01:57:40.920><c> so</c><01:57:41.119><c> you</c><01:57:41.280><c> should</c> 01:57:41.550 --> 01:57:41.560 align:start position:0% these are now deprecated so you should 01:57:41.560 --> 01:57:45.189 align:start position:0% these are now deprecated so you should be<01:57:41.840><c> using</c><01:57:42.280><c> image</c><01:57:42.800><c> URL</c><01:57:43.800><c> written</c><01:57:44.679><c> as</c><01:57:44.920><c> it</c><01:57:45.040><c> is</c> 01:57:45.189 --> 01:57:45.199 align:start position:0% be using image URL written as it is 01:57:45.199 --> 01:57:47.550 align:start position:0% be using image URL written as it is being<01:57:45.400><c> written</c><01:57:45.800><c> here</c><01:57:46.480><c> and</c><01:57:46.679><c> image</c><01:57:47.000><c> tag</c><01:57:47.320><c> as</c><01:57:47.440><c> it</c> 01:57:47.550 --> 01:57:47.560 align:start position:0% being written here and image tag as it 01:57:47.560 --> 01:57:50.310 align:start position:0% being written here and image tag as it is<01:57:47.679><c> being</c><01:57:47.920><c> written</c><01:57:48.400><c> here</c> 01:57:50.310 --> 01:57:50.320 align:start position:0% is being written here 01:57:50.320 --> 01:57:51.750 align:start position:0% is being written here now<01:57:50.520><c> let's</c><01:57:50.719><c> say</c><01:57:50.880><c> that</c><01:57:51.000><c> I</c><01:57:51.119><c> wanted</c><01:57:51.320><c> to</c><01:57:51.440><c> display</c> 01:57:51.750 --> 01:57:51.760 align:start position:0% now let's say that I wanted to display 01:57:51.760 --> 01:57:54.470 align:start position:0% now let's say that I wanted to display an<01:57:51.920><c> image</c><01:57:52.239><c> from</c><01:57:52.400><c> the</c><01:57:52.560><c> assets</c><01:57:52.920><c> folder</c><01:57:53.360><c> here</c><01:57:54.079><c> so</c> 01:57:54.470 --> 01:57:54.480 align:start position:0% an image from the assets folder here so 01:57:54.480 --> 01:57:58.510 align:start position:0% an image from the assets folder here so I<01:57:54.639><c> fed</c><01:57:55.000><c> this</c><01:57:55.320><c> no</c><01:57:55.760><c> image.</c><01:57:56.480><c> JPEG</c><01:57:57.480><c> and</c><01:57:58.119><c> let's</c><01:57:58.280><c> see</c> 01:57:58.510 --> 01:57:58.520 align:start position:0% I fed this no image. JPEG and let's see 01:57:58.520 --> 01:58:02.189 align:start position:0% I fed this no image. JPEG and let's see how<01:57:58.679><c> we</c><01:57:58.800><c> can</c><01:57:59.040><c> display</c><01:57:59.440><c> it</c><01:58:00.040><c> so</c><01:58:01.040><c> I</c><01:58:01.159><c> should</c><01:58:01.920><c> put</c> 01:58:02.189 --> 01:58:02.199 align:start position:0% how we can display it so I should put 01:58:02.199 --> 01:58:05.109 align:start position:0% how we can display it so I should put here<01:58:02.520><c> the</c><01:58:02.760><c> exact</c><01:58:03.159><c> name</c><01:58:03.520><c> of</c><01:58:03.679><c> the</c><01:58:03.920><c> file</c><01:58:04.800><c> in</c><01:58:04.960><c> the</c> 01:58:05.109 --> 01:58:05.119 align:start position:0% here the exact name of the file in the 01:58:05.119 --> 01:58:07.350 align:start position:0% here the exact name of the file in the assets<01:58:05.440><c> folder</c><01:58:05.800><c> so</c><01:58:06.000><c> I</c><01:58:06.159><c> copy</c><01:58:06.599><c> this</c><01:58:06.960><c> and</c><01:58:07.159><c> paste</c> 01:58:07.350 --> 01:58:07.360 align:start position:0% assets folder so I copy this and paste 01:58:07.360 --> 01:58:12.430 align:start position:0% assets folder so I copy this and paste it<01:58:07.639><c> here</c><01:58:08.639><c> and</c><01:58:08.840><c> then</c><01:58:09.719><c> I</c><01:58:09.800><c> will</c><01:58:10.040><c> use</c><01:58:10.840><c> asset</c><01:58:11.280><c> image</c> 01:58:12.430 --> 01:58:12.440 align:start position:0% it here and then I will use asset image 01:58:12.440 --> 01:58:15.390 align:start position:0% it here and then I will use asset image URL<01:58:13.440><c> this</c><01:58:13.599><c> one</c><01:58:14.079><c> accepts</c><01:58:14.639><c> a</c><01:58:14.800><c> string</c><01:58:15.119><c> as</c><01:58:15.239><c> a</c> 01:58:15.390 --> 01:58:15.400 align:start position:0% URL this one accepts a string as a 01:58:15.400 --> 01:58:17.510 align:start position:0% URL this one accepts a string as a parameter<01:58:16.000><c> and</c><01:58:16.320><c> here</c><01:58:16.520><c> we</c><01:58:16.599><c> can</c><01:58:16.840><c> specify</c><01:58:17.320><c> the</c> 01:58:17.510 --> 01:58:17.520 align:start position:0% parameter and here we can specify the 01:58:17.520 --> 01:58:19.990 align:start position:0% parameter and here we can specify the size<01:58:18.040><c> so</c><01:58:18.360><c> size</c><01:58:18.639><c> in</c><01:58:18.840><c> this</c><01:58:19.000><c> case</c><01:58:19.159><c> is</c><01:58:19.440><c> specify</c> 01:58:19.990 --> 01:58:20.000 align:start position:0% size so size in this case is specify 01:58:20.000 --> 01:58:23.030 align:start position:0% size so size in this case is specify this<01:58:20.159><c> way</c><01:58:20.920><c> and</c><01:58:21.040><c> if</c><01:58:21.159><c> I</c><01:58:21.280><c> save</c> 01:58:23.030 --> 01:58:23.040 align:start position:0% this way and if I save 01:58:23.040 --> 01:58:26.950 align:start position:0% this way and if I save this<01:58:24.040><c> we</c><01:58:24.239><c> see</c><01:58:25.040><c> that</c><01:58:25.520><c> the</c><01:58:25.639><c> URL</c><01:58:26.119><c> is</c><01:58:26.360><c> this</c><01:58:26.480><c> one</c> 01:58:26.950 --> 01:58:26.960 align:start position:0% this we see that the URL is this one 01:58:26.960 --> 01:58:29.470 align:start position:0% this we see that the URL is this one this<01:58:27.119><c> is</c><01:58:27.360><c> the</c><01:58:27.480><c> size</c><01:58:27.719><c> that</c><01:58:27.800><c> I</c><01:58:27.920><c> just</c> 01:58:29.470 --> 01:58:29.480 align:start position:0% this is the size that I just 01:58:29.480 --> 01:58:32.589 align:start position:0% this is the size that I just specified<01:58:30.480><c> and</c><01:58:30.719><c> now</c><01:58:31.520><c> unfortunately</c><01:58:32.440><c> we</c> 01:58:32.589 --> 01:58:32.599 align:start position:0% specified and now unfortunately we 01:58:32.599 --> 01:58:36.629 align:start position:0% specified and now unfortunately we cannot<01:58:32.920><c> use</c><01:58:33.119><c> the</c><01:58:33.320><c> image</c><01:58:33.760><c> tag</c><01:58:34.760><c> filter</c><01:58:35.520><c> here</c><01:58:36.520><c> it</c> 01:58:36.629 --> 01:58:36.639 align:start position:0% cannot use the image tag filter here it 01:58:36.639 --> 01:58:39.069 align:start position:0% cannot use the image tag filter here it will<01:58:36.960><c> throw</c><01:58:37.199><c> an</c><01:58:37.360><c> error</c><01:58:38.119><c> input</c><01:58:38.440><c> to</c><01:58:38.599><c> image</c><01:58:38.840><c> tag</c> 01:58:39.069 --> 01:58:39.079 align:start position:0% will throw an error input to image tag 01:58:39.079 --> 01:58:41.669 align:start position:0% will throw an error input to image tag must<01:58:39.280><c> be</c><01:58:39.400><c> an</c><01:58:39.560><c> image</c><01:58:39.800><c> URL</c><01:58:40.800><c> so</c><01:58:41.079><c> instead</c><01:58:41.440><c> what</c><01:58:41.560><c> we</c> 01:58:41.669 --> 01:58:41.679 align:start position:0% must be an image URL so instead what we 01:58:41.679 --> 01:58:44.149 align:start position:0% must be an image URL so instead what we have<01:58:41.800><c> to</c><01:58:41.960><c> do</c><01:58:42.480><c> is</c><01:58:42.599><c> to</c><01:58:42.760><c> build</c><01:58:43.040><c> this</c><01:58:43.159><c> image</c> 01:58:44.149 --> 01:58:44.159 align:start position:0% have to do is to build this image 01:58:44.159 --> 01:58:47.510 align:start position:0% have to do is to build this image manually<01:58:45.159><c> so</c><01:58:45.800><c> something</c><01:58:46.280><c> like</c> 01:58:47.510 --> 01:58:47.520 align:start position:0% manually so something like 01:58:47.520 --> 01:58:51.189 align:start position:0% manually so something like this<01:58:48.520><c> then</c><01:58:48.719><c> we'll</c><01:58:48.960><c> say</c><01:58:49.520><c> out</c><01:58:50.079><c> I'll</c><01:58:50.239><c> just</c><01:58:50.360><c> say</c> 01:58:51.189 --> 01:58:51.199 align:start position:0% this then we'll say out I'll just say 01:58:51.199 --> 01:58:53.149 align:start position:0% this then we'll say out I'll just say snowboard<01:58:52.199><c> although</c><01:58:52.679><c> something</c><01:58:52.960><c> more</c> 01:58:53.149 --> 01:58:53.159 align:start position:0% snowboard although something more 01:58:53.159 --> 01:58:55.589 align:start position:0% snowboard although something more descriptive<01:58:53.679><c> will</c><01:58:53.840><c> be</c><01:58:54.079><c> appropriate</c><01:58:55.079><c> loading</c> 01:58:55.589 --> 01:58:55.599 align:start position:0% descriptive will be appropriate loading 01:58:55.599 --> 01:58:57.910 align:start position:0% descriptive will be appropriate loading will<01:58:55.800><c> be</c><01:58:56.119><c> eager</c><01:58:56.639><c> here</c><01:58:56.840><c> because</c><01:58:57.079><c> shifi</c><01:58:57.679><c> will</c> 01:58:57.910 --> 01:58:57.920 align:start position:0% will be eager here because shifi will 01:58:57.920 --> 01:59:00.310 align:start position:0% will be eager here because shifi will otherwise<01:58:58.440><c> complain</c><01:58:58.880><c> if</c><01:58:59.000><c> I</c><01:58:59.119><c> don't</c><01:58:59.360><c> specify</c> 01:59:00.310 --> 01:59:00.320 align:start position:0% otherwise complain if I don't specify 01:59:00.320 --> 01:59:02.870 align:start position:0% otherwise complain if I don't specify the<01:59:00.440><c> loading</c><01:59:01.159><c> property</c><01:59:02.159><c> the</c><01:59:02.320><c> width</c><01:59:02.560><c> will</c><01:59:02.679><c> be</c> 01:59:02.870 --> 01:59:02.880 align:start position:0% the loading property the width will be 01:59:02.880 --> 01:59:05.990 align:start position:0% the loading property the width will be 500<01:59:03.360><c> and</c><01:59:03.480><c> the</c><01:59:03.639><c> high</c><01:59:03.880><c> will</c><01:59:04.079><c> be</c><01:59:04.599><c> 500</c><01:59:05.599><c> and</c><01:59:05.760><c> if</c><01:59:05.880><c> I</c> 01:59:05.990 --> 01:59:06.000 align:start position:0% 500 and the high will be 500 and if I 01:59:06.000 --> 01:59:08.390 align:start position:0% 500 and the high will be 500 and if I save 01:59:08.390 --> 01:59:08.400 align:start position:0% 01:59:08.400 --> 01:59:11.870 align:start position:0% this<01:59:09.400><c> I</c><01:59:09.560><c> see</c><01:59:09.880><c> here</c><01:59:10.360><c> this</c><01:59:10.639><c> nobore</c><01:59:11.079><c> image</c><01:59:11.560><c> from</c> 01:59:11.870 --> 01:59:11.880 align:start position:0% this I see here this nobore image from 01:59:11.880 --> 01:59:14.189 align:start position:0% this I see here this nobore image from my<01:59:12.719><c> assets</c> 01:59:14.189 --> 01:59:14.199 align:start position:0% my assets 01:59:14.199 --> 01:59:16.189 align:start position:0% my assets directory<01:59:15.199><c> now</c><01:59:15.360><c> let</c><01:59:15.480><c> me</c><01:59:15.599><c> show</c><01:59:15.800><c> you</c><01:59:15.960><c> how</c><01:59:16.079><c> you</c> 01:59:16.189 --> 01:59:16.199 align:start position:0% directory now let me show you how you 01:59:16.199 --> 01:59:19.069 align:start position:0% directory now let me show you how you can<01:59:16.400><c> add</c><01:59:16.719><c> CSS</c><01:59:17.719><c> from</c><01:59:17.920><c> the</c><01:59:18.079><c> assets</c><01:59:18.440><c> directory</c><01:59:18.880><c> so</c> 01:59:19.069 --> 01:59:19.079 align:start position:0% can add CSS from the assets directory so 01:59:19.079 --> 01:59:21.990 align:start position:0% can add CSS from the assets directory so let<01:59:19.320><c> let's</c><01:59:19.599><c> take</c><01:59:20.280><c> this</c><01:59:20.520><c> CSS</c><01:59:20.960><c> from</c><01:59:21.199><c> here</c><01:59:21.840><c> I'm</c> 01:59:21.990 --> 01:59:22.000 align:start position:0% let let's take this CSS from here I'm 01:59:22.000 --> 01:59:25.470 align:start position:0% let let's take this CSS from here I'm going<01:59:22.159><c> to</c><01:59:22.360><c> cut</c><01:59:22.880><c> it</c><01:59:23.880><c> and</c><01:59:24.040><c> I'm</c><01:59:24.199><c> going</c><01:59:24.440><c> to</c><01:59:25.199><c> create</c> 01:59:25.470 --> 01:59:25.480 align:start position:0% going to cut it and I'm going to create 01:59:25.480 --> 01:59:30.270 align:start position:0% going to cut it and I'm going to create a<01:59:25.639><c> file</c><01:59:26.040><c> here</c><01:59:26.920><c> called</c><01:59:27.800><c> tutorial.</c><01:59:29.000><c> CSS</c><01:59:30.000><c> and</c><01:59:30.119><c> I'm</c> 01:59:30.270 --> 01:59:30.280 align:start position:0% a file here called tutorial. CSS and I'm 01:59:30.280 --> 01:59:33.629 align:start position:0% a file here called tutorial. CSS and I'm going<01:59:30.440><c> to</c><01:59:30.639><c> paste</c><01:59:31.040><c> this</c><01:59:32.040><c> now</c><01:59:32.320><c> if</c><01:59:32.440><c> I</c><01:59:32.560><c> save</c> 01:59:33.629 --> 01:59:33.639 align:start position:0% going to paste this now if I save 01:59:33.639 --> 01:59:36.830 align:start position:0% going to paste this now if I save this<01:59:34.639><c> the</c><01:59:34.920><c> styles</c><01:59:35.280><c> that</c><01:59:35.400><c> I</c><01:59:35.520><c> had</c><01:59:35.760><c> here</c><01:59:36.159><c> so</c><01:59:36.599><c> I</c><01:59:36.679><c> had</c> 01:59:36.830 --> 01:59:36.840 align:start position:0% this the styles that I had here so I had 01:59:36.840 --> 01:59:38.709 align:start position:0% this the styles that I had here so I had a<01:59:36.960><c> styles</c><01:59:37.280><c> for</c><01:59:37.480><c> highlighting</c><01:59:38.000><c> this</c><01:59:38.199><c> text</c><01:59:38.599><c> and</c> 01:59:38.709 --> 01:59:38.719 align:start position:0% a styles for highlighting this text and 01:59:38.719 --> 01:59:41.629 align:start position:0% a styles for highlighting this text and I<01:59:38.840><c> had</c><01:59:39.040><c> a</c><01:59:39.159><c> styles</c><01:59:39.520><c> for</c><01:59:39.719><c> the</c><01:59:40.119><c> swatches</c><01:59:41.119><c> they</c><01:59:41.280><c> are</c> 01:59:41.629 --> 01:59:41.639 align:start position:0% I had a styles for the swatches they are 01:59:41.639 --> 01:59:43.870 align:start position:0% I had a styles for the swatches they are no<01:59:41.840><c> longer</c><01:59:42.679><c> being</c><01:59:42.920><c> displayed</c><01:59:43.520><c> because</c><01:59:43.760><c> we</c> 01:59:43.870 --> 01:59:43.880 align:start position:0% no longer being displayed because we 01:59:43.880 --> 01:59:45.510 align:start position:0% no longer being displayed because we haven't<01:59:44.119><c> included</c><01:59:44.520><c> this</c><01:59:44.679><c> file</c><01:59:45.000><c> yet</c><01:59:45.159><c> so</c><01:59:45.360><c> to</c> 01:59:45.510 --> 01:59:45.520 align:start position:0% haven't included this file yet so to 01:59:45.520 --> 01:59:48.910 align:start position:0% haven't included this file yet so to include<01:59:45.880><c> this</c><01:59:46.520><c> I'm</c><01:59:46.679><c> going</c><01:59:46.840><c> to</c><01:59:47.000><c> say</c><01:59:47.920><c> tutorial.</c> 01:59:48.910 --> 01:59:48.920 align:start position:0% include this I'm going to say tutorial. 01:59:48.920 --> 01:59:51.790 align:start position:0% include this I'm going to say tutorial. CSS<01:59:49.360><c> say</c><01:59:50.360><c> I'm</c><01:59:50.480><c> going</c><01:59:50.639><c> to</c><01:59:50.760><c> use</c><01:59:50.920><c> the</c><01:59:51.079><c> asset</c><01:59:51.400><c> URL</c> 01:59:51.790 --> 01:59:51.800 align:start position:0% CSS say I'm going to use the asset URL 01:59:51.800 --> 01:59:53.629 align:start position:0% CSS say I'm going to use the asset URL filter<01:59:52.320><c> and</c><01:59:52.480><c> then</c><01:59:52.599><c> I'm</c><01:59:52.760><c> going</c><01:59:52.920><c> to</c><01:59:53.079><c> use</c><01:59:53.320><c> this</c> 01:59:53.629 --> 01:59:53.639 align:start position:0% filter and then I'm going to use this 01:59:53.639 --> 01:59:57.310 align:start position:0% filter and then I'm going to use this Styles<01:59:53.960><c> sheet</c><01:59:54.239><c> tag</c><01:59:54.840><c> filter</c><01:59:55.719><c> and</c><01:59:55.840><c> if</c><01:59:55.960><c> I</c><01:59:56.079><c> save</c> 01:59:57.310 --> 01:59:57.320 align:start position:0% Styles sheet tag filter and if I save 01:59:57.320 --> 02:00:00.430 align:start position:0% Styles sheet tag filter and if I save this<01:59:58.320><c> now</c><01:59:58.800><c> we</c><01:59:58.960><c> see</c><01:59:59.280><c> that</c><01:59:59.520><c> the</c><01:59:59.760><c> Styles</c><02:00:00.000><c> sheet</c><02:00:00.280><c> is</c> 02:00:00.430 --> 02:00:00.440 align:start position:0% this now we see that the Styles sheet is 02:00:00.440 --> 02:00:02.350 align:start position:0% this now we see that the Styles sheet is being 02:00:02.350 --> 02:00:02.360 align:start position:0% being 02:00:02.360 --> 02:00:05.270 align:start position:0% being included<02:00:03.360><c> through</c><02:00:03.679><c> this</c><02:00:03.840><c> as</c><02:00:04.199><c> URL</c><02:00:04.560><c> filter</c><02:00:05.079><c> we</c> 02:00:05.270 --> 02:00:05.280 align:start position:0% included through this as URL filter we 02:00:05.280 --> 02:00:07.270 align:start position:0% included through this as URL filter we can<02:00:05.440><c> include</c><02:00:06.000><c> any</c><02:00:06.280><c> file</c><02:00:06.679><c> that</c><02:00:06.800><c> is</c><02:00:06.960><c> in</c><02:00:07.119><c> the</c> 02:00:07.270 --> 02:00:07.280 align:start position:0% can include any file that is in the 02:00:07.280 --> 02:00:09.669 align:start position:0% can include any file that is in the assets<02:00:07.679><c> directory</c><02:00:08.239><c> so</c><02:00:08.920><c> we</c><02:00:09.040><c> are</c><02:00:09.159><c> not</c><02:00:09.360><c> limited</c> 02:00:09.669 --> 02:00:09.679 align:start position:0% assets directory so we are not limited 02:00:09.679 --> 02:00:11.910 align:start position:0% assets directory so we are not limited to<02:00:09.840><c> just</c><02:00:10.040><c> CSS</c><02:00:10.480><c> or</c><02:00:10.679><c> JavaScript</c><02:00:11.199><c> files</c><02:00:11.639><c> we</c><02:00:11.719><c> can</c> 02:00:11.910 --> 02:00:11.920 align:start position:0% to just CSS or JavaScript files we can 02:00:11.920 --> 02:00:14.750 align:start position:0% to just CSS or JavaScript files we can also<02:00:12.159><c> include</c><02:00:12.560><c> for</c><02:00:12.840><c> example</c><02:00:13.840><c> files</c><02:00:14.199><c> for</c><02:00:14.400><c> our</c> 02:00:14.750 --> 02:00:14.760 align:start position:0% also include for example files for our 02:00:14.760 --> 02:00:18.069 align:start position:0% also include for example files for our fonts<02:00:15.760><c> we</c><02:00:15.880><c> can</c><02:00:16.079><c> also</c><02:00:16.280><c> include</c><02:00:17.280><c> audio</c><02:00:17.639><c> files</c><02:00:17.960><c> if</c> 02:00:18.069 --> 02:00:18.079 align:start position:0% fonts we can also include audio files if 02:00:18.079 --> 02:00:20.149 align:start position:0% fonts we can also include audio files if we<02:00:18.199><c> wanted</c><02:00:18.480><c> to</c><02:00:18.679><c> display</c><02:00:19.360><c> AIO</c><02:00:19.760><c> effects</c><02:00:20.040><c> for</c> 02:00:20.149 --> 02:00:20.159 align:start position:0% we wanted to display AIO effects for 02:00:20.159 --> 02:00:22.750 align:start position:0% we wanted to display AIO effects for some<02:00:20.400><c> interactions</c><02:00:20.800><c> in</c><02:00:20.920><c> the</c><02:00:21.119><c> site</c><02:00:21.520><c> and</c><02:00:21.679><c> so</c><02:00:21.880><c> on</c> 02:00:22.750 --> 02:00:22.760 align:start position:0% some interactions in the site and so on 02:00:22.760 --> 02:00:24.350 align:start position:0% some interactions in the site and so on now<02:00:23.000><c> let</c><02:00:23.119><c> me</c><02:00:23.199><c> show</c><02:00:23.400><c> you</c><02:00:23.560><c> how</c><02:00:23.679><c> we</c><02:00:23.800><c> can</c><02:00:23.920><c> include</c><02:00:24.199><c> a</c> 02:00:24.350 --> 02:00:24.360 align:start position:0% now let me show you how we can include a 02:00:24.360 --> 02:00:28.270 align:start position:0% now let me show you how we can include a script<02:00:24.760><c> so</c><02:00:25.360><c> let</c><02:00:25.520><c> me</c><02:00:25.679><c> create</c> 02:00:28.270 --> 02:00:28.280 align:start position:0% 02:00:28.280 --> 02:00:30.950 align:start position:0% tutorials<02:00:29.280><c> and</c><02:00:29.400><c> I'm</c><02:00:29.560><c> just</c><02:00:29.719><c> going</c><02:00:29.960><c> to</c><02:00:30.679><c> use</c> 02:00:30.950 --> 02:00:30.960 align:start position:0% tutorials and I'm just going to use 02:00:30.960 --> 02:00:34.910 align:start position:0% tutorials and I'm just going to use alert<02:00:31.400><c> to</c><02:00:31.599><c> say</c><02:00:32.440><c> hello</c><02:00:33.280><c> from</c> 02:00:34.910 --> 02:00:34.920 align:start position:0% alert to say hello from 02:00:34.920 --> 02:00:37.950 align:start position:0% alert to say hello from tutorial.<02:00:35.920><c> I'm</c><02:00:36.079><c> going</c><02:00:36.199><c> to</c><02:00:36.320><c> save</c><02:00:36.679><c> this</c><02:00:37.599><c> if</c><02:00:37.719><c> I</c><02:00:37.840><c> go</c> 02:00:37.950 --> 02:00:37.960 align:start position:0% tutorial. I'm going to save this if I go 02:00:37.960 --> 02:00:39.910 align:start position:0% tutorial. I'm going to save this if I go to<02:00:38.079><c> the</c><02:00:38.239><c> page</c><02:00:38.520><c> nothing</c><02:00:39.079><c> is</c><02:00:39.199><c> showing</c><02:00:39.639><c> because</c> 02:00:39.910 --> 02:00:39.920 align:start position:0% to the page nothing is showing because 02:00:39.920 --> 02:00:42.629 align:start position:0% to the page nothing is showing because we<02:00:40.040><c> haven't</c><02:00:40.320><c> included</c><02:00:40.800><c> it</c><02:00:41.800><c> but</c><02:00:42.000><c> I</c><02:00:42.079><c> can</c><02:00:42.280><c> open</c><02:00:42.480><c> a</c> 02:00:42.629 --> 02:00:42.639 align:start position:0% we haven't included it but I can open a 02:00:42.639 --> 02:00:44.910 align:start position:0% we haven't included it but I can open a script<02:00:42.960><c> tag</c><02:00:43.320><c> here</c><02:00:43.920><c> to</c><02:00:44.079><c> close</c> 02:00:44.910 --> 02:00:44.920 align:start position:0% script tag here to close 02:00:44.920 --> 02:00:48.430 align:start position:0% script tag here to close it<02:00:45.920><c> and</c><02:00:46.079><c> then</c><02:00:46.599><c> as</c><02:00:47.000><c> it</c><02:00:47.239><c> Source</c><02:00:47.880><c> I'm</c><02:00:48.079><c> going</c><02:00:48.239><c> to</c> 02:00:48.430 --> 02:00:48.440 align:start position:0% it and then as it Source I'm going to 02:00:48.440 --> 02:00:52.629 align:start position:0% it and then as it Source I'm going to set<02:00:49.320><c> tutorial.</c><02:00:50.239><c> JS</c><02:00:51.239><c> going</c><02:00:51.400><c> to</c><02:00:51.639><c> specify</c><02:00:52.199><c> asset</c> 02:00:52.629 --> 02:00:52.639 align:start position:0% set tutorial. JS going to specify asset 02:00:52.639 --> 02:00:55.470 align:start position:0% set tutorial. JS going to specify asset URL<02:00:53.560><c> and</c><02:00:53.719><c> then</c><02:00:53.880><c> I'm</c><02:00:54.040><c> going</c><02:00:54.239><c> to</c><02:00:54.400><c> set</c><02:00:54.920><c> the</c><02:00:55.119><c> defer</c> 02:00:55.470 --> 02:00:55.480 align:start position:0% URL and then I'm going to set the defer 02:00:55.480 --> 02:00:56.910 align:start position:0% URL and then I'm going to set the defer attribute<02:00:55.920><c> because</c><02:00:56.159><c> otherwise</c><02:00:56.560><c> we</c><02:00:56.639><c> will</c><02:00:56.800><c> get</c> 02:00:56.910 --> 02:00:56.920 align:start position:0% attribute because otherwise we will get 02:00:56.920 --> 02:00:58.870 align:start position:0% attribute because otherwise we will get an<02:00:57.079><c> error</c><02:00:57.320><c> if</c><02:00:57.400><c> you</c><02:00:57.520><c> don't</c><02:00:57.719><c> specify</c><02:00:58.199><c> defer</c><02:00:58.599><c> or</c><02:00:58.760><c> a</c> 02:00:58.870 --> 02:00:58.880 align:start position:0% an error if you don't specify defer or a 02:00:58.880 --> 02:01:02.910 align:start position:0% an error if you don't specify defer or a Sync<02:00:59.320><c> here</c><02:01:00.320><c> if</c><02:01:00.440><c> I</c><02:01:00.560><c> save</c><02:01:00.920><c> this</c><02:01:01.280><c> I</c><02:01:01.400><c> go</c><02:01:01.520><c> to</c><02:01:01.639><c> the</c> 02:01:02.910 --> 02:01:02.920 align:start position:0% Sync here if I save this I go to the 02:01:02.920 --> 02:01:05.990 align:start position:0% Sync here if I save this I go to the site<02:01:03.920><c> and</c><02:01:04.040><c> I</c><02:01:04.239><c> refresh</c> 02:01:05.990 --> 02:01:06.000 align:start position:0% site and I refresh 02:01:06.000 --> 02:01:10.750 align:start position:0% site and I refresh this<02:01:07.000><c> I</c><02:01:07.119><c> see</c><02:01:07.360><c> here</c><02:01:07.599><c> hello</c><02:01:07.920><c> from</c><02:01:08.119><c> tutorial.</c> 02:01:10.750 --> 02:01:10.760 align:start position:0% this I see here hello from tutorial. 02:01:10.760 --> 02:01:13.270 align:start position:0% this I see here hello from tutorial. DS<02:01:11.760><c> now</c><02:01:11.960><c> at</c><02:01:12.119><c> this</c><02:01:12.280><c> point</c><02:01:12.480><c> we've</c><02:01:12.679><c> covered</c><02:01:13.079><c> a</c><02:01:13.159><c> lot</c> 02:01:13.270 --> 02:01:13.280 align:start position:0% DS now at this point we've covered a lot 02:01:13.280 --> 02:01:15.390 align:start position:0% DS now at this point we've covered a lot of<02:01:13.360><c> useful</c><02:01:13.760><c> filters</c><02:01:14.679><c> but</c><02:01:14.840><c> there</c><02:01:14.960><c> are</c><02:01:15.119><c> still</c> 02:01:15.390 --> 02:01:15.400 align:start position:0% of useful filters but there are still 02:01:15.400 --> 02:01:17.750 align:start position:0% of useful filters but there are still plenty<02:01:15.719><c> more</c><02:01:16.239><c> that</c><02:01:16.400><c> you</c><02:01:16.560><c> can</c><02:01:16.840><c> explore</c><02:01:17.599><c> I'm</c> 02:01:17.750 --> 02:01:17.760 align:start position:0% plenty more that you can explore I'm 02:01:17.760 --> 02:01:19.550 align:start position:0% plenty more that you can explore I'm going<02:01:17.920><c> to</c><02:01:18.079><c> leave</c><02:01:18.520><c> the</c><02:01:18.679><c> link</c> 02:01:19.550 --> 02:01:19.560 align:start position:0% going to leave the link 02:01:19.560 --> 02:01:22.709 align:start position:0% going to leave the link of<02:01:20.079><c> this</c><02:01:20.560><c> page</c><02:01:20.800><c> in</c><02:01:20.960><c> the</c><02:01:21.360><c> video</c><02:01:21.719><c> description</c> 02:01:22.709 --> 02:01:22.719 align:start position:0% of this page in the video description 02:01:22.719 --> 02:01:24.870 align:start position:0% of this page in the video description which<02:01:22.960><c> has</c><02:01:23.119><c> a</c><02:01:23.280><c> list</c><02:01:23.560><c> of</c><02:01:23.840><c> every</c><02:01:24.040><c> filter</c><02:01:24.599><c> that's</c> 02:01:24.870 --> 02:01:24.880 align:start position:0% which has a list of every filter that's 02:01:24.880 --> 02:01:28.709 align:start position:0% which has a list of every filter that's available<02:01:25.719><c> in</c><02:01:26.119><c> liid</c><02:01:27.119><c> with</c><02:01:27.480><c> Shopify</c><02:01:28.480><c> and</c><02:01:28.639><c> you</c> 02:01:28.709 --> 02:01:28.719 align:start position:0% available in liid with Shopify and you 02:01:28.719 --> 02:01:31.430 align:start position:0% available in liid with Shopify and you can<02:01:28.920><c> explore</c><02:01:29.320><c> them</c><02:01:30.159><c> there</c><02:01:30.280><c> are</c><02:01:30.480><c> some</c><02:01:30.800><c> that</c><02:01:30.920><c> are</c> 02:01:31.430 --> 02:01:31.440 align:start position:0% can explore them there are some that are 02:01:31.440 --> 02:01:33.270 align:start position:0% can explore them there are some that are specific<02:01:31.800><c> to</c><02:01:31.960><c> certain</c><02:01:32.400><c> resources</c><02:01:32.880><c> like</c><02:01:33.079><c> for</c> 02:01:33.270 --> 02:01:33.280 align:start position:0% specific to certain resources like for 02:01:33.280 --> 02:01:35.149 align:start position:0% specific to certain resources like for example<02:01:33.639><c> the</c><02:01:33.800><c> col</c><02:01:34.199><c> some</c><02:01:34.440><c> filters</c><02:01:34.800><c> that</c><02:01:34.880><c> are</c> 02:01:35.149 --> 02:01:35.159 align:start position:0% example the col some filters that are 02:01:35.159 --> 02:01:37.229 align:start position:0% example the col some filters that are specific<02:01:35.520><c> for</c><02:01:35.719><c> collections</c><02:01:36.639><c> some</c><02:01:36.840><c> filters</c> 02:01:37.229 --> 02:01:37.239 align:start position:0% specific for collections some filters 02:01:37.239 --> 02:01:39.470 align:start position:0% specific for collections some filters that<02:01:37.360><c> are</c><02:01:37.520><c> specific</c><02:01:37.880><c> for</c><02:01:38.280><c> customers</c><02:01:39.280><c> some</c> 02:01:39.470 --> 02:01:39.480 align:start position:0% that are specific for customers some 02:01:39.480 --> 02:01:42.229 align:start position:0% that are specific for customers some filters<02:01:40.000><c> that</c><02:01:40.159><c> are</c><02:01:40.480><c> specific</c><02:01:41.000><c> for</c><02:01:41.440><c> payments</c> 02:01:42.229 --> 02:01:42.239 align:start position:0% filters that are specific for payments 02:01:42.239 --> 02:01:44.709 align:start position:0% filters that are specific for payments and<02:01:42.400><c> so</c><02:01:42.599><c> on</c><02:01:43.159><c> so</c><02:01:44.000><c> depending</c><02:01:44.360><c> on</c><02:01:44.480><c> what</c><02:01:44.560><c> you're</c> 02:01:44.709 --> 02:01:44.719 align:start position:0% and so on so depending on what you're 02:01:44.719 --> 02:01:47.310 align:start position:0% and so on so depending on what you're trying<02:01:44.920><c> to</c><02:01:45.040><c> do</c><02:01:45.800><c> you</c><02:01:46.000><c> could</c><02:01:46.480><c> use</c><02:01:46.800><c> this</c><02:01:47.000><c> as</c><02:01:47.119><c> a</c> 02:01:47.310 --> 02:01:47.320 align:start position:0% trying to do you could use this as a 02:01:47.320 --> 02:01:49.669 align:start position:0% trying to do you could use this as a reference<02:01:47.800><c> guide</c><02:01:48.199><c> and</c><02:01:48.360><c> find</c><02:01:48.560><c> the</c><02:01:48.679><c> filter</c><02:01:49.280><c> that</c> 02:01:49.669 --> 02:01:49.679 align:start position:0% reference guide and find the filter that 02:01:49.679 --> 02:01:52.830 align:start position:0% reference guide and find the filter that uh<02:01:50.079><c> that</c><02:01:50.159><c> are</c><02:01:50.320><c> suited</c><02:01:50.679><c> for</c><02:01:51.360><c> that</c><02:01:52.360><c> now</c><02:01:52.560><c> before</c> 02:01:52.830 --> 02:01:52.840 align:start position:0% uh that are suited for that now before 02:01:52.840 --> 02:01:54.550 align:start position:0% uh that are suited for that now before closing<02:01:53.159><c> the</c><02:01:53.320><c> video</c><02:01:53.639><c> Let's</c><02:01:53.920><c> cover</c><02:01:54.239><c> a</c><02:01:54.360><c> few</c> 02:01:54.550 --> 02:01:54.560 align:start position:0% closing the video Let's cover a few 02:01:54.560 --> 02:01:56.270 align:start position:0% closing the video Let's cover a few miscellaneous<02:01:55.119><c> things</c><02:01:55.360><c> that</c><02:01:55.520><c> can</c><02:01:55.760><c> help</c><02:01:56.000><c> us</c><02:01:56.119><c> at</c> 02:01:56.270 --> 02:01:56.280 align:start position:0% miscellaneous things that can help us at 02:01:56.280 --> 02:01:57.950 align:start position:0% miscellaneous things that can help us at the<02:01:56.360><c> time</c><02:01:56.520><c> of</c><02:01:56.639><c> writing</c><02:01:57.000><c> liquid</c><02:01:57.360><c> so</c><02:01:57.639><c> let</c><02:01:57.800><c> me</c> 02:01:57.950 --> 02:01:57.960 align:start position:0% the time of writing liquid so let me 02:01:57.960 --> 02:02:00.510 align:start position:0% the time of writing liquid so let me delete<02:01:58.280><c> all</c><02:01:58.400><c> of</c><02:01:58.560><c> this</c><02:01:58.960><c> here</c><02:01:59.960><c> and</c><02:02:00.199><c> the</c><02:02:00.320><c> first</c> 02:02:00.510 --> 02:02:00.520 align:start position:0% delete all of this here and the first 02:02:00.520 --> 02:02:02.910 align:start position:0% delete all of this here and the first thing<02:02:00.679><c> we'll</c><02:02:00.880><c> do</c><02:02:01.159><c> is</c><02:02:01.400><c> cover</c><02:02:01.800><c> the</c><02:02:02.079><c> liquid</c><02:02:02.520><c> tag</c> 02:02:02.910 --> 02:02:02.920 align:start position:0% thing we'll do is cover the liquid tag 02:02:02.920 --> 02:02:05.510 align:start position:0% thing we'll do is cover the liquid tag here<02:02:03.560><c> so</c><02:02:04.320><c> this</c><02:02:04.520><c> tag</c><02:02:04.719><c> will</c><02:02:04.880><c> help</c><02:02:05.159><c> us</c><02:02:05.280><c> at</c><02:02:05.400><c> the</c> 02:02:05.510 --> 02:02:05.520 align:start position:0% here so this tag will help us at the 02:02:05.520 --> 02:02:07.430 align:start position:0% here so this tag will help us at the time<02:02:05.679><c> of</c><02:02:05.840><c> writing</c><02:02:06.199><c> longer</c><02:02:06.520><c> blocks</c><02:02:06.840><c> of</c><02:02:06.960><c> liquid</c> 02:02:07.430 --> 02:02:07.440 align:start position:0% time of writing longer blocks of liquid 02:02:07.440 --> 02:02:09.310 align:start position:0% time of writing longer blocks of liquid so<02:02:07.719><c> you've</c><02:02:07.920><c> seen</c><02:02:08.159><c> throughout</c><02:02:08.520><c> this</c><02:02:08.679><c> video</c> 02:02:09.310 --> 02:02:09.320 align:start position:0% so you've seen throughout this video 02:02:09.320 --> 02:02:10.750 align:start position:0% so you've seen throughout this video that<02:02:09.480><c> whenever</c><02:02:09.800><c> I</c><02:02:09.880><c> need</c><02:02:10.079><c> to</c><02:02:10.239><c> write</c><02:02:10.480><c> something</c> 02:02:10.750 --> 02:02:10.760 align:start position:0% that whenever I need to write something 02:02:10.760 --> 02:02:13.149 align:start position:0% that whenever I need to write something in<02:02:10.920><c> liquid</c><02:02:11.320><c> I</c><02:02:11.480><c> have</c><02:02:11.599><c> to</c><02:02:11.840><c> do</c><02:02:12.199><c> this</c><02:02:12.520><c> open</c><02:02:12.840><c> cly</c> 02:02:13.149 --> 02:02:13.159 align:start position:0% in liquid I have to do this open cly 02:02:13.159 --> 02:02:16.189 align:start position:0% in liquid I have to do this open cly bracket<02:02:13.599><c> percentage</c><02:02:14.159><c> time</c><02:02:15.159><c> and</c><02:02:15.400><c> then</c><02:02:15.920><c> inside</c> 02:02:16.189 --> 02:02:16.199 align:start position:0% bracket percentage time and then inside 02:02:16.199 --> 02:02:19.069 align:start position:0% bracket percentage time and then inside of<02:02:16.599><c> this</c><02:02:17.599><c> create</c><02:02:17.920><c> my</c><02:02:18.040><c> liquid</c><02:02:18.360><c> expression</c><02:02:18.719><c> so</c> 02:02:19.069 --> 02:02:19.079 align:start position:0% of this create my liquid expression so 02:02:19.079 --> 02:02:20.589 align:start position:0% of this create my liquid expression so assign<02:02:19.360><c> my</c><02:02:19.480><c> variable</c><02:02:19.800><c> equals</c><02:02:20.119><c> 10</c><02:02:20.440><c> you're</c> 02:02:20.589 --> 02:02:20.599 align:start position:0% assign my variable equals 10 you're 02:02:20.599 --> 02:02:23.669 align:start position:0% assign my variable equals 10 you're seeing<02:02:20.960><c> that</c><02:02:21.320><c> I</c><02:02:21.440><c> have</c><02:02:21.599><c> to</c><02:02:22.000><c> use</c><02:02:22.320><c> this</c><02:02:23.159><c> all</c><02:02:23.360><c> the</c> 02:02:23.669 --> 02:02:23.679 align:start position:0% seeing that I have to use this all the 02:02:23.679 --> 02:02:26.510 align:start position:0% seeing that I have to use this all the time<02:02:24.679><c> and</c><02:02:24.880><c> if</c><02:02:25.119><c> we</c><02:02:25.719><c> are</c><02:02:25.920><c> writing</c><02:02:26.199><c> a</c><02:02:26.280><c> lot</c><02:02:26.440><c> of</c> 02:02:26.510 --> 02:02:26.520 align:start position:0% time and if we are writing a lot of 02:02:26.520 --> 02:02:29.069 align:start position:0% time and if we are writing a lot of liquid<02:02:26.840><c> this</c><02:02:27.040><c> can</c><02:02:27.199><c> get</c><02:02:27.400><c> annoying</c><02:02:27.920><c> so</c><02:02:28.719><c> instead</c> 02:02:29.069 --> 02:02:29.079 align:start position:0% liquid this can get annoying so instead 02:02:29.079 --> 02:02:32.350 align:start position:0% liquid this can get annoying so instead we<02:02:29.199><c> can</c><02:02:29.360><c> use</c><02:02:29.599><c> this</c><02:02:30.239><c> to</c><02:02:31.239><c> to</c><02:02:31.480><c> get</c><02:02:31.840><c> things</c><02:02:32.040><c> a</c><02:02:32.199><c> bit</c> 02:02:32.350 --> 02:02:32.360 align:start position:0% we can use this to to get things a bit 02:02:32.360 --> 02:02:34.790 align:start position:0% we can use this to to get things a bit easier<02:02:32.719><c> so</c><02:02:32.880><c> for</c><02:02:33.040><c> example</c><02:02:33.639><c> assign</c><02:02:33.920><c> my</c><02:02:34.119><c> variable</c> 02:02:34.790 --> 02:02:34.800 align:start position:0% easier so for example assign my variable 02:02:34.800 --> 02:02:35.750 align:start position:0% easier so for example assign my variable equals 02:02:35.750 --> 02:02:35.760 align:start position:0% equals 02:02:35.760 --> 02:02:41.589 align:start position:0% equals 10<02:02:36.760><c> now</c><02:02:37.239><c> for</c><02:02:37.719><c> product</c><02:02:38.960><c> in</c><02:02:39.960><c> collection.</c> 02:02:41.589 --> 02:02:41.599 align:start position:0% 10 now for product in collection. 02:02:41.599 --> 02:02:43.550 align:start position:0% 10 now for product in collection. products<02:02:42.599><c> and</c> 02:02:43.550 --> 02:02:43.560 align:start position:0% products and 02:02:43.560 --> 02:02:46.669 align:start position:0% products and four<02:02:44.560><c> and</c><02:02:44.679><c> let's</c><02:02:44.880><c> say</c><02:02:45.040><c> that</c><02:02:45.159><c> I</c><02:02:45.400><c> want</c><02:02:45.560><c> to</c><02:02:45.760><c> print</c> 02:02:46.669 --> 02:02:46.679 align:start position:0% four and let's say that I want to print 02:02:46.679 --> 02:02:51.149 align:start position:0% four and let's say that I want to print the<02:02:47.679><c> product</c><02:02:48.400><c> title</c><02:02:49.280><c> so</c><02:02:50.280><c> when</c><02:02:50.480><c> we</c><02:02:50.599><c> are</c><02:02:50.800><c> using</c> 02:02:51.149 --> 02:02:51.159 align:start position:0% the product title so when we are using 02:02:51.159 --> 02:02:53.149 align:start position:0% the product title so when we are using liquid<02:02:51.599><c> to</c><02:02:51.800><c> print</c><02:02:52.079><c> we</c><02:02:52.199><c> have</c><02:02:52.320><c> to</c><02:02:52.440><c> use</c><02:02:52.719><c> Echo</c> 02:02:53.149 --> 02:02:53.159 align:start position:0% liquid to print we have to use Echo 02:02:53.159 --> 02:02:55.870 align:start position:0% liquid to print we have to use Echo otherwise<02:02:54.079><c> it</c><02:02:54.199><c> won't</c><02:02:54.520><c> work</c><02:02:54.840><c> so</c><02:02:55.159><c> I</c><02:02:55.320><c> if</c><02:02:55.400><c> I</c><02:02:55.599><c> remove</c> 02:02:55.870 --> 02:02:55.880 align:start position:0% otherwise it won't work so I if I remove 02:02:55.880 --> 02:02:58.229 align:start position:0% otherwise it won't work so I if I remove Echo<02:02:56.159><c> here</c><02:02:56.280><c> we</c><02:02:56.400><c> see</c><02:02:56.639><c> we</c><02:02:56.719><c> have</c><02:02:56.920><c> this</c><02:02:57.040><c> server</c><02:02:58.040><c> and</c> 02:02:58.229 --> 02:02:58.239 align:start position:0% Echo here we see we have this server and 02:02:58.239 --> 02:03:00.350 align:start position:0% Echo here we see we have this server and anyways<02:02:58.679><c> if</c><02:02:58.800><c> I</c><02:02:58.920><c> save</c> 02:03:00.350 --> 02:03:00.360 align:start position:0% anyways if I save 02:03:00.360 --> 02:03:02.790 align:start position:0% anyways if I save this<02:03:01.360><c> this</c><02:03:01.480><c> was</c><02:03:01.679><c> from</c><02:03:01.800><c> the</c><02:03:02.000><c> previous</c><02:03:02.520><c> code</c> 02:03:02.790 --> 02:03:02.800 align:start position:0% this this was from the previous code 02:03:02.800 --> 02:03:04.950 align:start position:0% this this was from the previous code that<02:03:02.920><c> we</c><02:03:03.040><c> had</c><02:03:03.239><c> here</c><02:03:04.239><c> and</c><02:03:04.400><c> now</c><02:03:04.560><c> on</c><02:03:04.760><c> this</c> 02:03:04.950 --> 02:03:04.960 align:start position:0% that we had here and now on this 02:03:04.960 --> 02:03:08.510 align:start position:0% that we had here and now on this refreshes<02:03:05.840><c> we</c><02:03:05.960><c> see</c><02:03:06.400><c> all</c><02:03:06.679><c> the</c><02:03:07.520><c> product</c><02:03:07.920><c> titles</c> 02:03:08.510 --> 02:03:08.520 align:start position:0% refreshes we see all the product titles 02:03:08.520 --> 02:03:11.229 align:start position:0% refreshes we see all the product titles in<02:03:08.679><c> the</c><02:03:09.119><c> page</c><02:03:10.119><c> and</c><02:03:10.280><c> let's</c><02:03:10.480><c> say</c><02:03:10.679><c> that</c><02:03:10.800><c> we</c><02:03:10.960><c> wanted</c> 02:03:11.229 --> 02:03:11.239 align:start position:0% in the page and let's say that we wanted 02:03:11.239 --> 02:03:13.830 align:start position:0% in the page and let's say that we wanted to<02:03:11.360><c> print</c><02:03:11.679><c> each</c><02:03:11.840><c> one</c><02:03:12.159><c> in</c><02:03:12.320><c> its</c><02:03:12.440><c> own</c><02:03:12.679><c> line</c><02:03:13.480><c> I</c><02:03:13.599><c> can</c> 02:03:13.830 --> 02:03:13.840 align:start position:0% to print each one in its own line I can 02:03:13.840 --> 02:03:17.950 align:start position:0% to print each one in its own line I can W<02:03:14.159><c> wrap</c><02:03:14.480><c> this</c><02:03:14.679><c> inside</c><02:03:15.119><c> PEX</c><02:03:15.960><c> by</c><02:03:16.079><c> doing</c><02:03:16.639><c> this</c><02:03:17.639><c> so</c> 02:03:17.950 --> 02:03:17.960 align:start position:0% W wrap this inside PEX by doing this so 02:03:17.960 --> 02:03:19.950 align:start position:0% W wrap this inside PEX by doing this so here<02:03:18.280><c> all</c><02:03:18.480><c> these</c><02:03:18.599><c> effect</c> 02:03:19.950 --> 02:03:19.960 align:start position:0% here all these effect 02:03:19.960 --> 02:03:22.069 align:start position:0% here all these effect and<02:03:20.119><c> then</c><02:03:20.360><c> I'll</c><02:03:20.560><c> use</c><02:03:20.719><c> a</c><02:03:20.920><c> p</c><02:03:21.199><c> again</c><02:03:21.400><c> to</c><02:03:21.639><c> close</c> 02:03:22.069 --> 02:03:22.079 align:start position:0% and then I'll use a p again to close 02:03:22.079 --> 02:03:25.109 align:start position:0% and then I'll use a p again to close this<02:03:22.320><c> B</c><02:03:22.599><c> tag</c><02:03:23.599><c> and</c><02:03:23.719><c> if</c><02:03:23.840><c> I</c><02:03:24.000><c> save</c> 02:03:25.109 --> 02:03:25.119 align:start position:0% this B tag and if I save 02:03:25.119 --> 02:03:28.750 align:start position:0% this B tag and if I save this<02:03:26.119><c> now</c><02:03:26.560><c> each</c><02:03:26.920><c> product</c><02:03:27.199><c> title</c><02:03:28.040><c> goes</c><02:03:28.400><c> in</c><02:03:28.599><c> its</c> 02:03:28.750 --> 02:03:28.760 align:start position:0% this now each product title goes in its 02:03:28.760 --> 02:03:29.629 align:start position:0% this now each product title goes in its own 02:03:29.629 --> 02:03:29.639 align:start position:0% own 02:03:29.639 --> 02:03:31.990 align:start position:0% own line<02:03:30.639><c> see</c><02:03:30.840><c> until</c><02:03:31.119><c> click</c><02:03:31.360><c> on</c><02:03:31.520><c> a</c><02:03:31.719><c> different</c> 02:03:31.990 --> 02:03:32.000 align:start position:0% line see until click on a different 02:03:32.000 --> 02:03:34.030 align:start position:0% line see until click on a different collection<02:03:32.360><c> here</c><02:03:32.599><c> but</c><02:03:33.119><c> we</c><02:03:33.199><c> can</c><02:03:33.360><c> see</c><02:03:33.679><c> that</c><02:03:33.880><c> no</c> 02:03:34.030 --> 02:03:34.040 align:start position:0% collection here but we can see that no 02:03:34.040 --> 02:03:35.589 align:start position:0% collection here but we can see that no matter<02:03:34.280><c> the</c><02:03:34.360><c> collection</c><02:03:34.760><c> each</c><02:03:35.000><c> product</c><02:03:35.280><c> title</c> 02:03:35.589 --> 02:03:35.599 align:start position:0% matter the collection each product title 02:03:35.599 --> 02:03:38.870 align:start position:0% matter the collection each product title goes<02:03:35.880><c> in</c><02:03:36.040><c> its</c><02:03:36.159><c> own</c> 02:03:38.870 --> 02:03:38.880 align:start position:0% 02:03:38.880 --> 02:03:42.430 align:start position:0% line<02:03:39.880><c> and</c><02:03:40.079><c> now</c><02:03:41.079><c> let's</c><02:03:41.320><c> say</c><02:03:41.520><c> that</c><02:03:41.679><c> I</c><02:03:41.920><c> wanted</c><02:03:42.239><c> to</c> 02:03:42.430 --> 02:03:42.440 align:start position:0% line and now let's say that I wanted to 02:03:42.440 --> 02:03:43.950 align:start position:0% line and now let's say that I wanted to access<02:03:42.719><c> this</c><02:03:42.920><c> variable</c><02:03:43.280><c> from</c><02:03:43.480><c> outside</c><02:03:43.800><c> this</c> 02:03:43.950 --> 02:03:43.960 align:start position:0% access this variable from outside this 02:03:43.960 --> 02:03:46.870 align:start position:0% access this variable from outside this liquid<02:03:44.280><c> block</c><02:03:44.719><c> can</c><02:03:44.880><c> I</c><02:03:45.000><c> do</c><02:03:45.239><c> that</c><02:03:45.599><c> well</c> 02:03:46.870 --> 02:03:46.880 align:start position:0% liquid block can I do that well 02:03:46.880 --> 02:03:49.950 align:start position:0% liquid block can I do that well yes<02:03:47.880><c> I</c><02:03:48.000><c> can</c><02:03:48.599><c> print</c><02:03:49.000><c> this</c><02:03:49.199><c> here</c><02:03:49.480><c> this</c><02:03:49.639><c> variable</c> 02:03:49.950 --> 02:03:49.960 align:start position:0% yes I can print this here this variable 02:03:49.960 --> 02:03:52.390 align:start position:0% yes I can print this here this variable is<02:03:50.119><c> 10</c><02:03:51.000><c> and</c><02:03:51.119><c> I</c><02:03:51.239><c> should</c><02:03:51.440><c> see</c><02:03:51.639><c> a</c><02:03:51.800><c> 10</c><02:03:52.079><c> at</c><02:03:52.159><c> the</c><02:03:52.239><c> end</c> 02:03:52.390 --> 02:03:52.400 align:start position:0% is 10 and I should see a 10 at the end 02:03:52.400 --> 02:03:54.470 align:start position:0% is 10 and I should see a 10 at the end of<02:03:52.480><c> the</c><02:03:52.599><c> page</c><02:03:52.880><c> now</c><02:03:53.199><c> here</c><02:03:53.360><c> at</c><02:03:53.480><c> the</c><02:03:53.559><c> end</c><02:03:53.719><c> of</c><02:03:53.920><c> this</c> 02:03:54.470 --> 02:03:54.480 align:start position:0% of the page now here at the end of this 02:03:54.480 --> 02:03:56.629 align:start position:0% of the page now here at the end of this log<02:03:54.719><c> of</c><02:03:54.920><c> text</c><02:03:55.520><c> this</c><02:03:55.639><c> is</c><02:03:55.800><c> the</c><02:03:56.239><c> this</c><02:03:56.320><c> is</c><02:03:56.480><c> my</c> 02:03:56.629 --> 02:03:56.639 align:start position:0% log of text this is the this is my 02:03:56.639 --> 02:03:58.030 align:start position:0% log of text this is the this is my variable<02:03:57.000><c> this</c><02:03:57.119><c> is</c><02:03:57.199><c> the</c><02:03:57.480><c> value</c><02:03:57.719><c> of</c><02:03:57.880><c> my</c> 02:03:58.030 --> 02:03:58.040 align:start position:0% variable this is the value of my 02:03:58.040 --> 02:03:59.430 align:start position:0% variable this is the value of my variable 02:03:59.430 --> 02:03:59.440 align:start position:0% variable 02:03:59.440 --> 02:04:02.030 align:start position:0% variable here<02:04:00.440><c> okay</c><02:04:00.559><c> so</c><02:04:00.760><c> the</c><02:04:00.880><c> next</c><02:04:01.040><c> thing</c><02:04:01.199><c> we'll</c><02:04:01.360><c> see</c><02:04:01.880><c> is</c> 02:04:02.030 --> 02:04:02.040 align:start position:0% here okay so the next thing we'll see is 02:04:02.040 --> 02:04:03.950 align:start position:0% here okay so the next thing we'll see is the<02:04:02.239><c> render</c><02:04:02.639><c> tag</c><02:04:03.079><c> we</c><02:04:03.239><c> saw</c><02:04:03.480><c> this</c><02:04:03.679><c> at</c><02:04:03.800><c> the</c> 02:04:03.950 --> 02:04:03.960 align:start position:0% the render tag we saw this at the 02:04:03.960 --> 02:04:06.229 align:start position:0% the render tag we saw this at the beginning<02:04:04.280><c> of</c><02:04:04.400><c> the</c><02:04:04.520><c> video</c><02:04:05.199><c> when</c><02:04:05.440><c> we</c><02:04:05.840><c> added</c> 02:04:06.229 --> 02:04:06.239 align:start position:0% beginning of the video when we added 02:04:06.239 --> 02:04:10.030 align:start position:0% beginning of the video when we added this<02:04:06.440><c> line</c><02:04:06.679><c> over</c><02:04:06.960><c> here</c><02:04:07.840><c> to</c><02:04:08.440><c> render</c><02:04:09.440><c> in</c><02:04:09.840><c> this</c> 02:04:10.030 --> 02:04:10.040 align:start position:0% this line over here to render in this 02:04:10.040 --> 02:04:12.470 align:start position:0% this line over here to render in this exact<02:04:10.440><c> spot</c><02:04:11.079><c> the</c><02:04:11.239><c> content</c><02:04:11.599><c> of</c><02:04:11.760><c> tutorial.</c> 02:04:12.470 --> 02:04:12.480 align:start position:0% exact spot the content of tutorial. 02:04:12.480 --> 02:04:15.669 align:start position:0% exact spot the content of tutorial. liquid<02:04:13.480><c> so</c><02:04:14.000><c> render</c><02:04:14.480><c> can</c><02:04:14.639><c> basically</c><02:04:15.079><c> take</c><02:04:15.400><c> any</c> 02:04:15.669 --> 02:04:15.679 align:start position:0% liquid so render can basically take any 02:04:15.679 --> 02:04:17.589 align:start position:0% liquid so render can basically take any file<02:04:16.040><c> in</c><02:04:16.199><c> the</c><02:04:16.320><c> snippet</c><02:04:16.760><c> directory</c><02:04:17.400><c> and</c> 02:04:17.589 --> 02:04:17.599 align:start position:0% file in the snippet directory and 02:04:17.599 --> 02:04:19.589 align:start position:0% file in the snippet directory and replace<02:04:18.000><c> this</c><02:04:18.159><c> line</c><02:04:18.480><c> with</c><02:04:18.639><c> the</c><02:04:18.920><c> content</c><02:04:19.400><c> of</c> 02:04:19.589 --> 02:04:19.599 align:start position:0% replace this line with the content of 02:04:19.599 --> 02:04:20.510 align:start position:0% replace this line with the content of this 02:04:20.510 --> 02:04:20.520 align:start position:0% this 02:04:20.520 --> 02:04:22.830 align:start position:0% this file<02:04:21.520><c> however</c><02:04:21.880><c> it</c><02:04:22.040><c> can</c><02:04:22.199><c> also</c><02:04:22.480><c> receive</c> 02:04:22.830 --> 02:04:22.840 align:start position:0% file however it can also receive 02:04:22.840 --> 02:04:25.189 align:start position:0% file however it can also receive arguments<02:04:23.639><c> so</c><02:04:23.960><c> we</c><02:04:24.079><c> can</c><02:04:24.239><c> pass</c><02:04:24.480><c> arguments</c><02:04:24.960><c> two</c> 02:04:25.189 --> 02:04:25.199 align:start position:0% arguments so we can pass arguments two 02:04:25.199 --> 02:04:27.470 align:start position:0% arguments so we can pass arguments two ways<02:04:25.520><c> we</c><02:04:25.639><c> can</c><02:04:25.800><c> pass</c><02:04:25.960><c> a</c><02:04:26.119><c> default</c><02:04:26.480><c> argument</c><02:04:27.320><c> with</c> 02:04:27.470 --> 02:04:27.480 align:start position:0% ways we can pass a default argument with 02:04:27.480 --> 02:04:31.109 align:start position:0% ways we can pass a default argument with the<02:04:27.679><c> with</c><02:04:28.040><c> keyword</c><02:04:28.559><c> so</c><02:04:28.840><c> here</c><02:04:29.079><c> let's</c><02:04:29.800><c> say</c> 02:04:31.109 --> 02:04:31.119 align:start position:0% the with keyword so here let's say 02:04:31.119 --> 02:04:34.470 align:start position:0% the with keyword so here let's say default<02:04:32.119><c> argument</c><02:04:32.800><c> here</c><02:04:33.159><c> and</c><02:04:33.280><c> if</c><02:04:33.360><c> I</c><02:04:33.480><c> save</c> 02:04:34.470 --> 02:04:34.480 align:start position:0% default argument here and if I save 02:04:34.480 --> 02:04:37.390 align:start position:0% default argument here and if I save this<02:04:35.480><c> to</c><02:04:35.760><c> access</c><02:04:36.159><c> this</c><02:04:36.559><c> string</c><02:04:36.920><c> this</c><02:04:37.079><c> default</c> 02:04:37.390 --> 02:04:37.400 align:start position:0% this to access this string this default 02:04:37.400 --> 02:04:41.270 align:start position:0% this to access this string this default argument<02:04:37.960><c> string</c><02:04:38.960><c> I</c><02:04:39.119><c> just</c><02:04:39.360><c> have</c><02:04:39.960><c> to</c><02:04:40.960><c> access</c> 02:04:41.270 --> 02:04:41.280 align:start position:0% argument string I just have to access 02:04:41.280 --> 02:04:43.350 align:start position:0% argument string I just have to access the<02:04:41.440><c> variable</c><02:04:41.880><c> that</c><02:04:42.000><c> is</c><02:04:42.159><c> named</c><02:04:42.559><c> exactly</c><02:04:43.119><c> how</c> 02:04:43.350 --> 02:04:43.360 align:start position:0% the variable that is named exactly how 02:04:43.360 --> 02:04:46.030 align:start position:0% the variable that is named exactly how this<02:04:43.559><c> file</c><02:04:43.920><c> is</c><02:04:44.119><c> named</c><02:04:44.480><c> so</c><02:04:44.679><c> in</c><02:04:44.800><c> this</c><02:04:45.000><c> case</c> 02:04:46.030 --> 02:04:46.040 align:start position:0% this file is named so in this case 02:04:46.040 --> 02:04:48.910 align:start position:0% this file is named so in this case tutorial<02:04:47.040><c> by</c><02:04:47.199><c> printing</c><02:04:47.599><c> this</c><02:04:47.920><c> I</c><02:04:48.079><c> see</c><02:04:48.360><c> default</c> 02:04:48.910 --> 02:04:48.920 align:start position:0% tutorial by printing this I see default 02:04:48.920 --> 02:04:51.709 align:start position:0% tutorial by printing this I see default argument<02:04:49.760><c> now</c><02:04:50.000><c> we</c><02:04:50.119><c> can</c><02:04:50.320><c> also</c><02:04:50.679><c> pass</c><02:04:51.360><c> named</c> 02:04:51.709 --> 02:04:51.719 align:start position:0% argument now we can also pass named 02:04:51.719 --> 02:04:53.510 align:start position:0% argument now we can also pass named argument<02:04:52.159><c> so</c><02:04:52.320><c> let's</c><02:04:52.520><c> say</c><02:04:52.760><c> that</c><02:04:52.920><c> I</c><02:04:53.040><c> want</c><02:04:53.239><c> to</c> 02:04:53.510 --> 02:04:53.520 align:start position:0% argument so let's say that I want to 02:04:53.520 --> 02:04:57.470 align:start position:0% argument so let's say that I want to pass<02:04:54.360><c> here</c><02:04:55.559><c> title</c><02:04:56.559><c> the</c><02:04:56.880><c> and</c><02:04:57.000><c> the</c><02:04:57.119><c> value</c><02:04:57.360><c> here</c> 02:04:57.470 --> 02:04:57.480 align:start position:0% pass here title the and the value here 02:04:57.480 --> 02:04:58.750 align:start position:0% pass here title the and the value here will<02:04:57.599><c> be</c><02:04:57.840><c> my</c> 02:04:58.750 --> 02:04:58.760 align:start position:0% will be my 02:04:58.760 --> 02:05:02.350 align:start position:0% will be my title<02:04:59.760><c> if</c><02:04:59.880><c> I</c><02:05:00.000><c> save</c> 02:05:02.350 --> 02:05:02.360 align:start position:0% title if I save 02:05:02.360 --> 02:05:08.430 align:start position:0% title if I save this<02:05:03.360><c> and</c><02:05:03.480><c> I</c><02:05:03.719><c> access</c><02:05:04.040><c> your</c> 02:05:08.430 --> 02:05:08.440 align:start position:0% 02:05:08.440 --> 02:05:11.189 align:start position:0% title<02:05:09.440><c> I</c><02:05:09.599><c> see</c><02:05:09.800><c> here</c><02:05:10.000><c> my</c> 02:05:11.189 --> 02:05:11.199 align:start position:0% title I see here my 02:05:11.199 --> 02:05:13.510 align:start position:0% title I see here my title<02:05:12.199><c> we</c><02:05:12.320><c> can</c><02:05:12.480><c> also</c><02:05:12.800><c> pass</c><02:05:13.000><c> more</c><02:05:13.199><c> than</c><02:05:13.360><c> one</c> 02:05:13.510 --> 02:05:13.520 align:start position:0% title we can also pass more than one 02:05:13.520 --> 02:05:15.950 align:start position:0% title we can also pass more than one argument<02:05:13.920><c> so</c><02:05:14.119><c> let's</c><02:05:14.280><c> say</c><02:05:14.559><c> description</c> 02:05:15.950 --> 02:05:15.960 align:start position:0% argument so let's say description 02:05:15.960 --> 02:05:19.549 align:start position:0% argument so let's say description here<02:05:16.960><c> my</c><02:05:17.679><c> description</c> 02:05:19.549 --> 02:05:19.559 align:start position:0% here my description 02:05:19.559 --> 02:05:21.470 align:start position:0% here my description if<02:05:19.719><c> I</c><02:05:19.840><c> save</c> 02:05:21.470 --> 02:05:21.480 align:start position:0% if I save 02:05:21.480 --> 02:05:25.109 align:start position:0% if I save this<02:05:22.480><c> and</c><02:05:22.760><c> print</c> 02:05:25.109 --> 02:05:25.119 align:start position:0% this and print 02:05:25.119 --> 02:05:27.549 align:start position:0% this and print description<02:05:26.119><c> I</c><02:05:26.280><c> see</c><02:05:26.480><c> the</c><02:05:26.639><c> value</c><02:05:26.920><c> of</c> 02:05:27.549 --> 02:05:27.559 align:start position:0% description I see the value of 02:05:27.559 --> 02:05:30.750 align:start position:0% description I see the value of description<02:05:28.559><c> here</c><02:05:28.760><c> in</c><02:05:28.880><c> the</c><02:05:29.440><c> page</c><02:05:30.440><c> we</c><02:05:30.599><c> just</c> 02:05:30.750 --> 02:05:30.760 align:start position:0% description here in the page we just 02:05:30.760 --> 02:05:32.310 align:start position:0% description here in the page we just have<02:05:30.920><c> to</c><02:05:31.040><c> make</c><02:05:31.199><c> sure</c><02:05:31.400><c> we</c><02:05:31.559><c> separate</c><02:05:31.960><c> them</c><02:05:32.159><c> by</c> 02:05:32.310 --> 02:05:32.320 align:start position:0% have to make sure we separate them by 02:05:32.320 --> 02:05:34.629 align:start position:0% have to make sure we separate them by comma<02:05:33.320><c> Now</c><02:05:33.520><c> something</c><02:05:33.840><c> important</c><02:05:34.159><c> to</c><02:05:34.320><c> notice</c> 02:05:34.629 --> 02:05:34.639 align:start position:0% comma Now something important to notice 02:05:34.639 --> 02:05:37.709 align:start position:0% comma Now something important to notice here<02:05:35.000><c> is</c><02:05:35.199><c> that</c><02:05:35.719><c> like</c><02:05:35.960><c> when</c><02:05:36.159><c> we</c><02:05:36.280><c> are</c><02:05:37.079><c> um</c> 02:05:37.709 --> 02:05:37.719 align:start position:0% here is that like when we are um 02:05:37.719 --> 02:05:40.069 align:start position:0% here is that like when we are um declaring<02:05:38.159><c> an</c><02:05:38.280><c> if</c><02:05:38.480><c> statement</c><02:05:39.280><c> that</c><02:05:39.440><c> we</c><02:05:39.599><c> cannot</c> 02:05:40.069 --> 02:05:40.079 align:start position:0% declaring an if statement that we cannot 02:05:40.079 --> 02:05:42.109 align:start position:0% declaring an if statement that we cannot we<02:05:40.199><c> cannot</c><02:05:40.480><c> use</c><02:05:40.679><c> filters</c><02:05:41.119><c> in</c><02:05:41.239><c> the</c><02:05:41.559><c> conditional</c> 02:05:42.109 --> 02:05:42.119 align:start position:0% we cannot use filters in the conditional 02:05:42.119 --> 02:05:44.669 align:start position:0% we cannot use filters in the conditional we<02:05:42.280><c> cannot</c><02:05:42.760><c> use</c><02:05:43.000><c> filters</c><02:05:43.960><c> when</c><02:05:44.239><c> passing</c><02:05:44.520><c> an</c> 02:05:44.669 --> 02:05:44.679 align:start position:0% we cannot use filters when passing an 02:05:44.679 --> 02:05:46.510 align:start position:0% we cannot use filters when passing an argument<02:05:45.000><c> to</c><02:05:45.360><c> here</c><02:05:45.599><c> so</c><02:05:45.760><c> for</c><02:05:45.920><c> example</c><02:05:46.199><c> if</c><02:05:46.360><c> I</c> 02:05:46.510 --> 02:05:46.520 align:start position:0% argument to here so for example if I 02:05:46.520 --> 02:05:49.470 align:start position:0% argument to here so for example if I wanted<02:05:47.040><c> to</c><02:05:48.040><c> make</c><02:05:48.280><c> this</c><02:05:48.679><c> description</c> 02:05:49.470 --> 02:05:49.480 align:start position:0% wanted to make this description 02:05:49.480 --> 02:05:51.830 align:start position:0% wanted to make this description uppercase<02:05:50.040><c> by</c><02:05:50.159><c> using</c><02:05:50.400><c> the</c><02:05:50.520><c> upase</c><02:05:50.920><c> filter</c><02:05:51.719><c> I</c> 02:05:51.830 --> 02:05:51.840 align:start position:0% uppercase by using the upase filter I 02:05:51.840 --> 02:05:53.950 align:start position:0% uppercase by using the upase filter I can<02:05:52.000><c> save</c> 02:05:53.950 --> 02:05:53.960 align:start position:0% can save 02:05:53.960 --> 02:05:57.149 align:start position:0% can save this<02:05:54.960><c> but</c><02:05:55.199><c> my</c><02:05:55.400><c> description</c><02:05:56.400><c> is</c><02:05:56.639><c> still</c><02:05:56.800><c> is</c><02:05:56.920><c> not</c> 02:05:57.149 --> 02:05:57.159 align:start position:0% this but my description is still is not 02:05:57.159 --> 02:05:59.629 align:start position:0% this but my description is still is not in<02:05:57.400><c> up</c><02:05:57.800><c> in</c><02:05:58.040><c> uppercase</c><02:05:59.040><c> even</c><02:05:59.280><c> though</c><02:05:59.520><c> this</c> 02:05:59.629 --> 02:05:59.639 align:start position:0% in up in uppercase even though this 02:05:59.639 --> 02:06:01.669 align:start position:0% in up in uppercase even though this doesn't<02:05:59.920><c> throw</c><02:06:00.159><c> any</c><02:06:00.360><c> error</c><02:06:00.920><c> we</c><02:06:01.119><c> just</c><02:06:01.400><c> don't</c> 02:06:01.669 --> 02:06:01.679 align:start position:0% doesn't throw any error we just don't 02:06:01.679 --> 02:06:02.669 align:start position:0% doesn't throw any error we just don't get 02:06:02.669 --> 02:06:02.679 align:start position:0% get 02:06:02.679 --> 02:06:06.030 align:start position:0% get the<02:06:03.679><c> the</c><02:06:04.320><c> value</c><02:06:04.679><c> we</c><02:06:04.880><c> expected</c><02:06:05.400><c> so</c><02:06:05.760><c> if</c><02:06:05.880><c> we</c> 02:06:06.030 --> 02:06:06.040 align:start position:0% the the value we expected so if we 02:06:06.040 --> 02:06:07.310 align:start position:0% the the value we expected so if we wanted<02:06:06.320><c> to</c><02:06:06.480><c> pass</c><02:06:06.639><c> a</c><02:06:06.760><c> description</c><02:06:07.159><c> in</c> 02:06:07.310 --> 02:06:07.320 align:start position:0% wanted to pass a description in 02:06:07.320 --> 02:06:08.549 align:start position:0% wanted to pass a description in uppercase<02:06:07.760><c> we'll</c><02:06:07.920><c> have</c><02:06:08.040><c> to</c><02:06:08.159><c> declare</c><02:06:08.440><c> an</c> 02:06:08.549 --> 02:06:08.559 align:start position:0% uppercase we'll have to declare an 02:06:08.559 --> 02:06:13.549 align:start position:0% uppercase we'll have to declare an intermediary<02:06:09.119><c> variable</c><02:06:09.520><c> so</c><02:06:10.760><c> description</c><02:06:11.760><c> in</c> 02:06:13.549 --> 02:06:13.559 align:start position:0% intermediary variable so description in 02:06:13.559 --> 02:06:15.470 align:start position:0% intermediary variable so description in uppercase<02:06:14.559><c> and</c> 02:06:15.470 --> 02:06:15.480 align:start position:0% uppercase and 02:06:15.480 --> 02:06:19.069 align:start position:0% uppercase and here<02:06:16.480><c> we</c><02:06:17.079><c> we</c><02:06:17.320><c> make</c><02:06:17.599><c> this</c><02:06:17.840><c> uppercase</c><02:06:18.400><c> and</c><02:06:18.760><c> them</c> 02:06:19.069 --> 02:06:19.079 align:start position:0% here we we make this uppercase and them 02:06:19.079 --> 02:06:21.149 align:start position:0% here we we make this uppercase and them that<02:06:19.440><c> description</c><02:06:19.840><c> in</c> 02:06:21.149 --> 02:06:21.159 align:start position:0% that description in 02:06:21.159 --> 02:06:24.350 align:start position:0% that description in uppercase<02:06:22.159><c> and</c><02:06:22.639><c> now</c><02:06:23.639><c> we</c><02:06:23.760><c> should</c><02:06:23.960><c> see</c><02:06:24.159><c> my</c> 02:06:24.350 --> 02:06:24.360 align:start position:0% uppercase and now we should see my 02:06:24.360 --> 02:06:25.629 align:start position:0% uppercase and now we should see my description<02:06:24.760><c> in</c> 02:06:25.629 --> 02:06:25.639 align:start position:0% description in 02:06:25.639 --> 02:06:28.109 align:start position:0% description in uppercase<02:06:26.639><c> we</c><02:06:26.760><c> can</c><02:06:26.960><c> also</c><02:06:27.199><c> use</c><02:06:27.599><c> default</c> 02:06:28.109 --> 02:06:28.119 align:start position:0% uppercase we can also use default 02:06:28.119 --> 02:06:31.189 align:start position:0% uppercase we can also use default arguments<02:06:28.880><c> here</c><02:06:29.400><c> so</c><02:06:29.679><c> for</c><02:06:29.880><c> example</c><02:06:30.760><c> let's</c><02:06:31.000><c> say</c> 02:06:31.189 --> 02:06:31.199 align:start position:0% arguments here so for example let's say 02:06:31.199 --> 02:06:33.549 align:start position:0% arguments here so for example let's say that<02:06:31.360><c> the</c><02:06:31.520><c> title</c><02:06:32.040><c> variable</c><02:06:33.040><c> the</c><02:06:33.199><c> title</c> 02:06:33.549 --> 02:06:33.559 align:start position:0% that the title variable the title 02:06:33.559 --> 02:06:36.430 align:start position:0% that the title variable the title argument<02:06:33.920><c> is</c><02:06:34.119><c> optional</c><02:06:35.000><c> we</c><02:06:35.119><c> can</c><02:06:35.280><c> say</c><02:06:35.599><c> title</c> 02:06:36.430 --> 02:06:36.440 align:start position:0% argument is optional we can say title 02:06:36.440 --> 02:06:39.510 align:start position:0% argument is optional we can say title equals<02:06:37.480><c> title</c><02:06:38.480><c> or</c> 02:06:39.510 --> 02:06:39.520 align:start position:0% equals title or 02:06:39.520 --> 02:06:42.950 align:start position:0% equals title or default<02:06:40.520><c> uh</c><02:06:40.719><c> let's</c><02:06:40.960><c> say</c><02:06:41.360><c> default</c> 02:06:42.950 --> 02:06:42.960 align:start position:0% default uh let's say default 02:06:42.960 --> 02:06:47.109 align:start position:0% default uh let's say default title<02:06:43.960><c> if</c><02:06:44.079><c> I</c><02:06:44.239><c> save</c><02:06:45.079><c> this</c><02:06:46.079><c> and</c><02:06:46.239><c> I</c> 02:06:47.109 --> 02:06:47.119 align:start position:0% title if I save this and I 02:06:47.119 --> 02:06:49.709 align:start position:0% title if I save this and I remove<02:06:48.119><c> well</c><02:06:48.280><c> let's</c><02:06:48.639><c> first</c><02:06:49.040><c> see</c><02:06:49.320><c> what</c><02:06:49.480><c> happens</c> 02:06:49.709 --> 02:06:49.719 align:start position:0% remove well let's first see what happens 02:06:49.719 --> 02:06:51.470 align:start position:0% remove well let's first see what happens if<02:06:49.840><c> I</c><02:06:49.920><c> don't</c><02:06:50.119><c> touch</c><02:06:50.440><c> anything</c><02:06:50.880><c> my</c><02:06:51.040><c> title</c><02:06:51.320><c> is</c> 02:06:51.470 --> 02:06:51.480 align:start position:0% if I don't touch anything my title is 02:06:51.480 --> 02:06:55.830 align:start position:0% if I don't touch anything my title is still<02:06:51.960><c> here</c><02:06:52.960><c> but</c><02:06:53.159><c> now</c><02:06:53.520><c> if</c><02:06:53.679><c> I</c> 02:06:55.830 --> 02:06:55.840 align:start position:0% still here but now if I 02:06:55.840 --> 02:06:59.990 align:start position:0% still here but now if I remove<02:06:56.840><c> title</c><02:06:57.719><c> from</c><02:06:58.000><c> the</c><02:06:58.239><c> parameters</c> 02:06:59.990 --> 02:07:00.000 align:start position:0% remove title from the parameters 02:07:00.000 --> 02:07:02.270 align:start position:0% remove title from the parameters here<02:07:01.000><c> we</c><02:07:01.159><c> see</c><02:07:01.400><c> that</c><02:07:01.559><c> now</c><02:07:01.679><c> we</c><02:07:01.840><c> have</c><02:07:02.000><c> here</c> 02:07:02.270 --> 02:07:02.280 align:start position:0% here we see that now we have here 02:07:02.280 --> 02:07:04.109 align:start position:0% here we see that now we have here default<02:07:02.679><c> title</c><02:07:03.040><c> instead</c><02:07:03.320><c> of</c><02:07:03.480><c> my</c><02:07:03.679><c> title</c><02:07:04.000><c> and</c> 02:07:04.109 --> 02:07:04.119 align:start position:0% default title instead of my title and 02:07:04.119 --> 02:07:06.629 align:start position:0% default title instead of my title and the<02:07:04.280><c> description</c><02:07:04.920><c> Remains</c><02:07:05.199><c> the</c> 02:07:06.629 --> 02:07:06.639 align:start position:0% the description Remains the 02:07:06.639 --> 02:07:09.270 align:start position:0% the description Remains the Same<02:07:07.639><c> in</c><02:07:07.800><c> this</c><02:07:07.960><c> line</c><02:07:08.199><c> what</c><02:07:08.320><c> I'm</c><02:07:08.480><c> doing</c><02:07:08.800><c> is</c><02:07:09.000><c> that</c> 02:07:09.270 --> 02:07:09.280 align:start position:0% Same in this line what I'm doing is that 02:07:09.280 --> 02:07:11.589 align:start position:0% Same in this line what I'm doing is that I'm<02:07:09.679><c> red</c><02:07:09.920><c> declaring</c><02:07:10.280><c> the</c><02:07:10.440><c> title</c><02:07:10.719><c> variable</c><02:07:11.400><c> but</c> 02:07:11.589 --> 02:07:11.599 align:start position:0% I'm red declaring the title variable but 02:07:11.599 --> 02:07:13.390 align:start position:0% I'm red declaring the title variable but this<02:07:11.800><c> title</c><02:07:12.119><c> over</c><02:07:12.360><c> here</c><02:07:12.719><c> refers</c><02:07:13.079><c> to</c><02:07:13.239><c> the</c> 02:07:13.390 --> 02:07:13.400 align:start position:0% this title over here refers to the 02:07:13.400 --> 02:07:15.350 align:start position:0% this title over here refers to the parameter<02:07:13.880><c> that</c><02:07:14.000><c> you're</c><02:07:14.239><c> passing</c><02:07:14.719><c> to</c><02:07:14.960><c> the</c><02:07:15.239><c> to</c> 02:07:15.350 --> 02:07:15.360 align:start position:0% parameter that you're passing to the to 02:07:15.360 --> 02:07:16.669 align:start position:0% parameter that you're passing to the to the<02:07:15.440><c> snippet</c><02:07:16.000><c> another</c><02:07:16.280><c> thing</c><02:07:16.440><c> worth</c> 02:07:16.669 --> 02:07:16.679 align:start position:0% the snippet another thing worth 02:07:16.679 --> 02:07:19.430 align:start position:0% the snippet another thing worth mentioning<02:07:17.119><c> about</c><02:07:17.360><c> Snippets</c><02:07:18.040><c> is</c><02:07:18.239><c> that</c> 02:07:19.430 --> 02:07:19.440 align:start position:0% mentioning about Snippets is that 02:07:19.440 --> 02:07:21.589 align:start position:0% mentioning about Snippets is that if<02:07:19.559><c> your</c><02:07:19.760><c> snippet</c><02:07:20.400><c> receives</c><02:07:20.599><c> parameters</c><02:07:21.400><c> a</c> 02:07:21.589 --> 02:07:21.599 align:start position:0% if your snippet receives parameters a 02:07:21.599 --> 02:07:24.549 align:start position:0% if your snippet receives parameters a common<02:07:22.000><c> practice</c><02:07:22.559><c> is</c><02:07:22.719><c> to</c><02:07:23.079><c> at</c><02:07:23.239><c> the</c><02:07:23.440><c> top</c><02:07:24.280><c> create</c> 02:07:24.549 --> 02:07:24.559 align:start position:0% common practice is to at the top create 02:07:24.559 --> 02:07:27.750 align:start position:0% common practice is to at the top create a<02:07:24.719><c> comment</c><02:07:25.199><c> like</c><02:07:25.480><c> this</c><02:07:25.599><c> one</c><02:07:26.119><c> that</c><02:07:26.760><c> specifies</c> 02:07:27.750 --> 02:07:27.760 align:start position:0% a comment like this one that specifies 02:07:27.760 --> 02:07:29.870 align:start position:0% a comment like this one that specifies what<02:07:27.960><c> parameter</c><02:07:28.840><c> what</c><02:07:29.000><c> the</c><02:07:29.119><c> snippet</c><02:07:29.520><c> does</c> 02:07:29.870 --> 02:07:29.880 align:start position:0% what parameter what the snippet does 02:07:29.880 --> 02:07:32.350 align:start position:0% what parameter what the snippet does what<02:07:30.079><c> parameters</c><02:07:30.760><c> if</c><02:07:31.000><c> it</c><02:07:31.440><c> receives</c><02:07:31.840><c> the</c><02:07:32.040><c> data</c> 02:07:32.350 --> 02:07:32.360 align:start position:0% what parameters if it receives the data 02:07:32.360 --> 02:07:34.390 align:start position:0% what parameters if it receives the data types<02:07:32.679><c> of</c><02:07:32.880><c> those</c><02:07:33.119><c> parameters</c><02:07:34.119><c> if</c><02:07:34.280><c> the</c> 02:07:34.390 --> 02:07:34.400 align:start position:0% types of those parameters if the 02:07:34.400 --> 02:07:36.229 align:start position:0% types of those parameters if the parameter<02:07:34.840><c> is</c><02:07:35.000><c> optional</c><02:07:35.520><c> like</c><02:07:35.719><c> this</c><02:07:35.840><c> one</c><02:07:36.040><c> for</c> 02:07:36.229 --> 02:07:36.239 align:start position:0% parameter is optional like this one for 02:07:36.239 --> 02:07:38.229 align:start position:0% parameter is optional like this one for example<02:07:36.880><c> what</c><02:07:37.040><c> the</c><02:07:37.159><c> default</c><02:07:37.520><c> value</c><02:07:37.840><c> is</c><02:07:38.079><c> in</c> 02:07:38.229 --> 02:07:38.239 align:start position:0% example what the default value is in 02:07:38.239 --> 02:07:40.990 align:start position:0% example what the default value is in case<02:07:38.440><c> it</c><02:07:38.599><c> has</c><02:07:38.800><c> one</c><02:07:39.760><c> and</c><02:07:40.000><c> an</c><02:07:40.199><c> example</c><02:07:40.520><c> of</c><02:07:40.719><c> how</c><02:07:40.840><c> to</c> 02:07:40.990 --> 02:07:41.000 align:start position:0% case it has one and an example of how to 02:07:41.000 --> 02:07:44.390 align:start position:0% case it has one and an example of how to render<02:07:41.880><c> this</c><02:07:42.520><c> snippet</c><02:07:43.520><c> because</c><02:07:44.040><c> as</c><02:07:44.159><c> you</c><02:07:44.280><c> can</c> 02:07:44.390 --> 02:07:44.400 align:start position:0% render this snippet because as you can 02:07:44.400 --> 02:07:46.830 align:start position:0% render this snippet because as you can see<02:07:44.639><c> here</c><02:07:44.880><c> Snippets</c><02:07:45.559><c> can</c><02:07:45.719><c> get</c><02:07:45.920><c> pretty</c><02:07:46.239><c> lengthy</c> 02:07:46.830 --> 02:07:46.840 align:start position:0% see here Snippets can get pretty lengthy 02:07:46.840 --> 02:07:49.350 align:start position:0% see here Snippets can get pretty lengthy and<02:07:46.960><c> it</c><02:07:47.079><c> will</c><02:07:47.280><c> be</c><02:07:47.760><c> very</c><02:07:48.000><c> timeconsuming</c><02:07:48.559><c> uming</c> 02:07:49.350 --> 02:07:49.360 align:start position:0% and it will be very timeconsuming uming 02:07:49.360 --> 02:07:51.350 align:start position:0% and it will be very timeconsuming uming for<02:07:49.760><c> a</c><02:07:49.920><c> programmer</c><02:07:50.320><c> new</c><02:07:50.559><c> to</c><02:07:50.679><c> this</c><02:07:50.840><c> codebase</c><02:07:51.239><c> to</c> 02:07:51.350 --> 02:07:51.360 align:start position:0% for a programmer new to this codebase to 02:07:51.360 --> 02:07:52.990 align:start position:0% for a programmer new to this codebase to have<02:07:51.480><c> to</c><02:07:51.639><c> go</c><02:07:51.840><c> through</c><02:07:52.079><c> each</c><02:07:52.280><c> one</c><02:07:52.440><c> of</c><02:07:52.599><c> them</c><02:07:52.840><c> to</c> 02:07:52.990 --> 02:07:53.000 align:start position:0% have to go through each one of them to 02:07:53.000 --> 02:07:55.030 align:start position:0% have to go through each one of them to figure<02:07:53.280><c> out</c><02:07:53.800><c> how</c><02:07:53.920><c> to</c><02:07:54.119><c> use</c><02:07:54.320><c> them</c><02:07:54.559><c> instead</c><02:07:54.840><c> of</c> 02:07:55.030 --> 02:07:55.040 align:start position:0% figure out how to use them instead of 02:07:55.040 --> 02:07:57.750 align:start position:0% figure out how to use them instead of just<02:07:55.520><c> know</c><02:07:55.880><c> that</c><02:07:56.040><c> this</c><02:07:56.199><c> receip</c><02:07:57.040><c> X</c><02:07:57.280><c> Y</c><02:07:57.440><c> and</c><02:07:57.559><c> Z</c> 02:07:57.750 --> 02:07:57.760 align:start position:0% just know that this receip X Y and Z 02:07:57.760 --> 02:08:01.229 align:start position:0% just know that this receip X Y and Z parameters<02:07:58.679><c> and</c><02:07:58.880><c> pass</c><02:07:59.199><c> them</c><02:07:59.480><c> that</c><02:08:00.119><c> way</c><02:08:01.119><c> this</c> 02:08:01.229 --> 02:08:01.239 align:start position:0% parameters and pass them that way this 02:08:01.239 --> 02:08:03.950 align:start position:0% parameters and pass them that way this one<02:08:01.400><c> for</c><02:08:01.599><c> example</c><02:08:01.960><c> is</c><02:08:02.199><c> almost</c><02:08:02.639><c> 400</c><02:08:03.239><c> L</c><02:08:03.599><c> lines</c> 02:08:03.950 --> 02:08:03.960 align:start position:0% one for example is almost 400 L lines 02:08:03.960 --> 02:08:07.149 align:start position:0% one for example is almost 400 L lines long<02:08:04.840><c> so</c><02:08:05.360><c> yes</c><02:08:05.679><c> this</c><02:08:05.880><c> comment</c><02:08:06.320><c> here</c><02:08:06.639><c> for</c><02:08:07.000><c> a</c> 02:08:07.149 --> 02:08:07.159 align:start position:0% long so yes this comment here for a 02:08:07.159 --> 02:08:09.149 align:start position:0% long so yes this comment here for a programmer<02:08:07.559><c> new</c><02:08:07.840><c> this</c><02:08:08.000><c> codebase</c><02:08:08.760><c> can</c><02:08:08.920><c> be</c> 02:08:09.149 --> 02:08:09.159 align:start position:0% programmer new this codebase can be 02:08:09.159 --> 02:08:11.709 align:start position:0% programmer new this codebase can be really<02:08:09.440><c> helpful</c><02:08:09.840><c> at</c><02:08:09.960><c> the</c><02:08:10.360><c> time</c><02:08:11.360><c> something</c> 02:08:11.709 --> 02:08:11.719 align:start position:0% really helpful at the time something 02:08:11.719 --> 02:08:13.350 align:start position:0% really helpful at the time something else<02:08:12.119><c> we</c><02:08:12.280><c> may</c><02:08:12.480><c> want</c><02:08:12.599><c> to</c><02:08:12.719><c> do</c><02:08:12.920><c> while</c><02:08:13.079><c> working</c> 02:08:13.350 --> 02:08:13.360 align:start position:0% else we may want to do while working 02:08:13.360 --> 02:08:15.950 align:start position:0% else we may want to do while working with<02:08:13.520><c> liquid</c><02:08:13.920><c> is</c><02:08:14.079><c> debug</c><02:08:14.480><c> in</c><02:08:14.960><c> and</c><02:08:15.400><c> luckily</c><02:08:15.840><c> we</c> 02:08:15.950 --> 02:08:15.960 align:start position:0% with liquid is debug in and luckily we 02:08:15.960 --> 02:08:17.629 align:start position:0% with liquid is debug in and luckily we have<02:08:16.119><c> a</c><02:08:16.199><c> few</c><02:08:16.360><c> tools</c><02:08:16.639><c> to</c><02:08:16.800><c> our</c><02:08:17.000><c> disposal</c><02:08:17.440><c> for</c> 02:08:17.629 --> 02:08:17.639 align:start position:0% have a few tools to our disposal for 02:08:17.639 --> 02:08:19.470 align:start position:0% have a few tools to our disposal for that<02:08:18.119><c> the</c><02:08:18.239><c> first</c><02:08:18.480><c> first</c><02:08:18.679><c> one</c><02:08:18.880><c> is</c><02:08:19.000><c> the</c><02:08:19.119><c> Json</c> 02:08:19.470 --> 02:08:19.480 align:start position:0% that the first first one is the Json 02:08:19.480 --> 02:08:21.470 align:start position:0% that the first first one is the Json filter<02:08:19.960><c> which</c><02:08:20.119><c> we</c><02:08:20.280><c> saw</c><02:08:20.599><c> earlier</c><02:08:20.960><c> in</c><02:08:21.040><c> the</c><02:08:21.159><c> video</c> 02:08:21.470 --> 02:08:21.480 align:start position:0% filter which we saw earlier in the video 02:08:21.480 --> 02:08:24.549 align:start position:0% filter which we saw earlier in the video so<02:08:21.719><c> here</c><02:08:22.360><c> if</c><02:08:22.480><c> I</c><02:08:22.599><c> say</c><02:08:22.800><c> collection.</c><02:08:23.719><c> products.</c> 02:08:24.549 --> 02:08:24.559 align:start position:0% so here if I say collection. products. 02:08:24.559 --> 02:08:27.430 align:start position:0% so here if I say collection. products. first<02:08:25.360><c> and</c><02:08:25.599><c> use</c><02:08:25.800><c> the</c><02:08:25.920><c> Json</c><02:08:26.199><c> filter</c> 02:08:27.430 --> 02:08:27.440 align:start position:0% first and use the Json filter 02:08:27.440 --> 02:08:31.229 align:start position:0% first and use the Json filter here<02:08:28.440><c> we</c><02:08:28.599><c> can</c><02:08:29.199><c> see</c><02:08:30.199><c> that</c><02:08:30.360><c> we</c><02:08:30.480><c> have</c><02:08:30.639><c> a</c><02:08:30.800><c> Json</c> 02:08:31.229 --> 02:08:31.239 align:start position:0% here we can see that we have a Json 02:08:31.239 --> 02:08:34.350 align:start position:0% here we can see that we have a Json representation<02:08:32.000><c> of</c><02:08:32.199><c> the</c><02:08:32.320><c> first</c><02:08:32.639><c> product</c><02:08:33.599><c> in</c> 02:08:34.350 --> 02:08:34.360 align:start position:0% representation of the first product in 02:08:34.360 --> 02:08:35.270 align:start position:0% representation of the first product in the 02:08:35.270 --> 02:08:35.280 align:start position:0% the 02:08:35.280 --> 02:08:37.310 align:start position:0% the collection<02:08:36.280><c> the</c><02:08:36.400><c> first</c><02:08:36.639><c> product</c><02:08:36.960><c> in</c><02:08:37.159><c> this</c> 02:08:37.310 --> 02:08:37.320 align:start position:0% collection the first product in this 02:08:37.320 --> 02:08:39.750 align:start position:0% collection the first product in this collection<02:08:37.719><c> sorry</c><02:08:38.719><c> and</c> 02:08:39.750 --> 02:08:39.760 align:start position:0% collection sorry and 02:08:39.760 --> 02:08:42.910 align:start position:0% collection sorry and now<02:08:40.760><c> we</c><02:08:40.880><c> can</c><02:08:41.119><c> also</c><02:08:41.440><c> say</c><02:08:42.320><c> let's</c><02:08:42.520><c> say</c><02:08:42.679><c> that</c><02:08:42.800><c> we</c> 02:08:42.910 --> 02:08:42.920 align:start position:0% now we can also say let's say that we 02:08:42.920 --> 02:08:44.830 align:start position:0% now we can also say let's say that we needed<02:08:43.159><c> to</c><02:08:43.360><c> print</c><02:08:43.639><c> this</c><02:08:44.000><c> in</c><02:08:44.239><c> JavaScript</c><02:08:44.719><c> for</c> 02:08:44.830 --> 02:08:44.840 align:start position:0% needed to print this in JavaScript for 02:08:44.840 --> 02:08:47.470 align:start position:0% needed to print this in JavaScript for some<02:08:45.079><c> reason</c><02:08:46.079><c> we</c><02:08:46.199><c> can</c><02:08:46.400><c> also</c><02:08:46.639><c> do</c><02:08:46.840><c> that</c><02:08:47.159><c> so</c> 02:08:47.470 --> 02:08:47.480 align:start position:0% some reason we can also do that so 02:08:47.480 --> 02:08:51.270 align:start position:0% some reason we can also do that so collection<02:08:48.400><c> products</c><02:08:49.199><c> at</c> 02:08:51.270 --> 02:08:51.280 align:start position:0% collection products at 02:08:51.280 --> 02:08:54.229 align:start position:0% collection products at first<02:08:52.280><c> I</c><02:08:52.400><c> will</c><02:08:52.639><c> have</c><02:08:52.800><c> to</c><02:08:53.079><c> remove</c><02:08:53.960><c> this</c> 02:08:54.229 --> 02:08:54.239 align:start position:0% first I will have to remove this 02:08:54.239 --> 02:08:55.510 align:start position:0% first I will have to remove this quotation 02:08:55.510 --> 02:08:55.520 align:start position:0% quotation 02:08:55.520 --> 02:08:59.870 align:start position:0% quotation marks<02:08:56.520><c> and</c><02:08:56.679><c> say</c><02:08:56.960><c> Json</c><02:08:57.920><c> and</c><02:08:58.040><c> if</c><02:08:58.159><c> I</c><02:08:58.280><c> close</c> 02:08:59.870 --> 02:08:59.880 align:start position:0% marks and say Json and if I close 02:08:59.880 --> 02:09:02.910 align:start position:0% marks and say Json and if I close this<02:09:00.880><c> and</c><02:09:01.000><c> I</c><02:09:01.159><c> open</c><02:09:01.440><c> the</c> 02:09:02.910 --> 02:09:02.920 align:start position:0% this and I open the 02:09:02.920 --> 02:09:05.390 align:start position:0% this and I open the console<02:09:03.920><c> here</c><02:09:04.040><c> I'm</c><02:09:04.159><c> going</c><02:09:04.360><c> to</c><02:09:04.480><c> see</c><02:09:04.639><c> this</c><02:09:04.800><c> Json</c> 02:09:05.390 --> 02:09:05.400 align:start position:0% console here I'm going to see this Json 02:09:05.400 --> 02:09:06.990 align:start position:0% console here I'm going to see this Json over<02:09:05.639><c> here</c><02:09:05.800><c> in</c><02:09:05.960><c> case</c><02:09:06.239><c> for</c><02:09:06.440><c> some</c><02:09:06.639><c> reason</c><02:09:06.920><c> we</c> 02:09:06.990 --> 02:09:07.000 align:start position:0% over here in case for some reason we 02:09:07.000 --> 02:09:09.629 align:start position:0% over here in case for some reason we needed<02:09:07.280><c> to</c><02:09:07.480><c> print</c><02:09:07.840><c> things</c><02:09:08.800><c> in</c><02:09:09.040><c> in</c><02:09:09.159><c> JavaScript</c> 02:09:09.629 --> 02:09:09.639 align:start position:0% needed to print things in in JavaScript 02:09:09.639 --> 02:09:13.030 align:start position:0% needed to print things in in JavaScript for<02:09:10.199><c> debugging</c><02:09:11.199><c> we</c><02:09:11.360><c> could</c><02:09:11.599><c> also</c><02:09:11.920><c> print</c><02:09:12.719><c> any</c> 02:09:13.030 --> 02:09:13.040 align:start position:0% for debugging we could also print any 02:09:13.040 --> 02:09:16.030 align:start position:0% for debugging we could also print any arbitrary<02:09:13.960><c> liquid</c><02:09:14.360><c> data</c><02:09:14.679><c> so</c><02:09:15.079><c> if</c><02:09:15.199><c> I</c><02:09:15.320><c> wanted</c><02:09:15.599><c> to</c> 02:09:16.030 --> 02:09:16.040 align:start position:0% arbitrary liquid data so if I wanted to 02:09:16.040 --> 02:09:19.030 align:start position:0% arbitrary liquid data so if I wanted to print<02:09:17.040><c> this</c><02:09:17.559><c> collection</c><02:09:18.000><c> title</c> 02:09:19.030 --> 02:09:19.040 align:start position:0% print this collection title 02:09:19.040 --> 02:09:21.069 align:start position:0% print this collection title I<02:09:19.119><c> can</c><02:09:19.280><c> do</c><02:09:19.480><c> that</c> 02:09:21.069 --> 02:09:21.079 align:start position:0% I can do that 02:09:21.079 --> 02:09:23.510 align:start position:0% I can do that too<02:09:22.079><c> so</c><02:09:22.320><c> here</c><02:09:22.480><c> I</c><02:09:22.559><c> see</c><02:09:22.840><c> this</c><02:09:23.079><c> the</c><02:09:23.199><c> collection</c> 02:09:23.510 --> 02:09:23.520 align:start position:0% too so here I see this the collection 02:09:23.520 --> 02:09:25.149 align:start position:0% too so here I see this the collection Title<02:09:23.840><c> Here</c><02:09:24.000><c> is</c> 02:09:25.149 --> 02:09:25.159 align:start position:0% Title Here is 02:09:25.159 --> 02:09:28.270 align:start position:0% Title Here is products<02:09:26.159><c> but</c><02:09:26.760><c> there</c><02:09:26.960><c> is</c><02:09:27.280><c> a</c><02:09:27.480><c> newer</c><02:09:27.840><c> tool</c><02:09:28.079><c> for</c> 02:09:28.270 --> 02:09:28.280 align:start position:0% products but there is a newer tool for 02:09:28.280 --> 02:09:30.830 align:start position:0% products but there is a newer tool for debugging<02:09:28.920><c> that</c><02:09:29.079><c> is</c><02:09:29.840><c> more</c><02:09:30.159><c> sophisticated</c> 02:09:30.830 --> 02:09:30.840 align:start position:0% debugging that is more sophisticated 02:09:30.840 --> 02:09:33.350 align:start position:0% debugging that is more sophisticated than<02:09:30.960><c> this</c><02:09:31.199><c> two</c><02:09:32.199><c> and</c><02:09:32.400><c> that</c> 02:09:33.350 --> 02:09:33.360 align:start position:0% than this two and that 02:09:33.360 --> 02:09:37.510 align:start position:0% than this two and that is<02:09:34.360><c> theme</c><02:09:34.679><c> console</c><02:09:35.480><c> in</c><02:09:35.719><c> the</c><02:09:35.960><c> Shopify</c><02:09:36.440><c> CLI</c><02:09:37.000><c> so</c> 02:09:37.510 --> 02:09:37.520 align:start position:0% is theme console in the Shopify CLI so 02:09:37.520 --> 02:09:39.589 align:start position:0% is theme console in the Shopify CLI so let's<02:09:37.880><c> run</c> 02:09:39.589 --> 02:09:39.599 align:start position:0% let's run 02:09:39.599 --> 02:09:42.470 align:start position:0% let's run Shopify<02:09:40.599><c> theme</c> 02:09:42.470 --> 02:09:42.480 align:start position:0% Shopify theme 02:09:42.480 --> 02:09:47.069 align:start position:0% Shopify theme console<02:09:43.480><c> and</c><02:09:43.639><c> if</c><02:09:43.719><c> I</c><02:09:43.880><c> run</c> 02:09:47.069 --> 02:09:47.079 align:start position:0% 02:09:47.079 --> 02:09:49.030 align:start position:0% this<02:09:48.079><c> it</c><02:09:48.199><c> will</c><02:09:48.320><c> will</c><02:09:48.440><c> say</c><02:09:48.599><c> that</c><02:09:48.679><c> I</c><02:09:48.760><c> need</c><02:09:48.920><c> to</c> 02:09:49.030 --> 02:09:49.040 align:start position:0% this it will will say that I need to 02:09:49.040 --> 02:09:50.270 align:start position:0% this it will will say that I need to activate<02:09:49.360><c> this</c><02:09:49.480><c> in</c><02:09:49.559><c> the</c> 02:09:50.270 --> 02:09:50.280 align:start position:0% activate this in the 02:09:50.280 --> 02:09:52.790 align:start position:0% activate this in the browser<02:09:51.280><c> it</c><02:09:51.400><c> will</c><02:09:51.599><c> say</c><02:09:51.920><c> that</c><02:09:52.159><c> it</c><02:09:52.280><c> is</c><02:09:52.440><c> already</c> 02:09:52.790 --> 02:09:52.800 align:start position:0% browser it will say that it is already 02:09:52.800 --> 02:09:56.669 align:start position:0% browser it will say that it is already activated<02:09:53.559><c> so</c><02:09:53.840><c> now</c><02:09:54.199><c> here</c><02:09:54.920><c> I</c><02:09:55.119><c> have</c><02:09:55.440><c> access</c><02:09:56.000><c> to</c> 02:09:56.669 --> 02:09:56.679 align:start position:0% activated so now here I have access to 02:09:56.679 --> 02:09:59.149 align:start position:0% activated so now here I have access to the<02:09:56.840><c> console</c><02:09:57.239><c> where</c><02:09:57.440><c> I</c><02:09:57.559><c> can</c><02:09:58.559><c> start</c><02:09:58.920><c> de</c> 02:09:59.149 --> 02:09:59.159 align:start position:0% the console where I can start de 02:09:59.159 --> 02:10:00.870 align:start position:0% the console where I can start de plugging<02:09:59.480><c> liquid</c><02:09:59.920><c> statement</c><02:10:00.280><c> so</c><02:10:00.440><c> for</c><02:10:00.599><c> example</c> 02:10:00.870 --> 02:10:00.880 align:start position:0% plugging liquid statement so for example 02:10:00.880 --> 02:10:03.030 align:start position:0% plugging liquid statement so for example let's<02:10:01.040><c> say</c><02:10:01.199><c> that</c><02:10:01.400><c> I</c><02:10:01.719><c> want</c><02:10:01.920><c> to</c><02:10:02.079><c> print</c><02:10:02.440><c> shop.</c> 02:10:03.030 --> 02:10:03.040 align:start position:0% let's say that I want to print shop. 02:10:03.040 --> 02:10:06.750 align:start position:0% let's say that I want to print shop. name<02:10:03.719><c> here</c><02:10:04.719><c> I</c><02:10:04.840><c> see</c><02:10:05.280><c> the</c><02:10:05.400><c> shop</c><02:10:05.880><c> the</c><02:10:06.000><c> Shop's</c><02:10:06.320><c> name</c> 02:10:06.750 --> 02:10:06.760 align:start position:0% name here I see the shop the Shop's name 02:10:06.760 --> 02:10:09.589 align:start position:0% name here I see the shop the Shop's name if<02:10:06.880><c> I</c><02:10:07.040><c> say</c><02:10:07.440><c> shop</c><02:10:07.880><c> only</c><02:10:08.880><c> it</c><02:10:09.000><c> says</c><02:10:09.280><c> that</c><02:10:09.480><c> this</c> 02:10:09.589 --> 02:10:09.599 align:start position:0% if I say shop only it says that this 02:10:09.599 --> 02:10:11.870 align:start position:0% if I say shop only it says that this object<02:10:09.880><c> canot</c><02:10:10.079><c> be</c><02:10:10.199><c> printed</c><02:10:10.840><c> but</c><02:10:11.000><c> you</c><02:10:11.079><c> can</c> 02:10:11.870 --> 02:10:11.880 align:start position:0% object canot be printed but you can 02:10:11.880 --> 02:10:14.270 align:start position:0% object canot be printed but you can access<02:10:12.320><c> its</c><02:10:12.520><c> fields</c><02:10:13.119><c> and</c><02:10:13.480><c> that's</c><02:10:13.719><c> unfortunate</c> 02:10:14.270 --> 02:10:14.280 align:start position:0% access its fields and that's unfortunate 02:10:14.280 --> 02:10:17.229 align:start position:0% access its fields and that's unfortunate but<02:10:14.520><c> some</c><02:10:14.840><c> objects</c><02:10:15.559><c> are</c><02:10:16.000><c> not</c><02:10:16.280><c> accessible</c> 02:10:17.229 --> 02:10:17.239 align:start position:0% but some objects are not accessible 02:10:17.239 --> 02:10:19.270 align:start position:0% but some objects are not accessible neither<02:10:17.639><c> here</c><02:10:17.960><c> nor</c><02:10:18.360><c> through</c><02:10:18.559><c> the</c><02:10:18.639><c> Json</c><02:10:18.920><c> filter</c> 02:10:19.270 --> 02:10:19.280 align:start position:0% neither here nor through the Json filter 02:10:19.280 --> 02:10:20.990 align:start position:0% neither here nor through the Json filter if<02:10:19.360><c> I</c><02:10:19.520><c> try</c><02:10:19.760><c> to</c> 02:10:20.990 --> 02:10:21.000 align:start position:0% if I try to 02:10:21.000 --> 02:10:23.229 align:start position:0% if I try to access 02:10:23.229 --> 02:10:23.239 align:start position:0% access 02:10:23.239 --> 02:10:26.870 align:start position:0% access shop<02:10:24.239><c> with</c><02:10:24.400><c> the</c><02:10:24.520><c> Json</c><02:10:24.920><c> filter</c><02:10:25.920><c> I</c><02:10:26.040><c> ALS</c><02:10:26.480><c> I</c><02:10:26.599><c> also</c> 02:10:26.870 --> 02:10:26.880 align:start position:0% shop with the Json filter I ALS I also 02:10:26.880 --> 02:10:29.470 align:start position:0% shop with the Json filter I ALS I also will<02:10:27.119><c> get</c><02:10:28.119><c> an</c><02:10:28.320><c> error</c><02:10:28.719><c> telling</c><02:10:29.000><c> me</c><02:10:29.199><c> that</c><02:10:29.360><c> I</c> 02:10:29.470 --> 02:10:29.480 align:start position:0% will get an error telling me that I 02:10:29.480 --> 02:10:31.350 align:start position:0% will get an error telling me that I cannot<02:10:29.840><c> access</c><02:10:30.119><c> it</c><02:10:30.320><c> that</c><02:10:30.480><c> way</c><02:10:30.679><c> here</c><02:10:30.920><c> Jon</c><02:10:31.239><c> not</c> 02:10:31.350 --> 02:10:31.360 align:start position:0% cannot access it that way here Jon not 02:10:31.360 --> 02:10:33.629 align:start position:0% cannot access it that way here Jon not allowed<02:10:31.679><c> for</c><02:10:31.880><c> this</c><02:10:32.079><c> object</c><02:10:33.040><c> now</c><02:10:33.280><c> let's</c><02:10:33.480><c> say</c> 02:10:33.629 --> 02:10:33.639 align:start position:0% allowed for this object now let's say 02:10:33.639 --> 02:10:35.669 align:start position:0% allowed for this object now let's say that<02:10:33.760><c> I</c><02:10:33.880><c> wanted</c><02:10:34.280><c> to</c><02:10:34.679><c> access</c><02:10:35.119><c> in</c><02:10:35.239><c> the</c><02:10:35.400><c> theme</c> 02:10:35.669 --> 02:10:35.679 align:start position:0% that I wanted to access in the theme 02:10:35.679 --> 02:10:38.709 align:start position:0% that I wanted to access in the theme console<02:10:36.199><c> objects</c><02:10:36.520><c> that</c><02:10:36.679><c> are</c><02:10:36.920><c> specific</c><02:10:37.480><c> to</c><02:10:38.480><c> a</c> 02:10:38.709 --> 02:10:38.719 align:start position:0% console objects that are specific to a 02:10:38.719 --> 02:10:41.149 align:start position:0% console objects that are specific to a page<02:10:39.119><c> so</c><02:10:39.320><c> for</c><02:10:39.520><c> example</c><02:10:40.320><c> The</c><02:10:40.520><c> Collection</c> 02:10:41.149 --> 02:10:41.159 align:start position:0% page so for example The Collection 02:10:41.159 --> 02:10:43.950 align:start position:0% page so for example The Collection object<02:10:41.559><c> is</c><02:10:41.800><c> specific</c><02:10:42.159><c> to</c><02:10:42.440><c> pages</c><02:10:43.280><c> that</c><02:10:43.639><c> are</c><02:10:43.840><c> a</c> 02:10:43.950 --> 02:10:43.960 align:start position:0% object is specific to pages that are a 02:10:43.960 --> 02:10:47.470 align:start position:0% object is specific to pages that are a collection<02:10:44.719><c> so</c><02:10:45.199><c> Pages</c><02:10:45.559><c> like</c><02:10:45.760><c> this</c><02:10:46.159><c> one</c><02:10:47.159><c> if</c><02:10:47.320><c> I</c> 02:10:47.470 --> 02:10:47.480 align:start position:0% collection so Pages like this one if I 02:10:47.480 --> 02:10:50.750 align:start position:0% collection so Pages like this one if I Tred<02:10:48.400><c> accessing</c><02:10:49.000><c> collection.</c><02:10:49.599><c> title</c> 02:10:50.750 --> 02:10:50.760 align:start position:0% Tred accessing collection. title 02:10:50.760 --> 02:10:53.790 align:start position:0% Tred accessing collection. title here<02:10:51.760><c> it</c><02:10:51.880><c> will</c><02:10:52.079><c> throw</c><02:10:52.280><c> an</c><02:10:52.400><c> error</c><02:10:52.840><c> because</c><02:10:53.480><c> this</c> 02:10:53.790 --> 02:10:53.800 align:start position:0% here it will throw an error because this 02:10:53.800 --> 02:10:55.510 align:start position:0% here it will throw an error because this theme<02:10:54.119><c> console</c><02:10:54.480><c> by</c><02:10:54.599><c> default</c><02:10:54.960><c> is</c><02:10:55.079><c> running</c><02:10:55.400><c> in</c> 02:10:55.510 --> 02:10:55.520 align:start position:0% theme console by default is running in 02:10:55.520 --> 02:10:57.830 align:start position:0% theme console by default is running in the<02:10:55.639><c> homepage</c><02:10:56.239><c> which</c><02:10:56.520><c> is</c><02:10:56.679><c> not</c><02:10:56.840><c> a</c><02:10:56.960><c> collection</c> 02:10:57.830 --> 02:10:57.840 align:start position:0% the homepage which is not a collection 02:10:57.840 --> 02:11:01.109 align:start position:0% the homepage which is not a collection however<02:10:58.079><c> if</c><02:10:58.199><c> I</c><02:10:58.320><c> close</c><02:10:58.679><c> this</c><02:10:59.599><c> and</c><02:10:59.960><c> pass</c><02:11:00.320><c> a</c><02:11:00.520><c> URL</c> 02:11:01.109 --> 02:11:01.119 align:start position:0% however if I close this and pass a URL 02:11:01.119 --> 02:11:06.390 align:start position:0% however if I close this and pass a URL here<02:11:01.400><c> so</c><02:11:02.079><c> I</c><02:11:02.159><c> will</c><02:11:02.480><c> say</c><02:11:03.719><c> collections</c><02:11:04.719><c> all</c><02:11:05.400><c> here</c> 02:11:06.390 --> 02:11:06.400 align:start position:0% here so I will say collections all here 02:11:06.400 --> 02:11:08.510 align:start position:0% here so I will say collections all here this<02:11:06.520><c> will</c><02:11:06.719><c> open</c><02:11:06.960><c> the</c><02:11:07.079><c> browser</c> 02:11:08.510 --> 02:11:08.520 align:start position:0% this will open the browser 02:11:08.520 --> 02:11:12.030 align:start position:0% this will open the browser again<02:11:09.520><c> to</c><02:11:10.000><c> prom</c><02:11:10.320><c> me</c><02:11:10.440><c> to</c><02:11:10.559><c> log</c> 02:11:12.030 --> 02:11:12.040 align:start position:0% again to prom me to log 02:11:12.040 --> 02:11:15.109 align:start position:0% again to prom me to log in<02:11:13.040><c> it</c><02:11:13.199><c> got</c><02:11:13.360><c> authenticated</c><02:11:14.360><c> and</c><02:11:14.520><c> now</c><02:11:14.760><c> here</c><02:11:15.040><c> I</c> 02:11:15.109 --> 02:11:15.119 align:start position:0% in it got authenticated and now here I 02:11:15.119 --> 02:11:19.549 align:start position:0% in it got authenticated and now here I can<02:11:15.320><c> say</c><02:11:16.000><c> collection</c><02:11:16.840><c> the</c><02:11:17.159><c> title</c><02:11:18.559><c> and</c><02:11:18.719><c> I</c><02:11:18.880><c> see</c> 02:11:19.549 --> 02:11:19.559 align:start position:0% can say collection the title and I see 02:11:19.559 --> 02:11:22.030 align:start position:0% can say collection the title and I see products<02:11:20.559><c> and</c><02:11:20.679><c> if</c><02:11:20.840><c> I</c><02:11:20.960><c> check</c><02:11:21.280><c> this</c><02:11:21.559><c> over</c><02:11:21.800><c> here</c> 02:11:22.030 --> 02:11:22.040 align:start position:0% products and if I check this over here 02:11:22.040 --> 02:11:23.990 align:start position:0% products and if I check this over here the<02:11:22.159><c> title</c><02:11:22.440><c> of</c><02:11:22.559><c> this</c><02:11:22.679><c> collection</c><02:11:23.159><c> is</c> 02:11:23.990 --> 02:11:24.000 align:start position:0% the title of this collection is 02:11:24.000 --> 02:11:26.709 align:start position:0% the title of this collection is products<02:11:25.000><c> and</c><02:11:25.199><c> that's</c><02:11:25.360><c> it</c><02:11:25.520><c> for</c><02:11:25.719><c> this</c><02:11:25.880><c> video</c><02:11:26.520><c> we</c> 02:11:26.709 --> 02:11:26.719 align:start position:0% products and that's it for this video we 02:11:26.719 --> 02:11:28.270 align:start position:0% products and that's it for this video we cover<02:11:27.079><c> plenty</c><02:11:27.320><c> of</c><02:11:27.440><c> things</c><02:11:27.800><c> specific</c><02:11:28.119><c> to</c> 02:11:28.270 --> 02:11:28.280 align:start position:0% cover plenty of things specific to 02:11:28.280 --> 02:11:30.069 align:start position:0% cover plenty of things specific to liquid<02:11:28.559><c> and</c><02:11:28.679><c> Shopify</c><02:11:29.159><c> variation</c><02:11:29.480><c> of</c><02:11:29.599><c> liquid</c> 02:11:30.069 --> 02:11:30.079 align:start position:0% liquid and Shopify variation of liquid 02:11:30.079 --> 02:11:31.990 align:start position:0% liquid and Shopify variation of liquid which<02:11:30.199><c> as</c><02:11:30.360><c> mentioned</c><02:11:30.840><c> here</c><02:11:31.480><c> extends</c><02:11:31.880><c> the</c> 02:11:31.990 --> 02:11:32.000 align:start position:0% which as mentioned here extends the 02:11:32.000 --> 02:11:33.910 align:start position:0% which as mentioned here extends the open-source<02:11:32.760><c> version</c><02:11:33.040><c> of</c><02:11:33.159><c> liquid</c><02:11:33.480><c> for</c><02:11:33.639><c> using</c> 02:11:33.910 --> 02:11:33.920 align:start position:0% open-source version of liquid for using 02:11:33.920 --> 02:11:36.470 align:start position:0% open-source version of liquid for using in<02:11:34.079><c> Shopify</c><02:11:34.639><c> themes</c><02:11:35.639><c> there</c><02:11:35.760><c> are</c><02:11:35.960><c> still</c><02:11:36.280><c> some</c> 02:11:36.470 --> 02:11:36.480 align:start position:0% in Shopify themes there are still some 02:11:36.480 --> 02:11:38.310 align:start position:0% in Shopify themes there are still some other<02:11:36.719><c> things</c><02:11:37.000><c> to</c><02:11:37.199><c> cover</c><02:11:37.639><c> that</c><02:11:37.760><c> are</c><02:11:37.960><c> specific</c> 02:11:38.310 --> 02:11:38.320 align:start position:0% other things to cover that are specific 02:11:38.320 --> 02:11:40.310 align:start position:0% other things to cover that are specific to<02:11:38.440><c> Shopify</c><02:11:39.000><c> such</c><02:11:39.159><c> as</c><02:11:39.320><c> sections</c><02:11:39.760><c> meta</c><02:11:40.040><c> Fields</c> 02:11:40.310 --> 02:11:40.320 align:start position:0% to Shopify such as sections meta Fields 02:11:40.320 --> 02:11:42.069 align:start position:0% to Shopify such as sections meta Fields meta<02:11:40.559><c> objects</c><02:11:40.840><c> and</c><02:11:41.000><c> many</c><02:11:41.199><c> more</c><02:11:41.760><c> which</c><02:11:41.880><c> will</c> 02:11:42.069 --> 02:11:42.079 align:start position:0% meta objects and many more which will 02:11:42.079 --> 02:11:44.629 align:start position:0% meta objects and many more which will cover<02:11:42.400><c> in</c><02:11:42.520><c> the</c><02:11:42.679><c> future</c><02:11:43.679><c> in</c><02:11:43.800><c> the</c><02:11:44.000><c> next</c><02:11:44.239><c> video</c> 02:11:44.629 --> 02:11:44.639 align:start position:0% cover in the future in the next video 02:11:44.639 --> 02:11:46.109 align:start position:0% cover in the future in the next video we'll<02:11:44.880><c> see</c><02:11:45.040><c> the</c><02:11:45.159><c> file</c><02:11:45.520><c> structure</c><02:11:45.880><c> of</c><02:11:46.000><c> a</c> 02:11:46.109 --> 02:11:46.119 align:start position:0% we'll see the file structure of a 02:11:46.119 --> 02:11:47.830 align:start position:0% we'll see the file structure of a Shopify<02:11:46.559><c> theme</c><02:11:46.880><c> and</c><02:11:47.119><c> what</c><02:11:47.360><c> each</c><02:11:47.520><c> of</c><02:11:47.679><c> those</c> 02:11:47.830 --> 02:11:47.840 align:start position:0% Shopify theme and what each of those 02:11:47.840 --> 02:11:50.470 align:start position:0% Shopify theme and what each of those Direct<02:11:48.599><c> does</c><02:11:49.599><c> if</c><02:11:49.719><c> you</c><02:11:49.840><c> found</c><02:11:50.119><c> this</c><02:11:50.239><c> video</c> 02:11:50.470 --> 02:11:50.480 align:start position:0% Direct does if you found this video 02:11:50.480 --> 02:11:51.950 align:start position:0% Direct does if you found this video useful<02:11:50.880><c> remember</c><02:11:51.159><c> to</c><02:11:51.360><c> like</c><02:11:51.520><c> And</c><02:11:51.639><c> subscribe</c> 02:11:51.950 --> 02:11:51.960 align:start position:0% useful remember to like And subscribe 02:11:51.960 --> 02:11:53.549 align:start position:0% useful remember to like And subscribe for<02:11:52.079><c> more</c><02:11:52.199><c> Shopify</c><02:11:52.679><c> related</c><02:11:53.040><c> content</c><02:11:53.440><c> and</c> 02:11:53.549 --> 02:11:53.559 align:start position:0% for more Shopify related content and 02:11:53.559 --> 02:11:57.559 align:start position:0% for more Shopify related content and I'll<02:11:53.679><c> see</c><02:11:53.800><c> you</c><02:11:53.920><c> all</c><02:11:54.079><c> in</c><02:11:54.159><c> the</c><02:11:54.320><c> next</c><02:11:54.559><c> video</c>