Los que me leen desde hace años, habrán notado que suelo cambiar el diseño y tema de mi bitácora (blog) cada 3 años aproximadamente. La última vez que lo hice fue en el 2014. En ese entonces modifiqué un tema existente y lo adapté al diseño que tenía en mente. Pero con el paso del tiempo tuve problemas para mantenerlo, debía estar pendiente de nuevas tendencias para agregarlo y al no hacer un tema hijo, perdía las actualizaciones originales del tema.

Skatux: el pinguino de mi blog
Skatux, el logo de mi web ha vuelto al encabezado e icono del sitio

Mejoras del tema y de rendimiento

Lo primero que hice fue descargar la última versión del tema original. Hice un diff para ver las diferencias y así solo incluir las modificaciones requeridas. Me llamó ver como cosas que hacía anteriormente con modificaciones de código ahora las podía hacer con CSS. También ahora he podido migrar partes del diseño a flexbox en vez de usar floats y clears para alinear elementos.

También he incluido mejoras en el rendimiento como eliminar la carga de archivos de CSS y JS que no necesito. Agregué en el HTML la precarga de dominios para la publicidad de Google Adsense y otros elementos de terceros.

Con la ayuda de GTMetrix pude descubrir las fallas de mi sitio web. Posteriormente empecé a aplicar cada consejo para aumentar el rendimiento del sitio. No pude llegar hasta el puntaje máximo porque el problema es con la configuración de elementos de terceros como el botón de seguir de Twitter, publicidad de Adsense, entre otros. No se tiene acceso a esos elementos y son requeridos por el sitio. Aunque sé que llegué al puntaje máximo sobre las cosas que poseo control.

Mejoras de accesibilidad

Siempre he usado el color naranja como el distintivo de mi blog. Pero al aplicar las pruebas de accesibilidad de Lighthouse descubrí que los tonos naranjas no pueden ir sobre blanco. Por lo tanto tuve que buscar el color mas próximo para así tener mi sitio accesible a todo tipo de personas. También agregué elementos requeridos a algunas imágenes o mejoras del código para facilitar la lectura del sitio en dispositivos para personas con discapacidad.

También tuve que acomodar el tamaño de algunas fuentes y separar elementos para mejorar la visualización. Eso si, sin afectar el diseño del sitio.

La experiencia de actualizar mi blog

Mejorar el trabajo que realicé hace 5 años fue interesante. Me da pena ver como hacía algunas cosas. Pero comprobé como he mejorado mis conocimientos en WordPress y desarrollo web general. También es interesante conseguirse con código o archivos obsoletos. Encontré 2 plugines para vender publicidad, cuyas empresas ya no existen y por lo tanto eliminé.

Vale la pena cada cierto tiempo realizar esta tarea para modernizar las tecnologías del blog. Comprobar si has mejorado o aprendido nuevas cosas y ganar nuevos conocimientos para aplicarlos en trabajos

Espero que noten las mejoras en la carga del sitio. Si encuentran algún problema en bug, no duden en reportarlo para solucionarlo y mejorar la calidad del sitio.

Gracias por leer este artículo 🙂

El segundo día del JSConf Colombia consistía en las charlas principales, éstas se dictaban en el auditorio principal junto a todos los asistentes. Al principio me reuní con un grupo de venezolanas que asistieron al evento (nos conocimos en el día anterior). Hablando con algunas de ellas me enteré de un programa que realizaron en el evento para becar la entrada y asistencia de personas al evento. Como Venezolano me lleno de alegría porque el país atraviesa una situación muy ruda y los organizadores tuvieron ese gran gesto. En al auditorio tuve oportunidad de conocer mas personas, gente que me seguía en el blog, otros ponentes y fue socialización hasta que comenzó el evento.

Charlas de la mañana

La primera charla a realizó Suz Hinton sobre como se convirtió en mejor desarrolladora al transmitir como programaba. Fue un excelente inicio del evento por ser motivacional. Promueve la grabación de tus experimentos de programación y compartir tus conocimientos sin miedo.

