Skip to content

Instantly share code, notes, and snippets.

View pazteddy's full-sized avatar
馃彔
Working from home

Teddy Paz Mu帽oz pazteddy

馃彔
Working from home
View GitHub Profile
@pazteddy
pazteddy / pedac.md
Last active July 30, 2023 23:36
Resumen metodolog铆a PEDAC, resoluci贸n de problemas
Objetivo Paso Descripci贸n
Procesar el problema Comprender el problema - Identificar la entrada y salida
- Comprender los requerimientos expl铆citos
- Identificar las reglas
- Modelo mental del problema (Opcional)
Ejemplos
@pazteddy
pazteddy / funciones.js
Created August 9, 2023 20:34
Breve descripci贸n de funciones en Javascript
// Funci贸n recursiva
function recursiva(n) {
// Condicinal detener la recursividad
// Caso base que no requiere mas llamadas recursivas
// Llamada recursiva
}
// Funci贸n anidada
function nombreFuncionExterna(...params) {
// Definici贸n de variables
@pazteddy
pazteddy / orderFood.js
Last active August 22, 2023 14:32
Solution for the mock interview order the food
// https://www.codewars.com/kata/583952fbc23341c7180002fd
function orderFood(list) {
// Crear un objeto para poder ir agregando las opciones de comida
const foodOptions = {}
// Recorrer la lista de desarrolladores
list.forEach(developer => {
// Solo obtener la comida para poder comparar
let { meal } = developer;
// Si existe acumular su contador en uno
if(meal in foodOptions){
@pazteddy
pazteddy / api-fetch.js
Last active August 24, 2023 23:48
Functions will be used in the workshop JS Expensable
import { BASE_URI, tokenKey } from "../config.js";
export default async function apiFetch(
endPoint,
{ method, headers, body } = {}
) {
const token = sessionStorage.getItem(tokenKey);
if (token) {
headers = {
Authorization: `Token token=${token}`,
@pazteddy
pazteddy / Dokerfile
Created November 2, 2023 14:50
Crear una imagen de Docker para una aplicaci贸n Node.js
# Crear una imagen de Docker para una aplicaci贸n Node.js.
# El c贸digo se divide en tres etapas:
# La primera etapa se llama deps y se encarga de instalar las dependencias de la aplicaci贸n. Para ello, se usa una imagen base de node:18-alpine, que es una versi贸n ligera de Node.js. Se crea un directorio /app y se copian los archivos package.json y yarn.lock, que contienen la informaci贸n de las dependencias. Luego, se ejecuta el comando yarn install --frozen-lockfile, que instala las dependencias especificadas en el archivo yarn.lock sin modificarlo.
FROM node:18-alpine as deps
WORKDIR /app
COPY package.json yarn.lock ./
RUN yarn install --frozen-lockfile
# La segunda etapa se llama builder y se encarga de compilar la aplicaci贸n. Para ello, se usa la misma imagen base de node:18-alpine y se crea el mismo directorio /app. Se copian los archivos node_modules desde la etapa deps, que ya contienen las dependencias instaladas. Se copian tambi茅n los dem谩s archivos de la aplicaci贸n, como el c贸digo fuente y los archiv
@pazteddy
pazteddy / index.html
Created November 28, 2023 12:44
Estructura de html para el index de blog
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Codificable - Blog</title>
</head>
<body>
<header>
<nav>
@pazteddy
pazteddy / flex_example.html
Last active June 19, 2024 23:44
Pagina base para practicar conceptos b谩sicos de FlexBox
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flexbox Ejemplo</title>
<style>
.container {
display: flex;
width: 80%;
@pazteddy
pazteddy / features2.css
Last active December 6, 2023 23:27
Estilos base sin uso de grid para features2
.features2 {
/* background-color: var(--muted); */
}
.features2__content {
}
.features2__header {
}
.features2__title {
font-family: var(--display);
@pazteddy
pazteddy / button.css
Last active May 31, 2024 22:01
Elementos para poder realizar un efecto para volver a la parte superior de una pagina
.button-up {
display: flex;
flex-direction: column;
width: var(--spacing-12);
height: var(--spacing-12);
padding: var(--spacing-1_5) var(--spacing-3_5);
justify-content: center;
align-items: center;
border: 1px solid transparent;
@pazteddy
pazteddy / hof.js
Last active May 31, 2024 22:01
Ejemplos de uso de funciones de orden superior
// Funciones de Orden Superior
/* Caso 1: Recibe como argumento una funci贸n
Esta funci贸n recibe dos numeros a y b y funci贸n operaci贸n(callback)
Par谩metros:
operacion - una funci贸n que se ejecutar谩
a y b - numeros con los cuales se har谩 la operaci贸n
*/
function aplicarOperacion(a, b, operacion) {
return operacion(a, b);