Bootcamp - JavaScript, jQuery completo desde cero a avanzado

Programaremos nuestro primer "Hola Mundo" en JavaScript.

Aprenderemos a crear comentarios en nuestro código de JavaScript.

A partir de código en JavaScript, mostraremos mensajes en la consola del navegador.

Veremos qué es, de qué sirve y cómo concatenar datos en JavaScript.

Aprenderemos a crear variables, y a trabajar con ellas en JavaScript, creando un pequeño programa para poner en práctica ciertos conocimientos adquiridos hasta el momento.

Comprenderemos la diferencia entre las palabras reservadas de JavaScript para declarar variables var, let y const.

Veremos los tipos de datos en JavaScript, y trabajaremos mucho tanto con variables como con formas de mostrar contenido en pantalla.

Trabajaremos con métodos sobre datos tipo string en JavaScript.

Aprenderemos comandos para realizar operaciones matemáticas desde JavaScript.

Veremos más operadores de verificación y de lógica desde JavaScript que serán útiles para muchos proyectos reales.

Veremos el objeto Math en JavaScript.

Aprenderemos lo que es un array en JavaScript y aprenderemos a modificarlos.

Conocerás la forma de crear un array asociativo, con una puesta en práctica desde JavaScript.

Aprenderemos qué es JavaScript Object Notation (JSON), y conoceremos formas de acceder a los valores, utilizando los objetos que crearemos en clase.

Crearemos nuestra primera función, y aprenderemos de qué sirve, cuándo y cómo utilizarla correctamente en JavaScript, para que junto a HTML y CSS puedas lograr una web excelente.

Empezaremos a ver funciones con parámetros de JavaScript.

Aprenderás a optimizar tus funciones de JavaScript. Conocerás distintas formas de crear funciones para que sea más simplificado, y en menos líneas de código.

Veremos qué es y cómo crear callbacks con JavaScript.

Veremos el uso del punto en JavaScript para seguir trabajando de forma eficiente con el lenguaje de programación, y entender la estructura del mismo.

Con el DOM obtendremos elementos del HTML con JavaScript.

Con el DOM modificaremos elementos del HTML con JavaScript.

Con el DOM obtendremos valores de elementos en HTML con JavaScript.

Con el DOM obtendremos valores de opciones en HTML con JavaScript.

Con el DOM cambiaremos la fuente de imágenes en HTML con JavaScript.

Con el DOM modificaremos estilos de elementos de HTML con JavaScript.

Con el DOM obtendremos datos de elementos de HTML con JavaScript.

Con el DOM obtendremos datos de elementos a través del nombre de etiquetas de HTML con JavaScript.

Aprenderemos a crear etiquetas de HTML a partir de funciones de JavaScript.

Conseguiremos agregar, remover y experimentar con las clases desde JavaScript.

Con JavaScript extrearemos datos del navegador utilizando el Browser Object Model.

Empezaremos a ver lógica de programación esencial para todo trabajo en JavaScript.

Veremos operadores ternarios para reemplazar una estructura de if...else por una simple línea de código con JavaScript.

Conoceremos ciclos/bucles/loops para mejorar considerablemente nuestras habilidades de programación en JavaScript.

Veremos el uso del switch case para terminar viendo condicionales de JavaScript, y hacer un ejercicio de práctica con lo aprendido.

Conoceremos el método iterador for en JavaScript para aprender a recorrer arrays.

Conoceremos los métodos transformadores en arrays de JavaScript.

Conoceremos los métodos accesores en arrays de JavaScript.

Veremos una nueva forma para recorrer arrays de JavaScript, mediante el uso de la funcion forEach.

Veremos qué es, cómo funciona y dónde se encuentran los eventos, para trabajarlos posteriormente en JavaScript.

Conocerás la forma de hacer un "escuchador de eventos" en JavaScript, para trabajar sobre click y double click.

Conoceremos varios eventos en JavaScript que suceden gracias al mouse, como entrar a un elemento, salir del mismo, bajar el boton del mouse, etc.

Con los eventos de JavaScript Focus y Blur veremos eventos que pueden suceder tanto con el mouse como con el teclado.

Conocerás eventos que utilizaremos con la carga de objetos. Veremos desde JavaScript cómo utilizar el evento en caso de que la carga falle, o que la carga sea exitosa.

Trabajaremos sobre el objeto event para acceder a muchas propiedades que ofrecen los eventos desde JavaScript.

Conoceremos la forma de detectar eventos producidos por el teclado, al presionar y soltar teclas, aplicando también el objeto evento visto previamente en JavaScript.

Aprenderás el uso de return en tus funciones de JavaScript.

