Skip to content

Instantly share code, notes, and snippets.

Avatar
📓

Fernando Klerith

📓
View GitHub Profile
View validators-patterns.ts
export const firstNameAndLastnamePattern: string = '([a-zA-Z]+) ([a-zA-Z]+)';
export const emailPattern: string = "^[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$";
@Klerith
Klerith / basic.html
Last active Jan 23, 2023
Páginas que usaremos en la sección de Formularios Reactivos
View basic.html
<h2>Reactivos: Básicos</h2>
<hr>
<div class="row">
<div class="col">
<form autocomplete="off">
<!-- Campo de producto -->
<div class="mb-3 row">
@Klerith
Klerith / db.json
Created Jan 18, 2023
Base de datos para el JSON Server
View db.json
{
"users": [
{
"id": 1,
"usuario": "John Doe",
"email": "john.due@gmail.com"
}
],
"heroes": [
{
View rings.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@Klerith
Klerith / instalaciones.md
Last active Jan 5, 2023
Instalaciones recomendadas - Curso de Angular de cero a experto
View instalaciones.md
@Klerith
Klerith / tarea-pg-admin.md
Last active Jan 31, 2023
Tarea sobre PGAdmin y Postgres
View tarea-pg-admin.md

Docker Hub images

Postgres

pgAdmin

1. Crear un volumen para almacenar la información de la base de datos

docker COMANDO CREAR postgres-db

2. Montar la imagen de postgres así

OJO: No hay puerto publicado -p, lo que hará imposible acceder a la base de datos con TablePlus

@Klerith
Klerith / render-modal.html
Created Nov 25, 2022
Contenido del modal
View render-modal.html
<div class="modal-dialog">
<form novalidate>
<span>User</span>
<input type="text" name="firstName" placeholder="First Name" />
<input type="text" name="lastName" placeholder="Last Name" />
<input type="number" name="balance" placeholder="Balance" />
<div>
<input type="checkbox" id="is-active" name="isActive" checked/>
@Klerith
Klerith / db.json
Created Nov 25, 2022
Json Data - Para nuestro backend de pruebas
View db.json
{
"users": [
{
"id": 1,
"isActive": false,
"balance": 1397.32,
"avatar": "http://placehold.it/32x32",
"first_name": "Ryan",
"last_name": "Kent",
"gender": "male"
@Klerith
Klerith / vite-style.css
Created Nov 25, 2022
Estilo por defecto usado en el curso de JavaScript moderno
View vite-style.css
:root {
font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color-scheme: light dark;
color: rgba(255, 255, 255, 0.87);
background-color: #242424;