Le presentamos una traducción del artículo de Sm0ke publicado en dev.to. El autor habla sobre su experiencia en la generación de aplicaciones web y cómo automatizar el proceso de creación de ellas.Hola codificadores!
Soy un desarrollador independiente y he generado más de 100 aplicaciones en varios idiomas y plataformas utilizando herramientas de automatización,
análisis HTML y un
código repetitivo .
Todas mis aplicaciones, tanto pagas como gratuitas, están en el repositorio
abierto de GitHub. Hablaré sobre algunos de ellos en este artículo.
En total, he creado más de 40 aplicaciones de este tipo. El diseño para ellos fue desarrollado por conocidas agencias web.
Todas estas aplicaciones, tanto pagas como gratuitas, utilizan una plantilla estándar, una base de datos SQLite, ORM, autenticación, ayudantes y un conjunto básico de herramientas (exportación estática a través de Frozen-Flask y un script de implementación FTP).
- Aplicaciones con licencia MIT gratuitas: Kit de papel , FlaskPlay .
- Aplicaciones gratuitas con licencia CCA 3.0 (al usarlas, debe guardar información sobre la autoría) - Phantom , SolidState .
Todos mis paneles de administración se crean usando Flask y usan la base de datos SQLite, autenticación, ORM y un conjunto básico de herramientas (puede ver una lista completa de paneles
aquí ).
Estos son algunos paneles:
Flask Dashboard Argon ,
Flask Dashboard Material y
Flask Dashboard NowUi . Todos ellos tienen licencia del MIT.
Otras aplicaciones generadas y repeticiones
- Full Stack : aplicaciones con una arquitectura de dos niveles, así como Vue y React (a nivel de interfaz). Tener una licencia MIT.
- El código repetitivo para Node.js, Laravel y Flask, también con una licencia MIT.
Sobre el proceso de automatización
Una vez decidí simplificar el proceso de creación de aplicaciones. En base a mi experiencia como freelance en los últimos dos años, así como a los requisitos y comentarios de los clientes, saqué las siguientes conclusiones:
- Los clientes siempre necesitan varios diseños para la aplicación (de modo que haya mucho para elegir).
- Mis aplicaciones deben ser compatibles incluso con los últimos dispositivos.
- Es necesario que la migración de versiones heredadas de aplicaciones a nuevos dispositivos se ajuste a un pequeño presupuesto.
Para resolver estos problemas, el proceso de desarrollo tuvo que ser automatizado. En mi caso, tomó varios pasos:
- Extraemos componentes para varios motores de plantillas (Jinja2, Pug, Blade) de simples archivos HTML utilizando un analizador HTML .
- Incorporamos el diseño procesado en el código existente: Laravel , Node.js , JAMstack o Flask .
- Ejecute la cantidad mínima de autotest.
Pasos adicionales
- Extender el analizador HTML para convertir diseños HTML heredados a temas Vue, React y Angular.
- Preparamos temas para marcos modernos (Gatsby.js, Gridsome, Hugo), comenzando con el diseño creado en Bootstrap.
- Transferimos diseños de versiones anteriores del marco CSS (Bootstrap) a Bulma y Tailwind.
- Agregamos más repeticiones a la tubería, por ejemplo, para Django, Fastify y marcos similares.
Gracias de antemano por sus comentarios!