¿Quién es "ManzDev"?

Me llamo J. Román (Manz) y soy 🎓docente, 👨‍💻divulgador informático y 👾streamer de código. Me considero amante del CSS, del mundo de la programación y de la plataforma web en general. Si llevas mucho tiempo por Internet, quizás me conozcas del blog Emezeta o de la tira de Bit y Byte.

He trabajado como profesor en la 🎓Universidad de La Laguna y como director y profesor del curso-bootcamp de Programación web FullStack y Frontend de EOI en Tenerife. Escribo regularmente artículos de HTML, CSS, Javascript, Terminal de Linux o temas relacionados.

En mi canal de Twitch puedes encontrarme en streaming en los siguientes horarios (pulsa sobre los nombres para acceder a los videos de youtube):

⚠️Consulta mi canal de Youtube para ver directos anteriores (o Twitch si son muy recientes).

Dibujando con CSS

Suelo hacer directos frecuentemente en Twitch. Todos los 📆sábados () hacemos una sesión de 👨‍💻código en vivo en la que dibujamos personajes u objetos con sólo código HTML/CSS. ¡Estos pokémon (Gastly, Haunter y Gengar) están dibujados íntegramente con CSS! Puedes ver los making-of de mis directos en mi canal de Youtube.

En 🎨Dibujando con CSS también dibujamos objetos. Por ejemplo, hemos dibujando un AT-AT Imperial Walker (Star Wars), un Tamagotchi, un teclado de PC, un 💾diskette de 3½ y hasta este magnífico sable láser, el cuál podrás encender y apagar en los directos desde el chat:

Si eres más de personajes, tenemos a:

¡...Y el rey de la corona! ¡Un Casio F-91W! Este ha sido uno de los más populares. ¿Te animas a proponer algún nuevo dibujo? ¡Quizás tu propuesta se convierta en el nuevo dibujo más popular!

Puedes proponer cosas en el canal #sugerencias de Discord.

Casio con CSS

Hace años (antes de tener Twitch) diseñé esta Nintendo GameBoy íntegramente con HTML y CSS, sin utilizar imágenes. Poco más tarde, la porté a WebComponents utilizando Lit, añadiendo Javascript para permitir encenderla con el juego Terminator 2: The Judgement Day.

GameBoy con CSS

¡Descubre eventos!

The LightSaber

¿Eres suscriptor del canal? ¡Utilizando el comando !lightsaber podrás encender el sáble laser de StarWars y saber si eres un Jedi, un Sith o el puto amo Mace Windu! ¡Descúbrelo en los streams!

¡Reclama tu robot!

Con el comando !robot puedes reclamar un personaje de mi futuro juego para que se pasee por la pantalla del stream con tu nombre. ¡Hay posibilidades de que salgan personajes especiales! No necesitas ser suscriptor.

¡Gracias por las RAID!

Las RAIDS siempre son una fiesta (tanto hacerlas como recibirlas). Tenemos un camión preparado para que el raider transporte a todos los espectadores y se sientan como en casa.

¡Eres subscriptor!

¿Has decidido apoyar el canal y suscribirte (gratis con Amazon Prime)? Pues atento a tu robotito, que tendrá durante unos instantes poderes especiales... ¡Muchísimas gracias!

Clase gratuita de Desarrollo

Todos los 📆miércoles () doy una 🎓clase gratuita de temas o conceptos relacionados con desarrollo web. En ella explicamos paso a paso los detalles, a lo largo de aproximadamente 🕑1-2 horas.

¡Anímate y participa con preguntas en el chat! Sígueme en Twitch y activa la 🔔 para avisarte con una notificación.

Paso a paso con Manz

Experimentos con Javascript

Emotes Twitch ManzDev

Los 📆lunes () trabajaremos en Twitch haciendo diferentes 🧪experimentos con herramientas y librerías del ecosistema Javascript y/o 🧱WebComponents.

Recuerda que si no estás seguro de las próximas sesiones, puedes consultarlas en el calendario de Twitch, donde suelo planificar la semana actual.

Cultura del canal

La filosofía y cultura del canal es muy importante. Son detalles que se van creando y reforzando con el tiempo, y los que hacen que este sitio sea único. Echa un vistazo:

Nuestra particular forma de saludar. Di «NO» a Internet Explorer, di «SI» al desarrollo web. Cuando la cosa se descontrola... ¡Es hora de hacer Parkour con nuestro AT-AT! ¡PARKOUR! Nuestro emote oficial para indicar la sensación de «Esto debería ser fácil», pero quizás no lo sea tanto... En este canal nos gusta aprender. Y somos exigentes. Cuando vemos algo manzravilloso, lo hacemos saber. Nuestro bot oficial. Recopila estadísticas, gestiona personajes y tiene alguna que otra sorpresa escondida. ¡Espera...! ¿Eso se puede hacer con CSS? Por fin un emote para comunicar que todo va bien. Los manzitos son los puntos del canal. ¡Obtenlos en los directos! Las RAID son un ritual muy divertido. Cuando terminamos un directo, nos vamos de RAID a conocer nuevos streamers.

Canal de Youtube

La mayoría de los 📼directos que realizamos en Twitch son resubidos posteriormente a ManzDev, mi 🎥canal de Youtube. Si no te vienen bien los 🕰️horarios de los directos (o te perdiste alguno), siempre puedes suscribirte al canal y verlos posteriormente (¡incluye marcas de tiempo y enlaces!).

👍 ¡Suscríbete y dale like a los videos que más te gusten!

Canal de Youtube: ManzDev

Cheatsheets

Cheatsheets

Si te interesa tener documentación en poco espacio, organizada y en formato físico, tienes unas estupendas cheatsheets listas para descargar e imprimir:

Setup y accesorios

A continuación el setup que utilizo, con todo nivel de detalle, desde los componentes de mi equipo, hasta la iluminación externa o el aire acondicionado, con sus enlaces:

Componentes internos
Periféricos de hardware
Multimedia e iluminación
Complementos adicionales

* Los enlaces son a Amazon. El AT-AT Imperial Walker a tamaño real no se va a pagar solo.

¿Cómo puedo apoyar?

Puedes suscribirte en Twitch (gratis si vinculas tu Amazon Prime con Twitch) para apoyar el canal. Con ello podré dedicarle más tiempo y recursos, y así hacer más directos y crear más contenidos.

¡Hazte Suscriptor!

Y lo más importante: La satisfacción de estar ayudando a hacer crecer el canal ¡Muchísimas gracias!

Documentación de desarrollo web

Si lo que quieres es acceder a documentación y artículos escritos donde aprender a utilizar detalles del mundo del desarrollo web, encontrarás abundante información en forma de post sobre etiquetas HTML y propiedades CSS, artículos sobre detalles relacionados con el mundo Javascript, como el framework VueJS, los WebComponents o el gestor de paquetes npm. También podrás aprender a manejar la terminal de Linux.

Tutoriales desarrollo web

¿Tienes dudas?

Servidor de Discord ManzDev

Si el chat de Twitch se te queda corto, puedes entrar mediante esta invitación a nuestro servidor de Discord, donde avisamos de los directos, conversamos, aprendemos y resolvemos dudas de temas relacionados con el desarrollo web.

Recuerda leer las normas a la entrada al servidor. Si tienes dudas, ¡pregunta a los moderadores!