Introducción al curso (00:00 - 09:57)

"Hola, bienvenido, bienvenida, a este curso de IAB sketch."

"Soy Estefanía, y en las próximas horas aprenderás, paso a paso cómo programar en
JavaScript."
"El curso es perfecto para ti, si quieres aprender a programar o si quieres repasar tus
conocimientos."

Instalación de JavaScript
"JavaScript se ejecuta en los browsers."

"Todos los browsers web modernos ejecutan código de JavaScript."

"Algunas opciones para ejecutar tu código incluyen descargar editores de código."

"Una alternativa buenísima es Code Pujol."

Creación de archivos HTML

"Debes crear un archivo index.html."

"Este tipo de archivo, cuando se combina con JavaScript, permite ejecutar el código en
el browser."

"En el archivo debes escribir etiquetas script."

"Ellas le dicen al browser que el código entre esas etiquetas corresponde a JavaScript."

Comentarios en JavaScript
"Un comentario es una parte de nuestro código que se ignora al ejecutarse."

"Sirven para dar información sobre el código a otros desarrolladores."

"Podemos crear un comentario de una línea con dos barras dobles."

"Para comentarios de varias líneas, abrimos con una barra y un asterisco y cerramos
con un asterisco y una barra."

Tipos de datos
"Valores tienen un tipo específico de datos."

"Incluye nulo, booleano, string, number y object."

"Una variable es como una cajita donde podemos guardar un valor."

"Creamos una variable usando la palabra clave 'var' o 'let'.

Introducción a las Variables (10:01 - 20:00)

Se introduce el concepto de variables en programación.

Se asigna un valor a una variable mediante el operador de asignación.

Ejemplo: var miVariable = "recall camps";

Tipos de Datos
 Se menciona la creación de una cadena de caracteres.

Al rodear letras con comillas, se crea un tipo de dato específico.

Se puede asignar diferentes tipos de valores a una variable.

Ejemplo: un número entero, un valor de verdad (true o false).

Nombres de Variables
Se recomienda usar nombres descriptivos para las variables.

Un buen nombre ayuda a entender el propósito de la variable.

Convenciones de nomenclatura:

La primera letra es minúscula y las siguientes palabras comienzan con mayúscula

(camelCase).

Asignación de Valores
Se puede cambiar el valor de una variable en cualquier momento.

Al asignar un nuevo valor, se puede verificar en la consola.

Se explica cómo asignar el valor de una variable a otra.

Ejemplo: var b = a; para copiar el valor de a en b .

Proceso de Declaración de Variables (20:03 - 30:02)

Declarar una variable significa crear su nombre en el programa.

También se asigna un valor al mismo tiempo.

Inicializar una variable significa asignarle un valor.

Nomenclatura en JavaScript
Se utiliza la nomenclatura "kabul" para nombrar variables compuestas.

La primera palabra comienza con minúscula y las siguientes con mayúscula.

Para definir variables se pueden usar las palabras clave let .

Variables No Inicializadas
Una variable no inicializada no tiene un valor asignado.

Se le asigna un espacio en memoria, pero sin valor.

Se puede mostrar el valor en la consola una vez que se inicializa.

Sensibilidad a Mayúsculas y Minúsculas

JavaScript es sensible a las mayúsculas y minúsculas.

Una combinación diferente de mayúsculas y minúsculas resulta en un error de

referencia.
 Debe ser la combinación exacta del nombre de la variable para que funcione correctamente.

Operaciones Aritméticas en JavaScript

Para sumar, se declara una variable y se asigna el resultado de la suma.

Se recomienda dejar espacios alrededor del operador para mayor legibilidad.

Para restar, se usa el símbolo de resta y también se asigna el resultado a una variable.

Multiplicación en Javascript (30:05 - 40:04)

Se recomienda rodear cada operador aritmético con un espacio.

Esto facilita la lectura de la expresión.

El resultado de multiplicar dos números puede ser positivo o negativo.

"El signo correcto se va a conservar, dependiendo de las operaciones matemáticas."

Multiplicar números negativos puede resultar en un número positivo.

Se puede actualizar el valor de una variable con el resultado de la multiplicación.

División en Javascript
Se puede dividir un número entre otro en Javascript.

"Vamos a dividir los números, y el resultado es..."

La división entre cero genera un resultado de "infinity".

"Javascript, en vez de dar un error, retorna este valor que representa el infinito."

Los números decimales se pueden crear usando un punto para separar la parte entera de la
decimal.

Las operaciones aritméticas se pueden realizar de igual forma que con números enteros.

Verificación de Números (40:06 - 50:04)