Conocerás la forma de ejecutar funciones cada determinada cantidad de tiempo desde JavaScript.

Conocerás la forma de ejecutar funciones después de determinada cantidad de tiempo desde JavaScript, y su diferencia con setInterval.

Previsualizaremos algo similar a lo que lograremos como proyecto final del nivel 1 de JavaScript, en el cual implementaremos muchos de nuestros conocimientos adquiridos para lograr un proyecto maravilloso.

Crearemos nuestra base del proyecto con HTML, para luego seguir creando la funcionalidad en JavaScript.

Empezaremos a agregar funcionalidad a nuestra calculadora desde el JavaScript.

Corregiremos cualquier error que tengamos en nuestro proyecto, y terminaremos por fin el código del JavaScript. Solo queda publicarlo en la web.

Veremos una forma para publicar nuestros proyectos creados en este curso de JavaScript de forma gratuita en la web, utilizando GitHub y Netlify.

Previsualizaremos algo similar a lo que lograremos como proyecto final del nivel 1 de JavaScript, en el cual implementaremos muchos de nuestros conocimientos adquiridos para lograr una lista de tareas maravillosa.

Crearemos la base de nuestro proyecto en HTML, para seguirlo más tarde con JavaScript.

Empezaremos a construir la funcionalidad de nuestro sitio web utilizando JavaScript.

Terminaremos la funcionalidad del proyecto en JavaScript y ya estaremos listos para publicar el proyecto.

Publicaremos nuestro proyecto de JavaScript en la web, para poder mostrarlo a potenciales clientes.

Aprenderemos qué es el localStorage y desde JavaScript crearemos claves y valores, los cuales podremos mostrar en nuestros proyectos.

Aprenderemos el SessionStorage, y su principal diferencia con el LocalStorage, para manejarlos desde JavaScript.

Comprenderemos la forma de borrar elementos que se encuentran en el local/sessionStorage desde JavaScript.

Veremos el objeto Date en JavaScript para obtener distintos parámetros del tiempo (horas, minutos, segundos, etc).

Aprenderás a crear un reloj funcional en JavaScript, utilizando objeto Date, y muchas funciones más.

Nos introduciremos en lo que es la programación orientada a objetos (POO), para próximamente trabajarla con código de JavaScript.

Crearemos nuestro primer objeto utilizando POO en JavaScript.

A nuestro objeto ya creado con JavaScript, le agregaremos un método.

Veremos los pilares más importantes para la programación orientada a objetos, aplicándolo en código JavaScript.

Veremos el concepto del polimorfismo aplicado a un objeto creado en JavaScript utilizando la Programación Orientada a Objetos.

Veremos cómo heredar propiedades de otras clases en JavaScript.

Conoceremos los conceptos static, getter y setter de la Programación Orientada a Objetos con JavaScript.

Crearemos un proyecto utilizando programación orientada a objetos para crear un sistema el cual solucionará un problema, utilizando JavaScript.

Empezaremos a ver la utilización de la consola, y sus 3 funciones más utilizadas en la trayectoria del programador de JavaScript.

Veremos formas de validar datos en la consola, utilizando 3 funciones más desde JavaScript.

Seguiremos viendo funciones para leer y mostrar datos en consola, especialmente con arrays creados en JavaScript.

Veremos las funciones de la consola que nos permitirán trabajar con temporizadores en JavaScript.

Conocerás la forma de enumerar la cantidad de veces que cierta función se ha ejecutado en nuestro programa de JavaScript, desde la consola.

Veremos la introducción al objeto Window en JavaScript.

Veremos las funciones básicas del objeto Window con JavaScript. Conoceremos la forma de abrir, cerrar y verificar el estado de las ventanas.

Conoceremos acciones con la web utilizando el objeto window en JavaScript.

Trabajaremos con el objeto Screen del navegador, utilizando JavaScript

A partir del objeto window, trabajaremos con la localización de varios parámetros que un sitio web contiene, desde JavaScript.

Trabajaremos con el scroll de nuestras páginas web, desde el objeto window en JavaScript.

Veremos el FileReader para leer archivos que nosotros podamos introducir en una web, y leer estos archivos como textos mediante código en JavaScript.

Trabajaremos con promesas en JavaScript. Veremos el resolve y el reject, y el método .then para obtener los valores del resolve.

Consumiremos una API Rest utilizando fetch y promesas, creandouna aplicación de citas (quotes) the Los Simpsons.

Trabajaremos con los errores (reject) en promesas, utilizando .catch para manejar cualquier error que pueda aparecer con JavaScript.

