Desarrollo Web

Cómo crear tus sitios estáticos con Middleman

Aprende a crear páginas Web estáticas con Middleman y herramientas modernas.

Impartido por:

4.8 (8 valoraciones)
42 minutos · Taller
Cómo crear tus sitios estáticos con Middleman

Lo que aprenderás en este curso:

  • Qué es un generador de sitios estáticos, cómo funcionan y para qué se utilizan.
  • Ventajas de utilizar estos generadores.
  • Qué es Middleman y las ventajas que ofrece.
  • Inconveniente que presenta Middleman respecto a otros generadores de sitios estáticos.
  • Cómo instalar Middleman y crear un proyecto.
  • Conocer la estructura de un proyecto, sus carpetas y archivos.
  • Ver de forma práctica cómo crear una página estática desde cero.
  • Qué son los plugins, cómo funcionan, cómo instalarlos y cómo activarlos.
  • Cómo instalar y utilizar el plugin Middleman-Livereload.
  • Compilar el proyecto una vez finalizado para poder publicarlo en cualquier plataforma.

Requisitos del curso

El nivel del taller es intermedio, para seguirlo de forma correcta es necesario poseer conocimientos de Ruby.

Valoraciones de estudiantes:

  • 5
  • 4
  • 3
  • 2
  • 1
4.4
8 valoraciones

Contenido del curso:

    • Cómo crear tus sitios estáticos con Middleman
      42m
También te puede interesar

Te dejamos una selección de cursos, carreras y artículos

Curso de Git

Curso de Git

2 horas y 52 minutos · Curso

Aprende a dominar GIT, usando la línea de comandos, lo que permite desenvolvernos con GIT en cualquier entorno para convertirte en un profesional .

  • Herramientas
Flexbox y CSS Grid

Curso de Flexbox y CSS Grid

2 horas y 2 minutos · Curso

Aprende a maquetar tu Web de forma fácil y profesional con Flexbox y CSS grid, las nuevas técnicas de maquetación que nos ha traído la …

  • Desarrollo Web

Dudas frecuentes

1

¿Cuál es el precio?

En OpenWebinars no vendemos formaciones.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.

2

¿Cuándo comienza el taller?

En OpenWebinars ni los cursos ni los talleres tienen fecha de inicio o final.

Cada taller tiene una fecha de publicación y desde ese día lo tienes 100% disponible si estás suscrito a alguno de nuestros planes.

Aunque suene a cosa del pasado, generar sitios web estáticos, está siendo tendencia a día de hoy, y es que son muchas las ventajas de servir webs estáticas, como la velocidad de ejecución, la ausencia de base de datos, una menor carga del servidor huésped, un tiempo de carga muy corto y mayor seguridad al no tener que usar BBDD.

Entra ahora en este taller de Ángel María de Miguel, programador full stack en Bitnami, y aprende a crear tus sitios webs estáticos utilizando Middleman y herramientas modernas.

Es una buena opción para iniciarte en el mundo de los generadores de sitios estáticos, unas herramientas que permiten generar webs estáticas, es decir, creadas únicamente con HTML, CSS y JavaScript, a partir de unas plantillas y una serie de datos.

Te hablaremos de cómo funcionan estos generadores y la multitud de usos que tienen, lo que ha hecho que sean una opción muy utilizada en los últimos tiempos. Más en concreto nos centraremos en Middleman, uno de los generadores más conocidos, que está creado en Ruby.

Middleman tiene varias ventajas que lo hacen una de las mejores opciones a la hora de elegir una herramienta de este tipo, de las cuales te hablaremos durante el taller, y de las que destaca la posibilidad que ofrece de extender sus funcionalidades a través de plugins.

Una vez expuesta la parte más teórica, el taller se completa con una práctica en la que podrás ver paso a paso cómo se realiza la instalación de Middleman, desde la instalación de las gemas bundler y middleman hasta la generación de un proyecto.

Después podrás conocer la estructura de un proyecto, las carpetas y los archivos que lo componen, además de saber cómo en Middleman se aplica el principio de convención sobre configuración.

También verás de forma práctica cómo modificar ese proyecto, añadiendo ficheros, modificando contenidos y otros procedimientos, con los que podrás comprobar la facilidad de uso de Middleman y todo lo que nos permite hacer.

Tras ver cómo crear plantillas y generar páginas estáticas, te mostraremos cómo instalar los plugins de este generador, de los que existen una gran cantidad, tanto oficiales como desarrollados por la comunidad, y que añaden todo tipo de funcionalidades extra. En concreto instalaremos y trabajaremos con el plugin Middleman-Livereload, un plugin muy interesante.

Finalmente realizaremos la compilación del proyecto ya acabado, con lo que ya podríamos publicarlo en cualquier plataforma.

Artículos
Ver todos