Para verificar si un número es par o impar, se utiliza el operador de porcentaje.

"El operador que nos permite obtener el resto de la división."

Si el resto es cero, significa que no sobró nada en la división.

Modificación de Variables
Se puede incrementar el valor de una variable sin asignar un nuevo valor directamente.

"Vamos a definir una variable que se va a llamar libros comprados."

Inicialmente, el valor es cero y se puede incrementar.

Incremento de Variables
Para incrementar el valor de una variable en uno, se pueden usar dos signos más.

"Estos dos signos más lo que hacen es incrementar el valor de la variable en uno."
 Ambas líneas de código que incrementan el valor tienen el mismo efecto.

Reducción de Variables
Se puede reducir el valor de una variable en uno.

"Vamos a crear una variable llamada número de estudiantes."

Para reducir el valor, se puede usar dos signos menos.

Incremento y Reducción con Otros Valores

Se puede incrementar o reducir el valor en un número diferente a uno.

"Vamos a definir una variable llamada a con un valor inicial."

Se puede usar la asignación compuesta para una suma más concisa.

Total de ventas (50:06 - 00:05)

Un local específico vendió mil dólares en un día.

Se puede mostrar el valor actualizado de las ventas.

Se puede agregar una venta de último minuto al total.

Actualización de valores
Para ver el resultado actualizado, se muestra en la consola.

Se incrementa el valor de la variable con el operador "más igual".

Se puede reducir el valor de una variable.

Se usa la sintaxis de asignación para reducir el valor.

Operaciones de asignación compuesta

Se pueden realizar multiplicaciones y divisiones con variables.

Se asigna el resultado a la misma variable.

Ejemplo de multiplicación: un salario anual de mil dólares.

Se puede quintuplicar usando el operador de multiplicación.

Cadenas de caracteres
Se usan para representar texto en el código.

Se definen rodeándolas con comillas dobles o simples.

Todos los caracteres dentro de las comillas son parte de la cadena.

Los espacios y símbolos también se consideran caracteres.

Problemas con cadenas de caracteres (00:07 - 10:06)

Se presenta un error cuando la cadena no ha sido terminada.

Indicado por una flecha en la línea del problema.

Las comillas dobles no cierran la cadena definida con comillas simples.
 Al cambiar la cadena, el error desaparece.

Definición de cadenas
Se pueden definir cadenas con comillas simples o dobles.

En algunos casos, elegir el tipo de comilla puede ser problemático.

Para incluir comillas dentro de una cadena, se puede usar una barra invertida.

La barra invertida permite "escapar" las comillas.

Uso de secuencias de escape

Las secuencias de escape son combinaciones de caracteres que no se representan a sí
mismos.

Por ejemplo, \n representa una nueva línea.

Para incluir una barra invertida, se necesita usar \\ .

Esto evita que la barra invertida tenga una función especial en la cadena.

Concatenación de Cadenas en JavaScript (10:08 - 20:06)

Se pueden unir cadenas de caracteres con el operador de suma.

"Podemos usarlo para unir o concatenar cadenas de caracteres."

Ejemplo con nombre completo.

"Vamos a referirnos al nombre completo de una persona como la combinación de su

nombre y su apellido."

Agregar espacio entre cadenas.

"Podemos agregarlo al final de la primera cadena."

"Otra alternativa es concatenar un espacio entre ambas."

Uso de Variables en Cadenas

Construcción de cadenas con variables.

"También puedes construir cadenas con variables usando el operador de suma."

Concatenación de cadenas personalizadas.

"Esto es muy, muy útil, cuando quieres personalizar el valor de una cadena."

Ejemplo de concatenación en dos etapas.

"Vamos a mostrar el mensaje completo antes de concatenar la parte final."

Longitud de una Cadena

Encontrar la longitud de una cadena.

"La longitud del tamaño es simplemente cuántos caracteres tiene una cadena."

Ejemplo de declaración de variable.

 "Si declaramos la variable en mi cadena, vamos a asignar distintos valores."

Contar caracteres, incluyendo espacios.

"La longitud de la cadena es tres, también cuenta si agregamos el espacio.

Longitud de cadenas (20:08 - 30:06)

"Ya aprendiste algo, muy, muy importante, en programación, cómo obtener la longitud, o
tamaño, de una cadena de caracteres."

Los caracteres incluyen letras y símbolos.

Quitar un símbolo disminuye la longitud de la cadena.

Notación de corchetes
"Ya ves, que esta es una notación, que nos permite acceder, a los caracteres individuales, de
una cadena."

El primer carácter se encuentra en el índice cero.

