Transcripciones
1. ¡Hola!: Bienvenido a este curso,
javascript, los fundamentos. Javascript es uno de los
lenguajes de programación más demandados hoy en día, y es un gran lenguaje para comenzar tu viaje de
programación. Una de las dificultades a la
hora de aprender a
codificar es encontrar los mejores
recursos para principiantes. Este curso
te presentará todos los temas clave
como los tipos de datos primitivos
y luego objetos y matrices. Este
curso corto y conciso te dará una base sólida de
todos los conceptos básicos y te
proporcionará suficiente
información a través ejemplos para que puedas
ir y practicar por tu cuenta. Soy Emma y llevo siete años trabajando como programadora. La mayor parte de ese tiempo, he estado usando JavaScript
y me encantó el lenguaje. También he ayudado a
suficientes personas
en el camino para saber qué temas
comienzan deben saber. Espero que aprendas a amar
JavaScript tanto como yo, y que disfrutes del curso.
2. Introducción a las cadenas cadenas: Una cadena es un conjunto de caracteres encerrados dentro de comillas simples
o dobles. Una cadena puede contener cualquier cosa. No tiene que
ser sólo caracteres de texto. Pero los caracteres que
estén encerrados dentro las comillas
formarán parte de la cadena. Puedes usar
comillas simples o dobles siempre y cuando utilices las mismas comillas
al inicio y al
final de la cadena. Por lo que de vuelta en la consola, podemos echar un vistazo a algunos
ejemplos con cuerdas. Entonces tomemos la
sentencia, soy una cuerda. Y lo envolveremos
en
comillas dobles y pulsaremos Enter. Y luego tenemos
nuestra primera cuerda. Podemos hacerlo de nuevo
con un conjunto aleatorio de caracteres y presionar enter. Y luego tenemos otra cuerda. Puedes usar cualquier carácter
dentro de una cadena. No tiene que ser
sólo una carta. Pero lo que sea que utilices dentro las comillas entonces
será atrapado con una cuerda. Entonces si tomo un
número como 1, 2, 3, y ahora que faltan las
comillas, esto ahora también es una cadena. Por lo que es importante recordar cuando usas números
en una cadena, realidad
estás trabajando
con el tipo de datos de cadena,
no con el tipo de datos de número. Entonces cualquier cálculo
que trataras de realizar, pero podrían venir con
algunas sorpresas inesperadas. Y en realidad no es
algo que quieras hacer con demasiada frecuencia cuando estás
trabajando con cadenas, el operador de adición aritmética también tiene un uso totalmente
diferente, y ahora lo llamamos la
concatenación operador. Entonces si traté de agregar
valor a mi cadena, digamos que queremos intentar
agregar cinco a la cadena 123. Y presionaremos Enter. Se puede ver que se une a la cadena en lugar
de aumentar cualquier valor.
3. indices de la cadena: Cuando estamos trabajando
con cadenas, podemos referirnos a cada carácter de la cadena como un elemento. Cada uno de estos elementos
en la cadena tiene un índice dependiendo de dónde
en la cadena se encuentre el elemento. Se puede pensar en esto un
poco como un número de casa, dependiendo de dónde de
la calle las casas. La única diferencia
con los índices en cadenas es que empiezan a
contar desde 0. Por lo que nos referimos a ellos
como índice 0. Entonces si tuvieras una cadena que solo contiene la palabra disco, D tendría un índice de 0 y la última letra
en la cadena, la letra I,
tendría un índice de cuatro. Para encontrar el primer
carácter de una cadena, podemos usar la notación de corchetes. La notación de corchetes utiliza dos
corchetes como este. Para los elementos de una cadena, JavaScript utiliza lo que
se denomina indexación basada en cero. Esto significa que el
primer carácter de la cadena se
encontrará en el índice de 0, el segundo carácter,
uno, y así sucesivamente. Por lo que usando el mismo enfoque, podemos encontrar la posición de cualquier carácter dentro de la cadena. Entonces vamos a crear una variable, lo
llamaremos deporte. Se inicializará esto
con el buceo de cuerdas. Ahora usando notación de corchetes. Consigamos la primera
letra de la cuerda. Y luego obtenemos el, a la hora de buscar el último elemento de una cadena, cuatro elementos cerca del
final de la cadena. En lugar de tener que contar
a través cada elemento dentro de
la cadena para encontrar el índice, podemos usar un atajo. Podemos pasar la longitud
de la cadena entre corchetes y luego
deducir uno de ese valor. Hacemos esto porque recuerden
que las cadenas es 0 indexadas. Entonces vamos a crear una nueva variable. Esta vez, lo llamaremos fruta. Y vamos a inicializar esto
con la manzana de cuerdas. Ahora busquemos el último
elemento de esta cadena. Y luego obtenemos un.
4. Interpolación de cadenas: interpolación de cadenas
describe cuándo se inyectan
variables
en una cadena. En la versión ES6
de JavaScript, se introdujeron literales de
plantilla. Plantilla literales
de forma recuperada para interpolar o
inyectar las variables o expresiones en la cadena, contraposición
a tener que hacer concatenación. Un literal de plantilla está
encerrado en garrapatas traseras en lugar de las comillas dobles
o simples habituales. La variable o expresión
que deseas interpelar se envuelve dentro de llaves y se inicia con un signo de dólar. Así que intentemos hacer algunos
ejemplos de
interpolación de cadenas usando literales de
plantilla. Empezaremos
con la suma básica. Digamos que queremos
sumar dos más tres. Por lo que iniciaremos la plantilla
literal con la garrapata posterior. Y diremos que la suma es. Por lo que ahora queremos
realizar el cálculo, usaremos el signo de dólar
y un corsé rizado de apertura. Y la mayoría a2 más a3 usarán el
corsé rizado de cierre y una garrapata de espalda. Y luego presionaremos Enter. Y ahora se pueden ver
los cálculos que se están realizando y dice
que la suma es de 5. Probemos otro ejemplo, pero esta vez
usaremos una variable. Por lo que crearemos una
variable llamada día. Y vamos a inicializar esto
con la cuerda el martes. Por lo que vamos a crear una nueva plantilla literal usará el tick de atrás. Y diremos que es el día. Ahora queremos inyectar la variable de
día en esto. Por lo que usaremos el signo de dólar y un corsé rizado de apertura y
el nombre del arco de rodamiento, que es que usaré un corsé rizado de cierre seguido
por otra garrapata trasera. Y luego presionaremos Enter. Y se pueden ver las
variables que se inyectan en la cadena. Y ahora dice El
día es martes.
5. Concatenación de la cadena: En el último video, introdujimos cadenas
y también mencionamos que el operador de adición se convierte el operador de concatenación
cuando se trabaja con cadenas. Echemos un vistazo más a esto. Si tienes dos cadenas
separadas, entonces puede que haya
momentos en que desees
unir las dos cuerdas juntas. A lo mejor tienes tu
nombre y tu apellido es dos cadenas
separadas, pero luego quieres
imprimir tu nombre completo. Permítanme unir las dos
cuerdas juntas. Estamos concatenando cuerdas. Cuando concatenar cadenas es importante recordar incluir un espacio en blanco entre las dos
cadenas si se desea. Entonces sigamos adelante y
crearemos dos variables. Uno con el nombre rápido, y lo llamaremos nuestra amenaza. Y luego uno con el apellido. Y llamaremos a eso millas. Entonces podemos ver aquí que las
dos cuerdas como separadas. Ahora intentemos concatenar
estas cuerdas juntas. Entonces si digo
nombre rápido más apellido. Pero ahora se puede ver
por qué dije tal vez necesitemos agregar un espacio
entre los dos. Entonces intentemos esto de nuevo
con el espacio añadido. Decimos nombre más
espacio, más apellido. Y pulsa Enter, y obtenemos
el nombre completo como queríamos.
6. Cuerdas: ejercicio 1: En el último par de videos, miramos la
interpolación de cadenas, donde podemos inyectar
variables en una cadena. Después tendremos la concatenación de
cadenas, que nos permite usar el operador de
concatenación para unir dos cadenas juntas. Entonces pongamos todo esto junto
con nuestro primer reto. Para hacer este reto, usaremos la Consola de
Desarrollador. Puedes acceder a esto usando Chrome amortiguando el navegador y seleccionando Ver consola
JavaScript del desarrollador. Para la primera parte
de este reto, es
necesario crear
dos variables. Primera cuerda y
luego segunda corriente. Cadena rápida debe inicializarse
con la cadena Hola. Y la segunda cadena debe
inicializarse con
el mundo de cuerdas. Usando el
operador de concatenación, debes unir estas dos
cadenas juntas para que produjeran una nueva
frase, hola mundo. Y esto debe almacenarse en una nueva variable
llamada tercera cadena. Una vez hecho esto, el siguiente paso es crear una variable final
que podría encontrar en string. Esto debería crear una
cadena usando una plantilla literal que dice Hola
mundo, eres hermosa. Supongamos el video
y dale una oportunidad a esto. Espero que logren
completar este reto. Caminemos por
esto juntos. Entonces empezamos por crear
una variable llamada primera cadena con
la cadena Hola. A continuación, creamos una
nueva variable llamada segunda cadena con
la cadena wild. Ahora creamos una tercera
variable llamada tercera cadena. Y usando el operador de
concatenación, asignamos los valores
que string plus. Después agregamos un espacio en blanco. Y luego segunda cuerda. Si recordamos la variable de
cuerda de
paliza, podemos ver ahora tenemos
nuestra frase Hola Mundo. Por lo que podemos seguir adelante y crear una variable final
llamada cadena final. Esta será una plantilla literal, por lo que usamos backticks. Después inyectamos nuestra
tercera variable de cadena. Y ahora podemos seguir
completando la cadena
con el texto. Eres guapa. Ahora recordamos nuestra variable de
cadena final y
obtenemos la frase hola
mundo, eres hermosa.
7. Cuerdas e inmutabilidad: Bienvenido de nuevo. En JavaScript, las cadenas
son inmutables. Esto significa que una vez que se ha creado una
cadena, cualquier cosa que tratamos de hacer directamente a la cadena no
cambiará el valor inicial de la
cadena es un poco como decir, no
puedes cambiar tu fecha de
nacimiento una vez que hubieras nacido. Entonces empecemos por crear
una variable llamada saludo. Y vamos a inicializar esto
con la cadena Hola. Ahora intentemos acceder al
primer elemento de la cadena. Entonces diremos saludo entre
corchetes con 0. Y trataremos de
asignar el valor. Ahora recordemos la variable
saludo. Como se puede ver,
nada ha cambiado. Y esto se debe a que
las cuerdas son inmutables. Si quisiéramos hacer esto, tendríamos que crear
una nueva cadena y una nueva variable para que el
cambio tuviera lugar. Esto es realmente importante saber cuándo estás
mirando los métodos de cadena, porque muchos de estos métodos devolverán una nueva cadena con la modificación que se pretendía hacer el
método. Pero sin
guardar realmente ninguno de estos la variable existente o
crear una nueva variable, sus cambios no se almacenarán. Entonces vamos a ampliar
en esto y más. Pero crea una segunda variable y lo llamaremos nuevo saludo. Y lo inicializaremos con el valor en la variable
saludo. Excepto en esta ocasión usaremos
el método ToupperCase. Entonces si recordamos la variable
saludo, se
puede ver que
nada ha cambiado. Ahora si recuerdas la
nueva variable saludo, puedes ver que obtenemos
la versión modificada de la variable saludo. Entonces, para recapitular aquí, si necesitas cambiar una cadena, necesitas hacer cualquier variable o un cambio dominical a la variable
existente.
8. Métodos con cadenas: Javascript tiene lo que
se llama un conjunto de objetos incorporados estándar. Estos amplían las capacidades
del lenguaje para
ayudarnos a trabajar con él. Entonces hay un objeto de fecha
para trabajar con fechas, un objeto matemático para cálculos
matemáticos más profundos. También hay un objeto de cadena. Cada uno de estos objetos
incorporados estándar tiene un conjunto de
propiedades y métodos incorporados. Un método es esencialmente alguna
funcionalidad incorporada que
nos permite realizar algún
proceso o acción. Entonces, por ejemplo,
volviendo a las cadenas, si queríamos encontrar un
carácter específico dentro de la cadena, o tal vez quisiéramos reemplazar algo dentro de la cadena. Podríamos usar métodos de cadena
para ayudarnos a lograr esto. Todos los métodos siguen
la misma estructura. Tienes el elemento
al que quieres llamar la metadona, seguido de un punto, seguido del nombre del método, seguido de paréntesis abiertos y
cerrados. El sitio web de MDM Mozilla enumera los métodos
que tenemos a nuestra disposición. Si visitas el sitio web
y luego miras el objeto incorporado con el que
quieres trabajar. En este caso cadena. Se pueden ver todos los métodos y también propiedades en
el lado izquierdo. Vale la pena señalar sin embargo, que si el método no ha
sido símbolo junto a él, hay
que tener en cuenta que
este método está en desuso. Esto significa que es mejor no
usar estos métodos ya porque es posible que
no funcionen en todos los navegadores.
9. El método de toUpperCase: Entonces ahora estamos listos para ver
algunos métodos de cadena. Son muchos de estos, como probablemente ya han visto
en la documentación. Pero probaremos unos cuantos. Por lo que comenzaremos con el método
ToupperCase. Este método combatirá a los caracteres de texto
antiguos en una cadena a los caracteres en
mayúscula. El valor devuelto
con el método es la cadena con los caracteres en
mayúsculas. Entonces vamos a crear una variable. llamaremos hacer que me haga grande. Y vamos a inicializar
esto con la cadena. Ahora llamemos al
método mayúscula en la variable. Por lo que puedes ver aquí los métodos que se
nos sugieren en la consola. Por lo que solo puedes presionar
el botón Tab en tu teclado y no
tendrás que escribirlo todo. Y como puedes ver, obtenemos la cadena en mayúscula.
10. El método toLowerCase: Por lo que a continuación veremos el método de
dos minúsculas. Este método llevará a cabo todos los caracteres de texto en mayúsculas dentro de la cadena a minúsculas. Y el valor
de retorno del método es la cadena con todos los
caracteres en minúsculas. Entonces vamos a crear una nueva variable. Esta vez
lo llamaremos hacerme fumar. Y vamos a inicializar
esto con una nueva cadena. Y ahora llamemos al método de
dos minúsculas. Presionaremos el botón Tab para autocompletar y agregar
algunos paréntesis. Y ahí obtenemos la cadena
minúscula.
11. Cuerdas: ejercicio 2: Bienvenido de nuevo. En los
últimos videos, introdujimos métodos
y hemos visto que al usar métodos como
mayúsculas y minúsculas, podemos cambiar el
formato de la cadena. Entonces ahora para un reto, deberías crear una variable
llamada pets y
deberías inicializar esto con
una cadena. Tengo un perro. Tenga en cuenta sin embargo, que
la órbita la última ensanchar esta cadena
debe ser mayúscula. Ahora usando un método, deberías crear una nueva
variable llamada mascotas formateadas. Y dentro de esta variable, debes almacenar la cadena pet, pero formateada usando un método para que ninguna de la
cadena esté en mayúsculas. Así que pausa el video
y consigue esto hace. Espero que hayas logrado
completar el reto. Caminemos por
esto juntos. Entonces creamos una
variable llamada mascotas, e inicializamos esto con
la cuerda, tengo un perro. A continuación creamos una nueva variable
llamada mascotas formateadas. Y asignamos esto
la variable mascotas. Pero queremos que
la cadena sea todo minúscula. Por lo que llamamos al
método ToLowerCase en la cadena PET. Ahora recordemos la variable de mascotas
formateadas. Se puede ver que esto tiene la
cadena todo en minúsculas que queríamos.
12. Índice de índices de índices: Si necesitamos encontrar la posición de un elemento específico
dentro de una cadena, podemos usar el índice de método. Dentro de los parámetros pasamos en el carácter o valor
que estamos buscando. El método devolverá
la posición de la primera instancia de ese
elemento en la cadena. Si el valor no existe, devolverá uno
negativo. Entonces empezaremos
creando una variable. Llamémoslo posición. Y qué inicializar esto
con la cadena, ¿dónde estoy? Ahora recordemos la variable. Y usaremos el
índice de método. Y buscaremos, um, y luego obtenemos
el índice de seis. Entonces intentemos esto otra vez. Pero esta vez buscaremos
el índice de la letra Zed. Al no estar esto en la cuerda, obtenemos uno negativo.
13. Longitud de la cadena: Cuando
introdujimos cadenas por primera vez, mencioné que el objeto
string tiene un conjunto de métodos y propiedades
para trabajar con cadenas. Una de estas propiedades
es la propiedad de longitud. Cuando agregamos esto
al final de una cadena, entonces se nos devuelve la longitud de la
cadena. Entonces empecemos por crear una cuerda con un tres
que se sangró comer. Ahora si usamos la siguiente propiedad, podemos ver la longitud
de la cadena es de tres. Si tomamos una cuerda un poco
más larga, digamos, buen día. Se puede ver la longitud
de la cuerda es de ocho. Por lo que el espacio en blanco se cuenta
dentro
de la longitud de esta cadena con las
comillas y no. Y la longitud de los
puntos de cuerdas contando a partir de uno. A diferencia de los índices de la cadena que dejó de
contar desde 0.
14. Reemplazar el método: El método replace
extrae una sección de una cadena y la
reemplaza por un nuevo valor. El método de reemplazo
toma dos parámetros. El primer parámetro es el valor dentro de la cadena que
desea reemplazar. Y el segundo
parámetro es el valor que desea reemplazar
el primer ancho de valor. Por lo que un par de cosas a tener en cuenta. El método replace sólo reemplaza a la primera
instancia del valor. No afectará a ninguna
instancia que se repita de un valor. Y el valor de retorno
con método es la cadena actualizada con
el valor de reemplazo. Entonces vamos a darle una prueba a esto. Crearemos una variable, llamémosla sobre ti. Y vamos a inicializar esto con la cadena, estás atrapado. Y luego
recordemos la variable. Y usaremos el método de
reemplazo. Y vamos a tratar de reemplazar el
tipo por divertido. Y luego obtenemos la nueva
versión de nuestra cadena.
15. Métodos cambia y desplazamiento: El método shift nos lo
proporciona JavaScript y eliminará el primer elemento de una matriz. El método es muy similar
al método pop, pero elimina el primer elemento en lugar del último elemento. El valor devuelto
del método es el valor que se
eliminó de la matriz. Por lo que vamos a crear una música de código
array. Dentro de la matriz, agregaremos clásico, Rock y Pop. Diga, digamos musica turno de puntos. Y se puede ver que la
clásica se devuelve. Ahora si recordamos la matriz, se
puede ver que sólo tiene dos
elementos, el pop y el rock. Entonces para agregar elementos al
inicio de una matriz, podemos usar el método unshift. Unshift es muy similar
al método push, excepto los ítems agregados
al inicio de la matriz. El valor de retorno en el
método es el número de
elementos dentro de la matriz
después de que se haya ejecutado el método. Entonces usemos esto para agregar el elemento clásico de nuevo
al conocimiento de matriz, digamos música, punto en turno. Y pasaremos en clásico. Obtenemos 3 es el valor de retorno. Entonces eso es matriz de recuperación. Y se puede ver que la clásica se
ha añadido de nuevo en.
16. Método Trim: Si estamos trabajando con
una cadena que tiene espacio en blanco
extra ya sea
al inicio o al final, entonces podemos eliminar esto
usando el método trim. Entonces, empecemos con los
detalles del método de recorte. El valor de retorno con método es cadena que con el
espacio en blanco eliminado. Si utilizamos este método en
una cadena que no contiene espacios en blanco ni
al inicio ni al final, entonces se devolverá
la cadena original sin cambios. Entonces, empecemos por crear
una variable llamada Story. Y lo inicializaremos con la cadena una vez. Y vamos a añadir algunos espacios
al final de la cadena. Ahora recordemos la variable. Y se puede ver que obtenemos la
cuerda con el espacio extra. Ahora intentemos usar
el método trim. Entonces diremos historia, doctrina. Y pulsa Enter. Y se puede ver que se había eliminado el
espacio en blanco. Pero ahora tratemos de
recordar la variable de la historia. Por lo que puedes ver que la
cadena original no se ha actualizado. Y a esto nos referimos cuando
decimos que las cuerdas son inmutables. Entonces, intentémoslo de nuevo. Pero esta vez
asignaremos el método cool a la variable story. Entonces diremos que historia
es igual a la doctrina de la historia. Y pulsa Enter. Ahora, cuando llamamos a la
variable story , se puede
ver la actualización. ¿ Qué
17. Gracias: Gracias por
completar este curso. Ojalá tuvieras una
gran experiencia y aprendieras mucho en el camino. En este curso, hemos
introducido cuerdas. Hemos mirado trabajar
con ellos en variables. Después pasamos a
formatear cadenas usando concatenación y literales de
plantilla. Por último, introducimos algunos
métodos para manipular cuerdas y el amor para escuchar
preguntas o retroalimentación. Entonces por favor sí comparte tus
pensamientos y espero que
sigas disfrutando aprendiendo
este gran idioma.
Emma Williams
