4
Cuidado
Esto es un mensaje de error importante.
Cuidado
Esto es un aviso importante renderizado con Shadow DOM nativo.
Configura tu entorno de desarrollo instalando las dependencias necesarias.
Verifica que todo esté funcionando correctamente.
¡Felicidades! Has completado el tutorial.
Configura tu entorno de desarrollo instalando las dependencias necesarias.
Verifica que todo esté funcionando correctamente.
¡Felicidades! Has completado el tutorial.
- Procesa12sdor de 32-bits mucho más rápido (Renesas RA4M1)
- Matriz de LEDs 12x8 integrada para feedback visual
- Consumo en reposo ligeramente mayor
- No incluye cable USB en la caja
Reescritura completa del núcleo de la librería. Se ha mejorado el rendimiento en ESP32 un 40% y reducido el consumo de RAM estática.
Tags: Major Release, C++
Compatibilidad con peticiones asíncronas para evitar bloqueos en el loop principal. Incluye ejemplos nuevos para manejo de websockets.
Tags: Feature, Networking
Busca un substring dentro de la cadena desde el final y devuelve su posición inicial. Si no se encuentra, devuelve -1.
const texto = "Hola Mundo Mundo";
const pos = texto.lastIndexOf("Mundo");
console.log(pos); // 11
Devuelve true si la cadena contiene el substring especificado.
const texto = "Hola Mundo";
const contiene = texto.includes("Mundo");
console.log(contiene); // true
Busca un substring dentro de la cadena y devuelve su posición inicial. Si no se encuentra, devuelve -1.
const texto = "Hola Mundo 3";
const pos = texto.indexOf("Mundo");
console.log(pos); // 5
{ “name”: “RobotController”, “stereotype”: “class”, “properties”: [ { “visibility”: “private”, “type”: “int”, “name”: “_id” }, { “visibility”: “public”, “type”: “string”, “name”: “Name”, “isProperty”: true } ], “methods”: [ { “visibility”: “public”, “returnType”: “void”, “name”: “Move”, “params”: [{ “type”: “int”, “name”: “x” }, { “type”: “int”, “name”: “y” }] } ] }
const texto = "Hola Mundo";
El método charAt() es seguro para acceder a caracteres individuales ya que devuelve una cadena vacía (”) en lugar de undefined.
const nombre = "Luis";
const letra = nombre.charAt(0);
console.log(letra); // "L"
Combina el texto de dos o más cadenas y devuelve una nueva cadena. No modifica la original.
const s1 = "Hola";
const res = s1.concat(" ", "Mundo");
Busca un substring dentro de la cadena y devuelve su posición inicial. Si no se encuentra, devuelve -1.
const texto = "Hola Mundo";
const pos = texto.indexOf("Mundo");
console.log(pos); // 5
Similar a indexOf, pero busca desde el final de la cadena.
const texto = "Hola Mundo Mundo";
const pos = texto.lastIndexOf("Mundo");
console.log(pos); // 11
Devuelve una nueva cadena con la sección especificada. No modifica la original.
const texto = "Hola Mundo";
const parte = texto.slice(5, 10);
console.log(parte); // "Mundo"
Similar a slice, pero no acepta índices negativos.
const texto = "Hola Mundo";
const parte = texto.substring(0, 4);
console.log(parte); // "Hola"
Reemplaza texto en la cadena. Devuelve una nueva cadena.
const texto = "Hola Mundo";
const nuevo = texto.replace("Mundo", "Amigo");
console.log(nuevo); // "Hola Amigo"
Devuelve una nueva cadena con todos los caracteres en mayúscula.
const texto = "Hola Mundo";
const mayus = texto.toUpperCase();
console.log(mayus); // "HOLA MUNDO"
Devuelve una nueva cadena con todos los caracteres en minúscula.
const texto = "Hola Mundo";
const minus = texto.toLowerCase();
console.log(minus); // "hola mundo"
Remueve espacios, tabulaciones y saltos de línea del inicio y final.
const texto = " Hola Mundo ";
const limpio = texto.trim();
console.log(limpio); // "Hola Mundo"
Divide la cadena en subcadenas basadas en un separador y devuelve un array.
const texto = "Hola,Mundo,JavaScript";
const partes = texto.split(",");
console.log(partes); // ["Hola", "Mundo", "JavaScript"]
Devuelve true si la cadena contiene el substring especificado.
const texto = "Hola Mundo";
const contiene = texto.includes("Mundo");
console.log(contiene); // true
selct -- Tu código C++ aquí...
// Tu código C++ aquí... [0]
hola
// Tu código C++ aquí... [0]
hola
// Tu código C++ aquí... [0]
#include <iostream>
// Función principal donde comienza la ejecución del programa
int main() {
// Imprimir el mensaje en la consola
std::cout << "¡Hola Mundo desde LuisLlamas.es!" << std::endl;
// Indicar que el programa terminó correctamente
return 0;
}
#include <iostream>
int main() {
std::cout << "¡Hola Mundo desde LuisLlamas.es!" << std::endl;
return 0;
}
Veamos lo que hace cada uno de estos. Pulsa siguiente
Incluimos la biblioteca estándar para entrada y salida.
Definimos la función principal donde comienza el programa.
Usamos cout para mostrar un mensaje en la consola.
Devolvemos 0 para indicar que el programa terminó correctamente.
// Incluir la biblioteca estándar para entrada y salida
#include <iostream>
// Función principal donde comienza la ejecución del programa
int main() {
// Imprimir el mensaje en la consola
std::cout << "¡Hola Mundo desde LuisLlamas.es!" << std::endl;
// Indicar que el programa terminó correctamente
return 0;
}
{ “proyecto”: “Mi Aplicación Web”, # Nombre del proyecto “version”: “2.1.0”, # Versión actual “autor”: “Luis Llamas” # Autor principal }
console.log("Hola desde main.js");
function init() {
console.log("Inicializando app");
}
console.log("Hola desde ma12312in.js");
function init() {
console.log("Inicializando app");
}
console.log("Hola desde main.js");
function init() {
console.log("Inicializando app");
}
console.log("Hola desde main.js");
function init() {
console.log("Inicializando app");
}
<!DOCTYPE html>
<html lang="es">
<head>
<title>Ejemplo</title>
</head>
<body>
<h1>Hola Mundo</h1>
</body>
</html>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
h1 {
color: blue;
}
hola
hola
Text
hola
Titulo markdown content
Contenido en markdown
Titulo markdown inner
Contenido en markdown
Titulo markdown example
Contenido en markdown
Grouped
item cpp variables 1
item cpp variables 2
item cpp sintax 1
Ejemplo con Heading 4 y código
Este es un ejemplo con heading h4 y código inline para probar la renderización de Markdown en el título.
hello
const auto a = 3;
Este es el contenido de la primera pestaña.
- Punto 1
- Punto 2
Este es el contenido de la segunda pestaña. Texto en negrita y cursiva.
Contenido de una pestaña única que crea su propio grupo y no se agrupa (no genera barra de tabs porque es solo una).
{ “proyecto”: “Mi Aplicación Web”, # Nombre del proyecto “version”: “2.1.0”, # Versión actual “autor”: “Luis Llamas” # Autor principal }
C:\Hola
www.luisllamas.es
www.luisllamas.es
Ejemplo JSON Viewer
Aquí un ejemplo de visualización de JSON interactivo con comentarios:
“proyecto”: “Mi Aplicación Web”, # Nombre del proyecto “version”: “2.1.0”, # Versión actual “autor”: “Luis Llamas” # Autor principal
Ejemplo Tree File
Aquí un ejemplo de visualización de estructura de archivos:
src/ components/ core/ lll-ui-json-viewer.js # Componente para visualizar JSON lll-ui-tree-file.js # Componente para árboles de archivos lll-ui-console.js # Componente para terminal pages/ index.astro # Página principal about.astro # Página sobre nosotros public/ images/ # Imágenes estáticas css/ # Estilos CSS
Ejemplo Console
Aquí un ejemplo de simulación de terminal:
Iniciamos el proceso
c git clone https://repo.git o Cloning into ‘repo’… s ✓ Repository cloned successfully _ i Ahora instalamos dependencias c npm install o added 150 packages _ w ⚠ 2 vulnerabilities found e ✗ Build failed
Ejemplo de Grupo de Código en Tabs
console.log("Hola desde main.js");
function init() {
console.log("Inicializando app");
}
<!DOCTYPE html>
<html lang="es">
<head>
<title>Ejemplo</title>
</head>
<body>
<h1>Hola Mundo</h1>
</body>
</html>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
h1 {
color: blue;
}
Título
using System;
class Program
{
static void Main()
{
Console.WriteLine("Hola Mundo");
Console.WriteLine("Hola Mundo"); // Línea destacada (amarillo)
int x = 5; // Línea añadida (verde con +)
int y = 10; // Línea eliminada (rojo con -) // hola
if (x > 0) // Advertencia (naranja con ⚠) //
{
Console.WriteLine("Positivo"); // Éxito (verde con ✓)
}
// Esto es un comentario // Comentario (gris con 💬)
Console.WriteLine("Error aquí"); // Error (rojo con ✗)
Console.WriteLine("Información"); // Info (azul con ℹ)
Console.WriteLine("Enfoque"); // Enfoque (blanco con 👁 y borde)
Console.WriteLine("Borrosa"); // Borrosa (filtro blur)
}
}
suffix +
suffix -
suffix b
suffix h
suffix w
suffix e
suffix i
suffix s
suffix c
suffix f
console.log("Hola") [f]
// este es un código de ejemplo
const a = 2;
function ejemplo() {
console.log("Este bloque tiene título");
}
def funcion():
linea_destacada = "esta línea se destaca" [b] [b]
linea_normal = "esta no" [w]
otra_destacada = "esta sí" [b]
function saludar(nombre) {
console.log("Hola " + nombre); [+]
console.log(`Hola ${nombre}!`); [-]
}
plo 2: Cambios en Python
def calcular_area(radio):
pi = 3.14 [-]
import math [+]
pi = math.pi [+]
return pi * radio ** 2
🔍 Debugging
Para ver qué atributos se están añadiendo, inspecciona el HTML generado en el navegador. Todos los atributos personalizados comienzan con data-.
Qué es y Cómo Crear un Componente de Blazor
Introducción
mas parrafos
