Transcripciones
1. INTRODUCCIÓN: Hola a todos, y bienvenidos al curso
Ultimate para principiantes
para aprender JavaScript. Este curso es para
alguien que no sabe nada JavaScript y quiere aprender
los conceptos básicos de JavaScript. En este curso, te
llevaré paso a paso y enseñaré los
conceptos básicos de JavaScript. Los temas que vamos
a cubrir en este curso son variables, tipos de
datos, array ,
loop, funciones de declaración ES, y hay muchos temas que vamos a
cubrir en este curso. Simplemente puedes consultar el
plan de estudios y
conocerás qué tema estamos
cubriendo en este curso. Si quieres iniciar el
viaje de aprender JavaScript, entonces este curso es para ti.
2. Agregar JavaScript: En este video,
vamos a aprender a conectar nuestro JavaScript
con nuestro HT. O podemos decir cómo agregar nuestro
JavaScript en nuestro sitio web. Para conectar nuestro JavaScript
con nuestro archivo HT, voy a crear esta versión alternativa HT. Para crear un formato HTML, puede hacer clic en Tamizar y uno, luego obtendrá este signo de
exclamación Se creará nuestro T boilerpd. Dentro de este link tech, no dentro de este link tech, B esta meta tech si
quieres enlazar CSS, lo que estarías haciendo,
estarías escribiendo link y luego haciendo click en este CSS. Entonces tu archivo CSS
estaría vinculado con HTML. Así, si quieres vincular nuestro JavaScript
con nuestro HTM ¿qué? Para hacer eso, puedes entrar dentro esta tecnología corporal y
dentro de esta tecnología corporal, puedes crear una tecnología de Script. Entonces para crear Scripte
puedes escribir script, y dentro de este Scripte
puedes escribir código JavaScript. Para probar nuestro JavaScript que nuestro JavasCrib
está ejecutando o no, voy a escribir algún código
JavaScript, así que el código JavaScript
será Alerta así que por ahora, sé que no
sabes qué es esta Estarás conociendo estas
cosas después de aprender los conceptos básicos de
JavaScript. Así que no te preocupes qué
es esta alerta. Solo estoy escribiendo
esta alerta para probar nuestro código JavaScript
está funcionando o no. Entonces dentro de esta alerta, voy a escribir algo como Hola. Lo que hace esta Alerta es dar un pop up
en nuestro navegador. Como ahora escribí Hola
dentro de esta Alerta, así que voy a recibir un pop up
diciendo hola en nuestro navegador. Lo guardo y hago clic
derecho y desde aquí, voy a dar clic en Abrir
con Live Server. Y nuestro valiente navegador se
abrirá y puedes ver que está diciendo hola significa que este es nuestro Pop up y este P está diciendo
hola. Ahora haz clic en Bien. Esto significa que nuestro
JavaScript está funcionando. Ahora otra forma de
escribir JavoScrit es que puedes escribir
tu código JavaScript dentro de esta tecnología de pelo debajo de este título tech
o este título tec Escribiré debajo de este título tech y haré clic en Guardar y otra vez, haga clic en este abierto
con Live Server, o simplemente puede
abrir su navegador. Como puedes ver, está funcionando. Por ahora, lo que voy a
hacer, voy a cambiar este texto para que podamos decir
que está funcionando correctamente. Yo escribí tres yo aquí. Ahora voy a abrir nuestro
navegador y
se puede ver que estamos
consiguiendo tres yo aquí. Haz clic en este Bien y
nuestro navegador será. Funcionando correctamente. Eso significa que
nuestro JavaScript se está ejecutando. Pero no se recomiendan estos dos métodos de escritura de
JavaScript. La forma recomendada de
escribir JavoScript es crear un archivo
JavaScript separado. Para crear un archivo
JavaScript separado, simplemente
puede hacer clic en este botón
y escribir su nombre de archivo como quiero la aplicación de nombre de archivo y las extensiones
serían punto JS Haga clic en Entrar y se creará su
archivo JavaScript. Dentro de este archivo JavaScript, puedes escribir código JavaScript. El
código JavaScript estará alerta porque queremos probar que
esto está funcionando o no. Dentro de esta Alerta, voy a escribir gusto y ahora lo que
tenemos que hacer tenemos que vincular este
archivo JavaScript con nuestro HTML. Voy a quitar esta tecnología de
script de aquí e iré dentro esta tecnología de cuerpo y
dentro de esta tecnología de cuerpo, voy a crear un texto de Script, escribir guión y hacer clic en este ARC. Dentro de este script ARC, tienes que escribir tu archivo
JavaScript. Al igual que nuestro
archivo JavaScript es app dot js, así que escribiré apt se app dot js y ahora nuestra app dot js
está vinculada con nuestro HTML Guardemos esto y echemos
un vistazo en nuestro navegador. Entonces como puedes ver, está
funcionando, pero no está funcionando. Está cosiendo HI, pero aquí
escribimos Taste. Haré clic y volveré a abrir
este archivo. Veamos cuál es el problema. Voy a cerrar esta tecnología de Alerta. Para cerrar esta tecnología de Alert, estoy usando este punto y coma, y haré clic en Guardar y
haré clic en Guardar aquí también, luego otra vez,
abriré nuestro navegador Como pueden ver, aquí estamos
obteniendo sabor. Significa que nuestro
JavaScript está funcionando. Estas son las tres
formas de conectar nuestro JavaScript con nuestro HTML. Ahora comencemos a aprender sobre
JavaScript desde el siguiente
3. Consola del navegador: En este video, vamos a aprender sobre la consola del navegador. Entonces en cada navegador, obtenemos una herramienta de desarrollador dentro de
la herramienta de desarrollador, obtenemos una consola de navegador
o podemos decir pestaña Consola. Para abrir la Consola de tu navegador, puedes presionar F 12
si estás usando Brave o si estás
usando Google Chrome. Después de hacer clic en F 12, estarás viendo
este paso de elemento. Simplemente haga clic en esta pestaña Consola. No haga clic en este paso de elemento, simplemente haga clic en esta pestaña Consola. Entonces, ¿qué es este tipo de Consola? Dentro de este toque de Consola, podemos jugar
con JavaScript. Significa que podemos escribir nuestro código
JavaScript aquí y podemos probar el
código JavaScript aquí mismo. Al igual que Ile tipos de
código JavaScript dentro de esta pestaña Consola, como Ile type Alert, así que tengo que escribir Alert
correctamente Alert A ERT alert. Dentro de esta alerta, voy a
escribir algo así como voy a escribir Consolas consola UN SOLE. Y presionaré Enter. Después de presionar Enter,
tu código se ejecutará. Entonces presionaré Enter y nuestro código se está ejecutando y
está diciendo Consola. Así que vamos a presionar Bien. Ahora puedes escribir un poco
más de código JavaScript si quieres hacer Addison, entonces puedes decir
11 luego más 11 Entonces verás
la salida aquí. La salida es 22. E incluso puedes ver
la salida dentro esta pestaña de Consola para el código que has
escrito en tu archivo. Como ahora voy a entrar en
nuestra app de archivos dot js y dentro de esta voy a
escribir console dot log. Entonces, cuando escribimos console dot
log así, Console log, puedes pensar esto
como una función, que registrará nuestro valor
dentro de la pestaña Console. Como ahora quiero iniciar sesión Hola
dentro del toque Consola, así escribiré Hola
y haré clic en Guardar y abrir nuestro navegador.
Luego haz clic en Bien. Entonces como pueden ver, aquí
tenemos hola. De nuevo, voy a escribir
algo más como
se puede hacer además también dentro de esta consola función de registro de
puntos. Entonces voy a hacer alguna adición
para hacer alguna adición, escribiré 23 luego
más 25 o 35. Luego presiona seguro y
abre tu navegador. Entonces ya puedes ver,
presionemos esto bien. Entonces puedes ver la salida
aquí. La salida es 58. Entonces esta es la pestaña de la consola, y dentro de esta pestaña de la consola, podemos ver nuestra salida de
JavaScript. Y para aprender los conceptos básicos de JavaScript, vamos a usar mucho
esta pestaña de Consola. Voy a usar esto
mucho para explicarte cómo funciona
JavaScript y los
conceptos básicos de JavaScript. Así que esta es la pestaña C Dentro de la consola, podemos escribir código JavaScript, y podemos ver la salida del código
JavaScript dentro de la pestaña de la consola. Entonces aprendamos sobre lo más fundamental en JavaScript, que es variable
en el siguiente video.
4. Comentarios en javascript: Ahora aprendamos sobre los bienes comunes. Los comandos son cosas muy básicas, pero luego también quiero
decir lo que es común. Mientras trabajas con un equipo o cuando
trabajas contigo mismo, posible
que quieras tomar
nota de lo que está haciendo esta línea de código o
tal vez quieras mantener una nota. Quiero mantener una nota sobre lo que esta línea
de código está haciendo, entonces voy a crear un comando
para crear un comando, puedes usar este
Dowles y dentro estos Dover Slets
puedes escribir variable de costo Significa que puedes escribir una nota. Esta línea de código está haciendo algo o lo que
quieras escribir, puedes escribir aquí
dentro de este comando. Escribiré variable de costo. O se puede decir aprender variables
const, entonces variable const ¿Por qué se crean
comentarios para tomar notas? Podrías estar escribiéndolo simplemente con nuestros comentarios
también así. Pero si escribes simplemente,
obtendrás un error. Como pueden ver, estamos recibiendo este subrayado rojo
debajo de este aprendizaje, este es el significado de que
estamos recibiendo un error Si guarda esta
habilitación en el navegador, verá que
está recibiendo un error. Token inesperado const. Por qué está escrito const token
inesperado porque escribimos
const aquí si
escribes consts luego guarda
un navegador siempre buscando, entonces verás El error diferente son los costos
inesperados del identificador. Podría ser lo que sea. Significa que
el error podría ser lo que sea. Entonces para evitar errores, puedes crear comandos y dentro de comandos,
puedes guardar notas. O usando comandos,
puedes comentar
toda la línea de código, no
quieres
esta línea de código, entonces puedes comentar esto. Entonces esta línea de
código no tendrá ningún efecto en este archivo escolar de
Java. Salvemos a un rowser siempre
mirando. Esta línea de código
no está teniendo ningún efecto. Este número no está ahí dentro esta pestaña de consola y
este nombre no está ahí. Por qué no está ahí porque
hemos comentado este código. Y ahora este código no tiene efecto
en este archivo JavaScript. Se trata de comandos puedes
crear commments usando Doles o hagamos Control jet y te
enseñaré una Si quieres comentar una línea de código o varias líneas de código, simplemente
puedes arrastrar y soltar
esta línea múltiple de
código y hacer clic en Control
y sin reenvío. Entonces se comentará la línea múltiple de
códigos. O bien si no quieres
usar este hotcde puedes usar
Control Jet y puedes usar este sless delantero Al final, quieres
terminar con este comando aquí, así que tienes que crear de nuevo,
forwardless y star No afuera, la estrella debería
estar dentro de este delantero menos y esta línea de código
será comentada. Se trata de comentarios. Aprendamos sobre los tipos de datos en el siguiente video.
5. Variables: Entonces ahora aprendamos sobre lo más fundamental en JavaScript, que es variable.
Entonces, ¿qué es variable? Las variables se utilizan
para almacenar valores, valores como nombre,
número, correo electrónico, texto. Entonces, para crear una variable, obtenemos algunas palabras clave
en JavaScript, palabras clave como let const y VR Let y cost son la forma
moderna de crear variables y var es la
forma más antigua de crear variables. Entonces primero, aprende sobre cómo
crear una variable
usando la palabra clave let. Entonces para crear una variable
usando la palabra clave et, hay
que escribir let
y hay que darle un nombre así que
le voy a dar un nombre como edge. Él será el nombre
de esta variable, y para asignar un valor
a esta variable, le darás igual
a y le darás un valor. Por lo que el valor será 28. Let es una palabra clave que
utilizamos para crear una variable. Él es el nombre de
esta variable y 28 es el valor de
esta variable He. Ahora para ver la salida
de esta variable, podemos consolar log
esta variable. Entonces a Consolog
escribiré Console dot log. Dentro de este registro de puntos de consola, voy a escribir este nombre de variable. El nombre de la variable es H, así que voy a escribir H aquí y hacer clic en Guardar y abrir
con Live Server. Ya está abierto, supongo, puede ver dentro de
este consorcio, estamos obteniendo 28 una salida. Ahora vamos a crear
otra variable usando et keodPara crear otra
variable usando let Keyod, puedes usar let y puedes dar la variable lime El nombre de la variable será Y voy a dar algunos
aquí como 2025. Vamos a la consola registrar
esto aquí también. Para consola registra esto aquí, puedes dar coma
o simplemente puedes escribir otro
registro de consola N escribe aquí. Pero por ahora, voy a escribir
aquí dentro de esto. Guardemos esto y echemos
un vistazo en nuestro navegador. Como pueden ver,
estamos consiguiendo 28 2025. Ahora aprendamos a crear una variable usando Const keywod Para crear una variable
usando Cs keywod, solo
puedes escribir
const const y
luego así const spelling
será CONST NST Entonces el nombre de
esta variable nombre de esta variable será número, y vamos a escribir algún número aquí. El número será 45. Entonces solo vamos a
registrar en consola este número. En el registro de la consola,
escribiré el registro de puntos de la consola. Y dentro de esta consola Dot log, voy a escribir el nombre de la variable. El nombre de la variable es número, así que escribiré número aquí y presionaré Control S para
guardar este archivo, y echemos un
vistazo en nuestro navegador. Como pueden ver,
estamos recibiendo 45 aquí. Así que vamos a crear
otra variable usando const KeoDet crear
otra variable, voy a escribir Coster entonces el nombre de la variable nombre de la variable aquí será
nombre y es igual a
nombre de tipo
, tenemos que Aprenderás sobre
esta cadena en el siguiente video o
junto al siguiente video. Pero por ahora, si
quieres escribir cualquier tipo de texto, usarás cadena. Cuerda usa este Doble con inbedded. Entonces, dentro de este coma
doble embebido
o coma invertida simple, puede usar coma
doble incrustada
o coma o Entonces dentro de esta
coma doble Iverded, voy a escribir un nombre. El nombre será sal. Vamos a registrar este nombre en la
consola. Para registrar en consola este nombre, escribiré Console Log
y dentro de Console log, escribiré el nombre de la variable. El nombre de la variable es nombre, así que escribí nombre aquí, como pueden ver, estamos obteniendo
algún símbolo de cruz aquí Para eliminar esta línea
a través del símbolo, simplemente
puede pasar el cursor sobre
él y hacer clic en este enlace Dentro de este enlace, puedes
simplemente comentar esto. Así, se puede mandar
a cabo o esta cosa. O puedes quitarlo.
Si no puedes comentar, simplemente
puedes
eliminarlo y hacer clic en Guardar. Te voy a enseñar cuál es
el significado del comentario. Por ahora, solo puedes guardarlo, quitar ese guardar y cerrar
este archivo y después de cerrar, puedes ver que
este
efecto de línea a través se ha ido de este nombre. Guarda esto y digamos que lo
veremos en nuestro navegador. Entonces como pueden ver,
estamos recibiendo nuestro nombre. ¿Cuál es la diferencia
entre asignar un valor usando Let y
asignar un valor usando Cuando asignas
un valor usando let, puedes cambiar el valor
más adelante en este archivo Como quiero cambiar
el valor de este H,
entonces voy a ir por debajo de este let
o puedes ir por debajo de cualquier parte y solo teclear H. Y si quieres cambiar
el valor de este H, puedes escribir, voy a
cambiar el valor a 25 y haz clic en Guardar controles
y lo veré en navegador. Como puedes ver, se elimina 28
y se actualiza a 25. Pero si quieres
hacer lo mismo usando const, entonces
puedes hacer esto Quiero cambiar el
valor de este número, así que voy a escribir número aquí, y el valor del
número será 56. Si trato de cambiar el valor de la variable que se asigna usando const, no
podemos cambiar esto Voy a guardar esto y echemos
un vistazo en nuestro rowser
lo que estamos obteniendo Como puede ver,
ahora estamos recibiendo un error. ¿Por qué
estamos recibiendo error? Porque no podemos
cambiar el valor de una variable que se asigna
usando la palabra clave const Entonces eliminemos esto, entonces
nuestro error será eliminado. Vamos a guardar e look en nuestro roster. Entonces ahora se elimina el error. Entonces esta es la diferencia
entre let y const. Te dejo puedes cambiar el valor de la
variable y en const, no
puedes cambiar el
valor de la variable Entonces ahora echemos un
vistazo al var keode. Entonces, para crear un variodo solo
puedes citar Var y simplemente escribir un nombre
de estas variables El nombre de esta
variable será correo electrónico. Dentro de esta variable de correo electrónico, voy a escribir algo, algún correo electrónico, el nombre del correo electrónico será ejemplo, dirt email.com o gmail.com Pero escribiré
email.com, amamil.com. Así que ahora vamos a la consola
registrar esta variable. Para registrar en consola esta variable, escribiré registro de consola y
dentro de este registro de consola, escribiré el nombre
de esta variable. El nombre de esta
variable es email, así que escribiré email
aquí y haré clic en Guardar y podremos echarle un
vistazo en nuestro navegador. Y como puede
ver, estamos obteniendo este valor de variable de correo electrónico. Estamos obteniendo el valor
de esta variable de correo electrónico. Por lo que hay algunas restricciones mientras se está asignando
el nombre de esta variable Las restricciones son como ahora
quiero escribir mi borde espacial. Así se puede dar un espacio mientras se asigna un
nombre de una variable Si das un espacio,
obtendrás un error. Eliminemos esta H y guardemos este ena
look en nuestro navegador, verás que
estamos recibiendo un error. ¿Por qué estamos recibiendo un error? Porque damos un espacio mientras asignamos el
nombre de una variable Se puede dar un espacio mientras se asigna un nombre
de la variable, pero en lugar de dar un espacio, se
puede utilizar KL case.
¿Qué es KLcase La primera letra
estará en letra minúscula. Y la segunda letra
será o la segunda fue la primera letra estará en
mayúscula, así. Este es el caso KL. En lugar de espacio,
puedes usar el estuche Camel. Ahora vamos a guardar evolu
en nuestro rouser. Como puedes ver, nuestro error
es por qué estamos recibiendo error, estamos obteniendo error
porque aquí escribí H, pero debería escribir mi H, así que voy a escribir M y luego la
H estará en alces así Solo quita esta H si. Sí, entonces este es el caso L. Puedes usar o puedes dar
espacio entre el nombre. Y una restricción más
está ahí que se puede dar un número al inicio
de la variable lin. Como quiero dar un
número aquí, cinco aquí. Entonces, si escribes un número
al principio de la línea variable,
obtendrás un error. Pero puedes usar el número en
algún punto intermedio, quiero usar el número aquí. Entonces así,
puedes usar el número. No estamos recibiendo ningún error. Así que solo escribe cinco aquí y guarda y podrás ver que no
estamos recibiendo ningún error. Pero si escribes número
al principio, ahí voy a escribir un número al principio como este
cuatro y luego guardaré aquí así que escribo cuatro y luego seguro y solo echaré un vistazo en nuestro rowser veremos error ¿Cuál es el error, token inválido
o inesperado? Entonces esto no es válido.
¿Por qué no es válida? Porque no podemos usar un número delante de un nombre de variable. O puede ver que podemos usar número al principio del nombre de
la variable. Entonces solo quita este número, quita el número de aquí también. Y una restricción más es
que puedes usar Cs kewed aquí. Al igual que, quiero
crear una variable. El nombre de la variable se
dejará así, puedes hacer. Si dejas const,
obtendrás un error. Como pueden ver, estamos
recibiendo este subrayado rojo. Esto demuestra que
aquí
estamos recibiendo un error , estos subrayados rojos Así que vamos a quitar esta const
y escribir algo diferente. Y puedes usar let también. Si usas let, entonces también
obtendrás este error, e incluso puedes usar var también. Entonces, si
usas var obtendrás este error. Y aparte de
estas tres cosas, cuáles son estas tres cosas,
puedes dar un espacio, puedes dar número delante del nombre de la variable o
al principio del nombre de
la variable, y puedes usar el
nombre de la variable como const let o var Entonces vamos a darle un nombre
a esta variable. El nombre será H o
el nombre será MH, M y H. Así que esto es
variables en Javasc Aprendamos sobre los bienes comunes
en el siguiente valor.
6. Tipos de datos: Ahora aprendamos sobre los
tipos de datos primitivos en JavaScript. Hay siete en total tipos de datos
primitivos
en JavaScript. Son número de cadena booleano, nulo
indefinido,
símbolo y De los siete, estos dos son recién introducidos
por JavaScript, este símbolo y comenzar es recién
introducido por JavaScript. Aprendamos uno por uno qué son
estos tipos de datos y
qué hacen estos tipos de datos. Así cadena cadena representa
una secuencia de caracteres. Significa que siempre que quieras
asignar un valor que sea carácter o que
tenga texto en él, tienes que usar cadena como si estuviéramos asignando nombre
a esta variable El nombre es texto o usas caracteres para escribir un valor
como nosotros estamos escribiendo a John aquí. Siempre que estés escribiendo
un formato de texto datos, esa vez tienes
que usar cadena. Entonces, cómo definir una cadena
para definir una cadena, puede usar coma doble
incrustada
o coma simple Esta es coma doble incrustada
y esta es una sola Ibdedm. Dentro de esta coma doble
incrustada o coma incrustada simple, puede escribir su texto o caracteres como
quiero escribir John Ahora vamos a comprobar el tipo de
datos de esta variable. Para verificar este tipo de datos, puede Consola registrar
esta variable de nombre, Consola registrarla y echemos un
vistazo en nuestro navegador Abramos nuestro navegador y aquí podrás ver que
estamos consiguiendo a John. Pero para verificar el tipo de datos
de esta variable, solo
puede escribir el tipo Así que solo escribe tipo de tipo
de luego dale un espacio. Ahora estamos comprobando el
tipo de esta variable de nombre. Ahora solo guárdala y echa
un vistazo en tu navegador. Entonces, como puede ver,
estamos obteniendo cadena aquí porque este es un tipo de datos de
cadena. Entonces ahora aprendamos
sobre el tipo de datos numéricos. El tipo de datos de
número representa números enteros y de
coma flotante. Al igual que este H es entero 25, y este es el número de
punto flotante. Pi. Vamos a registrar en consola esto también CL y dentro de
este registro de consola, voy a escribir tipo de Pi. Así que vamos a guardar y echar
un vistazo en nuestro navegador. Como puedes ver, estamos
obteniendo número aquí porque puntos flotantes y este
entero es
el tipo de datos numéricos. Ahora aprendamos sobre el tipo de datos
booleanos. ¿Qué es el tipo de datos booleanos? tipo de datos booleano representa un valor lógico, verdadero o falso Al igual que si quieres verificar que un usuario tenga membresía activa o no, entonces puedes devolver
verdadero o falso. Si el usuario tiene una membresía
activa, entonces puedes devolver
true si el usuario no está activo o si el usuario no tiene una membresía
activa, entonces puedes devolver false Siempre que
devuelvas true, estarás ejecutando
una línea de código, y si un usuario no
tiene membresía, ejecutará otra
línea de código. Así que este tipo de cosas que va a utilizar en la declaración ISE, cada vez que aprendamos
acerca de la declaración FH, va a entender
acerca de booleano Ahora no entenderás demasiado
sobre booleano, pero siempre que vamos
a usar la declaración ISE, esa vez usaremos los valores booleanos,
y ahí aprenderás sobre
los booleanos y ahí aprenderás Qué es verdad y
qué es falso y por qué usamos este valor verdadero
y falso. Vamos a registrar esto en consola también. CL y dentro de este registro de consola, voy a escribir tipo de y queremos comprobar
el tipo de está activo. Voy a escribir está activo y vamos a guardar y echar
un vistazo en nuestro navegador. Como puede ver,
podemos ver Bolaner porque se trata de un tipo de datos
booleano Ahora aprendamos sobre el tiempo de datos
indefinidos. ha declarado un dato variable pero no asignado a un
valor no está definido. Como puedes ver aquí,
hemos declarado un valor, pero no hemos asignado
un valor a esta variable. Entonces este tipo de variable
se conoce como undefined. Y ya tenemos
consola log este valor. Si revisas tu rouser, puedes ver que aquí nos estamos
poniendo indefinidos Entonces este es un tipo de datos indefinido. Ahora aprendamos sobre el tipo de datos
nulos. Tipo de datos nulo representa la ausencia intencional
de cualquier valor u objeto significa que estamos
estableciendo explícitamente un valor a nada como let empty
es igual a nada. Estamos estableciendo un valor de esta variable
vacía a nada. Entonces, siempre que quieras establecer un valor de variable a nada,
escribirás null. Comprobemos el tipo de datos
nulo para verificar el tipo de datos, solo escriba el tipo de
y luego vacíe. Guarda y echa un vistazo
en tu navegador, puedes ver el objeto aquí porque null viene bajo el tipo de datos del
objeto Entonces ahora aprendamos sobre el símbolo. El símbolo representa un valor único
e inmutable a menudo se usa como claves de objeto No vas a usar
mucho
este símbolo relativo y
entenderás sobre el símbolo relativo cuando
aprenderás sobre react o cualquier framework de
JavaScript. Pero entonces también te voy a explicar
qué es el símbolo relativo. Podemos usar este símbolo relativo para proteger nuestro sitio web de atacantes porque podemos
transferir valores de símbolos en APA. Ahora no
entenderás sobre API, así que por eso
te puedo explicar qué es símbolo. Por ahora, sólo se puede entender símbolo es un valor único
e inmutable Y el último tipo de datos es comenzar. Begind significa
entero grande y esto representa enteros
mayores que el número punto max Este es un método JavaScript
y este tipo de número con N al final se define
como big int datatype Vamos a registrar la consola esto también registro de la
consola
comienza no comienza, gran número. Queremos que la consola
logre esta variable, así que simplemente cópiala y pegarla aquí. Para verificar el tipo de,
puedes escribir tipo de y dar un espacio y guardar y
echar un vistazo en tu navegador. Como pueden ver, aquí nos estamos
haciendo grandes. Entonces estos son algunos
tipos de datos de JavaScript. Puedes posar este video y echar un vistazo a estos tipos de datos. Vamos a usar mucho
este tipo de
datos
booleano e indefinido de número de cadena mientras creamos lógicas o mientras creamos cualquier tipo Entonces esto es aprendamos sobre
los operadores en el siguiente video.
7. Operadores aritméticos: Entonces aprendamos sobre los operadores
aritméticos
y los operadores de asignación
en este video Entonces los operadores aritméticos son operadores matemáticos
básicos,
operadores matemáticos
básicos como multiplicación por división
más menos Entonces usemos estos
operadores aritméticos en nuestro código. Entonces ahora lo que quiero hacer es que quiero usar este
operador aritmético con estas
dos variables Como si quiero plus, voy a usar este operador aritmético plus con variable A más variable B. Así que para hacer eso, voy a hacer Console
lo y dentro de Console Quiero dos más o quiero agregar A y B significa el valor de
A y V. Así que para hacer eso, escribiré A y luego
el operador aritmético,
el operador aritmético dos más es este símbolo más y luego B. Ahora vamos a guardar y echar
un vistazo en nuestro Entonces estamos consiguiendo 15 aquí. ¿Por qué estamos recibiendo 15?
Porque diez más cinco es 15. Ahora hagamos resta. Para hacer eso, solo
copiaré y pegaré esto y solo usaré este símbolo menos para hacer la sustracción y
luego para multiplicar, puedes usar este símbolo de estrella Entonces, hagamos una pausa en esto y
usemos este símbolo estelar. Ahora estamos multiplicando
diez en cinco. Y para la división, puedes
usar este símbolo de slash. Entonces ahora estamos dividiendo 10/5. Si quieres encontrar el poder de algún valor si quieres
encontrar el poder de diez, o si quieres encontrar
el cuadrado de diez,
entonces puedes escribir diez multiplicado multiplicar significa dos
símbolos de multiplicación y luego dar dos. ¿Por qué estamos
escribiendo dos aquí? Porque queremos
encontrar el cuadrado de diez significa diez en diez, como este diez en diez. Y si quieres encontrar
el cubo de este diez, entonces puedes escribir tres aquí. Entonces cuando escribes tres aquí, es encontrar diez en
diez en diez. Así. Si escribes cuatro aquí, entonces ahora estamos multiplicando diez
en diez en diez en
diez, cuatro veces así Así que vamos a quitar esto y
echar un vistazo en nuestro rowser. Y esto se conoce
como exponenciación. Vamos a guardar esto y miro en nuestro rowser así como pueden ver, estamos llegando diez
a la potencia de cuatro, que es 1100000010000 Y si quieres
encontrar esta plaza, entonces solo puedes escribir dos, y ahora vamos a conseguir
esta plaza de diez. Entonces echemos un vistazo
en nuestro rowser
estamos consiguiendo este cuadrado
de diez, que es 100 Y ahí está un
operador lthnic más, que es módulo,
módulo es este Simplemente pasaré esto y este
es el símbolo del módulo, guardemos esto y echemos
un vistazo en nuestro navegador. Entonces ahora estamos consiguiendo cero. ¿Por qué estamos obteniendo cero?
Porque el módulo es recordatorio. Ahora si quieres dividir 10/3. Entonces vamos a conseguir uno. Guardemos esto y evolucionemos en nuestro navegador,
así que estamos obteniendo uno. ¿Por qué estamos recibiendo
uno? Porque si divides diez con tres,
el recordatorio será uno. Por eso estamos
consiguiendo uno aquí. Entonces se usa el módulo para
encontrar el recordatorio. Entonces este es el operador
alitmético. Ahora aprendamos sobre los operadores
de asignación. Entonces los operadores de asignación
son así más iguales a diez o menos iguales a diez o diez más más así que este tipo de operadores
son operadores de asignación. Entonces, qué hacen estos
operadores de asignación, como si quieres
agregar diez a este valor, o si quieres agregar
20 a este valor, entonces lo que harás, solo
escribirás A más 20. Pero si está utilizando operadores de
asignación, puede simplemente escribir A
más es igual a 20. Vamos a Consolog esto
A, CL, y luego A. Así que como pueden ver,
estamos consiguiendo 30 aquí Porque estamos
sumando diez con 20. Ahora bien, si quieres
agregar uno a este valor, entonces simplemente puedes
escribir A plus plus. Ahora obtendrás diez más uno. Guardemos este
evolu en navegador. Entonces ahora estamos recibiendo 31. ¿Por qué estamos recibiendo 31?
Porque A más equivale a 20 es 30 y 30
más uno es 31. Ahora vamos a eliminar esto y justo ahora vamos a conseguir 11 porque ahora el
valor de A es diez. Así que vamos a guardar esto
evolucionar en nuestro navegador, así que estamos obteniendo 11 aquí. Y si quieres menos uno, entonces puedes hacer A menos menos. Eliminemos esto y
ganaremos nuestro navegador, ahora vamos a conseguir
nueve porque estamos restando uno con diez Entonces estos son algunos de
los operadores que vamos a usar
en código JavaScript, y esto A menos
menos A más más y
luego A más es igual a más
igual a diez o cualquier valor. Este tipo de operadores
vamos
a usar mucho en JavaScript, así que hay que saber qué están haciendo
estos operadores. Si quieres
entender cómo está
funcionando esto detrás de escena,
entonces te voy a mostrar. Si quieres saber
cómo está funcionando esto, es como decir que A
es igual a A más diez. En lugar de escribir As
igual a A más diez, podemos simplemente escribir A
más igual a diez o A menos es igual a 20. Ahora bien, en lugar de escribir
como iguales a A -20, solo
podemos escribir A
menos igual a 20. O puedes escribir este símbolo de
multiplicación también. Ahora sólo estamos
multiplicando el valor de A con 20 significa el
valor de A es diez, ahora estamos multiplicando Estos son algunos de los
operadores que vamos a usar al escribir código
JavaScript, y esto A menos menos A más A
más A más igual a diez, este tipo de
operadores de asignación son muy importantes. Entonces solo entiende
cómo funciona esto. Y a estos operadores
los vas a usar mucho.
8. Concatinación: Ahora aprendamos sobre la concatenación de
cadenas. ¿Qué es la concatenación de cadenas? concatenación de cadenas
es el proceso de combinar varias cadenas
en una sola, usando el operador plus o
usando los retales de plantilla Primero, aprenderemos sobre cómo concatenar cadenas
usando el operador plus, luego aprenderemos sobre cómo
concatenar cadenas
usando terales concatenar cadenas Ahora vamos a concatenar
estas dos variables, pierden estas dos cadenas,
entonces cómo hacerlo Para ello, voy a crear una variable
más para combinar el valor de estas dos cadenas y convertirla en una sola cadena. Voy a crear una variable y el nombre de la variable
será nombre completo. Y el nombre completo será
nombre con apellido. Escribiré nombre y para concatenar este
nombre con apellido, solo
puedo usar este
operador plus y escribir apellido Si guardo esto,
ahora no voy a salvar, voy a Csolog esto
y luego voy a Voy a Csolog este nombre completo, entonces voy a guardar esto y
verlo en navegador Simplemente conectaré mi nombre de archivo,
así que el nombre del archivo
es concatenación Guardemos esto y abramos nuestro
navegador y recarguemos esto. Antes de recargar,
puedes ver que estamos viendo a John Domains Nuestro nombre y
apellido están concatenados, pero no hay
espacio en el medio Como puede ver, no
hay espacio en el medio. Para crear un espacio intermedio, puede usar otro operador
plus. Solo usa este
operador plus y dale espacio y dale un
espacio desde aquí también. Solo estoy dando
espacio desde este lado y decido hacer que se vea un poco más agradable y
dentro de este tanto símbolo más, lo que quiero hacer es que
quiero crear un espacio Para crear un espacio,
simplemente puede escribir double embedded. Dentro de esta coma doble
incrustada, puede dar espacio, y solo guardar esto y
echar un vistazo en el navegador Ahora como pueden ver,
estamos consiguiendo un espacio entre este
nombre y apellido. Así es como congregamos
múltiples cadenas en una sola cadena usando
el operador plus Pero ahora entendamos por qué
usamos literales de plantilla. Quiero hacer un registro de consola algo. Voy a escribir el registro de puntos de consola. Dentro de este registro de la consola, voy a escribir algún código. Para escribir código, escribiré código QT y el código
será algún tipo de código. Voy a escribir algún código. Pero como saben, siempre escribimos comillas dentro de coma doble
incrustada, voy a abrir la coma doble
incrustada aquí y en esta
doble incrustación aquí Pero como puedes ver ahora
estamos recibiendo un error aquí. Por qué estamos recibiendo error,
estamos obteniendo error porque estamos abriendo aquí esta coma doble
incrustada y
cerrándola aquí Esto está causando algún error porque no podemos usar este doble invertido dentro de esta cadena
o dentro de este texto. Cómo deshacernos de este problema, solo
podemos usar coma simple incrustada en lugar de coma
doble incrustada Entonces ahora podemos
deshacernos de este problema, pero hay otro problema, quiero escribir algunos
textos como no DAR, y luego solo invitado
coma N T. Ahora otra vez, aquí
estamos recibiendo un error Entonces, ¿cómo lidiar con este error
para lidiar con este error, solo
puedes escribir slash Aquí puedes escribir
esta baraja hacia adelante y el problema quedará resuelto Pero en lugar de
escribir este tipo de slash
hacia adelante y usar
la coma única incrustada,
en su lugar, podemos usar
Batis. ¿Qué es Bactix Esto se conoce como
Bactix esta cosa. Donde encontraras este tipo
de Baptis en tu teclado. En tu teclado,
encontrarás este Baptis debajo de la tecla de escape
o encima de la tecla de cinta o
a la izquierda de un número Baptikeys debajo de la
llave de escape y encima de la tecla tipo, que está en la esquina superior izquierda Puedes encontrar esta tecla debajo esta tecla de escape o
encima de la tecla tap. Si usa datail temporal
nuestro problema está resuelto. Ahora no tienes que
escribir menos estos reenvíos, solo
puedes eliminar
estos reenvíos menos, y ahora nuestro problema está resuelto, pero usamos datos de plantilla
para alguna otra cosa. Si quieres inyectar
este valor de variable dentro de esta cadena, entonces podemos usar detalles
temporales. Aprendamos a inyectar el valor de
estas variables
dentro de la variable. Voy a quitar este
texto y escribiré algunos textos diferentes
como escribiré, hola, mi nombre o escribiré
mi nombre y luego. ¿Cuál debería ser mi nombre de pila? Mi primer nombre debería ser
este valor de variables. ¿Cómo inyectar este
valor de variables dentro de esta cadena? Para inyectar este
valor de variables dentro de esta cadena, puede usar reales tentados reales tentados de plantilla de agua Los reales tentados de plantilla de agua son solo este
símbolo de dólar y llaves Dentro de este corchete, queremos el valor de John, así podemos simplemente escribir
el nombre de la variable. El nombre de la variable es nombre, solo escribe el nombre aquí, y luego para inyectar
apellido, voy a escribir, hola, mi nombre es este
y luego y mi apellido es ahora quiero
inyectar esta variable. Para inyectar esta variable,
voy a copiar esta N, crear $1 símbolo o bien puedo decir que voy a crear una plantilla diales para
crear una plantilla diales,
voy a escribir símbolo de dólar y símbolo de dólar y Carli Bracket
y dentro de este Carli Bracket dentro de este Escribiré el
nombre de la variable del valor. Quiero así que este valor, así que tengo que escribir el nombre de la
variable de este valor, que es apellido, Control V. Ahora vamos a guardar y echar
un vistazo en nuestro navegador. Como pueden ver,
estamos recibiendo Hola, mi primer nombre es John
y apellido es Doe Entonces esta es la razón por la que usamos plantilla daterlAsí que puedes decir
que es por eso que usamos ctis Esto es acti y esto
es datos temporales. Si quieres usar
detalles temporales dentro de una cadena, puedes usar
detalles temporales sin Baptis Si quieres usar detalles
temporales sin actis entonces
obtendrás un error quiero
usarlo dentro de coma Debedded Escribiré
coma Dembedded aquí y guardaré
esto y vamos a guardar un
vistazo en Como puede ver, aquí estamos
recibiendo un error. No estamos recibiendo
error, pero aquí
no estamos obteniendo ningún tipo
de valores. Entonces para obtener valor o
si estás usando tablet literal,
tienes que usar Bactis Retire este doble
invertido y agregue el Bactis en lugar de coma
doble invertida Se trata de literales temporales, Bactis y Espero que haya entendido
esto correctamente. Ahora aprendamos
sobre algún
tema diferente en el siguiente video.
9. Matriz: Aprendamos sobre la
matriz en este video. Entonces, ¿qué es la matriz? Usando array, podemos almacenar múltiples
valores en una variable. Así que Tilla estábamos almacenando solo un valor o un solo
valor en una variable, pero usando rRAa podemos almacenar múltiples valores en
una sola Vamos a crear una variable, así que el nombre de la variable
dejará ARR y es igual a dos Voy a darle a esta variable valor, un solo valor como Tila
lo que estábamos haciendo, ese tipo de valor que
quiero dar aquí Voy a escribir un número. El valor de esta variable
ARR es 256. Así que vamos a
registrar esta variable en la consola. Entonces CLN ARR. Ahora vamos a guardar y echar
un vistazo en nuestro navegador. Entonces como puedes ver, estamos
obteniendo 256 en nuestra pestaña de consola. Y ahora si quiero almacenar otro número en esta variable, voy a dar coma y almacenar
otro número como 67 y guardar y echar un
vistazo en nuestro navegador Para que veas que obtuvimos un
error en esta pestaña de consola. Entonces por qué obtuvimos error, obtuvimos error porque podemos almacenar múltiples valores
dentro de una variable. Pero si quieres
almacenar múltiples valores dentro de una variable,
puedes usar array. Elimine estos números
y cree una matriz. El nombre de la matriz significa que el nombre de la
variable será diferente porque quiero
almacenar varios nombres de frutas, así que escribiré el nombre de la
variable será fruits, FR ITs fruits. Y para crear una matriz, hay
que usar estos
corchetes. Estos corchetes
se conocen como array. Dentro de los corchetes, puede almacenar múltiples valores. Entonces lo que quiero hacer quiero
almacenar múltiples nombre de fruta. Entonces para almacenar múltiples nombres de frutas, puedo entrar dentro de esta matriz
y dentro de esta matriz, escribiré el nombre de múltiples
frutas como manzana, plátano, manzana tipo tierra. Entonces dale una coma y luego escriba otro nombre de fruta o
escriba otro valor Otro nombre de comida
será plátano. Agreguemos un nombre de comida más, otro nombre de frut
será cereza Esto es array y
dentro de esta matriz, estamos almacenando múltiples valores. Consolloguemos esta
variable de frutos y
evolucionemos en nuestro rowser Para consolar esta variable de frutas, simplemente
me gustarán las frutas y guardaré
esto evolucionar en nuestro rowser Como puedes ver, estamos obteniendo una matriz y dentro de esta matriz, estamos obteniendo tres variables. Vamos a expandir esta matriz y
se puede ver que está escrito
dentro de este prototipo. Eso significa que esto es array. Y se puede ver que
tenemos tres valores, manzana, plátano y cereza. Pero cuando tratamos de
almacenar múltiples valores sin matriz,
estábamos recibiendo error. Pero ahora cuando estamos almacenando
múltiples valores usando array, no
estamos recibiendo ningún error. Entonces ahora aprendamos cómo
acceder a un solo valor
desde esta matriz. Como, quiero acceder a este plátano desde esta
matriz, entonces cómo hacerlo. Entonces para hacer eso, solo
puedes escribir frutas porque quiero acceder al
elemento desde esta matriz. Estos valores se conocen como
elementos dentro de la matriz. Al igual que Tila,
decíamos que esto es un valor, pero esto no es valor, se
trata de elementos Quiero acceder a
este segundo elemento desde esta matriz, lo que voy a hacer, solo
escribiré
la matriz aquí y luego crearé un vagón cuadrado
dentro de este
aget cuadrado tengo que dar el número de índice de este
elemento al que quiero Al igual que quiero acceder a
este segundo elemento. Para acceder al segundo elemento, hay
que escribir el
número de índice del segundo elemento. ¿Cuál es el número
de índice del segundo elemento? El número de índice del
segundo elemento será uno. ¿Por qué va a ser uno?
Será uno porque JavaScrem empieza a
contar desde cero El número de índice de este
primer elemento será cero. Entonces será uno,
luego serán dos, y seguirá así. 01, dos, tres, cuatro, cinco, seis. Lo principal aquí
es que el flujo de Java comienza a contar desde cero. Entonces, si quieres acceder a
este segundo elemento, tienes que escribir uno.
¿Por qué tenemos que teclear uno? Debido a que esto es
número de índice cero significa este valor o este elemento está en número de
índice cero y luego este está en uno y
este es en dos. Entonces para acceder al segundo elemento, voy a escribir uno y
dar igual a dos. No va a voy a consolar
log este fruto uno. Voy a copiar esto eliminar esto y registro de consola y
dentro de este registro de consola, voy a escribir frutas y a
lo que quiero acceder
desde esta matriz de frutas, quiero acceder al segundo elemento de esta matriz de frutas. Voy a guardar esto y e mira en
nuestro rowser como puedes ver, estamos consiguiendo banana aquí porque el plátano es el segundo
elemento de nuestra matriz Ahora bien, si quieres
acceder al primer elemento desde la matriz,
¿qué harás? Para acceder al primer
elemento desde la matriz, tenemos que simplemente
escribir el arraym y no finalmente la RAM es
fruto, así que voy a escribir Y crear estos corchetes e insectos los corchetes, ya que quiero acceder a
este primer elemento. Entonces el número de índice del
primer elemento es cero, así que escribiré cero aquí y guardaré esto y nuevamente,
abriré el navegador. Y como pueden ver,
estamos consiguiendo aquí a Apple, que es el primer
elemento de la matriz. Ahora bien, si quieres
acceder al último elemento de esta matriz significa el
tercer elemento de esta matriz, lo que harás,
solo tendrás tiempo cero, uno, dos. Entonces, para acceder a este elemento, que escribir dos aquí. Así que sólo voy a copiar
pegarlo, controlar, copiar esto y pegarlo aquí
y sólo escribir dos aquí. Por qué estoy escribiendo
porque quiero
acceder a este tercer
elemento desde la matriz. Así que vamos a guardar esta
voluta en nuestro navegador. Entonces como pueden ver, la
estamos consiguiendo aquí, que es el tercer
elemento de la matriz. Así que ahora vamos a aprender a cambiar el
valor de un solo elemento de esta matriz. Al igual que, quiero
cambiar el valor de esta manzana a naranja.
Entonces, ¿cómo hacer eso? Para ello, solo seleccionaré
esta manzana para seleccionar esta manzana tengo que
escribir el nombre de la matriz,
el nombre de la matriz es frutas y
simplemente crear llaves, no llaves, crear
los corchetes y
dentro de estos corchetes. Como se quiere cambiar el
valor de este primer elemento, entonces hay que escribir el número de índice de
este primer elemento, el número de índice de este
primer elemento es cero. Entonces escribe cero aquí,
luego dale iguales a así como
queremos cambiar el valor
de esta manzana a naranja, entonces solo escribiré naranja aquí y controlaré
log estas frutas, copia esto de aquí y quita
esto y pegarlo aquí,
Control V, y guarda esto y échale un
vistazo en nuestro navegador. Entonces, como pueden ver, ahora estamos recibiendo naranja en lugar de manzana. Entonces así es como
accedemos al elemento desde esta matriz y cambiamos
ese valor de los elementos. Entonces ahora aprendamos sobre algunos de los métodos básicos de array
que
usaremos en nuestra vida diaria mientras creamos un proyecto
JavaScript, no en la vida diaria, pero
cuando estés creando un proyecto JavaScript o haciendo
algo con JavaScript, estarás usando este
tipo de métodos de matriz. Entonces los métodos de array que vamos a aprender
son pus,
pop, tamizar y unsit Entonces para hacer eso, voy a crear una variable para aprender lo que significa aprender
sobre esos métodos, voy a crear una
variable separada o matriz separada. El nombre de la matriz será números. Es igual a dos y simplemente
escriba algunos números aquí, uno, dos, tres, cuatro y cinco. Ahora aprendamos
sobre el método push. ¿Por qué utilizamos el método push? Utilizamos el método push para agregar un valor al
final de la matriz. Quiero agregar seis al
final de la matriz. Lo que voy a hacer,
solo usaré el método push. Escribe este
nombre de variable, no nombre de variable, tienes que escribir esta matriz así que escribe
este arraonym dentro de
esta matriz
significa dentro de esta matriz significa Lo que quiero hacer, quiero agregar un nuevo valor al
final de la matriz. Así que solo escribe push
esto significa que quiero
poner un nuevo valor dentro esta matriz al
final de esta matriz. Lo que quiero poner
al final de esta matriz, quiero ingresar seis al
final de esta matriz, así que simplemente escribiré
seis aquí y guardaré
esto y este registro de consola es números,
registro consola y dentro este registro de consola,
voy a escribir números. Vamos a guardar esto y
voy a buscar en nuestro rouser. Como puede ver, estamos obteniendo una matriz y al
final de esta matriz, se está agregando
este seis. Ahora aprendamos sobre
otro método de matriz, que es unspd ¿Por qué usamos el método unsid? Utilizamos el método unsid para agregar un valor al
comienzo de la matriz Al igual que quiero agregar cero
al inicio de esta matriz. Entonces lo que voy a hacer, simplemente voy a
crear este método unsid. Seleccionaré esta matriz numérica y dentro de esta matriz numérica, escribiré unsifd y
dentro de los corchetes, escribiré el valor
que quiero agregar
al inicio de esta Entonces el valor que quiero
agregar al inicio
de esta matriz es cero, así que escribiré cero aquí y
compartiré esto en nuestro navegador. Entonces, como puede ver, cero se ha arreglado al comienzo
de esta matriz Entonces ahora, ¿y si quieres
eliminar el último elemento
de esta matriz? Entonces para eliminar el último
elemento de esta matriz, hay
que usar el método Pop. Así que solo escribe números
y solo escribe punto Pop y crea estos corchetes y cierra esto y
buscaré en nuestro navegador. Entonces nuestro último método, nuestro último método no, nuestro último elemento
será eliminado. Nuestro último elemento fue seis y el seis se elimina
de esta matriz. Ahora, ¿y si quieres eliminar el primer elemento
de esta matriz? Entonces, ¿cuál es nuestro primer elemento? Nuestro primer elemento es cero, y quiero eliminar este
primer elemento de la matriz. Entonces para hacer eso, puedo
usar otro método. El nombre del método es shift. Así que solo escribe números punto Tamizar. Esto eliminará el primer
elemento de la matriz. Solo guarda esto y
ganaré nuestro navegador. Nuestro primer elemento de esta
matriz ha sido eliminado.
10. Operadores lógicos: Aprendamos sobre operadores de
comparación y operadores lógicos
en este video. Por qué usamos operadores de comparación, usamos
operadores de comparación para comparar dos valores y
en base a esa comparación, estos operadores devolverán valores
verdaderos y falsos. Entonces estos son algunos de los operadores de
comparación que obtenemos en JavaScript. Aprendamos uno por uno qué son
estos operadores de comparación y qué hacen estos operadores de
comparación. Entonces el primer operador de comparación es igual al operador de comparación. Entonces para conocer
estos operadores, usaré la pestaña Consola para abrir mi consulta abriré mi navegador y
dentro de este navegador, haré clic en F 12. Entonces como pueden ver, mi
tipo consol ya está abierto. Ahora aprendamos sobre igual
al operador de comparación. Entonces, lo que hace este operador igual a
comparación es que toma tanto los
valores son iguales o no. Si ambos valores son iguales, entonces obtendremos dos, y si uno de los valores no es el mismo,
entonces obtendremos false. Como voy a comparar cinco
es igual a cinco. Entonces lo que debería conseguir,
debería conseguir dos porque ambos valores son iguales.
Como pueden ver, tengo dos. Pero si escribo cuatro
es igual a cinco, entonces me pondré falso porque
ambos valores
no son similares o ambos los
valores no son iguales. Ahora aprendamos sobre
otro operador de comparación, que es triple igual a, y este
operador de comparación se conoce como estricto igual al operador de
comparación Este operador estricto de igual a
comparación es igual que este igual
al operador de comparación, pero esto es igual al operador de
combarigon
comprobará si el valor y los tipos de
datos son iguales o Como si escribo cinco es
igual a la cadena cinco, entonces voy a obtener false
porque esto es igual al operador de
comparación verificará los valores así como el tipo de datos. Al igual que escribo cinco es
igual a la cadena, y dentro de la cadena,
voy a escribir cinco. Ahora voy a ser falso.
¿Por qué me hice falsa? Me salió falso porque
los valores son los mismos, pero los tipos de datos no son los Pero si hago lo mismo
con este doble igual a CmarigonOptor,
entonces voy Voy a escribir cinco es
doble igual a, cadena y dentro de esta
cadena, voy a escribir cinco. Como pueden ver, me hice verdad. Por qué me hice verdad lo hice verdad
porque este doble igual a orbitador de
comparación solo
compara los valores, no los tipos de datos,
pero esto equivale a orbitador de
comparación comparará el valor así
como los tipos de datos Si comparo los mismos
tipos de datos, entonces voy a ser verdad. Compararé cinco
es igual a cinco. Ahora voy a ser cierto porque
este es el tipo de datos numéricos, y este es el tipo de datos numéricos. Si escribo la cadena cinco es
igual a la cadena cinco, entonces también me volveré verdad porque tanto el tipo de datos como
los valores son los mismos. Ahora aprendamos sobre esto no es igual a los operadores de
comparación. Lo que no es igual al
operador de comparación hará es que
comprobará si los valores
son iguales o no. Si los valores son iguales,
entonces devolverá false y si los
valores son diferentes, o si los valores no son iguales a otro valor, entonces
nos pondremos verdaderos. Dentro de mi consultivo Io tipo dos no es igual a tres, entonces voy a ser verdad porque esto comprobará si el valor no
es igual a o no. Al igual que el tipo dos no es
igual a tres. Ahora voy a ser verdad porque
tres no es igual a dos. Pero si escribo cinco
no es igual a cinco, entonces me pondré falso porque
cinco es igual a cinco. Voy a escribir cinco
no es igual a cinco. Ahora como pueden ver, me hice falso porque cinco es igual a cinco. Ahora aprendamos sobre esto no es doble igual al operador de
comparación. Este doble igual al operador de
comparación comprobará el tipo de datos al igual que este triple igual al operador de
comparación. Así que voy a escribir cinco
no es igual a, cadena cinco. Si verifico cinco no es
igual a la cadena cinco, entonces voy a ser verdad. ¿Por qué voy a ser verdad? Porque
esto comprobará los datos. Voy a escribir cinco es doble
igual a cadena cinco. Ahora lo que debería
conseguir, voy a conseguir cinco, voy a escribir dentro de
la cuerda cinco. Como pueden ver, me hice
verdad, ¿por qué me volví verdad? Me volví verdad porque
los valores son los mismos, pero los tipos de datos no son los mismos. Pero si hago lo mismo con este sencillo igual a no
es igual al operador de comparación, entonces me pondré falso.
Hagamos esto. Voy a hacer cinco no es
doble igual a, no doble igual a,
quiero comparar con el sencillo igual a así
cinco no es igual a. Dentro de esto, voy a t cinco. Entonces se produjo algún error aquí. ¿Por qué
ocurrió el error? Porque escribí cinco fuera de la cadena, así que lo escribo correctamente. Entonces cinco no es igual a, y luego dentro de esta
cadena, voy a escribir cinco. Entonces ahora lo que debería
conseguir, debería ser falso. Entonces ahora aprendamos sobre
otro operador de comparación. Entonces otro
operador de comparación es mayor que menor que este
es mayor que igual a, y esto es menor que igual a. Entonces espero que ya sepas lo este
operador mayor que de comparación,
qué hará este menos que operador de
comparación. Entonces también
aprendamos qué va a hacer este
mayor que y esto
menos que operador. Por lo que mayor que el
operador comprobará si el número es
mayor que o no. Si tomo cinco es
mayor que tres, ahora
lo que debería conseguir, debería ser verdad,
por qué me hice verdad, me hice verdad porque cinco
es mayor que tres. Pero si escribo cinco o si escribo tres es
mayor que cinco, entonces me pondré falso porque tres no es mayor que cinco. Ahora hagamos lo mismo con este operador menos que de
comparación. Ahora lo que voy a comprobar es
tres es menos de cinco. Ahora lo que debería
conseguir, debería conseguir dos porque tres
es menos de cinco. Como pueden ver, tengo dos
así que esto es mayor que, y esto es menor que operador de
comparación. Ahora aprendamos sobre
mayor que igual a dos y
menos de igual a dos. Mayor que igual a dos
comprobará si el número es
mayor o igual que
el valor comparado. Como si escribo cinco es
mayor o igual a cinco, entonces voy a ser verdad porque
cinco no es mayor que cinco, pero cinco es igual a cinco. Ahora hagamos lo mismo con
esto menos de o es igual a dos. Voy a escribir cuatro es
menor o igual a cuatro, entonces voy a conseguir dos porque
cuatro no es menor que cuatro, pero cuatro es igual a cuatro. Entonces esto es mayor que, y esto es menor que operador de
comparación. Ahora aprendamos sobre
otro operador de comparación. No queda más operador de
comparación. Entonces ahora aprendamos sobre los operadores
lógicos. Aprenderemos sobre este lógico
y lógico u operador. Lo que hará este
operador final lógico, este operador final lógico
comprobará si ambas
condiciones son verdaderas o no. Voy a escribir cinco es igual a cinco y cinco voy a escribir
cinco es igual a cinco y luego voy a escribir y así operador lógico
es hay que escribir este símbolo dos veces y luego va a escribir
otra condición. Voy a escribir seis es igual a seis. Ahora voy a conseguir re
por qué voy a ser verdad, voy a ser verdad porque esta
condición y esta condición, tanto la condición son ciertas.
Por eso me volví verdad. Pero si una de las dos condiciones es falsa, me pondré falsa. Como voy a escribir cuatro
es igual a tres, y luego voy a crear
este final lógico. Para crear este final lógico, tengo que escribir end
dos veces y luego ahora voy a escribir cinco
es igual a cinco. Cinco es igual a cinco. Ahora me hice falso,
¿por qué me lo hice falso? Me hice falso porque una de
las condiciones no son ciertas. Entonces esta condición no es cierta. Por eso me hice falso. Este es un operador lógico. Ahora aprendamos sobre
lógica u operador. Lo que este lógico u
operador hará es lo hará si alguna de las
condiciones es verdadera o no. Al igual que si escribes lo mismo
con este u operador lógico, nosotros nos hacemos realidad, ¿por qué
vamos a ser verdad? Porque esta afirmación o
esta condición es falsa, pero esta condición es cierta. Entonces solo una de las
dos condiciones sería cierta, entonces
nos volveremos verdad. Yo solo escribiré seis
es igual a seis, y luego escribiré esto u operador para escribir
esto u operador, hay
que usar este
símbolo y luego solo escribir seis es igual a siete. Entonces como pueden ver, me volví
verdad. ¿Por qué me volví verdad? Me hice verdad porque una de las
dos condiciones son ciertas. Entonces esta condición es cierta
y esta condición es falsa, pero como una de estas dos
condiciones es cierta, me hice verdad. Esta es la diferencia entre enlógico y operador
orlógico Un operador lógico
verificará si ambas condiciones
comparadas son verdaderas o no, y este
operador orlógico verificará, una de las dos condiciones que se compara debe ser verdadera Si ambas condiciones son verdaderas, entonces también nos volveremos verdaderas
al usar este u operador. Voy a escribir seis es igual a seis y voy a usar este u operador y voy a escribir
seis es igual a seis. Ahora también voy a ser verdad. Yo sólo escribiré seis
es igual a seis. Como pueden ver, ahora me
hice verdad porque este u operador comprobará porque
este u operador quiere, solo una de las dos
condiciones sería verdadera o ambas las
condiciones serían verdaderas, entonces nos volveremos
verdaderas como está escrito. Esto es lógico u operador, y este es operador lógico. Más adelante aprenderemos sobre este operador de
guiño lógico. Ahora bien, esto es para este video. Ahora aprendamos sobre algún
otro tema en el siguiente.
11. Función: En este video,
aprendamos sobre la función. ¿Qué es la función? Las funciones en JavaScript son
bloques de código reutilizables. Diseñados para realizar
un impuesto específico, ayudan a organizar el código
y reducir el repetón Dentro de la función, podemos
escribir un bloque de código y
podemos reutilizar ese bloque de código simplemente llamando al nombre de
la función. Y podemos reutilizar ese bloque
de código tantas veces como queramos reutilizarlo simplemente llamando al nombre de
la función. Ahora veamos cómo
declarar una función. Para declarar una función, solo
tienes que usar una palabra clave de función así que
solo escribe la función. Y después de escribir
esta función kod, hay que
darle un nombre a esta
función Voy a darle a esta función
un nombre de arenilla. El nombre puede ser
cualquier cosa. darle cualquier nombre a esta función, pero aquí estoy dando arenilla Ahora después de escribir
el nombre de la función, hay
que crear
un paréntesis Paréntesis significa los corchetes. Entonces estos corchetes se conocen como paréntesis después de dar
este paréntesis, hay
que crear
uno entre corchetes y dentro de estos corchetes, estarás escribiendo el bloque de código que quieres reutilizar Ahora escribamos algún código. Por ahora, solo voy a escribir registro de
consola y dentro esta consola log Il
tipo, esta es función. Esta es la función. Este
registro de consola es nuestro bloque de código. Ahora bien, si
quieres usar este bloque de código dentro de la función, solo
tienes que llamar al nombre de
la función. Para llamar al nombre de la función, hay
que escribir el
nombre de esta función. ¿Cuál es el nombre
de esta función? El nombre de esta
función es grit,
escribir grit y dar
este Entonces así es como
llamamos a una función. Ahora vamos a guardar y echar
un vistazo en nuestro navegador. Voy a abrir mi índice con archivo
HTML y hacer clic derecho y hacer clic en este
Abrir con Live Server, y voy a hacer clic en F 12 para abrir mi consola toque y voy a
hacer clic en F cinco para volver a cargar esto Como pueden ver, estamos
consiguiendo que esta es función. Eso significa que nuestra función
está funcionando correctamente. Ahora bien, si quieres
reutilizar el bloque de código dentro de esta
función de cuadrícula, ¿qué haces? Simplemente recordarás
este nombre de función. Al igual que quiero reutilizar este
bloque de código tres veces. Escribiré el
nombre de la función tres veces. Yo sólo lo copiaré y lo
pegaré dos veces. Ahora vamos a conseguir este bloque
de código tres veces. Vamos a guardar un evoluti nuestro rowser como puedes ver dentro de
este consejo de consola, estamos obteniendo esta función significa que el bloque de código
se está ejecutando tres veces Si quieres usar este
bloque de código cinco veces, entonces puedes simplemente escribir este nombre de
función cinco veces. Vamos a guardar un rouser evoluonar, así que ahora nuestro bloque de código
se está ejecutando cinco veces Significa que ahora nuestra función
está funcionando cinco veces. Ahora aprendamos sobre argumentos y parámetros
dentro de la función. El argumento y los parámetros son
como variables en el
valor de la variable. Entonces dentro de este paréntesis, darás el parámetro y dentro de este paréntesis,
darás el argumento Así parámetro será
el nombre de la variable y argumento será el
valor de este parámetro. Así que voy a pasar nombre dentro este parámetro, así que
voy a escribir nombre. Y voy a definir el valor de este nombre dentro
del argumento. El valor de este
nombre será John. John estará dentro de la cadena, así que voy a crear esta coma
doble incrustada y dentro de esta coma doble
incrustada, escribiré John, JOHN Solo usaré este parámetro de
nombre dentro este registro de consola que dentro de
esta función para usar esto, solo concateno
esta variable de nombre Usa este símbolo más
y escribe el nombre. Y voy a escribir mi nombre es John. Voy a escribir mi nombre es, entonces voy a crear un espacio aquí y vamos a guardar y
echar un vistazo en nuestro navegador. Ahora como pueden ver, estamos
recibiendo mi nombre es John. Se trata de parámetros
y esto es argumento. Se puede crear una función
dentro de una variable. Para crear una función
dentro de la variable, solo
tendrás que
escribir const o var Voy a escribir const y ahora tienes que escribir
el nombre de la función El nombre de la función
será multiplicar. Y dar iguales a, y ahora sólo escribir función palabra clave
significa simplemente escribir función. Ahora no tienes que
escribir el nombre de la función. ¿Por qué no tienes que
escribir el nombre de la función? Porque el nombre de la función ya
está definido aquí. El nombre de la función es multiplicar. Ahora solo dale este paréntesis y fuera de los paréntesis, crea estos
corchetes y dentro los bragts rizados
escribimos el bloque Ahora, solo quiero
multiplicar A en B. Simplemente escribiré
A multiplicado por B. Ahora, ¿cómo pasar el valor de A y B dentro de esta función? Para pasar este valor, hay
que llamar a la función
para llamar a la función, usará el nombre de la función. ¿Cuál es el nombre de la función? El nombre de la función es multiplicar,
solo escribe multiplicar aquí. Y crea este paréntesis
y dentro de este paréntesis, le darás el
valor significa que este
será el argumento y estos
serán los parámetros ¿Cuáles serán los parámetros? Los parámetros serán A y B porque estamos usando A y
B dentro de esta función. Simplemente escriba A y B y donde definiremos
el valor de A y B, definiremos el valor de A y B dentro de estos argumentos. Simplemente escriba el valor de A. El valor de A será
cinco y dará coma Y después de la coma,
definirá el valor de B. El valor de B será siete Entonces ahora estamos multiplicando
cinco multiplicados por siete. Para obtener la salida de este valor, hay
que devolver
el bloque de código. Entonces, como volver a regresar, solo
puedes usar
esta palabra clave return, y ahora solo voy a consola registrar esta función de multiplicar para que podamos ver este valor
dentro de la pestaña de la consola. Voy a escribir pestaña de consola y
voy a quitar esto de aquí y sólo
voy a pegarlo dentro de
este registro de puntos de consola. Voy a guardar esto ahora
digamos u en nuestro navegador. Ahora estamos recibiendo
35, lo cual es correcto. Cinco multiplicado por siete es 35. Podemos usar múltiples parámetros
y múltiples argumentos, quiero usar un parámetro
más, o quiero usar un valor más. Dentro de este
parámetro, voy a escribir C. Y para dar el valor o para asignar
el valor de esta C, voy a ir dentro de este
argumento y voy a dar coma y el valor
de C será ocho Ahora solo usaré esta C dentro de esta función
para usar esta C, voy a escribir, multiplicarla más
menos lo que sea que puedas hacer. Yo sólo quiero hacer
multiplicar y C. Ahora vamos a obtener el valor de cinco multiplicado por siete
multiplicado por ocho. Vamos a guardar un ev en nuestro
navegador, estamos obteniendo 280. Aprendemos sobre la función
en este video. Ahora aprendamos sobre la
declaración es en el siguiente video.
12. Si no es así: Ahora aprendamos
sobre la declaración IS. Por qué usamos la declaración IS, usamos la declaración IS para verificar si la condición
es verdadera o no. Si la condición es verdadera, ejecutaremos un bloque de código
y si una condición es falsa, entonces ejecutaremos otro
bloque de código. Este es el índice
de la declaración del IHE. Dentro de estos corchetes o
dentro del paréntesis, verificaremos el estado Si esta condición es verdadera, entonces ejecutaremos el bloque de código que está escrito
dentro de esta declaración If, y si esta condición es falsa, entonces ejecutaremos el bloque de código que está escrito
dentro de esta declaración. Para conocer
esta declaración IS, voy a crear una variable. Escribiré g es igual, así que deja que g sea igual a 25. Ahora voy a crear una declaración
IS para crear una declaración IF,
solo escribiré esta cosa. Simplemente copiaré esto
y eliminaré esto de aquí y solo lo
pegaré aquí y eliminaré este código
para ejecutar si la condición es verdadera y código para ejecutar si
la condición es falsa, comentario así voy a quitar esto y eliminaré
este comentario también. Ahora dentro de esta condición
significa dentro de los corchetes, voy a escribir la condición. ¿Cuál será la condición? La condición será si la edad es
mayor o igual a 25, entonces ejecutaremos el código
dentro de esta sentencia if. Voy a escribir la edad es
mayor o no A, tengo que escribir la edad es
mayor o igual a 25. Entonces si esta condición es verdadera, entonces ejecutaremos el
código dentro de esta declaración
I y esta
condición es falsa, entonces ejecutaremos el código
dentro de esta declaración LE. Dentro de esta declaración if, solo
escribiré registro de consola y dentro de esta consola log tipo IL. Sí, el borde es el
borde es más de 25. Dentro de esta declaración LE, tipo
IL, un registro de consola más. Si esta condición será falsa, entonces este código dentro de la sentencia
LC se ejecutará. Dentro de este registro de
consola de declaraciones, voy a escribir, saber que la edad no es
mayor de 25, la edad es. Ahora solo piensa y
di de acuerdo a ti, qué condición corre el traje. Como se puede ver esta
condición es verdadera, significa que la edad es
mayor o igual a 25, significa que la edad no es
mayor de 25, pero la edad es igual a 25, eso significa que esta
condición es cierta. Entonces ahora qué blog de código se ejecutará. Entonces ahora el
blog de código que se ejecutará es este bloque de código dentro de esta declaración
If significa que
este registro de consola se
imprimirá en
nuestro tipo de consola. Así que solo guarda esto y abre tu archivo de índice o
estimación y elimina esta función punto Js
y simplemente escribe declaración IH Significa simplemente escribir el nombre del archivo. El nombre de archivo es la declaración IH, por lo que la instrucción Ifs, y guardar este archivo y
abrir Simplemente haga clic en este abierto
con servidor en vivo. Y haz clic en F 12 para abrir
tu pestaña Consola. Dentro de esta pestaña Consola, puede ver el código dentro de
la instrucción If se está ejecutando. ¿Cuál era el código
dentro de la declaración? El dentro de la declaración If, teníamos un dotlog de consola y
dentro de este dotlog de consola, se escribió la
edad es más Este bloque de código se está ejecutando. Como puedes ver en tu navegador, este bloque de código se está ejecutando. Ahora si hago
falsa esta condición ahora voy a teclear 24. Cuando escribo esta edad es
mayor o igual a 24. Ahora esta condición es falsa. Por qué esta condición es falsa, esta condición es falsa porque
el valor de la edad aquí es 25 y estamos comparando edad es mayor
o igual a 24. Esta condición no es falsa. Para hacer falsa esta condición, hay
que escribir el
número mayor que 25, que es 26 27, lo que sea. Solo guarda ahora esta
condición es falsa. Qué bloque de código se ejecutará o qué sentencia ejecutará
esta sentencia LE se ejecutará, y el código dentro de
esta instrucción LE bloqueará en la consola. Solo guarda esto y abre un
navegador como puedes ver, ahora está diciendo que no la
edad no es mayor de 25. Eso significa que se está ejecutando una cita dentro de esta declaración
LC.
Kushal Koirala, I am a web developer
