• Skip to primary navigation
  • Skip to main content
  • Skip to footer

Cursos online y materiales digitales para estudiantes y desarrolladores web

  • CURSOS
  • BLOG
  • QUIÉN SOY
  • FAQ
  • ACCEDER
  • CONTACTO

Ada

Boleticode #14 – Respondo a quienes me estáis preguntando últimamente

Publicado el 02/11/2021 por Ada Leave a Comment

¿Sabes qué?

Llevaba más de 4 meses a la espera de una operación (nada grave 😅) y que como mucho, podría alargarse hasta 6 meses.

Me llamaron hace dos semanas.

No penséis que me dieron la oportunidad de titubear: me operarían exactamente una semana después. Precisamente el día después de volver del evento del que os hablé en el boleticode anterior.

Pues aquí estoy, en casita, convaleciente, y sin ningún contenido nuevo que contaros desde el último boleticode (porque he tenido cero ganas).

Pero quería escribiros porque no paro de recibir mensajes estos últimos días preguntando por lo mismo.

Sobre el curso de React:

El maldito maravilloso curso de React, hasta donde está hecho (ya os explicaré esto), saldrá este mes de noviembre. Os informaré de todo a lo largo de estos días:

– Cómo está estructurado.

– Qué incluye.

– Qué necesitas saber para hacerlo.

– Precio y oferta de lanzamiento.

– Bonus.

Y seguro que me dejo cosas en el tintero pero trataré de darles respuesta los próximos días.

¡No me enrollo más! Si te quedan dudas, si quieres escribirme por cualquier cosa, si te apetece responder a este correo o dejarme un mensaje en la sección de Contacto estaré al otro lado para responder.

¡Un abrazo!

Laura, Ada… ¡y Edu!

Filed Under: Boleticode Tagged With: boleticode

Boleticode #13 – Hace 12 años no sabía nada

Publicado el 17/10/2021 por Ada Leave a Comment

Hace 12 años no tenía ni idea de Javascript ni de PHP.

Por aquel entonces me propusieron formar parte de una pequeña competición para el alumnado sobre desarollo web. Entre otro compañero y yo elaboramos el enunciado, montamos los equipos que iban a usar los participantes, valoramos sus trabajos e hicimos, creo, un papel aceptable o, al menos, justo.

Bueno, vale. Sabía “algo”. Había trabajado de desarrolladora con esas tecnologías. Por aquel entonces seguro que pensaba que “no se me daba mal”.

Lo que se llama el “efecto Dunning-Kruger”: cuanto menos sabes más crees saber.

Pues bien, esta semana vuelvo a tomar ese mismo rol (un poco más “serio”) a 500 kilómetros de la primera vez (al final del e-mail os cuento dónde). Pero ahora soy consciente de lo poco que sabía hace 12 años, lo mucho que he aprendido en este tiempo y lo muchísimo que me queda por aprender.

¿Moraleja?

Asume que no tienes ni idea. O al menos no toda. De lo contrario creerás que no te queda nada que aprender. Y te aseguro que, en este mundo del desarrollo, lo que sabes (sea lo que sea) no es más que la punta del iceberg.

Profundidades aparte, os dejo con cosas que he traído esta semana y quizá no conocías:

🙅🏽‍♀️ Errores operando con floats en Javascript

Aunque no te lo creas, 0.1+0.2 en Javascript no es 0.3. Así son de imprecisos este y otros lenguajes de programación con los números en coma flotante. ¿Quieres saber cómo solucionar este pequeño problema? ¡Te lo cuento en este artículo!

🎨 Snippets de código: acordeón

Os traigo un pequeño tutorial sobre cómo hacer un acordeón utilizando HTML, CSS y Javascript. ¡Sin JQuery, Bootstrap ni nada parecido! ¡A pelo! 😉

Nada más por esta semana. Recuerda que si quieres escribirme cualquier cosa, puedes hacerlo desde la sección de Contacto. Quizá esta semana ande más liada para responderte pero más tarde o más temprano, lo haré.

Y para quienes habéis llegado hasta el final del correo, os espero esta semana aquí mismo. El café/caña/kali/pintxo corre de mi cuenta 😉

¡Un abrazo!

Laura, Ada… ¡y Edu!

Filed Under: Boleticode Tagged With: boleticode

Snippet: acordeón desplegable con HTML, CSS y Javascript

Publicado el 16/10/2021 por Ada Leave a Comment

Un acordeón es un elemento web que se suele utilizar para alternar entre ocultar y mostrar una gran cantidad de contenido.

