Aprenda HTML5 y CSS en línea con Mozilla Thimble

Aprenda HTML5 y CSS en línea con Mozilla Thimble

Internet ha recorrido un largo camino desde la época en que las páginas web se componían de textos e imágenes tristes hasta el momento actual en el que todo se trata de compartir e interactuar. En el pasado, crear una página web era fácil. Solo necesitas escribir, insertar imágenes y publicar. Con la tecnología actual, probablemente necesite un título antes de poder comenzar a crear un sitio web. Para cerrar esa brecha, Mozilla (el equipo que desarrolló Firefox) creó una herramienta simple que facilita la «creación web».

Mozilla Thimble es una herramienta en línea relativamente simple para crear código HTML/CSS, desarrollada para introducir a los usuarios a la codificación de sitios web, todo dentro de la comodidad de un navegador web sin necesidad de descargar o instalar ningún software. Es tan fácil como el infierno incluso en términos sencillos.

Introducción al dedal

Thimble tiene un diseño de doble panel. El panel izquierdo es para escribir el código y el panel derecho muestra una vista previa en tiempo real de la página que está creando. Aquí es donde Thimble es un poco diferente de otros editores. Los usuarios pueden comprender el proceso de codificación al instante, verificar la vista previa y corregir errores. El sitio ofrece dos modos: «Empezar desde cero» y «Elige un proyecto». En ambos modos, el panel doble está ahí, lo que es excelente para la depuración. Si desea aprender viendo ejemplos, los proyectos existentes están disponibles con comentarios detallados para facilitar el aprendizaje. Los usuarios pueden editar o agregar algo para personalizar proyectos y aprender de los errores cometidos. Una vez hecho todo, los usuarios pueden publicar su trabajo con un solo clic.

edit-code-thimble

La parte de aprendizaje funciona muy bien con Thimble, aunque hay mejores lugares como Codeacademy, W3 Schools, Udemy, Stackexchange con recursos más ricos. Si no tiene ningún conocimiento de HTML, probablemente comenzará con el modo «Elija un proyecto», ya que el modo «Comenzar desde cero» requiere que tenga un conocimiento básico de HTML. Más que nada, la iniciativa de Mozilla para acostumbrar a las personas a los estándares web y educarlos con los conceptos básicos es loable.

dedal-tabla-periodica-html5-elementos

Entiéndelo bien, esta herramienta no es para construir un sitio de negocios (podría ser para personas que solo necesitan una página en línea). Es para comprender y probar habilidades mediante el método de prueba y error. Mozilla cree que es necesario que las personas que viven en el siglo XXI entiendan el lenguaje de la web al igual que uno debería tener habilidades generales de lectura, escritura o cálculo.

Junto con Thimble, Mozilla también ha presentado dos proyectos complementarios más en el Serie de creadores de páginas web. Popcorn es uno de ellos y es una herramienta de creación de videos en línea. X-Ray Goggles es otro que revela el código detrás de los elementos de una página. Los tres proyectos juntos son bastante útiles para que los usuarios desbloqueen o, más bien, descubran el misterio de la representación web. El tiempo dirá hasta qué punto tendrán éxito en sus esfuerzos por educar a la masa en general, pero definitivamente es un intento que vale la pena.

Dedal de Mozilla

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Experto Geek - Tu Guía en Tendencias Tecnológicas