Transfer
;
5 | };
6 |
--------------------------------------------------------------------------------
/13-banca-online/05-app-cuentas-layout/src/layouts/app/components/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./header.component";
2 | export * from "./navbar.component";
3 | export * from "./footer.component";
4 |
--------------------------------------------------------------------------------
/00-git/00-boilerplate/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Hola Git
4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /10-async/03-server-peliculas/assets/movies/avengers-infinity-war.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Lemoncode/bootcamp-js-2/main/10-async/03-server-peliculas/assets/movies/avengers-infinity-war.webp -------------------------------------------------------------------------------- /10-async/03-server-peliculas/assets/movies/spider-man-homecoming.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Lemoncode/bootcamp-js-2/main/10-async/03-server-peliculas/assets/movies/spider-man-homecoming.webp -------------------------------------------------------------------------------- /12-react/02-Componentizando/test/jest.js: -------------------------------------------------------------------------------- 1 | export default { 2 | rootDir: "../../", 3 | verbose: true, 4 | restoreMocks: true, 5 | moduleDirectories: ["Create/Edit Account
;
5 | };
6 |
--------------------------------------------------------------------------------
/13-banca-online/03-login/src/pages/account/account.page.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | export const AccountPage: React.FC = () => {
4 | return Create/Edit Account
;
5 | };
6 |
--------------------------------------------------------------------------------
/10-async/00-bloqueo/config/test/jest.js:
--------------------------------------------------------------------------------
1 | export default {
2 | rootDir: "../../",
3 | verbose: true,
4 | restoreMocks: true,
5 | moduleDirectories: ["Create/Edit Account
;
5 | };
6 |
--------------------------------------------------------------------------------
/13-banca-online/06-mis-cuentas/src/pages/account/account.page.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | export const AccountPage: React.FC = () => {
4 | return Create/Edit Account
;
5 | };
6 |
--------------------------------------------------------------------------------
/10-async/02-simular-event-loop/config/test/jest.js:
--------------------------------------------------------------------------------
1 | export default {
2 | rootDir: "../../",
3 | verbose: true,
4 | restoreMocks: true,
5 | moduleDirectories: ["Punto de partida app Banca
; 7 | }; 8 | -------------------------------------------------------------------------------- /13-banca-online/02-rutas/config/test/jest.js: -------------------------------------------------------------------------------- 1 | export default { 2 | rootDir: "../../", 3 | verbose: true, 4 | restoreMocks: true, 5 | moduleDirectories: ["Movement List
;
5 | };
6 |
--------------------------------------------------------------------------------
/13-banca-online/03-login/config/test/jest.js:
--------------------------------------------------------------------------------
1 | export default {
2 | rootDir: "../../",
3 | verbose: true,
4 | restoreMocks: true,
5 | moduleDirectories: ["Movement List
;
5 | };
6 |
--------------------------------------------------------------------------------
/13-banca-online/04-estilado/config/test/jest.js:
--------------------------------------------------------------------------------
1 | export default {
2 | rootDir: "../../",
3 | verbose: true,
4 | restoreMocks: true,
5 | moduleDirectories: ["Create/Edit Account
;
5 | };
6 |
--------------------------------------------------------------------------------
/07-testing/00-js-adivina/vite.config.js:
--------------------------------------------------------------------------------
1 | import { defineConfig } from "vitest/config";
2 |
3 | export default defineConfig({
4 | test: {
5 | globals: true,
6 | restoreMocks: true,
7 | },
8 | });
9 |
--------------------------------------------------------------------------------
/10-async/03-server-peliculas/assets/movies/captain-america-first-avenger.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Lemoncode/bootcamp-js-2/main/10-async/03-server-peliculas/assets/movies/captain-america-first-avenger.webp
--------------------------------------------------------------------------------
/13-banca-online/01-boilerplate/config/test/jest.js:
--------------------------------------------------------------------------------
1 | export default {
2 | rootDir: "../../",
3 | verbose: true,
4 | restoreMocks: true,
5 | moduleDirectories: ["Movement List
;
5 | };
6 |
--------------------------------------------------------------------------------
/13-banca-online/05-app-cuentas-layout/src/pages/account/account.page.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | export const AccountPage: React.FC = () => {
4 | return Create/Edit Account
;
5 | };
6 |
--------------------------------------------------------------------------------
/13-banca-online/06-mis-cuentas/config/test/jest.js:
--------------------------------------------------------------------------------
1 | export default {
2 | rootDir: "../../",
3 | verbose: true,
4 | restoreMocks: true,
5 | moduleDirectories: ["Movement List
;
5 | };
6 |
--------------------------------------------------------------------------------
/13-banca-online/07-transferencia/config/test/jest.js:
--------------------------------------------------------------------------------
1 | export default {
2 | rootDir: "../../",
3 | verbose: true,
4 | restoreMocks: true,
5 | moduleDirectories: ["Movement List
;
5 | };
6 |
--------------------------------------------------------------------------------
/13-banca-online/02-rutas/src/app.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Router } from "@/core/router";
3 |
4 | import "./style.css";
5 |
6 | export const App: React.FC = () => {
7 | return Movement List
;
5 | };
6 |
--------------------------------------------------------------------------------
/13-banca-online/06-mis-cuentas/src/pages/account-list/account-list.vm.ts:
--------------------------------------------------------------------------------
1 | export interface AccountVm {
2 | id: string;
3 | iban: string;
4 | name: string;
5 | balance: string;
6 | lastTransaction: Date;
7 | }
8 |
--------------------------------------------------------------------------------
/13-banca-online/07-transferencia/src/pages/account-list/account-list.vm.ts:
--------------------------------------------------------------------------------
1 | export interface AccountVm {
2 | id: string;
3 | iban: string;
4 | name: string;
5 | balance: string;
6 | lastTransaction: Date;
7 | }
8 |
--------------------------------------------------------------------------------
/10-async/00-bloqueo/src/dummy.spec.ts:
--------------------------------------------------------------------------------
1 | describe("dummy specs", () => {
2 | it("should pass spec", () => {
3 | // Arrange
4 |
5 | // Act
6 |
7 | // Assert
8 | expect(true).toBeTruthy();
9 | });
10 | });
11 |
--------------------------------------------------------------------------------
/10-async/01-depurando/src/dummy.spec.ts:
--------------------------------------------------------------------------------
1 | describe("dummy specs", () => {
2 | it("should pass spec", () => {
3 | // Arrange
4 |
5 | // Act
6 |
7 | // Assert
8 | expect(true).toBeTruthy();
9 | });
10 | });
11 |
--------------------------------------------------------------------------------
/12-react/01-enlazando/src/dummy.spec.ts:
--------------------------------------------------------------------------------
1 | describe("dummy specs", () => {
2 | it("should pass spec", () => {
3 | // Arrange
4 |
5 | // Act
6 |
7 | // Assert
8 | expect(true).toBeTruthy();
9 | });
10 | });
11 |
--------------------------------------------------------------------------------
/13-banca-online/02-rutas/src/dummy.spec.ts:
--------------------------------------------------------------------------------
1 | describe("dummy specs", () => {
2 | it("should pass spec", () => {
3 | // Arrange
4 |
5 | // Act
6 |
7 | // Assert
8 | expect(true).toBeTruthy();
9 | });
10 | });
11 |
--------------------------------------------------------------------------------
/13-banca-online/03-login/src/dummy.spec.ts:
--------------------------------------------------------------------------------
1 | describe("dummy specs", () => {
2 | it("should pass spec", () => {
3 | // Arrange
4 |
5 | // Act
6 |
7 | // Assert
8 | expect(true).toBeTruthy();
9 | });
10 | });
11 |
--------------------------------------------------------------------------------
/10-async/02-simular-event-loop/src/dummy.spec.ts:
--------------------------------------------------------------------------------
1 | describe("dummy specs", () => {
2 | it("should pass spec", () => {
3 | // Arrange
4 |
5 | // Act
6 |
7 | // Assert
8 | expect(true).toBeTruthy();
9 | });
10 | });
11 |
--------------------------------------------------------------------------------
/12-react/01-enlazando/src/index.jsx:
--------------------------------------------------------------------------------
1 | import { createRoot } from "react-dom/client";
2 | import { App } from "./app";
3 |
4 | import "./style.css";
5 |
6 | const root = createRoot(document.getElementById("root"));
7 |
8 | root.render(Transfer
8 | Transfer
8 |
8 | Login
9 |
10 | Mis cuentas 11 |
12 | );
13 | };
14 |
--------------------------------------------------------------------------------
/10-async/00-bloqueo/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/10-async/01-depurando/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/12-react/01-enlazando/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/07-testing/00-js-adivina/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/07-testing/01-ts-adivina/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/12-react/02-Componentizando/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/12-react/03-perdiendo-estado/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/13-banca-online/02-rutas/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/13-banca-online/03-login/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/13-banca-online/04-estilado/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/10-async/02-simular-event-loop/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/13-banca-online/01-boilerplate/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/13-banca-online/06-mis-cuentas/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/13-banca-online/07-transferencia/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/13-banca-online/05-app-cuentas-layout/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/10-async/06-lab-asincronia/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "06-lab-asincronia",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "start": "json-server --watch db.json",
8 | "test": "echo \"Error: no test specified\" && exit 1"
9 | },
10 | "author": "",
11 | "license": "ISC",
12 | "dependencies": {
13 | "json-server": "^0.17.3"
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/12-react/03-perdiendo-estado/src/bienvenida.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { ProfileContext } from "./app";
3 |
4 | export const Bienvenida = () => {
5 | const { usuario } = React.useContext(ProfileContext);
6 |
7 | return (
8 | 10 | Mis cuentas 11 |
9 |
14 | );
15 | };
16 |
--------------------------------------------------------------------------------
/13-banca-online/02-rutas/src/index.tsx:
--------------------------------------------------------------------------------
1 | import { createRoot } from "react-dom/client";
2 | import { App } from "./app";
3 |
4 | import "./style.css";
5 |
6 | const rootElement = document.getElementById("root");
7 |
8 | if (rootElement && rootElement instanceof HTMLDivElement) {
9 | const root = createRoot(rootElement);
10 | root.render(Bienvenido
10 |11 | Tu nombre de usuario es: {usuario} 12 |
13 |
11 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/13-banca-online/07-transferencia/server/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "server",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "start": "json-server --routes ./config/routes.json --middlewares ./src/login.middleware.js ./src/account.middleware.js --watch ./src/data.json"
8 | },
9 | "keywords": [],
10 | "author": "",
11 | "license": "ISC",
12 | "devDependencies": {
13 | "faker": "^4.1.0",
14 | "json-server": "^0.17.3"
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/13-banca-online/05-app-cuentas-layout/server/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "server",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "start": "json-server --routes ./config/routes.json --middlewares ./src/login.middleware.js ./src/account.middleware.js --watch ./src/data.json"
8 | },
9 | "keywords": [],
10 | "author": "",
11 | "license": "ISC",
12 | "devDependencies": {
13 | "faker": "^4.1.0",
14 | "json-server": "^0.17.3"
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/13-banca-online/04-estilado/src/pages/login/components/login-form.component.module.css:
--------------------------------------------------------------------------------
1 | .form {
2 | display: flex;
3 | flex-direction: column;
4 | flex-wrap: wrap;
5 | gap: 15px;
6 | }
7 |
8 | .error {
9 | color: var(--error_color);
10 | font-size: 0.9em;
11 | }
12 |
13 | .input-error {
14 | box-shadow: unset;
15 | border-color: #f44336;
16 | }
17 |
18 | .btn-enviar {
19 | width: 25%;
20 | }
21 |
22 | @media screen and (max-width: 500px) {
23 | .btn-enviar {
24 | width: 100%;
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/13-banca-online/06-mis-cuentas/src/pages/login/components/login-form.component.module.css:
--------------------------------------------------------------------------------
1 | .form {
2 | display: flex;
3 | flex-direction: column;
4 | flex-wrap: wrap;
5 | gap: 15px;
6 | }
7 |
8 | .error {
9 | color: var(--error_color);
10 | font-size: 0.9em;
11 | }
12 |
13 | .input-error {
14 | box-shadow: unset;
15 | border-color: #f44336;
16 | }
17 |
18 | .btn-enviar {
19 | width: 25%;
20 | }
21 |
22 | @media screen and (max-width: 500px) {
23 | .btn-enviar {
24 | width: 100%;
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/13-banca-online/07-transferencia/src/pages/login/components/login-form.component.module.css:
--------------------------------------------------------------------------------
1 | .form {
2 | display: flex;
3 | flex-direction: column;
4 | flex-wrap: wrap;
5 | gap: 15px;
6 | }
7 |
8 | .error {
9 | color: var(--error_color);
10 | font-size: 0.9em;
11 | }
12 |
13 | .input-error {
14 | box-shadow: unset;
15 | border-color: #f44336;
16 | }
17 |
18 | .btn-enviar {
19 | width: 25%;
20 | }
21 |
22 | @media screen and (max-width: 500px) {
23 | .btn-enviar {
24 | width: 100%;
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/13-banca-online/05-app-cuentas-layout/src/pages/login/components/login-form.component.module.css:
--------------------------------------------------------------------------------
1 | .form {
2 | display: flex;
3 | flex-direction: column;
4 | flex-wrap: wrap;
5 | gap: 15px;
6 | }
7 |
8 | .error {
9 | color: var(--error_color);
10 | font-size: 0.9em;
11 | }
12 |
13 | .input-error {
14 | box-shadow: unset;
15 | border-color: #f44336;
16 | }
17 |
18 | .btn-enviar {
19 | width: 25%;
20 | }
21 |
22 | @media screen and (max-width: 500px) {
23 | .btn-enviar {
24 | width: 100%;
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/07-testing/01-ts-adivina/src/modelo.ts:
--------------------------------------------------------------------------------
1 | interface Partida {
2 | numeroDeIntentos: number;
3 | numeroParaAcertar: number;
4 | }
5 |
6 | export const partida: Partida = {
7 | numeroDeIntentos: 0,
8 | numeroParaAcertar: 0, // TODO: inicializar esto en el motor cuando arranque la partida
9 | };
10 |
11 | export type Estado =
12 | | "NO_ES_UN_NUMERO"
13 | | "EL_NUMERO_ES_MAYOR"
14 | | "EL_NUMERO_ES_MENOR"
15 | | "ES_EL_NUMERO_SECRETO"
16 | | "GAME_OVER_MAXIMO_INTENTOS";
17 |
18 | export const MAXIMO_INTENTOS: number = 5;
19 |
--------------------------------------------------------------------------------
/10-async/00-bloqueo/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ts-sandbox",
3 | "private": true,
4 | "version": "0.0.0",
5 | "type": "module",
6 | "scripts": {
7 | "dev": "vite",
8 | "build": "tsc && vite build",
9 | "preview": "vite preview",
10 | "test": "vitest",
11 | "coverage": "vitest run --coverage"
12 | },
13 | "devDependencies": {
14 | "@types/jest": "^29.5.0",
15 | "typescript": "^4.9.3",
16 | "vite": "^4.1.0",
17 | "vite-plugin-checker": "^0.5.6",
18 | "vitest": "^0.29.8"
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/10-async/01-depurando/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ts-sandbox",
3 | "private": true,
4 | "version": "0.0.0",
5 | "type": "module",
6 | "scripts": {
7 | "dev": "vite",
8 | "build": "tsc && vite build",
9 | "preview": "vite preview",
10 | "test": "vitest",
11 | "coverage": "vitest run --coverage"
12 | },
13 | "devDependencies": {
14 | "@types/jest": "^29.5.0",
15 | "typescript": "^4.9.3",
16 | "vite": "^4.1.0",
17 | "vite-plugin-checker": "^0.5.6",
18 | "vitest": "^0.29.8"
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/07-testing/01-ts-adivina/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ts-sandbox",
3 | "private": true,
4 | "version": "0.0.0",
5 | "type": "module",
6 | "scripts": {
7 | "dev": "vite",
8 | "build": "tsc && vite build",
9 | "preview": "vite preview",
10 | "test": "vitest",
11 | "coverage": "vitest run --coverage"
12 | },
13 | "devDependencies": {
14 | "@types/jest": "^29.5.0",
15 | "typescript": "^4.9.3",
16 | "vite": "^4.1.0",
17 | "vite-plugin-checker": "^0.5.6",
18 | "vitest": "^0.29.8"
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/10-async/00-bloqueo/README.md:
--------------------------------------------------------------------------------
1 | # typescript-sandbox
2 |
3 | Para la parte de cada módulo en la que te planteamos ejercicios con JavaScript puedes usar este sandbox.
4 |
5 | Pasos:
6 |
7 | - Clonate el proyecto.
8 | - Instala las dependencias con `npm install`.
9 | - Ejecuta el sandbox con `npm run dev`.
10 | - Abre el navegador en `http://localhost:5173/` (si ese puerto no te funciona, mira en la consola donde has hecho el build, puede que este ocupado y se haya abierto en otro puerto).
11 | - Puedes empezar a meter tu código en el fichero:
12 |
--------------------------------------------------------------------------------
/10-async/01-depurando/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Bootcamp JS - JavaScript SandBox
12 |
11 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/13-banca-online/06-mis-cuentas/src/layouts/app/components/navbar.component.module.css:
--------------------------------------------------------------------------------
1 | .navbar {
2 | background: var(--secondary_color);
3 | margin-bottom: 25px;
4 | }
5 |
6 | .list {
7 | display: flex;
8 | justify-content: center;
9 | align-items: center;
10 | color: #ffffff;
11 | padding: 10px;
12 | gap: 40px;
13 | }
14 |
15 | .list a {
16 | color: #ffffff;
17 | text-decoration: none;
18 | }
19 |
20 | .selected {
21 | border-bottom: 5px solid #22c6cb;
22 | padding-bottom: 5px;
23 | margin-bottom: -10px;
24 | }
25 |
--------------------------------------------------------------------------------
/13-banca-online/06-mis-cuentas/src/pages/account-list/account-list.mapper.ts:
--------------------------------------------------------------------------------
1 | import * as apiModel from "./api/account-list.api-model";
2 | import * as viewModel from "./account-list.vm";
3 |
4 | export const mapAccountListFromApiToVm = (
5 | accountList: apiModel.Account[]
6 | ): viewModel.AccountVm[] =>
7 | accountList.map((account) => ({
8 | id: account.id,
9 | iban: account.iban,
10 | name: account.name,
11 | balance: account.balance.toString(),
12 | lastTransaction: new Date(account.lastTransaction),
13 | }));
14 |
--------------------------------------------------------------------------------
/13-banca-online/07-transferencia/src/layouts/app/components/navbar.component.module.css:
--------------------------------------------------------------------------------
1 | .navbar {
2 | background: var(--secondary_color);
3 | margin-bottom: 25px;
4 | }
5 |
6 | .list {
7 | display: flex;
8 | justify-content: center;
9 | align-items: center;
10 | color: #ffffff;
11 | padding: 10px;
12 | gap: 40px;
13 | }
14 |
15 | .list a {
16 | color: #ffffff;
17 | text-decoration: none;
18 | }
19 |
20 | .selected {
21 | border-bottom: 5px solid #22c6cb;
22 | padding-bottom: 5px;
23 | margin-bottom: -10px;
24 | }
25 |
--------------------------------------------------------------------------------
/13-banca-online/07-transferencia/src/pages/account-list/account-list.mapper.ts:
--------------------------------------------------------------------------------
1 | import * as apiModel from "./api/account-list.api-model";
2 | import * as viewModel from "./account-list.vm";
3 |
4 | export const mapAccountListFromApiToVm = (
5 | accountList: apiModel.Account[]
6 | ): viewModel.AccountVm[] =>
7 | accountList.map((account) => ({
8 | id: account.id,
9 | iban: account.iban,
10 | name: account.name,
11 | balance: account.balance.toString(),
12 | lastTransaction: new Date(account.lastTransaction),
13 | }));
14 |
--------------------------------------------------------------------------------
/07-testing/00-js-adivina/README.md:
--------------------------------------------------------------------------------
1 | # javascript-sandbox
2 |
3 | Para la parte de cada módulo en la que te planteamos ejercicios con JavaScript puedes usar este sandbox.
4 |
5 | Pasos:
6 |
7 | - Clonate el proyecto.
8 | - Instala las dependencias con `npm install`.
9 | - Ejecuta el sandbox con `npm run dev`.
10 | - Abre el navegador en `http://localhost:5173/` (si ese puerto no te funciona, mira en la consola donde has hecho el build, puede que este ocupado y se haya abierto en otro puerto).
11 | - Puedes empezar a meter tu código en el fichero:
12 |
--------------------------------------------------------------------------------
/07-testing/01-ts-adivina/README.md:
--------------------------------------------------------------------------------
1 | # typescript-sandbox
2 |
3 | Para la parte de cada módulo en la que te planteamos ejercicios con JavaScript puedes usar este sandbox.
4 |
5 | Pasos:
6 |
7 | - Clonate el proyecto.
8 | - Instala las dependencias con `npm install`.
9 | - Ejecuta el sandbox con `npm run dev`.
10 | - Abre el navegador en `http://localhost:5173/` (si ese puerto no te funciona, mira en la consola donde has hecho el build, puede que este ocupado y se haya abierto en otro puerto).
11 | - Puedes empezar a meter tu código en el fichero:
12 |
--------------------------------------------------------------------------------
/10-async/01-depurando/README.md:
--------------------------------------------------------------------------------
1 | # typescript-sandbox
2 |
3 | Para la parte de cada módulo en la que te planteamos ejercicios con JavaScript puedes usar este sandbox.
4 |
5 | Pasos:
6 |
7 | - Clonate el proyecto.
8 | - Instala las dependencias con `npm install`.
9 | - Ejecuta el sandbox con `npm run dev`.
10 | - Abre el navegador en `http://localhost:5173/` (si ese puerto no te funciona, mira en la consola donde has hecho el build, puede que este ocupado y se haya abierto en otro puerto).
11 | - Puedes empezar a meter tu código en el fichero:
12 |
--------------------------------------------------------------------------------
/13-banca-online/05-app-cuentas-layout/src/layouts/app/components/navbar.component.module.css:
--------------------------------------------------------------------------------
1 | .navbar {
2 | background: var(--secondary_color);
3 | margin-bottom: 25px;
4 | }
5 |
6 | .list {
7 | display: flex;
8 | justify-content: center;
9 | align-items: center;
10 | color: #ffffff;
11 | padding: 10px;
12 | gap: 40px;
13 | }
14 |
15 | .list a {
16 | color: #ffffff;
17 | text-decoration: none;
18 | }
19 |
20 | .selected {
21 | border-bottom: 5px solid #22c6cb;
22 | padding-bottom: 5px;
23 | margin-bottom: -10px;
24 | }
25 |
--------------------------------------------------------------------------------
/10-async/02-simular-event-loop/README.md:
--------------------------------------------------------------------------------
1 | # javascript-sandbox
2 |
3 | Para la parte de cada módulo en la que te planteamos ejercicios con JavaScript puedes usar este sandbox.
4 |
5 | Pasos:
6 |
7 | - Clonate el proyecto.
8 | - Instala las dependencias con `npm install`.
9 | - Ejecuta el sandbox con `npm run dev`.
10 | - Abre el navegador en `http://localhost:5173/` (si ese puerto no te funciona, mira en la consola donde has hecho el build, puede que este ocupado y se haya abierto en otro puerto).
11 | - Puedes empezar a meter tu código en el fichero:
12 |
--------------------------------------------------------------------------------
/10-async/00-bloqueo/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "ESNext",
4 | "useDefineForClassFields": true,
5 | "module": "ESNext",
6 | "lib": ["ESNext", "DOM"],
7 | "moduleResolution": "Node",
8 | "strict": true,
9 | "resolveJsonModule": true,
10 | "isolatedModules": false,
11 | "esModuleInterop": true,
12 | "noEmit": true,
13 | "noUnusedLocals": true,
14 | "noUnusedParameters": true,
15 | "noImplicitReturns": true,
16 | "skipLibCheck": true
17 | },
18 | "include": ["src"]
19 | }
20 |
--------------------------------------------------------------------------------
/10-async/01-depurando/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "ESNext",
4 | "useDefineForClassFields": true,
5 | "module": "ESNext",
6 | "lib": ["ESNext", "DOM"],
7 | "moduleResolution": "Node",
8 | "strict": true,
9 | "resolveJsonModule": true,
10 | "isolatedModules": false,
11 | "esModuleInterop": true,
12 | "noEmit": true,
13 | "noUnusedLocals": true,
14 | "noUnusedParameters": true,
15 | "noImplicitReturns": true,
16 | "skipLibCheck": true
17 | },
18 | "include": ["src"]
19 | }
20 |
--------------------------------------------------------------------------------
/13-banca-online/06-mis-cuentas/src/pages/account-list/components/account-list-table.component.module.css:
--------------------------------------------------------------------------------
1 | .grid-container {
2 | max-width: 100%;
3 | overflow-x: auto;
4 | }
5 |
6 | .header-table {
7 | display: grid;
8 | grid-template-columns: 30% 12% repeat(2, 17%) 1fr;
9 | gap: 1px;
10 | }
11 |
12 | .header-cell {
13 | padding: 10px;
14 | color: var(--table-header-color);
15 | background-color: var(--table-header-background-color);
16 | font-size: var(--table-header-font-size);
17 | font-weight: var(--table-header-font-weight);
18 | }
19 |
--------------------------------------------------------------------------------
/13-banca-online/07-transferencia/src/pages/account-list/components/account-list-table.component.module.css:
--------------------------------------------------------------------------------
1 | .grid-container {
2 | max-width: 100%;
3 | overflow-x: auto;
4 | }
5 |
6 | .header-table {
7 | display: grid;
8 | grid-template-columns: 30% 12% repeat(2, 17%) 1fr;
9 | gap: 1px;
10 | }
11 |
12 | .header-cell {
13 | padding: 10px;
14 | color: var(--table-header-color);
15 | background-color: var(--table-header-background-color);
16 | font-size: var(--table-header-font-size);
17 | font-weight: var(--table-header-font-weight);
18 | }
19 |
--------------------------------------------------------------------------------
/07-testing/01-ts-adivina/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "ESNext",
4 | "useDefineForClassFields": true,
5 | "module": "ESNext",
6 | "lib": ["ESNext", "DOM"],
7 | "moduleResolution": "Node",
8 | "strict": true,
9 | "resolveJsonModule": true,
10 | "isolatedModules": false,
11 | "esModuleInterop": true,
12 | "noEmit": true,
13 | "noUnusedLocals": true,
14 | "noUnusedParameters": true,
15 | "noImplicitReturns": true,
16 | "skipLibCheck": true
17 | },
18 | "include": ["src"]
19 | }
20 |
--------------------------------------------------------------------------------
/13-banca-online/07-transferencia/src/pages/transfer/api/transfer.api.ts:
--------------------------------------------------------------------------------
1 | import Axios from "axios";
2 | import { Account, Transfer } from "./transfer.api-model";
3 |
4 | const urlAccount = `${import.meta.env.VITE_BASE_API_URL}/account-list`;
5 |
6 | export const getAccountList = (): PromiseTypeScript Sandbox
12 | 13 |
11 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/12-react/03-perdiendo-estado/src/app.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Router } from "./routes";
3 |
4 | export const ProfileContext = React.createContext(null);
5 |
6 | export const ProfileProvider = ({ children }) => {
7 | const [profile, setProfile] = React.useState({
8 | usuario: "",
9 | });
10 |
11 | return (
12 | TypeScript Sandbox
12 | 13 | 14 | 15 |
12 | 
13 |
17 |
14 |
16 | {userName}
15 |
12 |
13 |
17 |
14 |
16 | {userName}
15 |
12 |
13 |
17 |
14 |
16 | {userName}
15 |
12 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/07-testing/01-ts-adivina/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Adivina el numero
13 |
14 |
15 |
16 |
17 |
18 |
19 |
12 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/13-banca-online/07-transferencia/src/pages/transfer/transfer.mapper.ts:
--------------------------------------------------------------------------------
1 | import * as apiModel from "./api";
2 | import * as viewModel from "./transfer.vm";
3 |
4 | export const mapAccountFromApiToVm = (
5 | account: apiModel.Account
6 | ): viewModel.AccountVm => ({
7 | id: account.id,
8 | alias: account.name,
9 | iban: account.iban,
10 | });
11 |
12 | export const mapTransferFromVmToApi = (
13 | transfer: viewModel.TransferVm
14 | ): apiModel.Transfer => ({
15 | accountId: transfer.accountId,
16 | iban: transfer.iban,
17 | name: transfer.name,
18 | amount: transfer.amount,
19 | concept: transfer.concept,
20 | notes: transfer.notes,
21 | transferDate: new Date().toDateString(),
22 | realTransferDate: transfer.realDateTransfer ?? "",
23 | });
24 |
--------------------------------------------------------------------------------
/13-banca-online/02-rutas/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from "vite";
2 | import { fileURLToPath, URL } from "node:url";
3 | import checker from "vite-plugin-checker";
4 | import type { UserConfig as VitestUserConfigInterface } from "vitest/config";
5 | import react from "@vitejs/plugin-react";
6 |
7 | const vitestConfig: VitestUserConfigInterface = {
8 | test: {
9 | globals: true,
10 | },
11 | };
12 |
13 | export default defineConfig({
14 | plugins: [checker({ typescript: true }), react()],
15 | test: vitestConfig.test,
16 | css: {
17 | modules: {
18 | localsConvention: "camelCaseOnly",
19 | },
20 | },
21 | resolve: {
22 | alias: {
23 | "@": fileURLToPath(new URL("./src", import.meta.url)),
24 | },
25 | },
26 | });
27 |
--------------------------------------------------------------------------------
/13-banca-online/03-login/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from "vite";
2 | import { fileURLToPath, URL } from "node:url";
3 | import checker from "vite-plugin-checker";
4 | import type { UserConfig as VitestUserConfigInterface } from "vitest/config";
5 | import react from "@vitejs/plugin-react";
6 |
7 | const vitestConfig: VitestUserConfigInterface = {
8 | test: {
9 | globals: true,
10 | },
11 | };
12 |
13 | export default defineConfig({
14 | plugins: [checker({ typescript: true }), react()],
15 | test: vitestConfig.test,
16 | css: {
17 | modules: {
18 | localsConvention: "camelCaseOnly",
19 | },
20 | },
21 | resolve: {
22 | alias: {
23 | "@": fileURLToPath(new URL("./src", import.meta.url)),
24 | },
25 | },
26 | });
27 |
--------------------------------------------------------------------------------
/13-banca-online/01-boilerplate/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from "vite";
2 | import { fileURLToPath, URL } from "node:url";
3 | import checker from "vite-plugin-checker";
4 | import type { UserConfig as VitestUserConfigInterface } from "vitest/config";
5 | import react from "@vitejs/plugin-react";
6 |
7 | const vitestConfig: VitestUserConfigInterface = {
8 | test: {
9 | globals: true,
10 | },
11 | };
12 |
13 | export default defineConfig({
14 | plugins: [checker({ typescript: true }), react()],
15 | test: vitestConfig.test,
16 | css: {
17 | modules: {
18 | localsConvention: "camelCaseOnly",
19 | },
20 | },
21 | resolve: {
22 | alias: {
23 | "@": fileURLToPath(new URL("./src", import.meta.url)),
24 | },
25 | },
26 | });
27 |
--------------------------------------------------------------------------------
/13-banca-online/04-estilado/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from "vite";
2 | import { fileURLToPath, URL } from "node:url";
3 | import checker from "vite-plugin-checker";
4 | import type { UserConfig as VitestUserConfigInterface } from "vitest/config";
5 | import react from "@vitejs/plugin-react";
6 |
7 | const vitestConfig: VitestUserConfigInterface = {
8 | test: {
9 | globals: true,
10 | },
11 | };
12 |
13 | export default defineConfig({
14 | plugins: [checker({ typescript: true }), react()],
15 | test: vitestConfig.test,
16 | css: {
17 | modules: {
18 | localsConvention: "camelCaseOnly",
19 | },
20 | },
21 | resolve: {
22 | alias: {
23 | "@": fileURLToPath(new URL("./src", import.meta.url)),
24 | },
25 | },
26 | });
27 |
--------------------------------------------------------------------------------
/13-banca-online/06-mis-cuentas/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from "vite";
2 | import { fileURLToPath, URL } from "node:url";
3 | import checker from "vite-plugin-checker";
4 | import type { UserConfig as VitestUserConfigInterface } from "vitest/config";
5 | import react from "@vitejs/plugin-react";
6 |
7 | const vitestConfig: VitestUserConfigInterface = {
8 | test: {
9 | globals: true,
10 | },
11 | };
12 |
13 | export default defineConfig({
14 | plugins: [checker({ typescript: true }), react()],
15 | test: vitestConfig.test,
16 | css: {
17 | modules: {
18 | localsConvention: "camelCaseOnly",
19 | },
20 | },
21 | resolve: {
22 | alias: {
23 | "@": fileURLToPath(new URL("./src", import.meta.url)),
24 | },
25 | },
26 | });
27 |
--------------------------------------------------------------------------------
/13-banca-online/07-transferencia/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from "vite";
2 | import { fileURLToPath, URL } from "node:url";
3 | import checker from "vite-plugin-checker";
4 | import type { UserConfig as VitestUserConfigInterface } from "vitest/config";
5 | import react from "@vitejs/plugin-react";
6 |
7 | const vitestConfig: VitestUserConfigInterface = {
8 | test: {
9 | globals: true,
10 | },
11 | };
12 |
13 | export default defineConfig({
14 | plugins: [checker({ typescript: true }), react()],
15 | test: vitestConfig.test,
16 | css: {
17 | modules: {
18 | localsConvention: "camelCaseOnly",
19 | },
20 | },
21 | resolve: {
22 | alias: {
23 | "@": fileURLToPath(new URL("./src", import.meta.url)),
24 | },
25 | },
26 | });
27 |
--------------------------------------------------------------------------------
/13-banca-online/05-app-cuentas-layout/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from "vite";
2 | import { fileURLToPath, URL } from "node:url";
3 | import checker from "vite-plugin-checker";
4 | import type { UserConfig as VitestUserConfigInterface } from "vitest/config";
5 | import react from "@vitejs/plugin-react";
6 |
7 | const vitestConfig: VitestUserConfigInterface = {
8 | test: {
9 | globals: true,
10 | },
11 | };
12 |
13 | export default defineConfig({
14 | plugins: [checker({ typescript: true }), react()],
15 | test: vitestConfig.test,
16 | css: {
17 | modules: {
18 | localsConvention: "camelCaseOnly",
19 | },
20 | },
21 | resolve: {
22 | alias: {
23 | "@": fileURLToPath(new URL("./src", import.meta.url)),
24 | },
25 | },
26 | });
27 |
--------------------------------------------------------------------------------
/13-banca-online/07-transferencia/src/pages/login/login-field.validation.ts:
--------------------------------------------------------------------------------
1 | import {
2 | FieldValidationResult,
3 | buildRequiredFieldValidationFailedResponse,
4 | buildValidationSucceededResult,
5 | isStringValueInformed,
6 | } from "@/common/validations";
7 |
8 | export const validateUserField = (value: string): FieldValidationResult => {
9 | if (!isStringValueInformed(value)) {
10 | return buildRequiredFieldValidationFailedResponse();
11 | }
12 |
13 | return buildValidationSucceededResult();
14 | };
15 |
16 | export const validatePasswordField = (value: string): FieldValidationResult => {
17 | if (!isStringValueInformed(value)) {
18 | return buildRequiredFieldValidationFailedResponse();
19 | }
20 |
21 | return buildValidationSucceededResult();
22 | };
23 |
--------------------------------------------------------------------------------
/12-react/02-Componentizando/src/app.jsx:
--------------------------------------------------------------------------------
1 | const TarjetaHotel = (hotel) => {
2 | return (
3 | Adivina el numero
13 |
14 |
15 |
16 |
17 |
18 |
19 |
4 |
13 | );
14 | };
15 |
16 | export const App = () => {
17 | const hoteles = [
18 | { id: 1, nombre: "Hotel 1" },
19 | { id: 2, nombre: "Hotel 2" },
20 | { id: 3, nombre: "Hotel 3" },
21 | ];
22 | return (
23 | <>
24 | {hoteles.map((hotel) => (
25 | {hotel.nombre}
5 |
6 |
8 | Descripción del hotel {hotel.id}
7 |
9 |
10 |
11 |
12 |
8 | Account List
9 |
10 | 11 | Movimientos de cuenta 1 12 | 13 |
14 | Transferencia 15 |
16 | 17 | Transferencia desde cuenta 1 18 | 19 |
20 | Crear cuenta 21 |
22 | 23 | Editar cuenta 1 24 | 25 |
26 | );
27 | };
28 |
--------------------------------------------------------------------------------
/13-banca-online/03-login/src/pages/account-list/account-list.page.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Link, generatePath } from "react-router-dom";
3 | import { appRoutes } from "@/core/router";
4 |
5 | export const AccountListPage: React.FC = () => {
6 | return (
7 | 10 | 11 | Movimientos de cuenta 1 12 | 13 |
14 | Transferencia 15 |
16 | 17 | Transferencia desde cuenta 1 18 | 19 |
20 | Crear cuenta 21 |
22 | 23 | Editar cuenta 1 24 | 25 |
8 | Account List
9 |
10 | 11 | Movimientos de cuenta 1 12 | 13 |
14 | Transferencia 15 |
16 | 17 | Transferencia desde cuenta 1 18 | 19 |
20 | Crear cuenta 21 |
22 | 23 | Editar cuenta 1 24 | 25 |
26 | );
27 | };
28 |
--------------------------------------------------------------------------------
/13-banca-online/05-app-cuentas-layout/src/core/profile/profile.context.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | interface Context {
4 | userName: string;
5 | setUserProfile: (userProfile: string) => void;
6 | }
7 |
8 | const noUserLogin = "no user login";
9 |
10 | const ProfileContext = React.createContext10 | 11 | Movimientos de cuenta 1 12 | 13 |
14 | Transferencia 15 |
16 | 17 | Transferencia desde cuenta 1 18 | 19 |
20 | Crear cuenta 21 |
22 | 23 | Editar cuenta 1 24 | 25 |
8 | Account List
9 |
10 | 11 | Movimientos de cuenta 1 12 | 13 |
14 | Transferencia 15 |
16 | 17 | Transferencia desde cuenta 1 18 | 19 |
20 | Crear cuenta 21 |
22 | 23 | Editar cuenta 1 24 | 25 |
26 | );
27 | };
28 |
--------------------------------------------------------------------------------
/13-banca-online/07-transferencia/src/pages/transfer/components/transfer-form.component.module.css:
--------------------------------------------------------------------------------
1 | .error {
2 | color: var(--error_color);
3 | margin-top: 0.5rem;
4 | margin-left: 1rem;
5 | }
6 |
7 | .account-select {
8 | width: 200px;
9 | }
10 |
11 | .form-container {
12 | border: none;
13 | border-bottom: 1px solid #232c3b;
14 | padding: 40px 0;
15 | }
16 |
17 | .button {
18 | margin: 10px 0 10px 320px;
19 | }
20 |
21 | .form-container p {
22 | font-size: 0.9em;
23 | margin-bottom: 20px;
24 | }
25 |
26 | .form-container div {
27 | display: flex;
28 | align-items: center;
29 | justify-content: flex-start;
30 | margin-bottom: 10px;
31 | }
32 |
33 | .form-container div p {
34 | margin: 0 10px;
35 | }
36 |
37 | .form-container label {
38 | margin-right: 20px;
39 | min-width: 300px;
40 | text-align: right;
41 | }
42 |
43 | .large {
44 | width: 400px;
45 | }
46 |
47 | .small {
48 | width: 100px;
49 | }
50 |
--------------------------------------------------------------------------------
/13-banca-online/07-transferencia/src/pages/login/login.validation.ts:
--------------------------------------------------------------------------------
1 | import { Credentials, CredentialsformErrors } from "./login.vm";
2 | import { FormValidationResult } from "@/common/validations";
3 | import {
4 | validateUserField,
5 | validatePasswordField,
6 | } from "./login-field.validation";
7 |
8 | export const validateForm = (
9 | credentials: Credentials
10 | ): FormValidationResult10 | 11 | Movimientos de cuenta 1 12 | 13 |
14 | Transferencia 15 |
16 | 17 | Transferencia desde cuenta 1 18 | 19 |
20 | Crear cuenta 21 |
22 | 23 | Editar cuenta 1 24 | 25 |
25 |
28 | );
29 | };
30 |
--------------------------------------------------------------------------------
/13-banca-online/02-rutas/src/core/router/router.component.tsx:
--------------------------------------------------------------------------------
1 | import { BrowserRouter, Routes, Route } from "react-router-dom";
2 | import { appRoutes } from "@/core/router";
3 | import {
4 | LoginPage,
5 | AccountListPage,
6 | AccountPage,
7 | MovementListPage,
8 | TransferPage,
9 | } from "@/pages";
10 |
11 | export const Router = () => {
12 | return (
13 | Acceso
26 |
10 | Account List
11 |
12 | 13 | Movimientos de cuenta 1 14 | 15 |
16 | Transferencia 17 |
18 | 19 | Transferencia desde cuenta 1 20 | 21 |
22 | Crear cuenta 23 |
24 | 25 | Editar cuenta 1 26 | 27 |
28 | 12 | 13 | Movimientos de cuenta 1 14 | 15 |
16 | Transferencia 17 |
18 | 19 | Transferencia desde cuenta 1 20 | 21 |
22 | Crear cuenta 23 |
24 | 25 | Editar cuenta 1 26 | 27 |