La notación para acceder a un carácter es: nombre de la variable seguido de corchetes
con el índice.

Inmutabilidad de las cadenas

"Las cadenas son inmutables, no puedes cambiar los caracteres individuales de la cadena."

Un error ocurre al intentar cambiar un carácter en un índice específico.

Puedes reasignar la cadena completa a un nuevo valor.

Acceso a caracteres individuales

"No solamente puedes acceder al primer carácter, de la cadena, puedes acceder a cualquier
carácter."

Los índices comienzan desde cero.

Un índice fuera de los límites retorna undefined .

Ejemplos de acceso a caracteres

"Puedes escoger otra cadena de caracteres, por ejemplo, programar, y hacer este mismo
diagrama."

Practicar con diferentes cadenas ayuda a familiarizarse con la estructura de las

cadenas de caracteres.

Acceso a caracteres en cadenas (30:09 - 40:07)

Cada carácter tiene su propio índice, aumentando de uno en uno.

Accedemos al primer carácter de la cadena.

Para acceder al último carácter, usamos la longitud de la cadena menos uno.

El último índice es la longitud de la cadena menos uno.

Esto se debe a que comenzamos a contar desde cero.

Se puede automatizar para cualquier cadena de cualquier tamaño.
Ejemplo de acceso a caracteres
Declaramos una variable llamada "mi cadena".

Podemos asignarle un valor como "javascript".

Accedemos al último carácter usando mi cadena.length - 1 .

Si cambiamos el valor de la variable, el tamaño y el índice se actualizarán automáticamente.

Por ejemplo, al cambiar a "python", el último carácter será "n".

Acceso a caracteres desde el final

Para acceder al penúltimo carácter, restamos dos de la longitud.

El penúltimo índice es longitud - 2 .

Se puede contar desde el final hacia el principio.

Para el tercer carácter desde el final, restamos tres.

Esto permite acceder a caracteres específicos desde la derecha.

Se pueden usar variables para simplificar la expresión.

Proyecto: Juego de concatenación de cadenas

Implementaremos un juego llamado "palabras en blanco".

El objetivo es concatenar cadenas para crear oraciones.

Se pueden cambiar los valores de las variables para crear diferentes oraciones.

Ejemplo de cadenas: sustantivo, adjetivo, verbo y adverbio.

Se pueden crear oraciones graciosas o sin sentido.

Reemplazamos cadenas vacías por secuencias concatenadas para el mensaje final.

Concatenación de cadenas (40:10 - 50:08)

Se debe agregar un espacio entre las palabras.

"Así que, vamos a hacerlo para agregar el espacio."

"No podemos simplemente concatenar las cadenas, porque el espacio no se asume."

Ejemplo de oración.

"El perro negro corrió rápidamente a la tienda."

Se deben incluir espacios entre el adjetivo, el verbo, y el adverbio.

Arreglos en JavaScript
Los arreglos permiten almacenar múltiples valores en una misma estructura.

"Los arreglos son las estructuras de datos que nos permiten almacenar múltiples
valores."
"Podemos acceder a cada uno de estos elementos con su índice correspondiente."

Ejemplo de creación de un arreglo.

"Llamamos a este arreglo, estudiantes."

 "Cada elemento debe estar separado del otro por una coma y un espacio."

Arreglos anidados
Los arreglos pueden contener cualquier tipo de datos, incluidos otros arreglos.

"Aquí estamos creando un arreglo principal."

"Los elementos pueden ser utilizados de forma individual."

Ejemplo de un arreglo anidado.

"Estamos guardando la data del estudiante."

"Cada uno de estos arreglos puede ser utilizado de forma individual.

Arreglos Anidados (50:10 - 00:10)

Se muestran los arreglos anidados.

El arreglo principal contiene toda la estructura.

Dentro de esa estructura hay dos arreglos con sus valores.

Ejemplo de Lista de Precios

Creación de un arreglo sencillo para tipos de elementos.

Agrupando datos relacionados a camisas, celulares y zapatos.

Cada artículo tiene su precio y código en el almacén.

Acceso a Arreglos Internos

Se debe saber cómo acceder a los elementos de un arreglo.

El primer elemento está en el índice 0, el segundo en el índice 1, y así sucesivamente.

Se puede acceder a los elementos usando el nombre de la variable y el índice

correspondiente.

Modificación de Elementos en un Arreglo

Es posible actualizar el valor de un elemento en un arreglo.

La sintaxis es similar a acceder al elemento.

Se puede asignar valores de distintos tipos de datos.

Note: Only the first 2 hours of the video were included due to non-unlimited
status.