Curso de JavaScript - NorthCamp School

- Ofrecer conocimientos acerca de las implicaciones de una variable, la convención de estilos de escritura, los comentarios multilínea o en bloque, la coerción implícita o explícita, y los sitios de interés sobre coerción.
- Transmitir un destacado plan de contenidos, en el cual se enseña sobre la pila de ejecución de forma visual, las estructuras de control de errores, el conjunto de caracteres y alternativas, y la representación de fechas.
- Aprender sobre la transformación de variables a números, la creación de arrays, los métodos de objetos, y la creación de elementos en el DOM.

Curso de JavaScript

MÓDULO 1: JAVASCRIPT
CONOCIENDO JAVASCRIPT:
- Un poco de historia
- ECMAScript (ES)
- ¿Qué versión de ECMAScript uso?
CHROME Y CONSOLA: TUS ALIADOS PARA DEBUGGEAR
- Console de JavaScript
- ¿Estilos en la consola?
- ¿Podemos obviar console.log()?
- Chrome Dev Tools: características importantes
- Elements (elementos)
AGREGANDO JAVASCRIPT EN HTML:
- JavaScript en línea
- JavaScript en archivo externo
- Importancia de colocar etiqueta script
- Analizando etiqueta script
- ¿Cómo se descargan nuestros scripts?
- Carga de módulos JavaScript
VARIABLES:
- ¿Qué es una variable?
- VAR
- LET
- CONST
BUENAS PRÁCTICAS NOMBRANDO IDENTIFICADORES
- Consejos en el nombrando de identificadores
- Convención estilos de escritura
TIPOS DE DATOS
- Tipo dinámico
- Datos tipo primitivo (String, Number, BigInt, Boolean , undefined, null, Symbol)
- Datos tipo objeto (Objetos, Arrays, Funciones)
COMENTARIOS EN EL CÓDIGO
- Consejos para comentar código
- Comentarios en línea
- Comentarios multilínea o en bloque
OPERADORES
- Operadores aritméticos
- Operadores de asignación
- Operadores comparacion
- Operadores lógicos
- Operadores type
- Operadores unarios
- Operadores binarios
- Operadores de bits
COERCIÓN: LA COSA SE PONE INTERESANTE
- Coerción implícita o explícita
- Tipos de conversión
- Coerción en cadenas
- Coerción booleana
- Coerción numérica
- NaN y Batman
- Coerción en objetos
- Sitios de interés sobre coerción
MODO ESTRICTO
¿QUÉ ES EL SCOPE?
- Scope global
- Scope local
- Scope de función
- Scope de bloque
¿QUÉ DIABLOS ES EL HOISTING?:
- Fase de creación
- Pila de ejecución
- Pila de ejecución de forma visual
ESTRUCTURAS DE CONTROL
- Estructuras condicionales (if, if/else, if/else if, Operador condicional ternario, switch, object literals)
- Estructuras de repetición (for, while, do...while, for...in, for..of, forEach)
- Estructuras de control de errores (throw, try...catch...finally)
STRINGS
- Acceder a carácteres
- Comparar strings
- Longitud de un string
- Métodos de String
REGEXP
- Creando una expresión regular
- Flags
- Clases básicas
- Conjunto de carácteres o alternativas
- Rangos
- Anchors
- Cuantificadores
- Métodos con RegExp
- Métodos con String
- Sitios de interés
FECHAS
- Date
- Tiempo UNIX
- Obtener información fechas
- Modificar fechas
- Representación fechas
- UTC y zonas horarias
NÚMEROS
- toString()
- toExponential()
- toFixed()
- toPrecision()
- valueOf
- Transformando variables a números
- Number()
- parseInt()
- parseFloat()
- Propiedades de números
- Números aleatorios
ARRAYS
- Inicializar un array
- Acceder a los elementos
- Añadir o eliminar elementos
- Creación de arrays
- Búsqueda y comprobación
- Modificación de arrays
- Ordenaciones
- Métodos array functions (forEach(), every, some, map, filter, filterIndex, find, reduce, reduceRight)
OBJETOS
- Inicialización y asignación
- Objetos anidados
- Objetos con funciones
- Métodos de objetos
FUNCIONES
- Declarar y ejecutar
- Parámetros
- Parámetros por defecto
- Devolución de valores
- Funciones anónimas
- Funciones autoejecutables o IIFE
- ¿Qué es un callback?
- Callback hell
- Arrow functions
- Arrow functions y this
CLASES
- ¿Qué es una clase?
- Declarando una clase
- Cuerpo de la clase y métodos
- Constructor
- Métodos
- Métodos estáticos
- Ampliar clase
THIS ES LA DIFERENCIA
- ¿Qué es this?
- Sin estructura
- Accediendo desde un objeto
- This en arrow function
- Reglas del this
JSON
- ¿Qué es un JSON?
- Estructura de un JSON
- Acceso a los valores de un JSON
- Reglas de uso
- Conversiones
DOM
- ¿Qué es DOM?
- Object document
- Modificando con JavaScript
- Crear elementos en el DOM
- Atributos elementos HTML
- Métodos para atributos
- Insertar elementos en el DOM
- Reemplazar contenido en el DOM
- Insertar elementos
- Eliminar elementos
- Seleccionar elementos del DOM
- Métodos modernos
- Manipular clases CSS
- Añadir o eliminar clases CSS
- Conmutar o alternar clases CSS
- Otros métodos de clases
- Navegar por elementos del DOM
- Navegar a través de nodos
EVENTOS
- ¿Qué es un evento?
- ¿Cómo se transmite un evento?
- Listado de eventos
- Cómo realizar acciones con eventos
- Eventos mediante atributos HTML
- Eventos mediante propiedades
- Eventos mediante listeners
- Borrar listeners
- Object event
- Opciones de addEventListener
ASINCRONÍA
- ¿Qué es la asincronía?
- ¿Cómo la gestionamos?
- Promesas
- Consumir una promesa
- Async/await
- Crear una promesa
- Promesas en grupo
- setTimeout
- Recursos sobre asincronía
CONSUMIENDO API REST
- ¿Qué es una API REST?
- Métodos de petición HTTP
- Peticiones HTTP con fetch
- Respuesta de la petición HTTP
- Procesamiento de la respuesta
- Fetch con async/await
- Códigos de respuesta HTTP
- CORS
TÉCNICAS IMPORTANTES DE JAVASCRIPT
- Destructuring
- Spread Operator
- Optional Chaining