Herramientas

Discord

Discord es una plataforma de comunicación que empezaron a desarrollar en 2015 Jason Citron y Stan Vishnevskiy, quienes compartían una afición por los videojuegos. Aunque inicialmente se creó para gamers, ahora mismo se utiliza para hablar y compartir con amigos y comunidades.

Descargar Discord
Ir al canal I’m feeling lucky

Glitch

Glitch nos ofrece alojamiento gratuito para sitios web sencillos. Los proyectos son públicos y se puede escribir código de manera colaborativa.

Ir a la página de Glitch

Editor de texto

Un editor de texto nos permite escribir y editar archivos de texto que componen el código de su sitio web. Podemos escribir en cualquier lenguaje de programación con cualquier editor de texto, pero debe guardar el archivo con una extensión de archivo que coincida con el idioma que contiene. Por ejemplo: guardardaremos un archivo HTML con la extensión .html

Descargar Sublime
Descargar Visualstudio

*Esta herramienta es opcional, ya que el propio Glitch contiene un editor de texto.

Lenguajes

Tipologías

Durante el taller, nos centraremos en el desarrollo de lenguajes front-end, los cuales conforman el lado visual de los sitios web.

  • HTML (HyperText Markup Language), estructura el contenido de la web.
  • CSS (Cascading Style Sheets) define la apariencia de la web.
  • Javascript define el comportamiento de la web, las acciones e interacciones.
  • Documentación

    Mozilla Developer Network, nos ofrece contenido actualizado, mantenido por un consorcio de proveedores de navegadores web.

    En general, lo más sencillo es preguntar a nuestro buscador preguntas concretas. Por ejemplo: “imagen html mdn” (añadimos mdn).

    También podemos usar devdocs, cssreference o htmlreference como referencias. En estas webs, podemos encontrar índices y buscadores de propiedades HTML y CSS.

    Evitar W3 Schools, que generalmente aparece en los más alto de resultados de nuestra búsqueda, ya que su contenido suele estar desactualizado.