9 | );
10 | }
11 | }
12 |
13 | export default App;
14 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_integradores/02 - Easybank Landing Page/images/icon-close.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej103.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 103
2 |
3 | * Crear un documento con el nombre ej103.js
4 | * Mostrar en consola el siguiente dibujo de un diamante:
5 |
6 | ```bash
7 | *
8 | ***
9 | *****
10 | *******
11 | *********
12 | *******
13 | *****
14 | ***
15 | *
16 | ```
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej99.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 99
2 |
3 | * Crear un documento con el nombre ej99.js
4 | * Sumar los números pares del 0 al 10000
5 | * Cortar la ejecución al encontrar 10 números pares
6 | * Mostrar en consola el resultado de los números hasta el momento del corte
7 |
8 |
--------------------------------------------------------------------------------
/03_javascript/funciones/ejercicios/fn_002.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Funciones 002
2 |
3 | * Crear un documento con el nombre fn_002.js
4 | * Declarar una función que muestre los siguientes datos en consola:
5 | * Tu Nombre
6 | * Edad
7 | * Teléfono
8 | * Calle
9 | * Altura
10 | * Código postal
--------------------------------------------------------------------------------
/02_html-css/ejercicios_html/ej24.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 24
2 |
3 |
4 | * Duplicar la carpeta ej23 con el nombre ej24
5 |
6 | ## index.html
7 | * Cambiar el valor del método del formulario de get a post
8 | * Ingresar datos en el formulario utilizando el browser
9 | * Ver la diferencia con el método get
10 |
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_011.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 011
2 |
3 | * Crear un documento con el nombre arr_011.js
4 | * Eliminá el primer elemento del array y colocá en su lugar tu fruta o verdura preferida utilizando `shift` y `unshift`.
5 |
6 | ```js
7 | var frutas = ['Manzana', 'Banana'];
8 | ```
9 |
--------------------------------------------------------------------------------
/03_javascript/dom/ejercicios/001.md:
--------------------------------------------------------------------------------
1 | # DOM - Ejercicio 1
2 |
3 | * Crear un documento con el nombre dom_001.html, con la estructura mínima de la web
4 | * Agregar la etiqueta `script`
5 | * Mostrar una alerta al usuario cuando el documento esté listo para ser utilizado:
6 | ```js
7 | 'Documento cargado.'
8 | ```
--------------------------------------------------------------------------------
/03_javascript/variables/ejercicios/ej18.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 18
2 |
3 | * Crear un documento con el nombre ej18.js
4 | * Declarar una variable **local** con el valor: `Jay's `
5 | * Declarar una variable **mensaje** con el valor: ` es el "mejor" local`
6 | * Mostrar en consola el mensaje: `Jay's es el "mejor" local`
--------------------------------------------------------------------------------
/05_react/ejemplos/03-components-props/src/Hola.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 |
3 | class Hola extends Component {
4 | render () {
5 | return (
6 |
7 |
¡Hola {this.props.nombre}!
8 |
9 | )
10 | }
11 | }
12 |
13 | export default Hola;
--------------------------------------------------------------------------------
/03_javascript/funciones/ejercicios/fn_004.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Funciones 004
2 |
3 | * Crear un documento con el nombre fn_004.js
4 | * Declarar una variable **numerosPares** y asignar una función
5 | * La función **numerosPares** muestra en consola los números pares del 0 al 100
6 | * Ejecutar esta función 5 veces
7 |
--------------------------------------------------------------------------------
/04_node/ejemplos/05-modulos/operaciones.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | sumar (a, b) {
3 | return a + b;
4 | },
5 |
6 | restar (a, b) {
7 | return a - b;
8 | },
9 |
10 | multiplicar (a, b) {
11 | return a * b;
12 | },
13 |
14 | dividir (a, b) {
15 | return a / b;
16 | }
17 | };
--------------------------------------------------------------------------------
/05_react/ejemplos/02-components/src/App.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import Hola from './Hola';
3 |
4 | class App extends Component {
5 | render() {
6 | return (
7 |
9 | );
10 | }
11 | }
12 |
13 | export default HolaMundo;
14 |
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej74.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 74
2 |
3 | * Crear un documento con el nombre ej74.js
4 | * Mostrar en consola el siguiente dibujo utilizando la estructura **while**
5 |
6 | ```bash
7 | *
8 | ***
9 | *****
10 | *******
11 | *********
12 | ***********
13 | *************
14 | ```
--------------------------------------------------------------------------------
/03_javascript/variables/ejercicios/ej4.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 4
2 |
3 | * Crear un documento con el nombre ej4.js
4 | * Declarar las siguientes variables de forma individual y asignarle a cada una un valor para describirte:
5 | * nombre
6 | * apellido
7 | * edad
8 | * fecha de nacimiento
9 | * direccion
10 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_html/ej02.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 2
2 |
3 | Crear un documento que tenga:
4 | * Nombre: index2.html
5 | * Etiqueta Title: Bienvenida a HTML
6 | * Títulos H1 al h6:
7 | * Titulo 1
8 | * Titulo 2
9 | * Titulo 3
10 | * Titulo 4
11 | * Titulo 5
12 | * Titulo 6
13 | * Párrafo: Este es un párrafo
--------------------------------------------------------------------------------
/03_javascript/objetos/ejercicios/obj_002.md:
--------------------------------------------------------------------------------
1 | # Objetos 002
2 |
3 | * Crear un documento con el nombre `obj_002.js`
4 | * Crear una variable llamada `sobreMi`, a la que le vamos a asignar un objeto.
5 | * El objeto tiene que tener 3 propiedades: **nombre**, **apellido**, **edad**
6 | * Mostrar en consola el objeto `sobreMi`
7 |
--------------------------------------------------------------------------------
/03_javascript/operadores/ejercicios/ej32.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 32
2 |
3 | * Crear un documento con el nombre ej32.js
4 | * Declarar la variable **altura** y asignar el valor 10
5 | * Declarar la variable **base** y asignar el valor 4
6 | * Mostrar en consola el cálculo del perímetro (suma de los lados) y el área (base por
7 | altura).
--------------------------------------------------------------------------------
/03_javascript/variables/ejercicios/ej10.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 10
2 |
3 | * Crear un documento con el nombre ej10.js
4 | * Declarar una variable **saludo**
5 | * Asignar el valor: ¡Aguante ECMAScript! a la variable **saludo**, con el tipo de dato **string**
6 | * Mostrar el contenido de la variable **saludo** utilizando console.log()
7 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-03/src/App.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import HolaMundo from './HolaMundo'
3 |
4 | class App extends Component {
5 | render() {
6 | return (
7 |
8 |
9 |
10 | );
11 | }
12 | }
13 |
14 | export default App;
15 |
--------------------------------------------------------------------------------
/03_javascript/funciones/ejercicios/fn_005.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Funciones 005
2 |
3 | * Crear un documento con el nombre fn_005.js
4 | * Declarar la variable **fibonacci** y asignar una función como valor
5 | * La función **fibonacci** tiene que mostrar los primeros 10 números de la secuencia en consola
6 | * Ejecutar esta función 3 veces
7 |
--------------------------------------------------------------------------------
/05_react/ejemplos/08-counter/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(, div);
8 | ReactDOM.unmountComponentAtNode(div);
9 | });
10 |
--------------------------------------------------------------------------------
/04_node/ejemplos/06-httpServer/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "06-httpserver",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1",
8 | "start": "node index.js"
9 | },
10 | "author": "",
11 | "license": "ISC"
12 | }
13 |
--------------------------------------------------------------------------------
/05_react/ejemplos/01-first-app/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(, div);
8 | ReactDOM.unmountComponentAtNode(div);
9 | });
10 |
--------------------------------------------------------------------------------
/05_react/ejemplos/02-components/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(, div);
8 | ReactDOM.unmountComponentAtNode(div);
9 | });
10 |
--------------------------------------------------------------------------------
/05_react/ejemplos/09-countdown/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(, div);
8 | ReactDOM.unmountComponentAtNode(div);
9 | });
10 |
--------------------------------------------------------------------------------
/05_react/ejemplos/88-ecommerce/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(, div);
8 | ReactDOM.unmountComponentAtNode(div);
9 | });
10 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-01/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(, div);
8 | ReactDOM.unmountComponentAtNode(div);
9 | });
10 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-02/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(, div);
8 | ReactDOM.unmountComponentAtNode(div);
9 | });
10 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-03/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(, div);
8 | ReactDOM.unmountComponentAtNode(div);
9 | });
10 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-10/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(, div);
8 | ReactDOM.unmountComponentAtNode(div);
9 | });
10 |
--------------------------------------------------------------------------------
/03_javascript/variables/ejercicios/ej1.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 1
2 |
3 | * Crear un documento con el nombre ej1.js
4 | * Declarar una variable nombre
5 | * Declarar una variable apellido
6 | * Declarar una variable edad
7 | * Declarar una variable **fecha de nacimiento** utilizando camel case
8 | * Declarar una variable **direccion**
9 |
10 |
--------------------------------------------------------------------------------
/05_react/ejemplos/03-components-props/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(, div);
8 | ReactDOM.unmountComponentAtNode(div);
9 | });
10 |
--------------------------------------------------------------------------------
/05_react/ejemplos/04-components-state/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(, div);
8 | ReactDOM.unmountComponentAtNode(div);
9 | });
10 |
--------------------------------------------------------------------------------
/05_react/ejemplos/06-events-handler/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(, div);
8 | ReactDOM.unmountComponentAtNode(div);
9 | });
10 |
--------------------------------------------------------------------------------
/05_react/ejemplos/99-buscador-github/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(, div);
8 | ReactDOM.unmountComponentAtNode(div);
9 | });
10 |
--------------------------------------------------------------------------------
/05_react/ejemplos/05-components-set-state/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(, div);
8 | ReactDOM.unmountComponentAtNode(div);
9 | });
10 |
--------------------------------------------------------------------------------
/05_react/ejemplos/07-components-set-state-click/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(, div);
8 | ReactDOM.unmountComponentAtNode(div);
9 | });
10 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej15.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 15
2 |
3 | * Crear un documento HTML con el nombre index15.html
4 |
5 | ## index15.html
6 | * Title: Identando
7 | * Declarar una etiqueta style
8 | * Crear un título h1 con el texto 'Identando'
9 | * Crear 3 párrafos autogenerados
10 | * En la etiqueta style:
11 | * Agregar identación de 40px a los párrafos
--------------------------------------------------------------------------------
/04_node/ejerciciosResueltos/calculadora/operaciones/index.js:
--------------------------------------------------------------------------------
1 | const pepe = require('./sumar');
2 | const restar = require('./restar');
3 | const dividir = require('./dividir');
4 | const multiplicar = require('./multiplicar');
5 |
6 | module.exports = {
7 | sumar: pepe,
8 | restar: restar,
9 | multiplicar: multiplicar,
10 | dividir: dividir
11 | };
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_003.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 003
2 |
3 | * Crear un documento con el nombre arr_003.js
4 | * Crear un array con el nombre **notas** y asignar un array con 10 valores numéricos de 1 a 10
5 | * Sumar los valores de la primera, cuarta, quinta y última entrega
6 | * Cada nota del array notas corresponde a una entrega de las alumnas
7 |
8 |
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej50.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 50
2 |
3 | * Crear un documento con el nombre ej50.js
4 | * Declarar la variable **numero** y asignar el valor 10
5 | * Si la variable **numero** es par Entonces mostrar en consola el mensaje: El número es par
6 | * Probar cambiar el valor de la variable **numero** por un número impar y volver a ejecutar
7 |
8 |
--------------------------------------------------------------------------------
/03_javascript/stringsNumbers/ejercicios/ej40.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 40
2 |
3 | * Crear un documento con el nombre ej40.js
4 | * Declarar la variable **texto** con el siguiente valor: **Usando el método**
5 | * Declarar la variable **metodo** con el siguiente valor: **concat**
6 | * Mostrar en consola el siguiente texto utilizando el método de string concat: **Usando el método concat**
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_014.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 014
2 |
3 | * Crear un documento con el nombre arr_014.js
4 | * Partiendo del siguiente array de números `var numeros = [6, 1, 2, 3, 4, 5];`
5 | * Eliminar el primer elemento, y agregarlo al final del array.
6 | * Mostrar el resultado final.
7 | * Resultado esperado
8 | ```bash
9 | [1, 2, 3, 4, 5, 6]
10 | ```
11 |
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej102.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 102
2 |
3 | * Crear un documento con el nombre ej102.js
4 | * Mostrar en consola el siguiente dibujo de un tablero de ajedrez:
5 |
6 | ```bash
7 | * * * * * * * *
8 | * * * * * * *
9 | * * * * * * * *
10 | * * * * * * *
11 | * * * * * * * *
12 | * * * * * * *
13 | * * * * * * * *
14 | * * * * * * *
15 | ```
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_001.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 001
2 |
3 | * Crear un archivo con el nombre arr_001.js
4 | * Dado el array `playlistFoo`, mostrar en consola la canción que está en segundo y quinto lugar.
5 | ```js
6 | var playlistFoo = ['Everlong', 'The Pretender', 'Learn to Fly', 'Best of You', 'All My Life', 'Monkey Wrench', 'The Sky is a Neighborhood'];
7 | ```
8 |
9 |
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej72.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 72
2 |
3 | * Crear un documento con el nombre ej72.js
4 | * Mostrar en consola el siguiente dibujo utilizando la estructura **while**
5 | ```bash
6 | *
7 | **
8 | ***
9 | ****
10 | *****
11 | ******
12 | *******
13 | ********
14 | *********
15 | **********
16 | ***********
17 | ************
18 | *************
19 | ```
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej53.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 53
2 |
3 | * Crear un documento con el nombre ej53.js
4 | * Copiar el código del ej50.md
5 | * Modificar el código para que cumpla con el nuevo requisito
6 | * Si la variable **numero** es par Entonces
7 | * Mostrar en consola el mensaje: El número es par
8 | * SI NO :
9 | * Mostrar en consola el mensaje: El número no es par
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej73.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 73
2 |
3 | * Crear un documento con el nombre ej73.js
4 | * Mostrar en consola el siguiente dibujo utilizando la estructura **while**
5 |
6 | ```bash
7 | *************
8 | ************
9 | ***********
10 | **********
11 | *********
12 | ********
13 | *******
14 | ******
15 | *****
16 | ****
17 | ***
18 | **
19 | *
20 | ```
--------------------------------------------------------------------------------
/03_javascript/funciones/ejercicios/fn_003.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Funciones 003
2 |
3 | * Crear un documento con el nombre fn_003.js
4 | * Declarar una variable **mostrarNombre** y asignar una función
5 | * La función **mostrarNombre** tiene que mostrar tu nombre en consola con el siguiente formato:
6 | ```bash
7 | =======
8 | = Ada =
9 | =======
10 | ```
11 | * Ejecutar esta función 2 veces
--------------------------------------------------------------------------------
/04_node/ejemplos/videoclub/servidor/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "servidor",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1"
8 | },
9 | "author": "",
10 | "license": "ISC",
11 | "dependencies": {
12 | "cors": "^2.8.5",
13 | "express": "^4.17.1"
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_html/ej27.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 27
2 |
3 | * Duplicar la carpeta ej23 con el nombre ej27
4 |
5 | ## index.html
6 | Title:
7 | Usando inputs ocultos
8 | Título
9 | Usando inputs ocultos
10 | * Agregar el siguiente input hidden al formulario de login
11 | * name: 'pagina'
12 | * value: 'login'
13 | * Comprobar en el browser que hace el campo hidden al submitear el formulario
--------------------------------------------------------------------------------
/04_node/ejemplos/07-expressApi/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "07-expressapi",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1",
8 | "start": "node index.js"
9 | },
10 | "author": "",
11 | "license": "ISC",
12 | "dependencies": {
13 | "express": "^4.17.1"
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/03_javascript/variables/ejercicios/ej5.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 5
2 |
3 | * Crear un documento con el nombre ej5.js
4 | * Declarar las siguientes variables de forma individual y asignarle a cada una un valor para describirte:
5 | * nombre
6 | * apellido
7 | * edad
8 | * fecha de nacimiento
9 | * direccion
10 | * Mostrar en consola el **valor** de cada una de las variables utilizando `console.log()`
--------------------------------------------------------------------------------
/02_html-css/ejercicios_html/ej09.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 9
2 |
3 | Crear un documento que tenga:
4 | * Nombre: index9.html
5 | * Title:
6 | Creando Hipervinculos
7 | * Título:
8 | Creando Hipervinculos
9 | * Crear un link a http://www.google.com
10 | * Crear un link a http://www.lanacion.com.ar
11 | * Crear un link con el atributo target y el valor _blank que abra el sitio de http://www.mercadolibre.com.ar
12 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_html/ej28.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 28
2 |
3 | * Duplicar la carpeta ej23 con el nombre ej28
4 |
5 | ## index.html
6 | Title:
7 | Boton con imagen
8 | Título
9 | Boton con imagen
10 | * Cambiar en input submit por uno del tipo imagen
11 | * src: 
12 | * value: Login
13 | * name: submit
--------------------------------------------------------------------------------
/03_javascript/asincronismo/ejercicios/ej_02.md:
--------------------------------------------------------------------------------
1 | ## **Ejercicio 2**
2 |
3 | - Partiendo de la solución del ejercicio 1, utilizando varios `setTimeout`
4 | - ¿Cómo haríamos la misma implementación utilizando promesas, para evitar el callback hell?
5 | - Podés utilizar la función vista como ejemplo `delay`:
6 |
7 | ```js
8 | const delay = time => new Promise(resolveCallback => setTimeout(resolveCallback, time));
9 | ```
--------------------------------------------------------------------------------
/03_javascript/variables/ejercicios/ej12.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 12
2 |
3 | * Crear un documento con el nombre ej12.js
4 | * Declarar una variable **nombre** con tu nombre
5 | * Declarar una variable **saludo** con el siguiente mensaje: Bienvenida
6 | * Mostrar en consola el mensaje de bienvenida utilizando console.log() y concatenando las variables nombre y saludo para que muestre un mensaje similar a: `Bienvenida Ada`
7 |
8 |
--------------------------------------------------------------------------------
/03_javascript/variables/ejercicios/ej6.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 6
2 |
3 | * Crear un documento con el nombre ej6.js
4 | * Declarar las siguientes variables de forma individual y asignarle a cada una un valor para describirte:
5 | * nombre
6 | * apellido
7 | * edad
8 | * fecha de nacimiento
9 | * direccion
10 | * Mostrar en consola el **valor** y **nombre** de cada una de las variables utilizando `console.log()`
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej43.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 43
2 |
3 | * Ahora que ya vimos muchas propiedades de CSS podemos maquillar el sitio 1 que armamos en HTML
4 | * Copiar la carpeta sitio 1 de tus ejercicios
5 | * Crear una hoja de estilos llamada styles.css
6 | * Vincular todos los documentos a la hoja de estilo styles.css
7 | * Utilizar todas las propiedades que vimos hasta el momento para dejar el sitio lo más lindo posible
--------------------------------------------------------------------------------
/03_javascript/variables/ejercicios/ej19.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 19
2 |
3 | * Crear un documento con el nombre ej19.js
4 | * Declarar una variable **primerTexto** con el valor: este texto tiene "comillas dobles"
5 | * Declarar una variable **segundoTexto** con el valor: este texto tiene 'comillas simples'
6 | * Mostrar en consola el valor de la variable **primerTexto**
7 | * Mostrar en consola el valor de la variable **segundoTexto**
8 |
--------------------------------------------------------------------------------
/05_react/ejemplos/01-first-app/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/05_react/ejemplos/08-counter/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/05_react/ejemplos/09-countdown/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/05_react/ejemplos/88-ecommerce/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_000.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 000
2 |
3 | * Crear un archivo con el nombre arr_000.js
4 | * Declarar una variable llamada `womenInTech` y asignarle un array que contenga 5 nombres de mujeres influyentes en la tecnología.
5 | * Declarar una variable llamada `arrayDeNumeros` y asignarle un array que contenga 5 números (cualquier número).
6 | * Mostrar en consola el contenido de ambas variables.
7 |
8 |
--------------------------------------------------------------------------------
/03_javascript/fetchApis/ejercicios/ej_02.md:
--------------------------------------------------------------------------------
1 | ## **Ejercicio 2**
2 |
3 | - Vamos a tomar la solución del ejercicio 1 y el [HTML base](./ej_02/index.html)
4 | - Modifiquemos la función para que, una vez obtenido los datos, actualicemos cada elemento del HTML con la información del perfil de GitHub
5 | - Además, para enviarle ese parámetro a la función, utilicemos el input del formulario, de forma que nos permita buscar cualquier perfil
--------------------------------------------------------------------------------
/05_react/ejemplos/02-components/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/05_react/ejemplos/06-events-handler/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-01/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-02/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-03/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-10/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/03_javascript/funciones/ejercicios/fn_006.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Funciones 006
2 |
3 | * Crear un documento con el nombre fn_006.js
4 | * Crear una función que se llame **obtenerNombre** y retorne tu nombre como string
5 | * Mostrar en consola el siguiente mensaje: Mi nombre es **obtenerNombre()**
6 |
7 | ```js
8 | // SOLUCION
9 | // aca crear la funcion obtenerNombre
10 |
11 | console.log("Mi nombre es " + obtenerNombre());
12 | ```
--------------------------------------------------------------------------------
/03_javascript/variables/ejercicios/ej2.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 2
2 |
3 | * Crear un documento con el nombre ej2.js
4 | * Declarar las siguientes variables de forma individual:
5 | * nombre
6 | * apellido
7 | * edad
8 | * fecha de nacimiento
9 | * direccion
10 | * Asignar un valor a cada variable con tus datos personales:
11 | * Tu nombre
12 | * Tu apellido
13 | * Tu edad
14 | * Tu fecha de nacimiento
15 | * Tu direccion
--------------------------------------------------------------------------------
/03_javascript/variables/ejercicios/ej3.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 3
2 |
3 | * Crear un documento con el nombre ej3.js
4 | * Declarar las siguientes variables en una misma línea:
5 | * nombre
6 | * apellido
7 | * edad
8 | * fecha de nacimiento
9 | * direccion
10 | * Asignar un valor a cada variable con tus datos personales:
11 | * Tu nombre
12 | * Tu apellido
13 | * Tu edad
14 | * Tu fecha de nacimiento
15 | * Tu direccion
--------------------------------------------------------------------------------
/05_react/ejemplos/03-components-props/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/05_react/ejemplos/04-components-state/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/05_react/ejemplos/99-buscador-github/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_html/ej05.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 5
2 |
3 | Crear un documento que tenga:
4 | * Nombre: index5.html
5 | * Title:
6 | Listas desordenada
7 | * Título:
8 | Listas desordenada
9 | * Párrafo:
10 | HTML tiene las siguientes etiquetas
11 | * Crear una lista desordenada con los siguientes items:
12 | * doctype
13 | * html
14 | * head
15 | * body
16 | * div
17 | * span
18 | * br
19 | * hr
20 | * y muchas más
--------------------------------------------------------------------------------
/05_react/ejemplos/05-components-set-state/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej16.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 16
2 |
3 | * Crear un documento HTML con el nombre index16.html
4 |
5 | ## index16.html
6 | * Title: Shadow it's my name!
7 | * Declarar una etiqueta style
8 | * Crear un párrafo con la frase 'Shadow it's my name!'
9 | * En la etiqueta style:
10 | * Agregar sombra al texto (utilizar el generador de sombra para configurar una que les guste)
11 | * Establecer el tamaño del párrafo en 24px
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej2.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 2
2 |
3 | * Crear un documento con el nombre index2.html
4 | * Copiar el contenido del documento index1.html
5 | * Modificar el title con el texto: 'Usando Estilos like a champ!'
6 | * Actualizar el contenido del h1 con el texto: 'Usando Estilos like a champ!'
7 | * Crear la etiqueta style
8 | * Pasar los estilos de los elementos a selectores generales utilizando los mismos colores para cada elemento
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej100.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 100
2 |
3 | * Crear un documento con el nombre ej100.js
4 | * Mostrar en consola el siguiente dibujo de un cuadro lleno:
5 |
6 | ```bash
7 | *****
8 | *****
9 | *****
10 | *****
11 | *****
12 | ```
13 |
14 |
15 | Nota: algunos navegadores agrupan los mensajes en consola si son iguales. En ese caso, el resultado se verá así:
16 |
17 | ```bash
18 | (5) *****
19 | ```
20 |
--------------------------------------------------------------------------------
/05_react/ejemplos/07-components-set-state-click/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_html/ej10.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 10
2 |
3 | Crear un documento que tenga:
4 | * Nombre: index10.html
5 | * Title:
6 | Creando Hipervinculos
7 | * Título:
8 | Creando Hipervinculos
9 | * Crear una lista desordeanada con los siguientes items:
10 | * link a http://www.google.com
11 | * link a http://www.lanacion.com.ar
12 | * link con el atributo target y el valor _blank que abra el sitio de http://www.mercadolibre.com.ar
13 |
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej51.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 51
2 |
3 | * Crear un documento con el nombre ej51.js
4 | * Declarar la variable **user** y asignar el valor 'ada2019'
5 | * Declarar la variable **password** y asignar el valor '12345'
6 | * Si el nombre del usuario es igual a 'ada2019' Y el password es igual a '12345' entonces mostrar en consola el siguiente mensaje:
7 | El usuario está autenticado y puede ver el contenido del sitio
8 |
--------------------------------------------------------------------------------
/03_javascript/objetos/ejercicios/obj_003.md:
--------------------------------------------------------------------------------
1 | # Objetos 003
2 |
3 | * Crear un documento con el nombre `obj_003.js`
4 | * Crear una variable llamada `user`, a la que le vamos a asignar un objeto.
5 | * El objeto tiene que tener 3 propiedades: **fullname**, **email**, **age**
6 | * Mostrar en consola el objeto `user`
7 | * Mostrar en la consola el nombre y la edad de la persona: "Hola, mi nombre es **[ACA EL NOMBRE]** y tengo **[ACA LA EDAD]** años"
8 |
--------------------------------------------------------------------------------
/03_javascript/operadores/ejercicios/ej36.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 36
2 |
3 | * Crear un documento con el nombre ej36.js
4 | * Declarar las siguientes variables **numero1** y **numero2**
5 | * Asignar a **numero1** el valor 10
6 | * Asignar a **numero2** el valor 20
7 | * Mostrar en consola los siguientes mensajes:
8 | * La variable numero1 y numero2 tienen el mismo valor: true/false
9 | * La variables numero1 y numero2 son distintas: true/false
10 |
--------------------------------------------------------------------------------
/01_git/Espacio_de_Trabajo/README.md:
--------------------------------------------------------------------------------
1 | Vamos a practicar algunos comandos creando y organizando nuestro propio espacio de trabajo.
2 |
3 | - Abrir la terminal de GitBash e ingresar los siguientes comandos
4 |
5 | 1- cd Documents
6 | 2- mkdir Ada
7 | 3- cd Ada
8 | 4- mkdir Ejercicios
9 | 5- cd Ejercicios
10 | 6- touch notas.txt
11 | 7- cd ..
12 | 8- mkdir Repositorios
13 | 9- cd Repositorios
14 | 10- mkdir primerRepo
15 | 11- cd primerRepo
16 |
17 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej12.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 12
2 |
3 | * Crear un documento HTML con el nombre index12.html
4 |
5 | ## index12.html
6 | * Title: Italica?
7 | * Declarar una etiqueta style
8 | * Crear un título h1 con el texto 'Italica?'
9 | * Crear 3 párrafos autogenerados
10 | * En la etiqueta style:
11 | * Crear una clase llamada itálica y que defina que el texto se tiene que ver en itálica
12 | * Al segundo párrafo asignarle la clase italica
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_008.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 008
2 |
3 | * Crear un documento con el nombre arr_008.js
4 | * Declarar una variable `etiquetasHtml` con varios de los nombres de las etiquetas de HTML que ya conocés
5 | * Mostrar en consola el nombre de la 2da etiqueta del array **en mayúsculas**
6 | * Mostrar en consola el nombre de la 5ta etiqueta del array **en minúsculas**
7 | * Mostrar en consola la cantidad de etiquetas guardadas en el array
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej101.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 101
2 |
3 | * Crear un documento con el nombre ej101.js
4 | * Mostrar en consola el siguiente dibujo de un cuadrado hueco:
5 |
6 | ```bash
7 | *****
8 | * *
9 | * *
10 | * *
11 | *****
12 | ```
13 |
14 | Nota: algunos navegadores agrupan los mensajes en consola si son iguales. En ese caso, el cuadrado se verá así:
15 |
16 | ```bash
17 | *****
18 | (3) * *
19 | *****
20 | ```
21 |
--------------------------------------------------------------------------------
/03_javascript/stringsNumbers/ejercicios/ej44.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 44
2 |
3 | * Crear un documento con el nombre ej44.js
4 | * Declarar la variable **texto** y asignar el siguiente valor: **HOLA**
5 | * Declarar la variable **resultado** y asignar el valor de la variable **texto** invirtiendo cada uno de los caracteres y concatenandolos
6 | * Mostrar en consola el contenido de la variable **resultado** en minúscula
7 | * Deberías ver como resultado la palabra **aloh**
--------------------------------------------------------------------------------
/03_javascript/variables/ejercicios/ej22.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 22
2 |
3 | * Crear un documento con el nombre ej22.js
4 | * Declarar la variable **salir** y establecer el siguiente valor: true
5 | * Declarar la variable **usuarioRegistrado** y establecer el siguiente valor: false
6 | * Declarar la variable **meGustaJs** y establecer el siguiente valor: true
7 | * Mostrar los valores de cada variable de la siguiente forma:
8 | `console.log("nombreDeLaVariable", valor)`
--------------------------------------------------------------------------------
/05_react/ejemplos/01-first-app/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/05_react/ejemplos/02-components/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/05_react/ejemplos/08-counter/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/05_react/ejemplos/09-countdown/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/05_react/ejemplos/88-ecommerce/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej41.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 41
2 |
3 | * Copiar el contenido del documento index40.html y pegarlo en un archivo nuevo llamado index41.html
4 |
5 | ## index41.html
6 | * En la etiqueta style:
7 | * Dentro de la selección de la tabla agregar una última propiedad para sobrescribir el comportamiento del borde:
8 | * border-collapse: collapse
9 |
10 | * Fijate que pasó con los bordes y el espaciado a diferencia del ejercicio anterior
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_004.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 004
2 |
3 | * Crear un documento con el nombre arr_004.js
4 | * Crear el siguiente array con el nombre **datos**: `[27, true, 'La edad de la persona es: ']`
5 | * Si el segundo item en el array **datos** es verdadero entonces
6 | * Mostrar en consola: La edad de la persona es: 27
7 | * Utilizar el primer y último item del array **datos** para formar el string del mensaje pedido
8 |
9 |
10 |
--------------------------------------------------------------------------------
/05_react/ejemplos/06-events-handler/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/05_react/ejemplos/99-buscador-github/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-01/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-02/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-03/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-10/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej33.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 33
2 |
3 | * Copiar la carpeta una carpeta con el nombre ej30 y renombrarla como ej33
4 |
5 | ## index.html
6 | * En la etiqueta style:
7 | * Establecer a la clase contenido un **height** de 5000px
8 | * Ver que pasa con el fondo cuando el contenido es más largo
9 | * Establecer al body que la propiedad **background-attachment** sea **fixed**
10 | * Ver de nuevo como se comporta el body ahora
11 |
12 |
--------------------------------------------------------------------------------
/03_javascript/variables/ejercicios/ej13.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 13
2 |
3 | * Crear un documento con el nombre ej13.js
4 | * Declarar una variable **nombre** con tu nombre
5 | * Declarar una variable **saludo** con el siguiente mensaje: Bienvenida
6 | * Mostrar en consola el siguiente mensaje: `¡Bienvenida Ada al curso de Frontend!`
7 | * Utilizar console.log(), las variable **nombre**, **saludo** y un valor **string** para el resto del mensaje que no está en una variable
8 |
9 |
--------------------------------------------------------------------------------
/05_react/ejemplos/03-components-props/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/05_react/ejemplos/04-components-state/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/05_react/ejemplos/05-components-set-state/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_integradores/02 - Easybank Landing Page/images/icon-facebook.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/03_javascript/variables/ejercicios/ej20.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 20
2 |
3 | * Crear un documento con el nombre ej20.js
4 | * Declarar la variable **dia** con el siguiente valor: el número del día de hoy
5 | * Declarar la variable **mes** con el siguiente valor: el número del mes de hoy (ejemplo: 1 para Enero,2 para Febrero)
6 | * Declarar la variable **anio** con el siguiente valor: año actual con 4 números (ejemplo: 2010)
7 | * Mostrar en consola el siguiente mensaje: **dia**/**mes**/**anio**
--------------------------------------------------------------------------------
/05_react/ejemplos/07-components-set-state-click/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_html/ej30.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 30
2 |
3 | Crear un documento que tenga:
4 | * Nombre: index30.html
5 | * Title:
6 | Buscador
7 | * Título:
8 | Buscador
9 | * Crear una linea
10 | * Crear un formulario con los siguientes atributos:
11 | * action: #
12 | * Crear un input de search:
13 | * name: 'busqueda'
14 | * size: 30
15 | * placeholder: 'Ingrese un texto'
16 | * Crear un input de submit:
17 | * name: 'submit'
18 | * value: 'buscar'
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej64.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 64
2 |
3 | * Crear un documento con el nombre ej64.js
4 | * Declarar una variable **nombre** y asignar el valor null
5 | * Si **nombre** Entonces
6 | * Mostrar un mensaje en la consola: "El nombre del usuario es" + nombre
7 | * SINO
8 | * Mostrar un mensaje de error en la consola: "Por favor ingrese un nombre"
9 | * Cambiar el valor de la variable **nombre** con tu nombre y volver a ejecutar el programa a ver que pasa
--------------------------------------------------------------------------------
/03_javascript/operadores/ejercicios/ej37.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 37
2 |
3 | * Crear un documento con el nombre ej37.js
4 | * Declarar las variables **promedioParaAprobar** y **promedioDelAlumno**
5 | * Asignar a **promedioParaAprobar** el valor 6
6 | * Asignar a **promedioDelAlumno** el valor 4
7 | * Mostrar en consola los siguientes mensajes:
8 | * El alumno tiene un promedio mayor o igual que el requerido: true/false
9 | * Al alumno le faltaron ${puntos} para aprobar
10 |
11 |
--------------------------------------------------------------------------------
/05_react/ejemplos/08-counter/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6 | sans-serif;
7 | -webkit-font-smoothing: antialiased;
8 | -moz-osx-font-smoothing: grayscale;
9 | }
10 |
11 | code {
12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
13 | monospace;
14 | }
15 |
--------------------------------------------------------------------------------
/05_react/ejemplos/01-first-app/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6 | sans-serif;
7 | -webkit-font-smoothing: antialiased;
8 | -moz-osx-font-smoothing: grayscale;
9 | }
10 |
11 | code {
12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
13 | monospace;
14 | }
15 |
--------------------------------------------------------------------------------
/05_react/ejemplos/02-components/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6 | sans-serif;
7 | -webkit-font-smoothing: antialiased;
8 | -moz-osx-font-smoothing: grayscale;
9 | }
10 |
11 | code {
12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
13 | monospace;
14 | }
15 |
--------------------------------------------------------------------------------
/05_react/ejemplos/09-countdown/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6 | sans-serif;
7 | -webkit-font-smoothing: antialiased;
8 | -moz-osx-font-smoothing: grayscale;
9 | }
10 |
11 | code {
12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
13 | monospace;
14 | }
15 |
--------------------------------------------------------------------------------
/05_react/ejemplos/88-ecommerce/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6 | sans-serif;
7 | -webkit-font-smoothing: antialiased;
8 | -moz-osx-font-smoothing: grayscale;
9 | }
10 |
11 | code {
12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
13 | monospace;
14 | }
15 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-01/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6 | sans-serif;
7 | -webkit-font-smoothing: antialiased;
8 | -moz-osx-font-smoothing: grayscale;
9 | }
10 |
11 | code {
12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
13 | monospace;
14 | }
15 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-02/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6 | sans-serif;
7 | -webkit-font-smoothing: antialiased;
8 | -moz-osx-font-smoothing: grayscale;
9 | }
10 |
11 | code {
12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
13 | monospace;
14 | }
15 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-03/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6 | sans-serif;
7 | -webkit-font-smoothing: antialiased;
8 | -moz-osx-font-smoothing: grayscale;
9 | }
10 |
11 | code {
12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
13 | monospace;
14 | }
15 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-10/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6 | sans-serif;
7 | -webkit-font-smoothing: antialiased;
8 | -moz-osx-font-smoothing: grayscale;
9 | }
10 |
11 | code {
12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
13 | monospace;
14 | }
15 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_html/ej31.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 31
2 |
3 | Crear un documento que tenga:
4 | * Nombre: index31.html
5 | * Title:
6 | Subiendo Archivos
7 | * Título:
8 | Subiendo Archivos
9 | * Crear una linea
10 | * Crear un formulario con los siguientes atributos:
11 | * action: #
12 | * method: post
13 | * enctype: multipart/form-data
14 | * Crear un input de file:
15 | * name: 'foto'
16 | * Crear un input de submit:
17 | * name: 'submit'
18 | * value: 'Subir archivo'
--------------------------------------------------------------------------------
/03_javascript/variables/ejercicios/ej14.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 14
2 |
3 | * Crear un documento con el nombre ej14.js
4 | * Declarar una variable **nombre** con tu nombre
5 | * Declarar una variable **saludo** con el siguiente valor: `¡Bienvenida `
6 | * Declarar una variable **finDeSaludo** con el siguiente valor: ` al curso de Frontend!`
7 | * Mostrar en consola el siguiente mensaje: `¡Bienvenida _Ada_ al curso de Frontend!` utilizando console.log() y concatenando las 3 variables
8 |
9 |
10 |
--------------------------------------------------------------------------------
/05_react/ejemplos/03-components-props/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6 | sans-serif;
7 | -webkit-font-smoothing: antialiased;
8 | -moz-osx-font-smoothing: grayscale;
9 | }
10 |
11 | code {
12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
13 | monospace;
14 | }
15 |
--------------------------------------------------------------------------------
/05_react/ejemplos/04-components-state/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6 | sans-serif;
7 | -webkit-font-smoothing: antialiased;
8 | -moz-osx-font-smoothing: grayscale;
9 | }
10 |
11 | code {
12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
13 | monospace;
14 | }
15 |
--------------------------------------------------------------------------------
/05_react/ejemplos/06-events-handler/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6 | sans-serif;
7 | -webkit-font-smoothing: antialiased;
8 | -moz-osx-font-smoothing: grayscale;
9 | }
10 |
11 | code {
12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
13 | monospace;
14 | }
15 |
--------------------------------------------------------------------------------
/05_react/ejemplos/05-components-set-state/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6 | sans-serif;
7 | -webkit-font-smoothing: antialiased;
8 | -moz-osx-font-smoothing: grayscale;
9 | }
10 |
11 | code {
12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
13 | monospace;
14 | }
15 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_html/ej14.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 14
2 |
3 | Crear un documento HTML bien formado que tenga:
4 | * Nombre: index14.html
5 | * Etiqueta Title:
6 | Hipervinculo con contacto
7 | * Titulo:
8 | Contacto
9 | * Crear un elemento de tipo linea para separar el contenido
10 | * Crear 1 parrafo [Lorem Ipsum](http://es.lipsum.com)
11 | * Crear un contenedor genérico en bloque con el siguiente contenido:
12 | * Link que tenga una referencia a tu mail personal y un texto que diga Contactame!!
--------------------------------------------------------------------------------
/03_javascript/funciones/ejercicios/fn_007.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Funciones 007
2 |
3 | * Crear un documento con el nombre fn_007.js
4 | * Crear una función **numerosPares**
5 | * Dentro de la función, crear un array con los primeros 5 números pares
6 | * Retornar ese array
7 |
8 | ```js
9 | // SOLUCION
10 | // crear la funcion numerosPares según el enunciado
11 |
12 | var primerosNumerosPares = numerosPares();
13 |
14 | console.log(primerosNumerosPares);
15 | // deberia mostrar [0, 2, 4, 6, 8]
16 | ```
--------------------------------------------------------------------------------
/04_node/ejemplos/videoclub/servidor/index.js:
--------------------------------------------------------------------------------
1 | const express = require('express')
2 | const app = express()
3 | const cors = require('cors')
4 | const apiRouter = require('./routes/api')
5 | const bodyParser = require('body-parser')
6 |
7 | app.use(bodyParser.urlencoded({
8 | extended: true
9 | }));
10 |
11 | app.use(bodyParser.json());
12 | app.use(cors());
13 |
14 | app.use('/', apiRouter);
15 |
16 | app.listen(3000, function() {
17 | console.log('Example app listening on port 3000!')
18 | })
--------------------------------------------------------------------------------
/05_react/ejemplos/07-components-set-state-click/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6 | sans-serif;
7 | -webkit-font-smoothing: antialiased;
8 | -moz-osx-font-smoothing: grayscale;
9 | }
10 |
11 | code {
12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
13 | monospace;
14 | }
15 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej46.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 46
2 |
3 | * Copiar y pegar el contenido del documento index45.html en un nuevo archivo con el nombre index46.html
4 |
5 | ## index46.html
6 | * Title: 'Esto está fijo!'
7 | * Cambiar el texto del título h1 a 'Esto está fijo!'
8 | * Al segundo párrafo agregar la clase 'fixed'
9 | * En la etiqueta style:
10 | * Seleccionar los elementos párrafo que tienen la clase 'fixed'
11 | * Establecer la posición en fixed
12 | * Cambiar la propiedad top: 0
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_005.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 005
2 |
3 | * Crear un documento con el nombre arr_005.js
4 | * Declarar un array vacio con el nombre **alumnas**
5 | * Asignar el nombre de una alumna en los ínidices: 0, 1, 2, 3, 4 y 5
6 | * Mostrar en consola cada uno de los elementos utilizando los índices dados
7 | * Ejemplo de formato de salida:
8 | ```bash
9 | índice 0: Ada
10 | índice 1: Grace
11 | índice 2: Radia
12 | índice 3: Janie
13 | índice 4: Sheryl
14 | índice 5: Hedy
15 | ```
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_024.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 024
2 |
3 | * Crear un documento con el nombre arr_024.js
4 | * Tenemos un array llamado `numbers` con números enteros al azar.
5 | * Queremos calcular la suma de todos los números que están en el array.
6 | * Por ejemplo: Si tenemos `[1, 2, 3]`, la suma de todos los números es **6**
7 |
8 | ```js
9 | var numbers = [6, 1, 34, 94, 3, 17];
10 | var sum = 0;
11 |
12 | // solucion
13 |
14 | console.log(sum);
15 | // deberia mostrar 155
16 | ```
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej75.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 75
2 |
3 | * Crear un documento con el nombre ej75.js
4 | * Escribir un programa que muestre en consola la secuencia de Fibonacci para los primeros 10 números utilizando la estructura **while**
5 | * Podes leer más sobre esta secuencia en [Wikipedia](https://es.wikipedia.org/wiki/Sucesi%C3%B3n_de_Fibonacci)
6 | * Acá podes encontrar una [pequeña ayuda](https://image.slidesharecdn.com/unit-3-foc-100107121122-phpapp01/95/unit-3-foc-81-728.jpg?cb=1262866393)
--------------------------------------------------------------------------------
/02_html-css/ejercicios_html/ej32.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 32
2 |
3 | Crear un documento que tenga:
4 | * Nombre: index32.html
5 | * Title:
6 | Twitter
7 | * Título:
8 | Twitter
9 | * Crear una linea
10 | * Crear un formulario con los siguientes atributos:
11 | * action: #
12 | * Crear un textarea:
13 | * name: 'twit'
14 | * placeholder: '¿Qué está pasando?'
15 | * columnas: 60
16 | * filas: 4
17 | * Crear un div:
18 | * Crear un input de submit:
19 | * name: 'submit'
20 | * value: 'Twittear'
--------------------------------------------------------------------------------
/02_html-css/ejercicios_integradores/02 - Easybank Landing Page/images/icon-youtube.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej104.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 104
2 |
3 | * Crear un documento con el nombre ej104.js
4 | * Partiendo del siguiente código, realizar la suma de todos los números pares que hay entre el valor guardado en la variable `n` y el valor guardado en `m` (incluyéndolo).
5 |
6 | ```js
7 | var n = 10;
8 | var m = 26;
9 | var resultado = 0;
10 |
11 | // SOLUCION
12 |
13 | console.log(resultado);
14 | // deberia mostrar 162
15 | // porque: 10 + 12 + 14 + 16 + 18 + 20 + 22 + 24 + 26
16 | ```
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_027.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 027
2 |
3 | * Crear un documento con el nombre arr_027.js
4 | * Tenemos un array en una variable `playlist` con una lista de canciones de un disco.
5 | * Recorrer la lista con la función **forEach** y mostrarlas una por una utilizando `console.log()`
6 |
7 | ```js
8 | var playlist = ["Concrete and Gold", "The Line", "Sunday Rain", "Happy Ever After (Zero Hour)", "Arrows", "Dirty Water", "La Dee Da", "The Sky Is a Neighborhood", "Make It Right", "Run", "T-Shirt"];
9 | ```
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej65.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 65
2 |
3 | * Crear un documento con el nombre ej65.js
4 | * Declarar una variable **saldo** y asignar el valor 0
5 | * Si **saldo** y **saldo** mayor que 0 Entonces
6 | * Mostrar un mensaje en la consola: `"El usuario tiene " + saldo + " pesos a favor"`
7 | * SINO
8 | * Mostrar un mensaje de error en la consola: `"El usuario no tiene saldo a favor"`
9 | * Cambiar el valor de la variable **saldo** con un número mayor a 0 y volver a ejecutar el programa a ver que pasa
--------------------------------------------------------------------------------
/03_javascript/objetos/ejercicios/obj_022.md:
--------------------------------------------------------------------------------
1 | # Objetos 022
2 |
3 | * Crear un documento con el nombre `obj_022.js`
4 | * Partiendo de un objeto guardado en la variable `user`
5 | * Verificar si tiene la propiedad `email`
6 | * Si no la tiene, mostrar en pantalla: 'El usuario no tiene la propiedad email'
7 | * Si la tiene, mostrar en pantalla: 'El usuario tiene la propiedad email'
8 |
9 | ```js
10 | var user = {
11 | username: 'ada_lovelace',
12 | password: '1234567890!'
13 | };
14 |
15 | // acá tu solucion
16 | ```
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicios-hooks/ej_02/README.md:
--------------------------------------------------------------------------------
1 | ## ⚙️ **Ejercicio 1**
2 |
3 | - Ahora también queremos implementar un reloj para ver la hora y fecha, como: http://react-clock-basic.drminnaar.me/
4 | - Para esto, ya nos proveen de la maqueta, pero necesitamos hacer la implementación del proyecto en React
5 | - La aplicación, tiene un botón que permite mostrar/ocultar la fecha
6 | - La maqueta la podés bajar desde: [HTML](./index.html) y [CSS](./style.css)
7 | - 💡 Con `useEffect` vas a poder manejar la actualización de la hora
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej52.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 52
2 |
3 | * Crear un documento con el nombre ej52.js
4 | * Copiar el código del ej49.md
5 | * Modificar el código para que cumpla con el nuevo requisito
6 | * Si la variable **numero1** es más grande que la variable **numero2** entonces
7 | * Mostrar el siguiente mensaje en consola: La variable numero1 es más grande que la variable numero2
8 | * SI NO :
9 | * Mostrar el siguiente mensaje: La variable numero1 no es más grande que la variable numero2
10 |
11 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej10.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 10
2 |
3 | * Crear un documento HTML con el nombre index10.html
4 |
5 | ## index10.html
6 | * Title: El tamaño importa
7 | * Copiar todo el documento anterior (index9.html)
8 | * Borrar el contenido una etiqueta style
9 | * Cambiar el contenido del título h1 por 'El tamaño importa'
10 | * En la etiqueta style:
11 | * Establecer el tamaño del título h1 en 16px
12 | * Establecer el tamaño del título h2 en 14px
13 | * Establecer el tamaño de todo el documento (body) 100%
14 |
15 |
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_017.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 017
2 |
3 | * Crear un documento con el nombre arr_017.js
4 | * Si tenemos el array `playlist`
5 | ```js
6 | var playlist = ["Concrete and Gold", "The Line", "Sunday Rain", "Happy Ever After (Zero Hour)", "Arrows", "Dirty Water", "La Dee Da", "The Sky Is a Neighborhood", "Make It Right", "Run", "T-Shirt"];
7 | ```
8 | * Recorrer la lista de canciones con un **ciclo** y mostrarlas en consola una a una utilizando console.log()
9 | * De inicio a fin
10 | * De fin a inicio
--------------------------------------------------------------------------------
/03_javascript/stringsNumbers/ejercicios/ej46.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 46
2 |
3 | * Crear un documento con el nombre ej46.js
4 | * Declarar la variable **usuarioYPassword** y asignarle el siguiente texto: 'ada2019,12345'
5 | * Declarar la variable **nombreDeUsuario** y utilizar el método **substr** para obtener el nombre de usuario (ada2019)
6 | * Declarar la variable **password** y utilizar el método **substr** para obtener el password (12345)
7 | * Mostrar en consola el siguiente mensaje: `El usuario ${nombreDeUsuario} tiene ${password} como password`
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej54.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 54
2 |
3 | * Crear un documento con el nombre ej54.js
4 | * Copiar el código del ej51.md
5 | * Modificar el código para que cumpla con el nuevo requisito
6 | * Si el nombre del usuario es igual a 'ada2019' Y el password es igual a '12345' Entonces
7 | * Mostrar en consola el siguiente mensaje: El usuario está autenticado y puede ver el contenido del sitio
8 | * SI NO:
9 | * Mostrar en consola el siguiente mensaje: Error, no se pudo autenticar al usuario, puede intentarlo más tarde
--------------------------------------------------------------------------------
/04_node/ejemplos/05-modulos/app.js:
--------------------------------------------------------------------------------
1 | // el ./ es importante porque es un modulo propio
2 | // el .js es optativo
3 |
4 | // este require retorna un objeto con funciones
5 | const calculadora = require('./operaciones.js');
6 | // este require retorna una funcion
7 | const log = require('./funcion');
8 | // este require retorna un objeto con datos
9 | const datos = require('./constantes');
10 |
11 | log( datos.apiKey ); // --> 123-asd-456-fgh
12 | log( calculadora.sumar(2,3) ); // --> 5
13 | log( calculadora.multiplicar(3,5) ); // --> 15
--------------------------------------------------------------------------------
/05_react/ejemplos/08-counter/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import * as serviceWorker from './serviceWorker';
6 |
7 | ReactDOM.render(, document.getElementById('root'));
8 |
9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: http://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej27.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 27
2 |
3 | * Crear un documento HTML con el nombre index27.html
4 |
5 | ## index27.html
6 | * Copiar el contenido del ejercicio anterior (index26.html)
7 | * Modificar el contenido del title por 'The Dark Passenger'
8 | * Midificar el contenido de título h1 por el texto 'The Dark Passenger'
9 | * En la etiqueta style:
10 | * Modificar la siguiente propiedad del div:
11 | * Agregar el valor necesario en la posición correcta para que la sombra actual sea interior en lugar de exterior
12 |
--------------------------------------------------------------------------------
/05_react/ejemplos/01-first-app/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import * as serviceWorker from './serviceWorker';
6 |
7 | ReactDOM.render(, document.getElementById('root'));
8 |
9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: http://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 |
--------------------------------------------------------------------------------
/05_react/ejemplos/02-components/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import * as serviceWorker from './serviceWorker';
6 |
7 | ReactDOM.render(, document.getElementById('root'));
8 |
9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: http://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 |
--------------------------------------------------------------------------------
/05_react/ejemplos/09-countdown/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import * as serviceWorker from './serviceWorker';
6 |
7 | ReactDOM.render(, document.getElementById('root'));
8 |
9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: http://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 |
--------------------------------------------------------------------------------
/05_react/ejemplos/88-ecommerce/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import * as serviceWorker from './serviceWorker';
6 |
7 | ReactDOM.render(, document.getElementById('root'));
8 |
9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: http://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-01/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import * as serviceWorker from './serviceWorker';
6 |
7 | ReactDOM.render(, document.getElementById('root'));
8 |
9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: http://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-02/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import * as serviceWorker from './serviceWorker';
6 |
7 | ReactDOM.render(, document.getElementById('root'));
8 |
9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: http://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-03/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import * as serviceWorker from './serviceWorker';
6 |
7 | ReactDOM.render(, document.getElementById('root'));
8 |
9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: http://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-10/src/Modal.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 |
3 | class Modal extends Component {
4 | render() {
5 | const className = `modal ${this.props.show ? 'show-modal' : ''}`
6 | return (
7 |
8 |
9 | ×
10 |
{this.props.message}
11 |
12 |
13 | );
14 | }
15 | }
16 |
17 | export default Modal;
18 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-10/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import * as serviceWorker from './serviceWorker';
6 |
7 | ReactDOM.render(, document.getElementById('root'));
8 |
9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: http://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej14.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 14
2 |
3 | * Crear un documento HTML con el nombre index14.html
4 |
5 | ## index14.html
6 | * Title: Chau linea
7 | * Declarar una etiqueta style
8 | * Crear un título h1 con el texto 'Chau linea'
9 | * Crear los siguientes links
10 | * http://google.com
11 | * http://facebook.com
12 | * http://twitter.com
13 | * Utilizar las URL's como href y contenido del link
14 | * En la etiqueta style:
15 | * Remover el subrayado que tienen los hipervínculos
16 | * Hacer que el título h1 sea subrayado
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej58.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 58
2 |
3 | * Crear un documento con el nombre ej58.js
4 | * Declarar la variable **hora**
5 | * Establecer un valor entre 0 y 24
6 | * Si la hora es menor que 12 y mayor que 5 entonces
7 | * Mostrar el mensaje: Buen día
8 | * Si la hora es mayor o igual que 12 y menor que 20 entonces
9 | * Mostrar el mensaje: Buenas tardes
10 | * Si No:
11 | * Mostrar el mensaje: Buenas noches
12 | * Cambiar el valor de la variable hora un par de veces y ejecutarlo para ver que pasa
13 |
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej97.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 97
2 |
3 | * Crear un documento con el nombre ej97.js
4 | * Mostrar en consola los números desde el 1000 hasta el 0
5 | * Cada 10 números, los números se tienen que mostrar con el siguiente formato: `**numero**`
6 |
7 | Ejemplo:
8 |
9 | ```js
10 | **1000**
11 | 999
12 | 998
13 | 997
14 | 996
15 | 995
16 | 994
17 | 993
18 | 992
19 | 991
20 | **990**
21 | 989
22 | 988
23 | 987
24 | 986
25 | 985
26 | 984
27 | 983
28 | 982
29 | 981
30 | **980**
31 | 979
32 | ...
33 | **0**
34 | ```
35 |
--------------------------------------------------------------------------------
/03_javascript/funciones/ejercicios/fn_016.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Funciones 016
2 |
3 | * Crear un documento con el nombre fn_016.js
4 | * Crear una función llamada `calcularSumatoria`
5 | * La función recibe un único parámetro, del tipo **array**, con números enteros
6 | * Retornar la suma de todos los números que pertenecen al array
7 |
8 | ```js
9 | // codear a aca abajo la solución al ejercicio
10 |
11 | // CREAR calcularSumatoria
12 |
13 | var numeros = [7, 4, 1, 8, 9, 4, 9];
14 |
15 | console.log( calcularSumatoria(numeros) ); // 42
16 | ```
--------------------------------------------------------------------------------
/05_react/ejemplos/03-components-props/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import * as serviceWorker from './serviceWorker';
6 |
7 | ReactDOM.render(, document.getElementById('root'));
8 |
9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: http://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 |
--------------------------------------------------------------------------------
/05_react/ejemplos/04-components-state/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import * as serviceWorker from './serviceWorker';
6 |
7 | ReactDOM.render(, document.getElementById('root'));
8 |
9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: http://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 |
--------------------------------------------------------------------------------
/05_react/ejemplos/06-events-handler/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import * as serviceWorker from './serviceWorker';
6 |
7 | ReactDOM.render(, document.getElementById('root'));
8 |
9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: http://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej26.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 26
2 |
3 | * Crear un documento HTML con el nombre index26.html
4 |
5 | ## index26.html
6 | * Copiar el contenido del ejercicio anterior (index25.html)
7 | * Modificar el contenido del title por 'Que venga esa sombra'
8 | * Midificar el contenido de título h1 por el texto 'Que venga esa sombra'
9 | * En la etiqueta style:
10 | * Agregar la siguiente sombra al div:
11 | * offset-x: 0
12 | * offset-y: 10px
13 | * blur-radius: 6px
14 | * spread-radius: -6px
15 | * Color de sombra: #777
--------------------------------------------------------------------------------
/03_javascript/objetos/ejercicios/obj_024.md:
--------------------------------------------------------------------------------
1 | # Objetos 024
2 |
3 | * Crear un documento con el nombre `obj_024.js`
4 | * Declarar la variable **holaMundo** y asignarle un objeto con las siguiente propiedades:
5 | * mostrarMensaje: una función que muestra en consola el mensaje '¡Hola mundo!'
6 | * obtenerMensaje: una función que retorna un string con el mensaje "¡Alo mundo!"
7 |
8 | ```js
9 | /// escribi aca tu solucion
10 |
11 |
12 | holaMundo.mostrarMensaje(); // ¡Hola mundo!
13 | console.log( holaMundo.obtenerMensaje() ); // ¡Alo mundo!
14 | ```
--------------------------------------------------------------------------------
/04_node/ejerciciosResueltos/banco/banco.js:
--------------------------------------------------------------------------------
1 | const operacionesBancarias = require('./operaciones');
2 |
3 | const accion = process.argv[2];
4 | const elMonto = process.argv[3];
5 |
6 | if (accion === 'total') {
7 | operacionesBancarias.total();
8 | } else if (accion === 'deposito') {
9 | operacionesBancarias.guardarMovimiento(elMonto);
10 | } else if (accion === 'extraccion') {
11 | // guardarMovimiento(elMonto * -1);
12 | operacionesBancarias.guardarMovimiento(`-${elMonto}`);
13 | } else {
14 | console.log('le pifiaste a la accion');
15 | }
--------------------------------------------------------------------------------
/05_react/ejemplos/05-components-set-state/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import * as serviceWorker from './serviceWorker';
6 |
7 | ReactDOM.render(, document.getElementById('root'));
8 |
9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: http://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_html/ej20.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 20
2 |
3 | Crear un documento que tenga:
4 | * Nombre: index20.html
5 | * Title:
6 | Arte, Arte, Arte!!
7 | * Título:
8 | Arte, Arte, Arte!!
9 | * Copiar y pegar todo el contenido del [ejercicio anterior](ej19.md)
10 | * Modificar la tabla para que tenga los siguientes atributos visuales
11 | * Color de fondo de la tabla: verde
12 | * Borde con el valor 3
13 | * Pintar toda la primer columna de color blanco
14 | * Pintar toda la segunda columna de color gris
15 | * Pintar última columna de color rojo
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_002.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 002
2 |
3 | * Crear un documento con el nombre arr_002.js
4 | * Declarar una variable `bandas` y asignarle un array con tus bandas favoritas (al menos 10).
5 | * Guardar en variables el valor del primer, tercer y sexto elemento del array.
6 | * Mostrar por consola los siguientes 3 mensajes:
7 |
8 | * `La banda en primer lugar es: [NOMBRE_DE_LA_PRIMER_BANDA]`
9 | * `La banda en tercer lugar es: [NOMBRE_DE_LA_TERCER_BANDA]`
10 | * `La banda en sexto lugar es: [NOMBRE_DE_LA_SEXTA_BANDA]`
11 |
--------------------------------------------------------------------------------
/05_react/ejemplos/07-components-set-state-click/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import * as serviceWorker from './serviceWorker';
6 |
7 | ReactDOM.render(, document.getElementById('root'));
8 |
9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: http://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 |
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej60.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 60
2 |
3 | * Crear un documento con el nombre ej60.js
4 | * Declarar la variable **nota** y asignar un valor de 0 a 10
5 | * Si la nota es mayor o igual a 9 entonces
6 | * Mostrar en consola el siguiente mensaje: La alumna aprobó y es muy buena.
7 | * Si la nota es menor que 9 Y mayor o igual que 6 entonces
8 | * Mostrar en consola el siguiente mensaje: La alumna aprobó.
9 | * Si No
10 | * Mostrar en consola el siguiente mensaje: La alumna no aprobó y debe hacer los ejercicios de nuevo.
11 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej19.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 19
2 |
3 | * Crear un documento HTML con el nombre index19.html
4 |
5 | ## index19.html
6 | * Title: Va tomando color
7 | * Declarar una etiqueta style
8 | * Crear un título h1 con el texto 'Va tomando color'
9 | * Crear un elemento section
10 | * Crear 4 divs y cada uno tiene que tener la siguiente estructura:
11 | * Crear un título h1 con texto autogenerado
12 | * Crear 2 párrafos autogenerados
13 | * En la etiqueta style:
14 | * Establecer el color de fondo del body en #ddd;
15 |
16 |
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_039.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 039
2 |
3 | * Crear un documento con el nombre arr_039.js
4 | * Tenemos un array en una variable `playlist` con una lista de canciones de un disco.
5 | * Usar la función `map` para agregar a cada título de la canción el número de posición en la que está dentro del array.
6 |
7 | ```js
8 | var playlist = ['Everlong', 'The Pretender', 'Learn to Fly'];
9 |
10 | /// completá acá el código
11 |
12 |
13 |
14 | // RESULTADO ESPERADO
15 | // [ '0 - Everlong', '1 - The Pretender', '2 - Learn to Fly' ]
16 | ```
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_055.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 055
2 |
3 | * Crear un documento con el nombre arr_055.js
4 | * Tenemos un array en una variable `datos` con números al azar, que pueden ser tanto positivos como negativos
5 | * Queremos eliminar todos los números negativos
6 | * Con los números restantes, obtener el doble de cada uno
7 | * Finalmente, obtener la suma de todos los números
8 |
9 | ```js
10 | var datos = [2, -4, 6, 0, 5, -1];
11 |
12 | // codear acá la solución del ejercicio
13 | var total = ;
14 |
15 | console.log(total); // 26
16 | ```
--------------------------------------------------------------------------------
/03_javascript/objetos/ejercicios/obj_025.md:
--------------------------------------------------------------------------------
1 | # Objetos 025
2 |
3 | * Crear un documento con el nombre `obj_025.js`
4 | * Tenemos una variable `pelicula`, con propiedades que guardan información sobre una película
5 | * Necesitamos agregar un método/función `mostrarInfo` que muestre por consola el mensaje: "Película: [NOMBRE PELI] - Año: [AÑO PELI]"
6 |
7 | ```js
8 | var pelicula = {
9 | titulo: 'The Dark Knight',
10 | anio: 2008,
11 | director: 'Christopher Nolan'
12 | }
13 |
14 | pelicula.mostrarInfo();
15 | // Película: The Dark Knight - Año: 2008
16 | ```
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_047.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 047
2 |
3 | * Crear un documento con el nombre arr_047.js
4 | * Tenemos un array llamado `numbers` con números enteros al azar.
5 | * Utilizando `reduce`, queremos calcular la suma de todos los números que están en el array.
6 | * Por ejemplo: Si tenemos `[1, 2, 3]`, la suma de todos los números es **6**
7 |
8 | ```js
9 | var numbers = [6, 1, 34, 94, 3, 17];
10 | var sum = 0;
11 |
12 | // codea debajo de este comentario la solucion al ejercicio
13 |
14 | console.log(sum);
15 | // deberia mostrar 155
16 | ```
--------------------------------------------------------------------------------
/03_javascript/estructurasControl/ejercicios/ej49.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 49
2 |
3 | * Crear un documento con el nombre ej49.js
4 | * Declarar 2 variables **numero1** y **numero2**
5 | * Asignar el valor 10 a la variable **numero1**
6 | * Asignar el valor 5 a la variable **numero2**
7 | * Si la variable **numero1** es más grande que la variable **numero2** entonces mostrar el siguiente mensaje en consola: La variable numero1 es más grande que la variable numero2
8 | * Probar cambiar el valor de la variable **numero2** para que sea más grande que **numero1** y volver a ejecutar el programar
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-02/src/App.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import logo from './logo.svg';
3 | import './App.css';
4 |
5 | class App extends Component {
6 | constructor (props) {
7 | super(props)
8 |
9 | this.state = {
10 | nombre: 'Ada'
11 | }
12 | }
13 |
14 | render() {
15 | return (
16 |
17 | {/* en el mensaje, muestro la constante que creamos en el state */}
18 |
¡Hola, {this.state.nombre}!
19 |
20 | );
21 | }
22 | }
23 |
24 | export default App;
25 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej11.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 11
2 |
3 | * Crear un documento HTML con el nombre index11.html
4 |
5 | ## index11.html
6 | * Title: Negrita
7 | * Copiar todo el documento anterior (index10.html)
8 | * Cambiar el contenido del título h1 por 'Negrita'
9 | * Agregar a los parrafos existentes:
10 | * 3 elementos span (entre todos los párrafos como para resaltar una parte)
11 | * Estos span sólo tienen que seleccionar parte del texto que vos quieras del párrafo
12 | * En la etiqueta style:
13 | * Definir que los elementos span tienen su texto en negrita
14 |
15 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej35.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 35
2 |
3 | * Copiar la carpeta una carpeta con el nombre ej34 y renombrarla como ej35
4 |
5 | ## index.html
6 | * En la etiqueta style:
7 | * Borrar todas las propiedades anteriores del elemento body y establecer las siguientes:
8 | * Para el fondo vamos a utilizar la propiedad **background** y establecemos el valor en: linear-gradient(140deg, blue, red);
9 | * Establecemos la altura del body en: 100vh (vh es una medida nueva que se llama viewport height)
10 | * Cambiar los grados y colores para ver como queda, a jugar!!
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_010.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 010
2 |
3 | * Crear un documento con el nombre arr_010.js
4 | * Teniendo dos arrays de canciones, comparar sus longitudes y mostrar en pantalla “La playlist de Nirvana tiene más canciones” si el array `playlistNirvana` tiene más canciones, o “La playlist de Foo Fighters tiene más canciones” si el array `playlistFoo` tiene más elementos.
5 |
6 | ```js
7 | var playlistNirvana = ['Smells Like Teen Spirit', 'Come As You Are', 'Heart-Shaped Box', 'Lithium'];
8 | var playlistFoo = ['Everlong', 'The Pretender', 'Learn to Fly'];
9 | ```
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_018.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 018
2 |
3 | * Crear un documento con el nombre arr_018.js
4 | * Si tenemos el array `womenInTech`
5 | ```js
6 | var womenInTech = ["Ada Lovelace", "Hedy Lamarr", "Grace Hopper", "Radia Perlman", "Janie Tsao", "Sheryl Sandberg", "Susan Kare", "Parisa Tabriz"];
7 | ```
8 | * Ordenar el array
9 | * Mostrar en la consola el array ordenado
10 | * Revertir el orden de la lista ordenada
11 | * Mostrar en la consola el array revertido
12 | * Unir los nombres de todas las mujeres en tecnología utilizando `" - "` para separarlos.
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_035.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 035
2 |
3 | * Crear un documento con el nombre arr_035.js
4 | * Tenemos un array en una variable `numeros` con números al azar.
5 | * Usar la función `map` para crear un nuevo array multiplicando cada valor del array por 2, y guardarlo en la variable `dobles`
6 | * Mostrar por consola el array original y el nuevo
7 |
8 | ```js
9 | var numeros = [3, 7, 13, 99];
10 |
11 | // codear acá la solución del ejercicio
12 |
13 |
14 | console.log(numeros); // [3, 7, 13, 99]
15 | console.log(dobles); // [6, 14, 26, 198]
16 | ```
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_009.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 009
2 |
3 | * Crear un documento con el nombre arr_009.js
4 | * Teniendo el array `ganadorasRupaul`, mostrar en consola el nombre de la primer y última ganadora.
5 | * Para la última ganadora no se puede usar un índice a mano sino que hay que hacerlo de forma dinámica _como si no supieramos la cantidad exacta de elementos_
6 |
7 | ```js
8 | var ganadorasRupaul = ['BeBe Zahara Benet', 'Tyra Sanchez', 'Raja', 'Sharon Needles', 'Jinkx Monsoon', 'Bianca del Rio', 'Violet Chachki', 'Bob the Drag Queen', 'Sasha Velour', 'Aquaria'];
9 | ```
--------------------------------------------------------------------------------
/05_react/ejemplos/99-buscador-github/src/App.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { Link } from 'react-router-dom';
3 | import './App.css';
4 |
5 | class App extends Component {
6 | render() {
7 | return (
8 |
9 |
10 |
React GitHub Project
11 |
12 |
13 | {this.props.children}
14 |
15 |
16 | );
17 | }
18 | }
19 |
20 | export default App;
21 |
--------------------------------------------------------------------------------
/03_javascript/stringsNumbers/ejercicios/ej45.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 45
2 |
3 | * Crear un documento con el nombre ej45.js
4 | * Declarar la variable **mensaje** y establecer el siguiente valor: 'Ada Lovelace fue la ayudante de Charles Babbage.'
5 | * Declarar la variable **programadora**
6 | * Utilizar el método **slice** para obtener el nombre **Ada Lovelace** del texto en la variable **mensaje** y asignarlo a la variable **programadora**
7 | * Utilizar la variable programadora y la concatenación de textos para mostrar en consola el siguiente mensaje: `"¡Ada Lovelace la primer programadora de la historia!`
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicios-hooks/ej_01/README.md:
--------------------------------------------------------------------------------
1 | ## ⚙️ **Ejercicio 1**
2 |
3 | - Queremos implementar un contador de clicks, similar a https://6vpex.csb.app/
4 | - Para esto, ya nos proveen de la maqueta, pero necesitamos hacer la implementación del proyecto en React
5 | - Un requerimiento adicional, además de poder contar los clicks, es que el `` de la web también se actualice con el texto `Hiciste CANTIDAD_CLICKS clicks!`
6 | - La maqueta la podés bajar desde: [HTML](./index.html) y [CSS](./style.css)
7 | - 💡 Vas a poder utilizar `useEffect` para saber cuando se actualiza el estado
8 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_html/ej06.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 6
2 |
3 | Crear un documento que tenga:
4 | * Nombre: index6.html
5 | * Title:
6 | Listas ordenadas
7 | * Título:
8 | Listas ordenadas
9 | * Párrafo:
10 | Las ganadoras de RuPaul's Drag Race:
11 | * Crear una lista ordenada con los siguientes items:
12 | * Tyra Sanchez
13 | * Chad Michaels
14 | * Raja
15 | * Trixie Mattel
16 | * Aquaria
17 | * Bebe Zahara Benet
18 | * Sharon Needles
19 | * Jinkx Monsoon
20 | * Alaska Thunderfuck 5000
21 | * Bianca Del Rio
22 | * Violet Chachki
23 | * Bob the Drag Queen
24 | * Sasha Velour
--------------------------------------------------------------------------------
/05_react/ejemplos/99-buscador-github/src/GithubRepo.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 |
3 | class GithubRepo extends Component {
4 | render () {
5 | const url = this.props.repo.html_url;
6 | const name = this.props.repo.full_name;
7 | const stars = this.props.repo.stargazers_count;
8 |
9 | return (
10 | <a target="_blank" className="github-repotag" href={url}>
11 | {name}
12 | {' '}
13 | <span className="github-repotag__stars">{stars}★</span>
14 | </a>
15 | );
16 | }
17 | }
18 |
19 | export default GithubRepo;
20 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_integradores/02 - Easybank Landing Page/images/icon-twitter.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="21" height="18"><path fill="#FFF" d="M20.667 2.797a8.192 8.192 0 01-2.357.646 4.11 4.11 0 001.804-2.27 8.22 8.22 0 01-2.606.996A4.096 4.096 0 0014.513.873c-2.649 0-4.595 2.472-3.997 5.038a11.648 11.648 0 01-8.457-4.287 4.109 4.109 0 001.27 5.478A4.086 4.086 0 011.47 6.59c-.045 1.901 1.317 3.68 3.29 4.075a4.113 4.113 0 01-1.853.07 4.106 4.106 0 003.834 2.85 8.25 8.25 0 01-6.075 1.7 11.616 11.616 0 006.29 1.843c7.618 0 11.922-6.434 11.662-12.205a8.354 8.354 0 002.048-2.124z"/></svg>
--------------------------------------------------------------------------------
/02_html-css/ejercicios_html/ej07.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 7
2 |
3 | Crear un documento que tenga:
4 | * Nombre: index7.html
5 | * Title:
6 | Diccionario
7 | * Título:
8 | Diccionario
9 | * Párrafo:
10 | Creando un Diccionario con listas
11 | * Crear una lista de definición que tenga los siguientes items
12 | * Término: Programación
13 | * Definición: Acción y efecto de programar.
14 | * Término: Programar
15 | * Definición: Elaborar programas para su empleo en computadoras
16 | * Término: Algoritmo
17 | * Definición: Conjunto ordenado y finito de operaciones que permite hallar la solución de un problema.
--------------------------------------------------------------------------------
/02_html-css/ejercicios_html/ej21.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 21
2 |
3 | Crear un documento que tenga:
4 | * Nombre: index21.html
5 | * Title:
6 | Más atributos para tu tabla
7 | * Título:
8 | Más atributos para tu tabla
9 | * Copiar y pegar todo el contenido del [ejercicio 20](ej20.md)
10 | * Modificar la tabla para que tenga los siguientes atributos
11 | * Establecer el ancho de la tabla en 1200 pixeles
12 | * Establecer el margen interno de las celdas en 10 pixeles
13 | * Establecer el margen externo de las celdas en 10 pixeles
14 | * Establecer el ancho de la primer columna de la primer fila en 150px
15 |
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_015.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 015
2 |
3 | * Crear un documento con el nombre arr_015.js
4 | * Partiendo del siguiente array de números `var numeros = [6, 2, 3, 4, 5, 1];`
5 | * Eliminar el primer elemento, y guardarlo en una variable `primerElemento`.
6 | * Eliminar el último elemento, y guardarlo en una variable `ultimoElemento`.
7 | * Agregar el valor de `primerElemento` al final del array.
8 | * Agregar el valor de `ultimoElemento` al principio del array.
9 | * Mostrar el resultado final.
10 | * Resultado esperado
11 | ```bash
12 | [1, 2, 3, 4, 5, 6]
13 | ```
14 |
15 |
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_030.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 030
2 |
3 | * Crear un documento con el nombre arr_030.js
4 | * Tenemos un array llamado `numbers` con números enteros al azar.
5 | * Queremos calcular la suma de todos los números que están en el array.
6 | * Por ejemplo: Si tenemos `[1, 2, 3]`, la suma de todos los números es **6**
7 | * Es necesario utilizar `forEach` para conseguir la suma
8 |
9 | ```js
10 | var numbers = [6, 1, 34, 94, 3, 17];
11 | var sum = 0;
12 |
13 | // codea debajo de este comentario la solucion al ejercicio
14 |
15 | console.log(sum);
16 | // deberia mostrar 155
17 | ```
--------------------------------------------------------------------------------
/03_javascript/stringsNumbers/ejercicios/ej39.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 39
2 |
3 | * Crear un documento con el nombre ej39.js
4 | * Declarar una variable **nombre** con tu nombre como valor
5 | * Declarar una variable **apellido** con tu apellido como valor
6 | * Mostrar en consola el siguientes mensajes:
7 | * Mi nombre es **nombre** y tiene **nombre.length** letras
8 | * Mi nombre es **apellido** y tiene **apellido.length** letras
9 | * Utilizar `console.log()` para cada mensaje
10 | * Se puede utilizar variables auxiliares para la cantidad de letras que tienen los valores de las variables **nombre** y **apellido**
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej13.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 13
2 |
3 | * Crear un documento HTML con el nombre index13.html
4 |
5 | ## index13.html
6 | * Title: Alineados
7 | * Declarar una etiqueta style
8 | * Crear un título h1 con el texto 'Alineados'
9 | * Crear una lista desordenada con los siguientes links
10 | * http://google.com
11 | * http://facebook.com
12 | * http://twitter.com
13 | * Utilizar las URL's como href y contenido del link
14 | * En la etiqueta style:
15 | * Alinear el texto del título h1 a la derecha
16 | * Alinear el contenido de la lista al centro (va a alinear los hipervinculos por ser elementos en linea)
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_034.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 034
2 |
3 | * Crear un documento con el nombre arr_034.js
4 | * Tenemos un array en una variable `numeros` con números al azar.
5 | * Usá la función `map` para crear un nuevo array incrementando cada valor del array en 10, y guardarlo en la variable `numerosMasDiez`
6 | * Mostrar por consola el array original y el nuevo
7 |
8 | ```js
9 | var numeros = [1, 2, 3, 4, 5];
10 |
11 | var numerosMasDiez;
12 |
13 | // codear acá la solución del ejercicio
14 |
15 |
16 | console.log(numeros); // [1, 2, 3, 4, 5]
17 | console.log(numerosMasDiez); // [11, 12, 13, 14, 15]
18 | ```
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_048.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 048
2 |
3 | * Crear un documento con el nombre arr_048.js
4 | * Tenemos un array llamado `numbers` con números enteros al azar.
5 | * Utilizando `reduce`, queremos calcular la multiplicación de todos los números que están en el array.
6 | * Por ejemplo: Si tenemos `[1, 2, 3, 4]`, la suma de todos los números es **24**
7 | * Ayuda: ojo con el valor de comienzo
8 |
9 | ```js
10 | var numbers = [6, 1, 34, 94, 3, 17];
11 | var mul = 0;
12 |
13 | // codea debajo de este comentario la solucion al ejercicio
14 |
15 | console.log(mul);
16 | // deberia mostrar 977976
17 | ```
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_052.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 052
2 |
3 | * Crear un documento con el nombre arr_052.js
4 | * Tenemos un array en una variable `numeros` con números al azar.
5 | * Utilizando `reduce` crear un nuevo array con todos los números pares y guardalo en la variable `numerosPares`
6 |
7 | ```js
8 | var masNumeros = [ 43, 11, 18, 46, 44, 37, 42, 29, 9, 3, 37, 0, 40, 10, 38, 34, 25, 40, 4, 32 ];
9 |
10 | // codea acá tu solución
11 | var numerosPares = ;
12 |
13 | console.log("pares: ", numerosPares);
14 | // deberias tener como resultado
15 | // pares: [18, 46, 44, 42, 0, 40, 10, 38, 34, 40, 4, 32]
16 | ```
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_053.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 053
2 |
3 | * Crear un documento con el nombre arr_053.js
4 | * Tenemos un array en una variable `numeros` con números al azar.
5 | * Utilizando `reduce` crear un nuevo array con todos los números impares y guardalo en la variable `numerosImpares`
6 |
7 | ```js
8 | var masNumeros = [ 43, 11, 18, 46, 44, 37, 42, 29, 9, 3, 37, 0, 40, 10, 38, 34, 25, 40, 4, 32 ];
9 |
10 | // codea acá tu solución
11 | var numerosImpares = ;
12 |
13 | console.log("impares: ", numerosImpares);
14 | // deberias tener como resultado
15 | // impares: [43, 11, 37, 29, 9, 3, 37, 25]
16 | ```
--------------------------------------------------------------------------------
/05_react/ejemplos/01-first-app/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "first-app",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "react": "^16.7.0",
7 | "react-dom": "^16.7.0",
8 | "react-scripts": "2.1.3"
9 | },
10 | "scripts": {
11 | "start": "react-scripts start",
12 | "build": "react-scripts build",
13 | "test": "react-scripts test",
14 | "eject": "react-scripts eject"
15 | },
16 | "eslintConfig": {
17 | "extends": "react-app"
18 | },
19 | "browserslist": [
20 | ">0.2%",
21 | "not dead",
22 | "not ie <= 11",
23 | "not op_mini all"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/05_react/ejemplos/02-components/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "first-app",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "react": "^16.7.0",
7 | "react-dom": "^16.7.0",
8 | "react-scripts": "2.1.3"
9 | },
10 | "scripts": {
11 | "start": "react-scripts start",
12 | "build": "react-scripts build",
13 | "test": "react-scripts test",
14 | "eject": "react-scripts eject"
15 | },
16 | "eslintConfig": {
17 | "extends": "react-app"
18 | },
19 | "browserslist": [
20 | ">0.2%",
21 | "not dead",
22 | "not ie <= 11",
23 | "not op_mini all"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/05_react/ejemplos/09-countdown/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ejemplo1",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "react": "^16.7.0",
7 | "react-dom": "^16.7.0",
8 | "react-scripts": "2.1.3"
9 | },
10 | "scripts": {
11 | "start": "react-scripts start",
12 | "build": "react-scripts build",
13 | "test": "react-scripts test",
14 | "eject": "react-scripts eject"
15 | },
16 | "eslintConfig": {
17 | "extends": "react-app"
18 | },
19 | "browserslist": [
20 | ">0.2%",
21 | "not dead",
22 | "not ie <= 11",
23 | "not op_mini all"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_038.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 038
2 |
3 | * Crear un documento con el nombre arr_038.js
4 | * Tenemos un array en una variable `frases` con frases al azar.
5 | * Usar la función `map` para crear un nuevo array que contenga la longitud de cada palabra.
6 | * Mostrar por consola el array original y el nuevo.
7 |
8 | ```js
9 | var frases = ['Labore sea dolor.', 'Justo rebum dolor.', 'Stet lorem amet.'];
10 |
11 | // codear acá la solución del ejercicio
12 |
13 |
14 | console.log(frases); // ['Labore sea dolor.', 'Justo rebum dolor.', 'Stet lorem amet.']
15 | console.log(longitudes); // [ 17, 18, 16 ]
16 | ```
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_056.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 056
2 |
3 | * Crear un documento con el nombre arr_056.js
4 | * Tenemos un array, que tiene como elementos otros arrays
5 | * A partir de ese array, queremos "aplanarlo" para conseguir un único array con todos los elementos
6 | * Por ejemplo: `[ [1, 2], [3, 4], [5, 6] ]` aplanado (flatten) sería igual a `[ 1, 2, 3, 4, 5, 6 ]`
7 |
8 | ```js
9 | var arrays = [
10 | [1, 2, 3],
11 | [4],
12 | [5, 6],
13 | [],
14 | [7]
15 | ];
16 |
17 | // codear acá la solución del ejercicio
18 | var flattenArray = ;
19 |
20 | console.log(flattenArray); // [ 1, 2, 3, 4, 5, 6, 7 ]
21 | ```
--------------------------------------------------------------------------------
/03_javascript/variables/ejercicios/ej21.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 21
2 |
3 | * Crear un documento con el nombre ej21.js
4 | * Declarar una variable numérica **edad** con el siguiente valor: tu edad
5 | * Declarar una variable numérica **telefono** con el siguiente valor: el número de tu telefono
6 | * Declarar una variable string **calle** con el siguiente valor: el nombre de la calle donde vivis
7 | * Declarar una variable numérica **altura** con el siguiente valor: altura de la calle donde vivis
8 | * Mostrar en consola los siguientes mensajes:
9 | * Tengo **edad** años
10 | * Mi teléfono es **telefono**
11 | * Vivo en **calle** al **altura**
--------------------------------------------------------------------------------
/05_react/ejemplos/03-components-props/src/App.js:
--------------------------------------------------------------------------------
1 | // el import es una funcion nativa de JS que me permite importa modulos o librerias
2 | import React, { Component } from 'react';
3 | import Hola from './Hola'
4 |
5 | // class y el nombre del componente (en mayúscula)
6 | class App extends Component {
7 | render() {
8 | const nombre = 'Ada Lovelace'
9 |
10 | return (
11 | <div>
12 | <Hola nombre={nombre} />
13 | </div>
14 | )
15 | }
16 | }
17 |
18 | // export del componente que acabamos de crear
19 | // tiene que ser el mismo nombre que el que definimos despues del 'class'
20 | export default App;
21 |
--------------------------------------------------------------------------------
/05_react/ejemplos/88-ecommerce/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "88-ecommerce",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "react": "^16.7.0",
7 | "react-dom": "^16.7.0",
8 | "react-scripts": "2.1.3"
9 | },
10 | "scripts": {
11 | "start": "react-scripts start",
12 | "build": "react-scripts build",
13 | "test": "react-scripts test",
14 | "eject": "react-scripts eject"
15 | },
16 | "eslintConfig": {
17 | "extends": "react-app"
18 | },
19 | "browserslist": [
20 | ">0.2%",
21 | "not dead",
22 | "not ie <= 11",
23 | "not op_mini all"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-02/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ejercicio-02",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "react": "^16.7.0",
7 | "react-dom": "^16.7.0",
8 | "react-scripts": "2.1.3"
9 | },
10 | "scripts": {
11 | "start": "react-scripts start",
12 | "build": "react-scripts build",
13 | "test": "react-scripts test",
14 | "eject": "react-scripts eject"
15 | },
16 | "eslintConfig": {
17 | "extends": "react-app"
18 | },
19 | "browserslist": [
20 | ">0.2%",
21 | "not dead",
22 | "not ie <= 11",
23 | "not op_mini all"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-03/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ejercicio-03",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "react": "^16.7.0",
7 | "react-dom": "^16.7.0",
8 | "react-scripts": "2.1.3"
9 | },
10 | "scripts": {
11 | "start": "react-scripts start",
12 | "build": "react-scripts build",
13 | "test": "react-scripts test",
14 | "eject": "react-scripts eject"
15 | },
16 | "eslintConfig": {
17 | "extends": "react-app"
18 | },
19 | "browserslist": [
20 | ">0.2%",
21 | "not dead",
22 | "not ie <= 11",
23 | "not op_mini all"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-10/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ejercicio-10",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "react": "^16.7.0",
7 | "react-dom": "^16.7.0",
8 | "react-scripts": "2.1.3"
9 | },
10 | "scripts": {
11 | "start": "react-scripts start",
12 | "build": "react-scripts build",
13 | "test": "react-scripts test",
14 | "eject": "react-scripts eject"
15 | },
16 | "eslintConfig": {
17 | "extends": "react-app"
18 | },
19 | "browserslist": [
20 | ">0.2%",
21 | "not dead",
22 | "not ie <= 11",
23 | "not op_mini all"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej20.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 20
2 |
3 | * Crear un documento HTML con el nombre index20.html
4 |
5 | ## index20.html
6 | * Title: Es alto o ancho?
7 | * Declarar una etiqueta style
8 | * Crear un título h1 con el texto Es alto o ancho?
9 | * Crear un div con texto autogenerado
10 | * Crear un párrafo con texto autogenerado
11 | * En la etiqueta style:
12 | * Establecer el ancho del div en 200px
13 | * Establecer el color de fondo del div en rojo
14 | * Establecer el ancho mínimo del párrafo en 200px
15 | * Establecer el color de fondo del párrafo en azul
16 | * ¿Por qué la caja azul se ve de esa forma y no en 20px?
--------------------------------------------------------------------------------
/05_react/ejemplos/03-components-props/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "01-hello-world",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "react": "^16.7.0",
7 | "react-dom": "^16.7.0",
8 | "react-scripts": "2.1.3"
9 | },
10 | "scripts": {
11 | "start": "react-scripts start",
12 | "build": "react-scripts build",
13 | "test": "react-scripts test",
14 | "eject": "react-scripts eject"
15 | },
16 | "eslintConfig": {
17 | "extends": "react-app"
18 | },
19 | "browserslist": [
20 | ">0.2%",
21 | "not dead",
22 | "not ie <= 11",
23 | "not op_mini all"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/05_react/ejemplos/08-counter/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "02-hello-world-state",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "react": "^16.7.0",
7 | "react-dom": "^16.7.0",
8 | "react-scripts": "2.1.3"
9 | },
10 | "scripts": {
11 | "start": "react-scripts start",
12 | "build": "react-scripts build",
13 | "test": "react-scripts test",
14 | "eject": "react-scripts eject"
15 | },
16 | "eslintConfig": {
17 | "extends": "react-app"
18 | },
19 | "browserslist": [
20 | ">0.2%",
21 | "not dead",
22 | "not ie <= 11",
23 | "not op_mini all"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej31.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 31
2 |
3 | * Copiar la carpeta del ejercicio anterior y renombrarla por ej31
4 | * Crear un documento HTML con el nombre index.html
5 | * Borrar la imagen fondo1.jpg
6 | * Copiar la [siguiente imagen](../../../assets/css/fondo2.png) a la carpeta ej31 (tiene que quedar al mismo nivel que index.html)
7 |
8 | ## index.html
9 | * En la etiqueta style:
10 | * Reemplazar la imagen de fondo por fondo2.png
11 | * Probar los diferentes valores de la propiedad **background-repeat**:
12 | * repeat-x
13 | * repeat-y
14 | * no-repeat
15 | * Establecer la propiedad background-repeat en repeat
--------------------------------------------------------------------------------
/03_javascript/funciones/ejercicios/fn_017.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Funciones 017
2 |
3 | * Crear un documento con el nombre fn_017.js
4 | * Crear otra función llamada `calcularPromedio`
5 | * La función recibe un único parámetro, del tipo **array**, con números enteros
6 | * Retornar el promedio entre todos los números que pertenecen al array
7 |
8 | ```js
9 | // codear a aca abajo la solución al ejercicio
10 | // CREAR calcularPromedio
11 | // para la funcion calcularPromedio podés utilizar calcularSumatoria que hicimos en el ejercicio fn_016
12 |
13 | var numeros = [7, 4, 1, 8, 9, 4, 9];
14 |
15 | console.log( calcularPromedio(numeros) ); // 6
16 | ```
--------------------------------------------------------------------------------
/05_react/ejemplos/06-events-handler/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "02-hello-world-state",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "react": "^16.7.0",
7 | "react-dom": "^16.7.0",
8 | "react-scripts": "2.1.3"
9 | },
10 | "scripts": {
11 | "start": "react-scripts start",
12 | "build": "react-scripts build",
13 | "test": "react-scripts test",
14 | "eject": "react-scripts eject"
15 | },
16 | "eslintConfig": {
17 | "extends": "react-app"
18 | },
19 | "browserslist": [
20 | ">0.2%",
21 | "not dead",
22 | "not ie <= 11",
23 | "not op_mini all"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/04_node/ejemplos/06-httpServer/index.js:
--------------------------------------------------------------------------------
1 | const http = require('http');
2 | const port = 3000;
3 |
4 | // creamos la funcion que maneja los pedidos
5 | const handle = (req, res) => {
6 | res.writeHead(200, {
7 | 'Content-Type': 'text/plain'
8 | });
9 | res.end('Hola Mundo!');
10 | };
11 |
12 | // creamos el objeto servidor
13 | const server = http.createServer(handle);
14 |
15 | // ponemos el servidor a escuchar pedidos
16 | server.listen(port, err => {
17 | if (err) {
18 | return console.log('explotó algo al poner el server a la escucha', err)
19 | }
20 |
21 | console.log(`el servidor esta a la escucha en el puerto ${port}`)
22 | });
--------------------------------------------------------------------------------
/05_react/ejemplos/01-first-app/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | animation: App-logo-spin infinite 20s linear;
7 | height: 40vmin;
8 | }
9 |
10 | .App-header {
11 | background-color: #282c34;
12 | min-height: 100vh;
13 | display: flex;
14 | flex-direction: column;
15 | align-items: center;
16 | justify-content: center;
17 | font-size: calc(10px + 2vmin);
18 | color: white;
19 | }
20 |
21 | .App-link {
22 | color: #61dafb;
23 | }
24 |
25 | @keyframes App-logo-spin {
26 | from {
27 | transform: rotate(0deg);
28 | }
29 | to {
30 | transform: rotate(360deg);
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/05_react/ejemplos/02-components/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | animation: App-logo-spin infinite 20s linear;
7 | height: 40vmin;
8 | }
9 |
10 | .App-header {
11 | background-color: #282c34;
12 | min-height: 100vh;
13 | display: flex;
14 | flex-direction: column;
15 | align-items: center;
16 | justify-content: center;
17 | font-size: calc(10px + 2vmin);
18 | color: white;
19 | }
20 |
21 | .App-link {
22 | color: #61dafb;
23 | }
24 |
25 | @keyframes App-logo-spin {
26 | from {
27 | transform: rotate(0deg);
28 | }
29 | to {
30 | transform: rotate(360deg);
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/05_react/ejemplos/04-components-state/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "02-hello-world-state",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "react": "^16.7.0",
7 | "react-dom": "^16.7.0",
8 | "react-scripts": "2.1.3"
9 | },
10 | "scripts": {
11 | "start": "react-scripts start",
12 | "build": "react-scripts build",
13 | "test": "react-scripts test",
14 | "eject": "react-scripts eject"
15 | },
16 | "eslintConfig": {
17 | "extends": "react-app"
18 | },
19 | "browserslist": [
20 | ">0.2%",
21 | "not dead",
22 | "not ie <= 11",
23 | "not op_mini all"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/05_react/ejemplos/05-components-set-state/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "02-hello-world-state",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "react": "^16.7.0",
7 | "react-dom": "^16.7.0",
8 | "react-scripts": "2.1.3"
9 | },
10 | "scripts": {
11 | "start": "react-scripts start",
12 | "build": "react-scripts build",
13 | "test": "react-scripts test",
14 | "eject": "react-scripts eject"
15 | },
16 | "eslintConfig": {
17 | "extends": "react-app"
18 | },
19 | "browserslist": [
20 | ">0.2%",
21 | "not dead",
22 | "not ie <= 11",
23 | "not op_mini all"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/05_react/ejemplos/08-counter/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | animation: App-logo-spin infinite 20s linear;
7 | height: 40vmin;
8 | }
9 |
10 | .App-header {
11 | background-color: #282c34;
12 | min-height: 100vh;
13 | display: flex;
14 | flex-direction: column;
15 | align-items: center;
16 | justify-content: center;
17 | font-size: calc(10px + 2vmin);
18 | color: white;
19 | }
20 |
21 | .App-link {
22 | color: #61dafb;
23 | }
24 |
25 | @keyframes App-logo-spin {
26 | from {
27 | transform: rotate(0deg);
28 | }
29 | to {
30 | transform: rotate(360deg);
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/05_react/ejemplos/09-countdown/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | animation: App-logo-spin infinite 20s linear;
7 | height: 40vmin;
8 | }
9 |
10 | .App-header {
11 | background-color: #282c34;
12 | min-height: 100vh;
13 | display: flex;
14 | flex-direction: column;
15 | align-items: center;
16 | justify-content: center;
17 | font-size: calc(10px + 2vmin);
18 | color: white;
19 | }
20 |
21 | .App-link {
22 | color: #61dafb;
23 | }
24 |
25 | @keyframes App-logo-spin {
26 | from {
27 | transform: rotate(0deg);
28 | }
29 | to {
30 | transform: rotate(360deg);
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/05_react/ejemplos/88-ecommerce/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | animation: App-logo-spin infinite 20s linear;
7 | height: 40vmin;
8 | }
9 |
10 | .App-header {
11 | background-color: #282c34;
12 | min-height: 100vh;
13 | display: flex;
14 | flex-direction: column;
15 | align-items: center;
16 | justify-content: center;
17 | font-size: calc(10px + 2vmin);
18 | color: white;
19 | }
20 |
21 | .App-link {
22 | color: #61dafb;
23 | }
24 |
25 | @keyframes App-logo-spin {
26 | from {
27 | transform: rotate(0deg);
28 | }
29 | to {
30 | transform: rotate(360deg);
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-01/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | animation: App-logo-spin infinite 20s linear;
7 | height: 40vmin;
8 | }
9 |
10 | .App-header {
11 | background-color: #282c34;
12 | min-height: 100vh;
13 | display: flex;
14 | flex-direction: column;
15 | align-items: center;
16 | justify-content: center;
17 | font-size: calc(10px + 2vmin);
18 | color: white;
19 | }
20 |
21 | .App-link {
22 | color: #61dafb;
23 | }
24 |
25 | @keyframes App-logo-spin {
26 | from {
27 | transform: rotate(0deg);
28 | }
29 | to {
30 | transform: rotate(360deg);
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-02/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | animation: App-logo-spin infinite 20s linear;
7 | height: 40vmin;
8 | }
9 |
10 | .App-header {
11 | background-color: #282c34;
12 | min-height: 100vh;
13 | display: flex;
14 | flex-direction: column;
15 | align-items: center;
16 | justify-content: center;
17 | font-size: calc(10px + 2vmin);
18 | color: white;
19 | }
20 |
21 | .App-link {
22 | color: #61dafb;
23 | }
24 |
25 | @keyframes App-logo-spin {
26 | from {
27 | transform: rotate(0deg);
28 | }
29 | to {
30 | transform: rotate(360deg);
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/05_react/ejercicios/ejercicio-03/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | animation: App-logo-spin infinite 20s linear;
7 | height: 40vmin;
8 | }
9 |
10 | .App-header {
11 | background-color: #282c34;
12 | min-height: 100vh;
13 | display: flex;
14 | flex-direction: column;
15 | align-items: center;
16 | justify-content: center;
17 | font-size: calc(10px + 2vmin);
18 | color: white;
19 | }
20 |
21 | .App-link {
22 | color: #61dafb;
23 | }
24 |
25 | @keyframes App-logo-spin {
26 | from {
27 | transform: rotate(0deg);
28 | }
29 | to {
30 | transform: rotate(360deg);
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/03_javascript/arrays/ejercicios/arr_051.md:
--------------------------------------------------------------------------------
1 | # Ejercicio Array 051
2 |
3 | * Crear un documento con el nombre arr_051.js
4 | * Tenemos un array llamado `numeros` con números enteros al azar.
5 | * Utilizando `reduce`, queremos crear un nuevo array con todos los números, pero eliminando aquellos que estén repetidos.
6 | * Por ejemplo: Si tenemos `[1, 4, 3, 2, 4]`, el nuevo array sería `[1, 4, 3, 2]`
7 |
8 | ```js
9 | var numeros = [5, 1, 7, 12, 5, 2, 9, 0, 11, 9, 11];
10 |
11 | // codea debajo de este comentario la solucion al ejercicio
12 | var sinRepetidos = ;
13 |
14 | console.log(sinRepetidos);
15 | // deberia mostrar [ 5, 1, 7, 12, 2, 9, 0, 11 ]
16 | ```
--------------------------------------------------------------------------------
/05_react/ejemplos/03-components-props/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | animation: App-logo-spin infinite 20s linear;
7 | height: 40vmin;
8 | }
9 |
10 | .App-header {
11 | background-color: #282c34;
12 | min-height: 100vh;
13 | display: flex;
14 | flex-direction: column;
15 | align-items: center;
16 | justify-content: center;
17 | font-size: calc(10px + 2vmin);
18 | color: white;
19 | }
20 |
21 | .App-link {
22 | color: #61dafb;
23 | }
24 |
25 | @keyframes App-logo-spin {
26 | from {
27 | transform: rotate(0deg);
28 | }
29 | to {
30 | transform: rotate(360deg);
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/05_react/ejemplos/04-components-state/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | animation: App-logo-spin infinite 20s linear;
7 | height: 40vmin;
8 | }
9 |
10 | .App-header {
11 | background-color: #282c34;
12 | min-height: 100vh;
13 | display: flex;
14 | flex-direction: column;
15 | align-items: center;
16 | justify-content: center;
17 | font-size: calc(10px + 2vmin);
18 | color: white;
19 | }
20 |
21 | .App-link {
22 | color: #61dafb;
23 | }
24 |
25 | @keyframes App-logo-spin {
26 | from {
27 | transform: rotate(0deg);
28 | }
29 | to {
30 | transform: rotate(360deg);
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/05_react/ejemplos/06-events-handler/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | animation: App-logo-spin infinite 20s linear;
7 | height: 40vmin;
8 | }
9 |
10 | .App-header {
11 | background-color: #282c34;
12 | min-height: 100vh;
13 | display: flex;
14 | flex-direction: column;
15 | align-items: center;
16 | justify-content: center;
17 | font-size: calc(10px + 2vmin);
18 | color: white;
19 | }
20 |
21 | .App-link {
22 | color: #61dafb;
23 | }
24 |
25 | @keyframes App-logo-spin {
26 | from {
27 | transform: rotate(0deg);
28 | }
29 | to {
30 | transform: rotate(360deg);
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/05_react/ejemplos/99-buscador-github/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | animation: App-logo-spin infinite 20s linear;
7 | height: 40vmin;
8 | }
9 |
10 | .App-header {
11 | background-color: #282c34;
12 | min-height: 100vh;
13 | display: flex;
14 | flex-direction: column;
15 | align-items: center;
16 | justify-content: center;
17 | font-size: calc(10px + 2vmin);
18 | color: white;
19 | }
20 |
21 | .App-link {
22 | color: #61dafb;
23 | }
24 |
25 | @keyframes App-logo-spin {
26 | from {
27 | transform: rotate(0deg);
28 | }
29 | to {
30 | transform: rotate(360deg);
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_css/ej44.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 44
2 |
3 | * Crear un documento HTML con el nombre index44.html
4 |
5 | ## index44.html
6 | * Title: 'Todo es relativo en la vida'
7 | * Declarar una etiqueta style
8 | * Crear un título h1 con el siguiente texto 'Todo es relativo en la vida'
9 | * Crear 10 párrafos con texto autogenerado
10 | * Al segundo párrafo agregar la clase 'relativo'
11 | * En la etiqueta style:
12 | * Seleccionar los elementos párrafo que tienen la clase 'relativo'
13 | * Establecer la posición en relativo
14 | * Ancho: 600px
15 | * Left: 20px
16 | * Top: 20px
17 | * Color de fondo: #ccc
18 | * Borde: 1px solid #333
--------------------------------------------------------------------------------
/05_react/ejemplos/05-components-set-state/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | animation: App-logo-spin infinite 20s linear;
7 | height: 40vmin;
8 | }
9 |
10 | .App-header {
11 | background-color: #282c34;
12 | min-height: 100vh;
13 | display: flex;
14 | flex-direction: column;
15 | align-items: center;
16 | justify-content: center;
17 | font-size: calc(10px + 2vmin);
18 | color: white;
19 | }
20 |
21 | .App-link {
22 | color: #61dafb;
23 | }
24 |
25 | @keyframes App-logo-spin {
26 | from {
27 | transform: rotate(0deg);
28 | }
29 | to {
30 | transform: rotate(360deg);
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/05_react/ejemplos/07-components-set-state-click/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "02-hello-world-state",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "react": "^16.7.0",
7 | "react-dom": "^16.7.0",
8 | "react-scripts": "2.1.3"
9 | },
10 | "scripts": {
11 | "start": "react-scripts start",
12 | "build": "react-scripts build",
13 | "test": "react-scripts test",
14 | "eject": "react-scripts eject"
15 | },
16 | "eslintConfig": {
17 | "extends": "react-app"
18 | },
19 | "browserslist": [
20 | ">0.2%",
21 | "not dead",
22 | "not ie <= 11",
23 | "not op_mini all"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/02_html-css/ejercicios_html/ej04.md:
--------------------------------------------------------------------------------
1 | # Ejercicio 4
2 |
3 | Crear un documento que tenga:
4 | * Nombre: index4.html
5 | * Title:
6 | Divs y Spans
7 | * Título:
8 | Divs y Spans
9 | * Línea divisora
10 | * Contenedor genérico:
11 | Este elemento es un div y es un elemento en bloque.
12 | * Contenedor genérico:
13 | Este elemento es un div y es un elemento en bloque.
14 | * Contenedor span:
15 | Este elemento es un span y es un elemento en linea.
16 | * Contenedor span:
17 | Este elemento es un span y es un elemento en linea.
18 | * Contenedor span:
19 | Se viene un salto de linea
20 | * Salto de línea
21 | * Contenedor span:
22 | Soy un span y pasó el salto de linea
--------------------------------------------------------------------------------
/05_react/ejemplos/07-components-set-state-click/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | animation: App-logo-spin infinite 20s linear;
7 | height: 40vmin;
8 | }
9 |
10 | .App-header {
11 | background-color: #282c34;
12 | min-height: 100vh;
13 | display: flex;
14 | flex-direction: column;
15 | align-items: center;
16 | justify-content: center;
17 | font-size: calc(10px + 2vmin);
18 | color: white;
19 | }
20 |
21 | .App-link {
22 | color: #61dafb;
23 | }
24 |
25 | @keyframes App-logo-spin {
26 | from {
27 | transform: rotate(0deg);
28 | }
29 | to {
30 | transform: rotate(360deg);
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/03_javascript/dom/ejercicios/018.md:
--------------------------------------------------------------------------------
1 | # DOM - Ejercicio 18
2 |
3 | * Crear un documento con el nombre dom_018.html con el contenido
4 | ```html
5 | <!DOCTYPE html>
6 | <html>
7 | <head>
8 | <title>Prductos
9 |
10 |
11 |