Es muy común utilizarlo para crear secciones de FAQ (Preguntas Frecuentes) en las que se visualiza la pregunta, y al hacer click sobre ella, se despliega la respuesta en la parte inferior, a modo de acordeón.

En este vídeo vamos a ver cómo crear un acordeón utilizando únicamente HTML, CSS y Javascript; es decir, sin bibliotecas externas como JQuery o Bootstrap.

¿Qué aprenderás en el vídeo?

En este vídeo veremos:

  • Cómo convertir un botón en la parte superior de las secciones del acordeón con CSS.
  • Cómo cambiar el fondo de esta sección al situarnos encima con el ratón.
  • Cómo dar estilo a los paneles que se muestran y ocultan de cada acordeón.
  • Cómo asignar un evento a todos los elementos del acordeón de una sola vez utilizando Javascript.
  • Cómo asignar y desasignar una clase utilizando .toggle con Javascript.
  • Cómo acceder a un elemento hermano de otro para cambiar su estilo con Javascript..
  • Cómo visualizar u ocultar un elemento mediante Javascript.

Vídeo y código fuente

¿Quieres saber cómo lo he hecho paso a paso? ¡Aquí tienes el código fuente y el vídeo de la solución!

Código fuente de la solución
[restrict] [/restrict] [not_logged_in]¡Ups! Este contenido es solo para codelovers, ¿no te has registrado aún? ¡Hazlo ahora! ¡Regístrate o accede!
[/not_logged_in]

Y si quieres compartir tu propuesta, te recomiendo que utilices alguna herramienta online de testing de código como Codepen, JSFiddle, PlayCode, etc. o repositorios como GitHub, GitLab, BitBucket…

Filed Under: Tips & Tricks Tagged With: css, javascript, jquery, scss

¡Error! Operando con floats en Javascript

Publicado el 13/10/2021 por Ada Leave a Comment

Javascript, como muchos otros lenguajes de programación, tiene problemas para trabajar con los números en “punto flotante”, o números reales (no enteros). Podríamos decir que es una de las pocas veces en las que podemos pensar que las matemáticas “no funcionan”.

¿Quieres ver un ejemplo de ello?

let a = 0.1;
let b = 0.2;
let c = a + b;
console.log(c); //¡Ojo! Este resultado no dará un 0.3 como esperas, si no algo así como 0.30000000000000004

¿Cómo podemos evitar algo así? Pues muy sencillo: podemos multiplicar y dividir por una potencia de 10 en función de los decimales que necesitemos mostrar de la siguiente manera:

let c = (a * 10 + b * 10) / 10;      
console.log(c); //Aquí sí, obtendremos un 0.3

Y tú, cuéntanos, ¿sabías esta peculiaridad de los números en coma flotante?

Filed Under: Tips & Tricks Tagged With: error, float, javascript

Boleticode #12 – 📆 140 días

Publicado el 10/10/2021 por Ada Leave a Comment

Hace 140 días que envié el último boleticode.

140 días. Se dice pronto.

Pues bien, ha pasado todo el verano, comenzado el otoño, llevamos un mes de curso, y entre tanto han pasado por mis manos dos proyectos web, uno de Google Apps Script, tres nuevos retos en mi centro, un millón de ideas por materializar… ¡y menos tiempo del que me gustaría!

Pero me apetece mucho retomar Didacticode 💛, así que este boleticode será una declaración de intenciones.

¡Pero antes quiero dar la bienvenida a tod@s l@s nuevos codelovers que se han incorporado y reciben su primer boleticode! ¡Hola, majas, majos y majes! ¡Estáis en vuestra casa!

No me enrrollo: os cuento lo que (espero) traerá este último trimestre del año:

🎨 Diseño y CSS

Este curso vuelvo con ilusión al diseño de interfaces, así que Didacticode de tendrá un huequito para CSS: Flexbox, Grid, SASS… pequeños artículos y minicursos para los que tenéis el diseño como asignatura pendiente. ¡Empezamos la semana que viene!

⚛️ F***ing React

Algunos ya lo sabéis, pero un pequeño problema técnico lastró el proyecto del curso de React (por cierto, 60 lecciones que incluyen vídeos paso a paso, código fuente, cuestionarios y certificado de finalización). Dejémoslo en que espero sacarlo antes de que pase de moda. 😤

Retos, herramientas, tips&tricks…

Edu y Ada nos traerán nuevos retos, herramientas para hacernos la vida más fácil, trucos, errores, consejos… y boleticodes con más frecuencia que estos últimos 😅

