Skip to content

Instantly share code, notes, and snippets.

@Klerith
Klerith / instalaciones-nest-testing.md
Last active February 4, 2025 14:50
Instalaciones recomendadas para el curso de Nest + Testing
@Klerith
Klerith / form-utils.ts
Created January 27, 2025 18:39
Utilidades para formularios reactivos
import {
AbstractControl,
FormArray,
FormGroup,
ValidationErrors,
} from '@angular/forms';
async function sleep() {
return new Promise((resolve) => {
setTimeout(() => {
<h1 class="text-2xl font-bold">{{ product().title }}</h1>
<div class="divider"></div>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
<!-- Datos generales -->
<div class="flex flex-col gap-2">
<h2 class="text-2xl font-bold h-12">Datos generales</h2>
<input
type="text"
placeholder="Título"
@Klerith
Klerith / hex-color-generator.ts
Created January 15, 2025 16:50
Generador de colores HEX
const color = '#xxxxxx'.replace(/x/g, (y) =>
((Math.random() * 16) | 0).toString(16)
);
@Klerith
Klerith / validator-patterns.ts
Created January 7, 2025 16:03
Expresiones regulares para validar elementos
static namePattern = '([a-zA-Z]+) ([a-zA-Z]+)';
static emailPattern = '^[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$';
static notOnlySpacesPattern = '^[a-zA-Z0-9]+$';
@Klerith
Klerith / hero.interface.ts
Created December 31, 2024 15:35
Data para el ejercicio de Pipes personalizados del curso de Angular
export enum Color {
red,
black,
blue,
green,
}
export enum Creator {
DC,
Marvel,
@Klerith
Klerith / maps-vs-sets.md
Created December 23, 2024 16:10
JavaScript Maps vs Sets

Mapas vs Sets de JavaScript

Característica Map Set
Almacena Pares clave-valor Valores únicos
Claves permitidas Cualquier tipo de dato No aplica
Valores duplicados Permitidos (por clave única) No permitidos
@Klerith
Klerith / images.ts
Created December 16, 2024 18:14
Listado de imágenes
const imageUrls: string[] = [
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-1.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-2.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-3.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-4.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-5.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-6.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-7.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-8.jpg",
@Klerith
Klerith / hero-page.component.html
Last active January 25, 2025 20:00
Tarea de conceptos básicos de Angular
<h1>{{ name() }}</h1>
<dl>
<td>Nombre:</td>
<dd>{{ name() }}</dd>
<td>Edad:</td>
<dd>{{ age() }}</dd>
<td>Método:</td>
@Klerith
Klerith / patrones-recursos.md
Created November 19, 2024 14:33
Recursos adicionales - Patrones de diseño