Reutilizar plantillas en Flask con Jinja

En este post sobre Flask te mostraré cómo definir una plantilla base o plantilla maestra y después solo sobrescribir el contenido y ciertos bloques, de modo que puedas definir y reutilizar una plantilla, evitando repetir código. Para ello vamos a usar el template engine que Flask usa por defecto y que nos viene de maravilla: Jinja. ...

marzo 29, 2021 · 3 min · 631 palabras · Parzibyte

Vue CLI congelada en 40 % al ejecutar npm run serve

En este post te daré la posible solución a un problema que se presenta al usar Node.js, Vue, la Vue CLI y ejecutar el comando npm run serve. En mi caso se quedaba al 40 % y no avanzaba más allá de eso. WAIT Compiling… 40% building 1/2 modules 1 active ...

enero 23, 2021 · 1 min · 205 palabras · Parzibyte

Plantilla inicial de Bulma

En este post te mostraré una plantilla simple de Bulma para comenzar a usar este framework CSS. Es decir, una plantilla de ejemplo para que puedas basarte en ella y comenzar a trabajar modificarla según tus preferencias. Esto que te mostraré también es conocido como starter template de Bulma. ...

diciembre 26, 2020 · 3 min · 480 palabras · Parzibyte

Plantilla para mostrar temperatura y humedad - Diseño web

En este artículo te mostraré una plantilla de ejemplo para mostrar la temperatura y humedad. Será una plantilla simple y minimalista que solo tendrá el propósito de mostrar los datos de un termómetro. Como lo dije anteriormente, será una plantilla de ejemplo para mostrar los datos de un termómetro como lo son la temperatura y humedad. Puedes basarte en ella para mostrar los datos de un sensor físico o de una API. ...

diciembre 26, 2020 · 2 min · 366 palabras · Parzibyte

Ejemplo de formulario con Angular

Resumen: en este post te mostraré un ejemplo simple de un formulario con Angular, en donde ligamos a un valor del componente con la vista del formulario. En Angular existen dos tipos de formularios, los que son formularios reactivos (Reactive form) y los que son basados en plantillas (Template driven forms). Hoy veremos un ejemplo de un Template driven form en Angular, que si vienes de AngularJS (o apenas estás comenzando) vas a entenderlo muy bien. Si quieres puedes probar el resultado final aquí, y ver el código de todo el proyecto aquí. ...

noviembre 25, 2019 · 3 min · 636 palabras · Parzibyte

Cambiar directorio de plantillas de Flask

Las plantillas de Flask, por defecto, se deben ubicar en el directorio llamado templates. Sin embargo, Flask permite cambiar el directorio de templates fácilmente. En este post te muestro cómo cambiar el directorio, verás que es demasiado fácil. ...

octubre 9, 2019 · 1 min · 152 palabras · Parzibyte

Flask - Vistas y plantillas HTML

En este tutorial veremos cómo trabajar con las plantillas en flask, pasando variables y renderizando una u otra plantilla dependiendo de la ruta. Antes de comenzar con las plantillas de flask recomiendo ver la introducción a Flask. ...

octubre 9, 2019 · 2 min · 415 palabras · Parzibyte

Mi caja de herramientas para PHP

Desde hace algunos meses he estado intentando encontrar el punto perfecto para desarrollar con PHP sin usar ningún framework como Laravel o CodeIgniter. Como desarrolladores, queremos algo que sea sólido, fácil de usar y confiable; además de que tenga rica documentación y su uso sea entendible. Hoy vengo a presentar mi caja de herramientas que uso al desarrollar con PHP, la cual podría ser llamada framework. También quiero mostrar cómo es que se pueden juntar las herramientas para tener una base sólida de desarrollo con PHP. Nota: puedes ver la plantilla en GitHub. ...

julio 29, 2019 · 10 min · 1965 palabras · Parzibyte

Plantilla inicial de Bootstrap 4 (starter template)

Bootstrap 4 (y su versión anterior, la 3) es el framework CSS más usado en el desarrollo web (por ejemplo, el sistema de cotizaciones lo usa). Como desarrolladores, necesitamos una plantilla de donde partir. Una plantilla básica o una starter template de Bootstrap para cargarla y tomarla como base para nuestros proyectos. Me di a la tarea de crear una y traducirla, para tomarla como base al desarrollar con Bootstrap 4. ...

mayo 9, 2019 · 3 min · 440 palabras · Parzibyte