JAVASCRIPT DESDE CERO

SOMOS Y FORMAMOS EXPERTOS EN T.I

100% PRACTICO 30 HRS.

ACERCA DEL CURSO

OBJETIVOS PRINCIPALES

Comprenderás cómo funciona realmente JavaScript entre bastidoresConocimiento del sistema asíncrono de JavaScriptConocimiento de POO moderna clases, constructores, herencia, etc.Aprenderás a crear un proyecto solido haciendo uso de JavaScriptAl finalizar el curso egresarás con un perfil de Desarrollador de aplicaciones Webcon solidos conocimientos en JavaScript del lado del cliente así como también con conocimientos para desarrollar un back-end, basado en la constante práctica de las funcionalidades enseñadas a lo largo del curso.

OBJETIVOS SECUNDARIOS

Entender la arquitectura de desarrollo del lado del clienteConocer que requiero del lado del back end para hacer un desarrollo Full Stack

PREREQUISITOS

Conocimientos básicos de programación (variables, ciclos, estructuras de datos, lógica básica)Se recomienda el curso Introducción a la Programación Presencial.

¿Cuál es mi nivel en programación? clic aquí

¡NUNCA DEJES DE APRENDER!1. Introducción a Javascript

1.1 ¿Que es Javascript?1.2 ¿ECMAScript vs Javascript que diferencia hay? 1.3 Instalar extensiones de Visual Studio Code para JavaScript 1.4 HolaMundo con JavaScript 1.5 Entendiendo la consola 1.6 ¿Asíncrono? ¿Que es eso?

2. Tipos de Datos, operadores y variables

2.1 Variables (var, let, const)2.2 Tipos de Datos (Strings)2.2.1 Crear Strings 2.2.2 String Metodos - includes y length2.2.3 Concatenar un String y Template Strings2.2.4 Cortar Espacios en Blanco de un String2.2.5 String Metodos - Replace, Slice, Substring, Repeat y Split2.2.6 String Metodos - Convertir a Mayusculas o Minusculas2.3 Tipos de Datos (Number)2.3.1 Crear Números 2.3.2 Operaciones 2.3.3 El Objeto Math2.3.4 El Orden de las operaciones2.3.5 Incrementos o Decrementos2.3.6 Convertir Strings a Números2.4 Tipos de Datos (Booleans)2.4.1 Crear y Comparar Booleans2.5 Operadores 2.5.1 Operadores de asignación2.5.2 Operadores de comparación2.5.3 Operadores aritméticos2.5.4 Operadores lógicos2.5.5 Operador condicional (ternario)2.5.6 Null y undefined

3. Objetos

3.1 Crear Objetos 3.2 Como Acceder a los valores de un objeto3.3 Agregar o Eliminar Propiedades de un objeto3.4 Destructuring de Objetos3.5 Objetos dentro de Objetos3.6 Destructuring de Objetos Anidados3.7 El Problema con los objetos3.8 Congelar un Objeto para no poderlo modificar3.9 Copiar 2 objetos3.10 Funciones en Objetos y acceder a sus valores3.11 El Object Constructor3.12 Object .keys, .values y .entries3.13 Manejo de Fechas

4. Arreglos

4.1 Crear Arrays 4.2 Acceder a los valores de un Array4.3 Recorrer un Array4.4 Agregar nuevos valores a un array4.5 Añadir nuevos elementos al fin o Inicio de un array4.6 Crear un nuevo arreglo con el spread operator4.7 Eliminar elementos con Splice4.8 Destructuring de Arrays4.9 .forEach para iterar un array4.10 .map para iterar un array, y sus diferencias con forEach4.11 Metodos de Array (.some .findIndex .reduce .filter.find.every.concat)

5. Funciones

5.1 Crear Funciones5.2 La Diferencia entre Function expression y Declaration5.3 Algunas funciones nativas 5.4 La Diferencia entre Función y Método5.5 Parametros y Argumentos en Funciones5.6 Parametros por default5.7 Como se Comunican las funciones5.8 Funciones de flecha5.9 Añadir Funciones en un Objeto5.10 Arrow Functions5.11 Arrow Functions en un forEach y un map

6. Estructuras de Control

6.1 Creando un If y else if6.2 Switch para evaluar múltiples Condiciones6.3 Detener la ejecución de un if con una función

7. Iteradores

7.1 Ciclos: while y for7.2 break y continue; en un for loop7.3 While Loop7.4 Do While Loop7.5 .forEach y .map7.6 for-of y for-in

8.- Manipulación del DOM

8.1 Acceder a elementos del HTML con document 8.2 getElementsByClassName 8.3 getElementById 8.4 querySelector 8.5 querySelectorAll 8.6 Modificar Textos o Imagenes 8.7 Eliminar elementos en el DOM 8.8 Crear elementos en el DOM 8.8.1 Crear elementos y agregarlos al DOM 8.8.2 Asignar eventos a nuevos elementos 8.8.3 Plantillas

9.- Eventos

9.1 Eventos con el Mouse 9.2 Eventos sobre los Inputs 9.3 Evento Submit a un formulario 9.4 Eventos al dar scroll con el mouse 9.5 Manejo avanzado de eventos 9.5.1 Comportamiento por defecto (Default) 9.5.2 Propagación en burbuja (bubbling) y su manejo correcto 9.5.3 Disparadores y datos del evento

10.- LocalStorage

10.1 Primeros pasos con Local Storage 10.2 Obtener datos de LocalStorage 10.3 Eliminar y Actualizar elementos de LocalStorage

11.- Programación Orientada a Objetos

11.1 Definiendo e Instanciando una clase 11.2 Métodos y Métodos estaticos en las classes 11.3 Heredar una clase 11.4 Propiedades Privadas

12.-Programación asíncrona

12.1 Callback 12.1.1 Callback hell 12.2 Promises 12.2.1 Respuesta y error (then, catch) 12.3 Manejo de errores y optimización 12.3.1 Try-catch-finally 12.3.2 Callback hell a Promise (promisification) 12.4 Async-await 12.4.1 Promises como funciones asíncronas 12.4.2 Manejo de errores y optimización (try-catch y promisify) 12.4.3 Llamada múltiple de promesas 12.4.4 Errores comunes y flexibilidad

13.- API´s

13.1 Notification API 13.2 Intersection Observer 13.3 Detectar si hay conexión a internet o no 13.4 Ejecutar pantalla completa 13.5 Detectar cuando estamos viendo la página web actual 13.6 Speech API

14.- Fetch API para obtener datos

14.1 Como utilizar FETCH API 14.2 Consultar un JSON 14.3 Consultar e Imprimir los Resultados de un Fetch y de una API

15.- Módulos y su implementación

15.1 ¿Cómo funcionan los módulos? 15.2 ¿Qué son CommonJS y AMD? 15.3 Import y Export 15.4 Metadatos 15.5 Convenciones 15.6 Webpack y Babel

16.- Proyecto Final

16.1 Definiendo el Proyecto (Reproductor de Musica y/o Carrito de Compras) 16.2 Primeros Pasos con el Proyecto 16.3 Publicando tu proyecto web gratis en Netlify 16.4 Breve introducción a Node.js 16.5 NPM

CERTIFICADO DIGITALObtén una constancia que avala tu preparación, si cumples con la asistencia

a tu capacitación y elaboras el proyecto final de cada curso, bootcamp o diplomado.

Avalado por la Secretaria del Trabajo y Previsión Social (México).

¡Te esperamos!