Proyecto MeteoApp | Parte #1

portada proyecto meteoApp

Índice ¿Qué vamos a construir?Requisitos y consideraciones previas Estructura inicial de archivosPrimeros pasos con la API de AccuWeather1ª request: Llamando a la city search API2ª request: Llamando a la ​​current conditions​​ API ¿Qué vamos a construir?Vamos a construir a una app para buscar la predicción meteorológica en cualquier ciudad del mundo, usando la API de AccuWeather. Aquí puedes ver … Leer más Proyecto MeteoApp | Parte #1

Async JS: Guía completa sobre código asíncrono | Parte #3

portada guía async JS

Índice Encadenando promisesNos modernizamos: Fetch APIY llegó async y awaitGestionando nuestro errores con throw ​y catch Tercera (y última) parte de esta serie sobre JavaScript asíncrono 💪. Si acabas de aterrizar aquí, te recomiendo que veas antes las partes #1 y #2, ya que esta parte está ligada a las anteriores.Encadenando promisesSiguiendo con las ventajas de … Leer más Async JS: Guía completa sobre código asíncrono | Parte #3

Async JS: Guía completa sobre código asíncrono | Parte #2

portada guía async JS

Índice Cómo usar las callback functions ​dentro de una HTTP Request​​​​​Cómo trabajar con JSON data¿Qué demonios es el callback hell?Qué son las ​promises ​y cómo usarlas​​Ejemplo con conceptos básicos​​Promises ​en la práctica​​ Retomamos esta serie sobre JavaScript asíncrono. Si acabas de aterrizar aquí, te recomiendo que veas la parte #1 antes, ya que voy a utilizar todos los acrónimos … Leer más Async JS: Guía completa sobre código asíncrono | Parte #2

Async JS: Guía completa sobre código asíncrono | Parte #1

portada guía async JS

Índice ¿Qué es el código asíncrono en JavaScript?¿Entonces, qué es el código síncrono?Código asíncrono en acciónNuestras primeras HTTP RequestsHTTP Requests con XHRCómo gestionar los diferentes estados de una response ¿Qué es el código asíncrono en JavaScript?La capacidad de JavaScript (JS) de ser asíncrono (async) es una de las cualidades más poderosas de JS. Utilizamos async JS cuando queremos llevar … Leer más Async JS: Guía completa sobre código asíncrono | Parte #1

Construye un reloj digital con vanilla JavaScript

portada construye reloj digital con vanilla JS

Índice ¿Qué vamos a construir?Pre-requisitosEstado inicial de nuestra appConstrucción del relojMejorando el diseño de nuestro reloj ¿Qué vamos a construir?Un reloj digital que muestre la hora, minutos y segundos actuales. Aquí puedes ver la versión final. 🕑Pre-requisitosPara poder entender bien este tutorial, necesitarás nociones básicas de JavaScript (JS). Pero no te preocupes, porque tienes todo … Leer más Construye un reloj digital con vanilla JavaScript

Dates en JavaScript: Guía completa

portada dates en javascript guía completa

Índice IntroducciónCreación de datesMétodos del ​date objectgetFullYear()getMonth()getDate()getDay()getHours()getMinutes()getSeconds()Date stringsTimestamps como herramienta para comparar fechasCómo convertir un timestamp en un date objectDate-fns: la mejor JS library para trabajar con fechas IntroducciónLos dates son un tipo de objetos de JavaScript (JS), muy útiles para trabajar con fechas, como podría ser la fecha de registro de un usuario o la fecha de publicación de un … Leer más Dates en JavaScript: Guía completa

Cómo construir una lista interactiva de tareas con vanilla JavaScript

portada proyecto TO DO list

Índice ¿Qué vamos a construir?Pre-requisitos y consideraciones previasEstructura inicial de archivosDando forma a nuestros archivos HTML y CSSCómo añadir tareas a la listaCómo borrar tareas de la listaCómo buscar y filtrar elementos de una lista ¿Qué vamos a construir?Una sencilla lista de tareas, o «to do list» interactiva, que nos permita añadir, buscar y borrar … Leer más Cómo construir una lista interactiva de tareas con vanilla JavaScript

Métodos comunes de los arrays | Guía práctica

portada arrays metodos comunes

Índice Lista no exhaustiva de métodos de los ​arrays.join(‘x’).indexOf(‘x’) .concat([‘x’]) .push(‘x’) .pop() .length().from().filter().map()​​.reduce().find().sort()Encadenando métodos ​⛓️ Los ​arrays ​son objetos destinados a almacenar grupos de datos relacionados entre sí. Como todos los​ ​data types ​de JavaScript (JS), tienen sus propiedades y métodos específicos.  ​Lista no exhaustiva de métodos de los ​arraysAquí vamos a hacer un repaso de los métodos más comunes … Leer más Métodos comunes de los arrays | Guía práctica

JavaScript Ninja Quiz

portada javascript ninja quiz

Índice ¿Qué vamos a construir?¿Y esto a qué viene?​​Pre-requisitos y consejosEstructura de archivosDefiniendo el contenido HTMLReaccionando a las respuestas del usuarioMostrando la puntuación en la páginaAnimaciones con el método setInterval() ¿Qué vamos a construir?Vamos a construir un cuestionario para ver cuál es tu nivel de JavaScript, de 0 a 100 (o ninja 😉). Es un … Leer más JavaScript Ninja Quiz

DOM Saga: Guía básica sobre el Document Object Model | Parte #3

el DOM

Índice Eventos del DOM relacionados con formulariosPrimeros pasos con un evento de tipo ​submitIntroducción a las Regular ExpresionsValidando la información enviada por el usuario usando Regular ExpresionsEventos de teclado ⌨️ ¡Por fin llegamos a la última parte de esta DOM saga! 🚀  Si acabas de aterrizar aquí, puedes ver las partes #1 y #2 antes.Eventos del DOM relacionados con … Leer más DOM Saga: Guía básica sobre el Document Object Model | Parte #3

Como toda web legal que se precie, utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúas utilizando este sitio asumiremos que estás de acuerdo. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar