Prompt de IA para Backend de Bloques Dinámicos con Selección de Lenguajes de Código
Descripción:
Genera un sistema backend que permita a los usuarios agregar y organizar dinámicamente diferentes tipos de contenido en bloques. El sistema debe ofrecer una interfaz visual donde sea posible:
- Seleccionar y agregar párrafos sueltos.
- Insertar bloques de código con resaltado de sintaxis, permitiendo elegir entre lenguajes como JavaScript, TypeScript, CSS, SQL, o cualquier otro lenguaje que el frontend ya soporte.
- Agregar diagramas en mermaid.
- Construir tablas, listas de ventajas y desventajas, e imágenes.
Flujo:
El usuario puede redactar y organizar el contenido en el orden que prefiera. Cada tipo de contenido debe poder ubicarse en la posición deseada dentro del bloque.
Visualización:
El backend debe incluir una visualización previa del resultado final, mostrando el contenido con los mismos estilos y lenguajes de código que el frontend ya maneja, asegurando que el usuario pueda ver cómo se verá el contenido antes de publicarlo.
| Javascript | Typescript |
|---|---|
| No tiene tipado | Es tipado |
| nativo | creacion |
snippet.js
1function bubbleSort(arr) {
2 let len = arr.length;
3 for (let i = 0; i < len; i++) {
4 for (let j = 0; j < len - 1 - i; j++) { // len-1-i optimiza el recorrido
5 if (arr[j] > arr[j + 1]) {
6 // Intercambio
7 [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]];
8 }
9 }
10 }
11 return arr;
12}
13
14const arreglo = [5, 3, 8, 1, 2];
15console.log(bubbleSort(arreglo)); // [1, 2, 3, 5, 8]
diagrama.mmd
diagrama.mmd
Chevere
poloasl
polo