Luego Myles Boris comentó sobre el proceso de desarrollo de NodeJS. Como los contribuyentes rompen el código y se realizan pruebas para evitar estos problemas en el futuro. Me llamó la atención como pudo hablar sobre un tema serio de una forma tan graciosa. Las láminas eran coloridas con excelentes animaciones que permitían captar el mensaje sin aburrirnos y sinceramente, haciéndonos reír a lo largo del charla. Excelente expositor.

La primera representación latinoamericana fue a cargo de Francisco Vílchez. Músico de Jazz y desarrollador web peruano. Explicó cómo es el proceso de improvisación en los ensayos de Jazz y cómo hizo un software de inteligencia artificial, para crear música siguiendo las reglas del Jazz. Me impresionó porque no creí que eso fuese posible y es interesante como se mezcla la tecnología con la música.

Kim Crayton continúo el evento compartiendo su labor para ayudar a las comunidades a ser mas diversas. En latinoamérica solemos dar por sentado este tipo de movimientos. Pero como organizador de eventos de software libre y voluntario en comunidades, considero importante promover la diversidad en comunidades y Kim explicó como hacerlo.

Para finalizar la mañana, contamos con la participación de otro músico. George Mandis mostró como crea aplicaciones que interactúan con controladores MIDI. Me gustó la explicación de los MIDI y entendí conceptos de los sonidos de los videojuegos clásicos.

Almuerzo

El almuerzo de los ponentes me permitió interactuar con otros ponentes. Allí conocí a Tom Dale (famoso JS influencer), quien estuvo hablando sobre WebAssembly. Aproveché que era el tema de mi charla y me uní a la conversación de él con Matías Bynens y Myles Boris. También pude charlar con Giovanny Gongora (ex-Mozilla que ahora pertenece a NodeSource) quién me hizo buenas recomendaciones de comida colombiana y de la historia de su país.

Charlas de la Tarde

La tarde comenzó con una charla de Mathias Bynens. La charla que mas quería ver era de él debido a su experiencia con JS y sabía iba a hablar de algo técnico. El contenido de la misma fue sobre cómo funciona el motor V8 de Chrome. Adicionalmente explicó cómo escribir buen código de JS para que el motor lo ejecute rápidamente.

Emily Plummer habló sobre accesibilidad y como debemos realizar aplicaciones a personas con problemas de accesibilidad. Fue muy agradable la ponencia porque nos motivó a mejorar la vida de otros haciendo mejores programas. Gracias a sus ejemplos de la vida cotidiana pudimos comprender como iniciar en esta área.

La de Helen Holmes no la pude disfrutar mucho porque mi charla era la siguiente. Su tema era sobre como atraer diseñadores a nuestro código. Pero en ese momento estaba haciendo un repaso final y me estaban preparando para mi charla (poniendo el micrófono, consejos, cargar las láminas al equipo, entre otros).

Mi Charla del JSConf Colombia

Confieso haber estado un poco nervioso debido a la calidad del público, aunque justo antes de montarme al escenario me dijo en la oreja que lo iba a hacer bien y por arte de magia se me pasó. Creo que me fue bien, todo salió como lo planifiqué y estuve en el tiempo. Al leer los tweets sobre mi charla me dio emoción. Pensé que por ser una charla técnica la gente no la iba apreciar, pero los comentarios fueron positivos y motivadores.

Si deseas verla puedes ver mi presentación en línea.

El pase de diapositivas requiere JavaScript.

Siguientes charlas

Después de dictar mi charla, era el turno de Elba Sánchez en representación de Colombia. Su charla era sobre como pasó del frontend al backend. Interesante experiencia, sobre todo porque hay personas que piensan que no se puede estar en ambas áreas, pero Elba nos demostró que es posible hacerlo.

En la charla de Thomas Watson aprendí como muchos algoritmos de corrección de errores vienen de los 70s (de las misiones espaciales). Para garantizar que los datos de frecuencias de radio sean correctos. Hizo demostraciones de como controlar dispositivos de radio utilizando JavaScript, de esta forma no solo podemos crear aplicaciones sino interactuar con hardware remoto. Realmente aprendí en esta charla.