Y tú, ¿tienes alguna propuesta?

Como sabéis, escucho leo y respondo todos vuestros correos (tengo pendiente la última tanda 😉), así que escríbeme si te aburres o quieres contarme tu vida, pedirme consejo, proponerme ideas… en definitiva: lo que se te ocurra.

¡Accede a través de la sección de Contacto o responde este e-mail!

Como siempre, un abrazo desde la nueva normalidad:

Laura, Ada… ¡y Edu!

Filed Under: Boleticode Tagged With: boleticode

Boleticode #11 – Desaparecida en combate

Publicado el 23/05/2021 por Ada Leave a Comment

Sigo viva (¡yeah! 🤟🏼).

Y entre el boom de las Newsletters que parece que se han puesto de acuerdo en enviarlas todas en domingo, he decidido hacerme un hueco con la mía.

Ya, yo no soy de domingos, pero quizá hoy sea una excepción. O no. 🤷🏽‍♀️

No habrá reflexiones, ni recursos, ni idas de olla. Hoy sólo os vengo a hablar de Didacticode, que para eso estás suscrit@ a este boletín.

Tres meses de proyectos

En los últimos meses me han surgido varios proyectos MUY MUY interesantes en los que he aprendido nuevos lenguajes de programación, me he enamorado (un poco) del no-code, he vuelto a disfrutar de trabajar con WordPress… y todo esto ha hecho que Didacticode haya pasado a un segundo plano.

(📧 Si quieres saber más, puedes responderme a este e-mail y te cuento 😉)

Pero no del todo.

React, HTML, PHP y… ¿más?

✅ Entre tanto… terminé por fin el Curso de JQuery (y con ideas muy chulas de mejoras).

⚛️ No voy de farol. Más de 30 lecciones listas del Curso de React que saldrá a la luz antes de verano. Pero esta vez con más texto, comandos, vídeos, cuestionarios de evaluación y certificado de finalización (¡✖️🗯💣🦠! -sustituir por una expresión malsonante que utilices cuando algo te está costando mucho, mucho, mucho-).
Será de pago, eso sí, pero confío en que lo merecerá.

Y como muestra, un botón: esto es lo que tengo montado hasta ahora:

Curso de React - Primera parte
Curso de React – Primera parte

💡 ¡Ah! HTML5 y PHP8 estarán listos después de verano (🤞🏼).

Y en julio me voy de vacaciones.

Quizá vaya a visitar a Julio César 007, o a Marty MacFly; quizá nos haga un sitio Cameron Howe en Mutiny o echemos unas carreras con Forrest Gump.

El caso es que en verano cierro la persiana.

(Para “los del otro lado del charco”, en España las vacaciones escolares van del 1 de julio al 30 de agosto).

Podéis seguir escribiéndome y os contestaré encantada (más tarde o más temprano, pero lo haré, palabra ✋🏼).

¿Y después qué?

No quiero adelantar acontecimientos porque me conozco y soy un poco boca-chancla. Así que en el próximo boleticode os contaré más. En cualquier caso…

📧 … si quieres proponerme cualquier idea al respecto, escríbeme. Estaré encantada de oírla. 😉

Y ya sabes que respondo a tod@s los que me escribís. Así que puedes saludarme 👋, contarme tu vida, pedirme consejo, o hacerme llegar tus comentarios, propuestas, dudas o reflexiones a través de la sección de Contacto o respondiendo este e-mail. ¡Te leo!

Otro abrazo, esta vez desde el no-confinamiento 💪🏼:

Laura, Ada… ¡y Edu!

Filed Under: Boleticode Tagged With: boleticode

  • « Go to Previous Page
  • Go to page 1
  • Go to page 2
  • Go to page 3
  • Go to page 4
  • Go to page 5
  • Interim pages omitted …
  • Go to page 12
  • Go to Next Page »

Footer

Didacticode

Cursos para estudiantes y docentes del mundo de la informática.
Retos: retos resueltos de programación.
Tips&Tricks: trucos y consejos.
Boleticodes: boletines de noticias.
Quiénes somos: Ada, Edu... y Laura.
Contacto¡Contacta conmigo!

Legal

Aviso legal
Política de privacidad
Cookies

Redes Sociales

Youtube
Twitter
Instagram
Facebook
Twitch
LinkedIn
Gitlab
Github

Didacticode © 2026

¡Cómo no! Este sitio también utiliza cookies para mejorar la experiencia de tu visita.

Puedes informarte más sobre qué cookies estamos utilizando o desactivarlas en los .

Resumen de privacidad
Didacticode

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.