Aprenderemos otra forma de trabajar con promesas asíncronas en JavaScript utilizando await y async.

Veremos el flujo del programa, el ámbito de las variables y la sentencia de bloque en JavaScript.

Crearemos una pequeña aplicación consumiendo una API Rest con JavaScript.

Introducción al proyecto final del nivel 2 con JavaScript - Convertidor de USD a Criptomonedas

Maquetación del sitio web con HTML

Entenderemos el funcionamiento de la Rest API de las criptomonedas para trabajarla correctamente con JavaScript.

Trabajaremos sobre el JavaScript de nuestra aplicación web para conseguir un resultado óptimo.

Publicaremos nuestro proyecto de JavaScript en la web

Integraremos jQuery a nuestro nuevo proyecto.

Empezaremos a ver el Document Object Model (DOM) desde jQuery y su gran parecido con lo que venimos trabajando desde JavaScript puro.

Aprenderemos a seleccionar elementos del DOM a partir de sus etiquetas de HTML utilizando su respectivo selector de jQuery.

Aprenderemos a seleccionar elementos del DOM a partir de sus atributos de HTML utilizando su respectivo selector de jQuery.

Trabajaremos sobre los eventos click con jQuery.

Conoceremos al operador this y su función en jQuery.

Trabajaremos sobre el evento hover con jQuery.

Trabajaremos sobre los eventos del Mouse con jQuery.

Trabajaremos sobre eventos del Teclado con jQuery.

Trabajaremos sobre el evento Mousemove con jQuery.

Empezaremos a aprender AJAX para realizar peticiones a un servidor BackEnd con jQuery.

A través de peticiones AJAX con el método GET, integraremos datos de formato JSON a nuestra web utilizando funciones tanto de jQuery y JavaScript nativo.

A través de peticiones AJAX con el método POST, crearemos un formulario de registro, el cual estará conectado a un servidor backend con jQuery.

Empezaremos a trabajar con una de las cosas por las que jQuery se destaca, animaciones.

Aprenderemos a animar nuestros elementos con jQuery utilizando nuestra propia imaginación para que nuestra página web sea mucho más fluida y tenga animación.

Comprenderemos el principal uso de jQuery UI.

Integraremos jQuery UI a nuestro HTML para empezar a trabajar.

Veremos otra forma de integrar jQuery UI sin necesidad de descargar el archivo.

Veremos jQuery UI - Draggable - Arrastable.

Veremos jQuery UI - Droppable - Soltar.

Veremos jQuery UI - Resizable - Reescalable.

Veremos jQuery UI - Selectable - Seleccionable.

Veremos jQuery UI - Sortable - Reordenable.

Empezaremos a trabajar con Widgets, en este caso, Accordion, desde jQuery UI.

Conseguiremos sugerirle al usuario un resultado en base a lo que está colocando en un input, utilizando jQuery UI.

A través de jQuery UI lograremos agregarle el widget "button" a nuestros botones de HTML, agregándole así un estilo maravilloso en una sola línea de código con jQuery.

Utilizaremos el widget Checkboxradio de jQuery para agregar estilos en muy pocas líneas de código a input type radio / checkbox.

Con el widget Controlgroup agregaremos estilos a un conjunto de elementos HTML en una sola línea de jQuery.

Con jQuery crearemos un input que facilite al usuario a que ingrese una fecha.

Crearemos un cuadro de diálogo con jQuery UI, y trabajaremos con propiedades y variables para seguir manteniendo el conocimiento sobre jQuery puro.

Haremos un menú con jQuery UI utilizando el widget para crear todo más eficientemente y con un estilo visual excelente y atractivo.

Crearemos una barra de progreso con jQuery UI.

Crearemos un selectmenu utilizando jQuery UI.

Crearemos un slider con rangos, o sin los mismos, utilizando jQuery UI.

Con jQuery UI crearemos un "spinner" con el cual podremos seleccionar números en un input con un estilo distinto, y así crear botones con los cuales podremos habilitar y deshabilitar el widget, destruir el mismo, obtener y establecer valores, etc.

Veremos el widget "tabs" de jQuery UI.

Veremos el widget "tooltips" de jQuery UI.

Conocerás la forma de agregar efectos y animaciones a tus elementos con jQuery UI.

A partir de un plugin gratuito, crearemos un slider de imágenes, que agregará interacción al sitio web. Utilizaremos jQuery.

Con jQuery crearemos un "Cambiador de temas" para hacer que nuestra página web tenga la opción de cambiar el tema de claro a oscuro, o con los colores que deseen.

Crearemos un scroll dinámico para subir arriba del todo en una página web y que no sea de golpe, sino animado con jQuery.