La charla final  del JSConf Colombia estuvo a cargo de Tom Dale, fue la mas larga del evento pero también la mas entretenida. Se nota el profesionalismo como ponente con el dominio del tema y de hacer la charla muy agradable. El contenido de la misma fue sobre como usar glimmer.js para mejorar el rendimiento de la carga del frontend de una página. Gracias a los demos pudimos ver la gran velocidad de los sitios elaborados con esta tecnología

Palabras finales

Antes de concluir el evento, los organizadores explicaron la ardua tarea que lleva realizar este tipo de eventos. Me llamó la atención la cantidad de personas que ayudaron e hicieron posible este grandioso evento. Fue una excelente experiencia participar, como asistente de las charlas me ayudó a incrementar mis conocimientos en tecnologías emergentes. Pude hacer nuevas amistades, conocer a personas que admiro, a otros quienes solo había visto por Internet. De hecho, de regreso al hotel (para luego ir la fiesta post-evento la cual estuvo genial 😊) compartí un taxi con Tom Dale y Matías. A ambos le he seguido la carrera desde hace tiempo y eran los principales ponente que quería ver en persona. Pude conversar con ellos sobre diversos temas y son personas muy agradables. Jamas pensé que podría ocurrir algo así, pero sucedió gracias al JSConf Colombia.

Con Matías y Tom Dale

Con Matías y Tom Dale

Como ponente fue una gran experiencia, los organizadores estuvieron muy atentos. Las personas en Medellín son muy regionalistas y patriotas, entonces como turista se preocupan de que conozcas su cultura, su gastronomía (me parece la mejor del país), entre otros.

¡Anímate y participa como ponente o asistente en JSConf Colombia! Te garantizo que te va a gustar. No solo es por el conocimiento que adquieres sino por las experiencias.

En el pasado JSConf de Europa, Ryan Seddon realizó una excelente charla sobre todo el proceso de un navegador web (como Firefox, Chrome, Edge o Safari) para visualizar una página web.

Este proceso me parece un tema esencial para todo desarrollador web (tanto frontend como backend), sin embargo, he notado que son pocos quienes saben el proceso de dibujado de la página web y al momento de crear sitios web, no lo hacen de forma correcta o muy deficiente, causando problemas de rendimiento en equipos con poca capacidad de cómputo.

Por los momentos solo está en inglés, pero pueden activar la traducción de subtítulos de Youtube a español y disfrutar un poco del video si no entienden el idioma original del vídeo.

Si quieres seguir investigando sobre este tema, les recomiendo lee este largo pero interesante artículo titulado How browsers works (Cómo funcionan los navegadores), espero que les sea de gran utilidad para futuros desarrollos.

Secrets of the JavaScript Ninja, es un libro escrito por el famoso John Resig, (Si eres un desarrollador web deberías saber quien es) creador de jQuery, la grandiosa librería Javascript que facilita enormemente el desarrollo con Javascript.

Hace unos días lo terminé de leer y me gustó mucho, me parece un libro recomendado para todo desarrollador que trabaje con Javascript (recordemos que jQuery no es lo mismo que Javascript), los ejemplos y temas estan dirigidos a programadores con experiencia media o avanzada en el lenguaje, en mi caso, me considero un novato en este lenguaje y logré aprender mucho pero varios temas no los pude entender bien o tenía que leerlo varias veces para captar la idea, sin embargo, si son nuevos con este lenguaje también es bueno leerlo, porque enseña a ver las cosas distintas y como aprovechar la resolución de algunas cosas desde un punto de vista donde se toma ventaja de las características únicas de Javascript, o bien sea problemas existente pero como adaptarlo a las posibilidades de JS.

Los principales temas abarcados por el libro son: tips para mejor desarrollo de scripts, como crear una libería JS, funciones para facilitar ciertas operaciones, ejecuciones de pruebas, creación de código compatible con varios navegadores y muchos mas. Así que, si trabajan con este lenguaje, desean aprender y les gusta leer, compren esten libro que les será muy útil.