├── 01 HTML ├── 01 Basicos │ ├── 001 - Encabezados.html │ ├── 002 - Parrafos.html │ ├── 003 - Listas.html │ ├── 005 - Hipervinculos_1.html │ ├── 005 - hipervinculos_2.html │ ├── 006 - Tablas.html │ ├── 008 - video.html │ ├── 009 - formularios.html │ ├── 010 - formularios2.html │ ├── 011 - formulario3.html │ └── Pagina HTML.html ├── 03 CSS Formatos para texto │ ├── Sin título.jpg │ ├── formato_texto_elaborar.html │ ├── imagenes │ │ ├── Sin título.jpg │ │ ├── edd1bba9e4c9b10e6c3f04a734a0c6a5-fondo-floral-de-hojas-de-palma.png │ │ ├── fondo.jpg │ │ ├── fondo2.jpg │ │ ├── fondo_div.png │ │ └── unnamed.jpg │ └── miEstilo.css ├── 04 CSS Modelo caja contenedor │ ├── cajas_contenedores.html │ ├── images │ │ └── banner.jpg │ ├── miEstilo2.css │ └── reset.css ├── 05 IMAGENES │ ├── Práctica galería de imágenes │ │ ├── imagenes.html │ │ ├── imagenes │ │ │ ├── paisaje1.jpg │ │ │ ├── paisaje2.jpg │ │ │ ├── paisaje3.png │ │ │ └── paisaje4.jpg │ │ └── miEstilo.css │ ├── Videos.html │ ├── imagenes.html │ ├── imagenes │ │ ├── paisaje1.jpg │ │ ├── paisaje2.jpg │ │ ├── paisaje3.png │ │ └── paisaje4.jpg │ └── miEstilo.css ├── 07 Maquetacion_1 │ ├── css │ │ └── style.css │ ├── img │ │ ├── fondo.jpg │ │ └── img1.jpg │ ├── index.html │ └── javascript.js ├── 08 Maquetación_2 │ ├── img │ │ ├── candado.png │ │ ├── fondo.jpg │ │ ├── fondo.png │ │ └── fondo.webp │ ├── index.html │ └── style.css ├── 09 Maquetación_3 │ ├── Plantilla.jpg │ ├── css │ │ └── style.css │ ├── img │ │ └── fondo.jpg │ └── index.html ├── 10 Maquetacion_4 │ ├── Laboratorio.rar │ ├── index.html │ ├── media │ │ ├── background-2.jpeg │ │ ├── front-end-cropped.jpg │ │ ├── front-end.jpg │ │ ├── full-stack-cropped.jpg │ │ ├── full-stack.jpg │ │ ├── hero.jpg │ │ ├── python-cropped.jpg │ │ ├── python.jpg │ │ └── somos-Bejob.jpg │ └── style.css ├── 14 Maquetación_8_Parallax │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpeg │ ├── 5.jpeg │ ├── 6.png │ ├── Explicación │ │ ├── 1.png │ │ ├── 2.png │ │ ├── explicacion.html │ │ ├── posicion1.png │ │ └── posicion2.png │ ├── Mockup.png │ ├── Skewed.png │ ├── estilos.css │ ├── fondo.png │ ├── index.html │ └── logo.png └── Index.html ├── 02 CSS ├── 003_Degradados.css ├── 004_Degradados.html ├── 004_galeria.css ├── 004_galeria.html └── imagenes │ ├── paisaje1.jpg │ ├── paisaje2.jpg │ ├── paisaje3.png │ └── paisaje4.jpg ├── 03 JAVASCRIPT ├── 000_temp.html ├── 001_innerHTML.html ├── 002_documentWrite.html ├── 003_alert.html ├── 004_console_log.html ├── 005_prompt.html ├── 006_Operador_ternario.html ├── 006_sumaYasignacion - copia.html ├── 007_IF.html ├── 008_IF.html ├── 009_switch_case.html ├── 010_while.html ├── 011_do_while.html ├── 012_FOR.html ├── 013_FOR_en_Arrays.html ├── 014_FOR_para_rellenar_Array.html ├── 015_break.html ├── 016_continue.html ├── 01_Entrada_Salida.html ├── 024_Return_sintaxis_alternativa.html ├── 029_Arrays.html ├── 02_Variables.js ├── 02_variables.html ├── 03-03-PrecedenciaOperadores-UJS.js ├── 030_Funciones_de_Arrays.html ├── 031_Array_a_Texto.html ├── 032_Rest.html ├── 033_Spread.html ├── 034_Recorrer_Arrays_con_FOR.html ├── 035_For_Each.html ├── 035_For_In.html ├── 036_Arrays_multidimensionales - copia.html ├── 037_Recorrer_Arrays_multidimensionales copy.html ├── 037_Recorrer_Arrays_multidimensionales.html ├── 038_Funciones.html ├── 038_Funciones.js ├── 039_Ejercicios_01 copy.html ├── 039_Ejercicios_01.html ├── 039_Ejercicios_02.html ├── 039_Ejercicios_03.html ├── 039_Ejercicios_04.html ├── 039_Ejercicios_05 Nombre-apellidos.html ├── 039_Ejercicios_06 media array.html ├── 039_Ejercicios_07 palindromo.html ├── 039_Ejercicios_08 cine.html ├── 039_Ejercicios_09 ecuacion 2 grado.html ├── 039_Ejercicios_10 calcula estacion.html ├── 039_Ejercicios_11 valida mail.html ├── 039_Ejercicios_12 cuenta palabras.html ├── 039_Ejercicios_13 arrays.html ├── 039_Ejercicios_14 calcula DNI copy.html ├── 039_Ejercicios_14 calcula DNI.html ├── 039_TryCatch.js ├── 03_Casting.html ├── 03_Casting.js ├── 03_Strings.html ├── 03_Strings.js ├── 03_Strings2.js ├── 05_Condicionales.html ├── 05_Condicionales.js ├── 06_Condicionales2.html ├── 06_Condicionales2.js ├── 07_Condicionales3.html ├── 07_Condicionales3.js ├── 08_Condicionales4.html ├── 08_Condicionales4.js ├── 09_Condicionales5.html ├── 09_Condicionales5.js ├── 10_CondicionalesSwitch1.html ├── 10_CondicionalesSwitch1.js ├── 10_CondicionalesSwitch2.html ├── 10_CondicionalesSwitch2.js ├── 11_CondicionalesParImpar.js ├── 11_condicionales.html ├── 12_Operador_Ternario.html ├── 12_Operador_Ternario.js ├── 13_BuclesFOR_1 copy.html ├── 13_BuclesFOR_1.js ├── 14_BuclesWhile.html ├── 14_BuclesWhile.js ├── 14_BuclesWhile_AveriguaNumero.html ├── 14_BuclesWhile_AveriguaNumero.js ├── 14_BuclesWhile_AveriguaNumeroDoWhile.html ├── 14_BuclesWhile_AveriguaNumeroDoWhile.js ├── 15_Break_continue.html ├── 15_Break_continue.js ├── 16_Array_1.html ├── 16_Array_1.js ├── 17_Array_Metodos.html ├── 17_Array_Metodos.js ├── 18_Array_For.html ├── 18_Array_For.js ├── 19_Array_For_Each.html ├── 19_Array_For_Each.js ├── 20_Array_For_In.html ├── 20_Array_For_In.js ├── 21_Array_multidimensional.html ├── 21_Array_multidimensional.js ├── 22_Recorrer_Array_multidimensional.html ├── 22_Recorrer_Array_multidimensional.js ├── scripts │ └── 01_Entrada_Salida.js ├── temp.html └── temp.js ├── 04 PYTHON ├── 001_Variables.py ├── 002_Casting.py ├── 002_Comentarios.py ├── 002_Operadores.py ├── 003_print.py ├── 004_Input.py ├── 005_Metodos_Strings.py ├── 005_Metodos_Stringsb.py ├── 006_Operadores_logicos.py ├── 007_Objetos_mutables_inmutables.py ├── 008_if_elif_else.py ├── 009_Operador ternario.py ├── 010_For.py ├── 011_While.py ├── 012_Listas.py ├── 013_Tuplas.py ├── 014_Diccionarios.py ├── 015_Sets.py ├── 016_funciones.py ├── 018_Modulos.py ├── 019_POO_1.py ├── 019_POO_1b.py ├── 019_POO_2_Constructor.py ├── 019_POO_ClaseCalculadora.py ├── 020_POO_2_Constructor_2 copy.py ├── 020_POO_2_Constructor_2.py ├── 020_POO_2_Constructor_2_parametros.py ├── 020_POO_2_Constructor_3.py ├── 020_POO_AreaRectangulo.py ├── 020_POO_atributosTuplas.py ├── 020_POO_volumenCubo.py ├── 021_POO_Ecapsulación.py ├── 021_POO_Ecapsulación2.py ├── 021_POO_Ecapsulación4_readOnly.py ├── 021_POO_Ecapsulación5.py ├── 022_POO_Herencia.py ├── 023_POO_Decoradores_1.py ├── 023_POO_Decoradores_2.py ├── 023_POO_Decoradores_3.py ├── 023_POO_Decoradores_4.py ├── 023_POO_Herencia_1.py ├── 023_POO_Herencia_2.py ├── 023_POO_Herencia_3.py ├── 023_POO_Herencia_Coche_1 copy.py ├── 023_POO_Herencia_Coche_Sobreescritura.py ├── 023_POO_Herencia_Coche_herencia_multiple.py ├── 023_POO_Herencia_Coche_super.py ├── 023_POO_Herencia_Coche_super2.py ├── 023_POO_Sobrescritura_STR.py ├── 024_Modulos_usoPersona.py ├── 024_POO_EjercicioHerencia.py ├── 025_POO_Destructores.py ├── 026_POO_Herencia_Multiple.py ├── 027_POO_Polimorfismo.py ├── 027_POO_Polimorfismo2.py ├── Color.py ├── Cuadrado.py ├── Empleado.py ├── FiguraGeometrica.py ├── Gerente.py ├── Persona.py ├── Persona2.py └── Persona3.py ├── Material de apoyo ├── CSS.pptx ├── Enlaces de interés.docx ├── Javascript.pptx ├── Presentación1.pptx ├── Python.pptx ├── css3-cheatsheet-emezeta.pdf ├── html5-cheatsheet-emezeta.pdf └── javascript-cheatsheet-2019-lenguajejs.com.pdf └── SQL ├── BBDD 1.docx ├── BBDD 2.docx ├── Curso SQL.pptx ├── Factura_detalles.sql ├── clientes.sql ├── ejercicios-SQL-definicion-datos-solucion.pdf ├── northwind.sql ├── pedidos.sql ├── productos.sql ├── productos_pedidos.sql ├── productosnuevos.sql └── tiendita_INNER JOIN.sql /01 HTML/01 Basicos/001 - Encabezados.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | Titulo de mi pagina 16 |

17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 |
29 |

Esto es un H1

30 |

Esto es un H2

31 |

Esto es un H3

32 |

Esto es un H4

33 |
Esto es un H5
34 |
Esto es un H6
35 |
36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /01 HTML/01 Basicos/002 - Parrafos.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | Titulo de mi pagina 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 |

Esto es un párrafo de texto. Para crear automáticamente un texto de prueba, escribimos LoremXX, donde XX será el número de palabras que queremos crear. Y a continuación le damos a la tecla TAB. 26 |

27 | 28 |
29 | 30 | 
31 | 	Etiqueta de texto preformateado. Sirve para que el navegador interprete el texto escrito tal y como está, respetando los saltos de línea, espacios, etc. indicados.
32 | 	Por ejemplo, ahora vamos a poner dos saltos de linea
33 | 	
34 | 	
35 | 	...y luego seguiremos escribiendo.
36 | 37 | 38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /01 HTML/01 Basicos/003 - Listas.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | Titulo de mi pagina 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 |
    26 |
  1. Primer elemento de la lista ordenada
    2. 27 |
  2. Segundo elemento de la lista ordenada
    3. 28 |
  3. Tercer elemento de la lista ordenada
    4. 29 |
30 | 31 |
32 |
33 | 34 | 35 | 40 | 41 |
42 |
43 | 44 | 45 |
    46 |
  1. Primer elemento de la lista ordenada
    2. 47 |
  2. 48 | 53 |
    3. 54 |
  3. Tercer elemento de la lista ordenada
    4. 55 |
56 | 57 |
58 |
59 |

Lista por definición

60 |
61 |
62 |
Coffee
63 |
Black hot drink
64 |
Milk
65 |
White cold drink
66 |
67 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /01 HTML/01 Basicos/005 - Hipervinculos_1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | Titulo de mi pagina 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | Pulsa para ir a BEJOB 26 | 27 |
28 |
29 | 30 | 31 | INICIO 32 | 33 |
34 |
35 | 36 | 37 |

Este es

38 | Ir a la página de BEJOB 39 | 40 |
41 |
42 | 43 | 44 | 45 | No se encuentra la imagen 46 | 47 | 48 | 
49 | 	.
50 | 	.
51 | 	.
52 | 	.
53 | 	.
54 | 	.
55 | 	.
56 | 	.
57 | 	.
58 | 	.
59 | 	.
60 | 	.
61 | 	.
62 | 	.
63 | 	.
64 | 	.
65 | 	.
66 | 	.
67 | 	.
68 | 	.
69 | 	.
70 | 	.
71 | 	.
72 | 	.
73 | 	.
74 | 	.
75 | 	.
76 | 	.
77 | 	.
78 | 	.
79 | 	.
80 | 	.
81 | 	.
82 | 	.
83 | 	.
84 | 	.
85 | 	.
86 | 	.
87 | 	.
88 | 	.
89 | 	.
90 | 	.
91 |
92 | 93 | Pulsa para volver al Inicio 94 | 95 | 96 | 97 | -------------------------------------------------------------------------------- /01 HTML/01 Basicos/008 - video.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Document 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 23 |
24 |
25 |
26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /01 HTML/01 Basicos/009 - formularios.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | Email: 16 |

17 |
18 |
19 | Edad; 20 | 21 |

22 |
23 |
24 | Buscar: 25 |

26 |
27 |
28 | URL: 29 |

30 |
31 |
32 | Rango:

33 |
34 |
35 | Fecha:

36 |
37 |
38 | 39 | Hora:

40 |
41 |
42 | 43 | Código postal:
44 |
45 |
46 | Telefono: 47 |
48 |
49 | 50 | 51 | 52 | 53 | 54 | 55 | Telefono tipo datalist: 56 | 57 |
58 |
59 | 60 | 61 | 62 |
63 | 64 | 65 |
66 | 67 | 68 |

69 | 70 |
71 |
72 | 73 | 74 |
75 |
76 |
77 | 78 | 79 | 80 | 81 | -------------------------------------------------------------------------------- /01 HTML/01 Basicos/010 - formularios2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |
13 | 18 |
19 | 20 |
21 |
22 | 23 |
24 | 25 | 31 | 32 |
33 |
34 | 37 |
38 |
39 | Puestos de trabajo buscados
40 | Dirección 41 |
42 | Técnico 43 |
44 | Empleado 45 |
46 |
47 | Sexo
48 | Hombre 49 | Mujer 50 |
51 |
52 | 53 | 54 | 55 | 56 |
57 |
58 |
59 |
60 |
61 | Titulo1: 62 |
63 |
64 |
65 |

66 | 67 |
68 | 69 |
70 | Titulo2: 71 |
72 |
73 |
74 |

75 | 76 |
77 | 78 | 79 |
80 | 81 | 82 | -------------------------------------------------------------------------------- /01 HTML/01 Basicos/011 - formulario3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Formulario de prueba 8 | 9 | 10 | 11 |
12 | 13 |
14 | 15 | 16 |

Rellena tu CV

17 | 18 | 19 | Nombre
20 | 21 |
22 | Apellidos
23 | 24 |
25 | Contraseña
26 | 27 |
28 | DNI
29 | 30 |
31 | 32 | 33 | Sexo 34 |
35 | 36 | Hombre 37 |
38 | 39 | Mujer 40 | 41 | 42 |
43 |
44 | Incluir mi foto 45 | 46 | 47 | 48 |
49 |
50 | Suscribirme al boletín de novedades 51 | 52 | 53 |
54 |
55 | 56 | 57 | 58 | 59 | 60 | 61 |
62 | 63 | 64 |
65 | 66 | 67 | 68 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /01 HTML/03 CSS Formatos para texto/Sin título.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/03 CSS Formatos para texto/Sin título.jpg -------------------------------------------------------------------------------- /01 HTML/03 CSS Formatos para texto/formato_texto_elaborar.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Formatos CSS para texto 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |

CSS FORMATOS PARA TEXTO

22 | 23 |

Cambiando el formato al texto

24 | 25 |

3 Junio Curso desarrollo WEB

26 | 27 | 35 |

Esse quam nulla

36 | 37 |

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

38 | 39 |

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

40 | 41 |

Quis autem vel eum

42 | 43 |

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

44 |
45 | 46 | 47 | -------------------------------------------------------------------------------- /01 HTML/03 CSS Formatos para texto/imagenes/Sin título.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/03 CSS Formatos para texto/imagenes/Sin título.jpg -------------------------------------------------------------------------------- /01 HTML/03 CSS Formatos para texto/imagenes/edd1bba9e4c9b10e6c3f04a734a0c6a5-fondo-floral-de-hojas-de-palma.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/03 CSS Formatos para texto/imagenes/edd1bba9e4c9b10e6c3f04a734a0c6a5-fondo-floral-de-hojas-de-palma.png -------------------------------------------------------------------------------- /01 HTML/03 CSS Formatos para texto/imagenes/fondo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/03 CSS Formatos para texto/imagenes/fondo.jpg -------------------------------------------------------------------------------- /01 HTML/03 CSS Formatos para texto/imagenes/fondo2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/03 CSS Formatos para texto/imagenes/fondo2.jpg -------------------------------------------------------------------------------- /01 HTML/03 CSS Formatos para texto/imagenes/fondo_div.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/03 CSS Formatos para texto/imagenes/fondo_div.png -------------------------------------------------------------------------------- /01 HTML/03 CSS Formatos para texto/imagenes/unnamed.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/03 CSS Formatos para texto/imagenes/unnamed.jpg -------------------------------------------------------------------------------- /01 HTML/03 CSS Formatos para texto/miEstilo.css: -------------------------------------------------------------------------------- 1 | body{ 2 | color: #27B069; 3 | font-family: Verdana,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif"; 4 | font-size: 65%; 5 | background: url("imagenes/fondo_div.png") repeat-x; 6 | } 7 | 8 | #principal h1{ 9 | color: #f30; 10 | font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; 11 | font-size: 3em; 12 | text-align: center; 13 | } 14 | 15 | 16 | #principal h2{ 17 | font: bold 3.5em "times", serif; 18 | border-bottom: 2px solid #000000; 19 | text-align: center; 20 | 21 | } 22 | 23 | #principal h3{ 24 | color: #FF3300; 25 | font-size: 200%; 26 | font-weight: bold; 27 | text-transform: uppercase; 28 | margin-top: 25px; 29 | margin-bottom: 10px; 30 | text-shadow: -2px -2px 2px #000; 31 | } 32 | 33 | #principal p{ 34 | font-size: 1.5em; 35 | line-height: 150%;; 36 | margin-left: 150px; 37 | margin-right: 50%; 38 | margin-bottom: 10px; 39 | } 40 | 41 | #principal ul{ 42 | margin: 50px 0px 25px 50px; 43 | float: right; 44 | width: 160px; 45 | } 46 | 47 | #principal li{ 48 | color: #1B1165; 49 | font-size: 1.2em; 50 | margin-bottom: 7px; 51 | } 52 | 53 | #subtitulo1{ 54 | font-size: 1.5em; 55 | margin: 5px 0px 25px 50px; 56 | } 57 | -------------------------------------------------------------------------------- /01 HTML/04 CSS Modelo caja contenedor/cajas_contenedores.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Formatos CSS para texto 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 17 | 18 |

El mágico mundo del CSS

19 | 20 |

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

21 | 22 |
23 |

NOTA

24 | 25 |

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.

26 |
27 | 28 |

El poder inimaginable del CSS

29 | 30 |

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.

31 | 32 |

No soy yo!

33 | 34 |

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

35 | 36 |

Nunca a mi!

37 | 38 |

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.

39 | 40 |

 

41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /01 HTML/04 CSS Modelo caja contenedor/images/banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/04 CSS Modelo caja contenedor/images/banner.jpg -------------------------------------------------------------------------------- /01 HTML/04 CSS Modelo caja contenedor/miEstilo2.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* CSS Document */ 3 | 4 | 5 | body{ 6 | background-color: #9AC6C2; 7 | border: 3px solid #009; 8 | width: 760px; 9 | margin-top: 20px; 10 | margin-left: auto; 11 | margin-right: auto; /*margin: 20px auto 0 auto*/ 12 | padding: 15px; 13 | 14 | } 15 | 16 | h1{ 17 | font-size: 44px; 18 | text-align: center; 19 | font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; 20 | letter-spacing: 1px; 21 | color: #039; 22 | text-transform: uppercase; 23 | background-color: #09f; 24 | padding: 5px 15px 2px 15px; 25 | margin: 0px -15px 20px -15px; 26 | 27 | } 28 | 29 | h2{ 30 | font-size: 24px; 31 | font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; 32 | color: #63c; 33 | border-top: 2px dotted #009; 34 | border-bottom: 2px dotted #009; 35 | padding-top: 5px; 36 | padding-bottom: 5px; 37 | overflow: hidden; 38 | 39 | } 40 | 41 | .lateral{ 42 | width: 30%; 43 | float: right; 44 | background-color: #9CF; 45 | margin-top: -16PX; 46 | border: 1px dotted #009; 47 | padding: 0px 20px 10px 20px; 48 | border-top: 20px solid #009; 49 | margin-left: 15px; 50 | 51 | } 52 | 53 | -------------------------------------------------------------------------------- /01 HTML/04 CSS Modelo caja contenedor/reset.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* CSS Document */ 3 | 4 | html, body, div, span, applet, object, iframe, 5 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 6 | a, abbr, acronym, address, big, cite, code, 7 | del, dfn, em, img, ins, kbd, q, s, samp, 8 | small, strike, strong, sub, sup, tt, var, 9 | b, u, i, center, 10 | dl, dt, dd, ol, ul, li, 11 | fieldset, form, label, legend, 12 | table, caption, tbody, tfoot, thead, tr, th, td, 13 | article, aside, canvas, details, embed, 14 | figure, figcaption, footer, header, hgroup, 15 | menu, nav, output, ruby, section, summary, 16 | time, mark, audio, video { 17 | margin: 0; 18 | padding: 0; 19 | border: 0; 20 | font-size: 100%; 21 | font: inherit; 22 | vertical-align: baseline; 23 | } 24 | /* HTML5 display-role reset for older browsers */ 25 | article, aside, details, figcaption, figure, 26 | footer, header, hgroup, menu, nav, section { 27 | display: block; 28 | } 29 | body { 30 | line-height: 1; 31 | } 32 | ol, ul { 33 | list-style: none; 34 | } 35 | blockquote, q { 36 | quotes: none; 37 | } 38 | blockquote:before, blockquote:after, 39 | q:before, q:after { 40 | content: ''; 41 | content: none; 42 | } 43 | table { 44 | border-collapse: collapse; 45 | border-spacing: 0; 46 | } -------------------------------------------------------------------------------- /01 HTML/05 IMAGENES/Práctica galería de imágenes/imagenes.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Documento sin título 6 | 7 | 8 | 9 | 10 | 11 |
12 |

GALERÍA DE PAISAJES

13 |
14 | 15 | 16 |
17 | No se encuentra la imagen 18 |
19 | 20 |
21 | No se encuentra la imagen 22 |
23 | 24 |
25 | No se encuentra la imagen 26 |
27 | 28 |
29 | No se encuentra la imagen 30 |
31 | 32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /01 HTML/05 IMAGENES/Práctica galería de imágenes/imagenes/paisaje1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/05 IMAGENES/Práctica galería de imágenes/imagenes/paisaje1.jpg -------------------------------------------------------------------------------- /01 HTML/05 IMAGENES/Práctica galería de imágenes/imagenes/paisaje2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/05 IMAGENES/Práctica galería de imágenes/imagenes/paisaje2.jpg -------------------------------------------------------------------------------- /01 HTML/05 IMAGENES/Práctica galería de imágenes/imagenes/paisaje3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/05 IMAGENES/Práctica galería de imágenes/imagenes/paisaje3.png -------------------------------------------------------------------------------- /01 HTML/05 IMAGENES/Práctica galería de imágenes/imagenes/paisaje4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/05 IMAGENES/Práctica galería de imágenes/imagenes/paisaje4.jpg -------------------------------------------------------------------------------- /01 HTML/05 IMAGENES/Práctica galería de imágenes/miEstilo.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* CSS Document */ 3 | 4 | #titulo{ 5 | text-align: center; 6 | font-size: 48px; 7 | background-color: coral; 8 | background: -webkit-linear-gradient(top, blue, #9DE8F1); 9 | background: -ms-linear-gradient(top, blue, #9DE8F1); 10 | width: 50%; 11 | border-radius: 30px; 12 | margin: 40px auto; 13 | padding: 15px; 14 | color: white; 15 | box-shadow: grey 15px 15px 15px; 16 | text-shadow: black 2px 2px 2px; 17 | } 18 | 19 | .imagen{ 20 | width: 200px; 21 | height: 130px; 22 | border: 2px solid black; 23 | padding: 4px; 24 | float: left; 25 | margin: 80px 20px; 26 | border-radius: 10px; 27 | transition: transform 0.5s ease-in-out 1s; 28 | 29 | } 30 | #imagen1{ 31 | margin-left: 100px; 32 | } 33 | 34 | .imagen:hover{ 35 | transform: scale(1.2); 36 | } 37 | p.blue{ 38 | color:blue; 39 | margin-right:20px; } -------------------------------------------------------------------------------- /01 HTML/05 IMAGENES/Videos.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | TABLA 3X3 5 | 6 | 7 | 8 |
Codigo generado de una presentacion de Google

9 | 10 | 13 | 14 |



Video de youtube

15 | 16 | 17 | 18 |


19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /01 HTML/05 IMAGENES/imagenes.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Documento sin título 6 | 7 | 8 | 9 | 10 | 11 |
12 |

GALERÍA DE PAISAJES

13 |
14 | 15 | 16 |
17 | No se encuentra la imagen 18 |
19 | 20 |
21 | No se encuentra la imagen 22 |
23 | 24 |
25 | No se encuentra la imagen 26 |
27 | 28 |
29 | No se encuentra la imagen 30 |
31 | 32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /01 HTML/05 IMAGENES/imagenes/paisaje1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/05 IMAGENES/imagenes/paisaje1.jpg -------------------------------------------------------------------------------- /01 HTML/05 IMAGENES/imagenes/paisaje2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/05 IMAGENES/imagenes/paisaje2.jpg -------------------------------------------------------------------------------- /01 HTML/05 IMAGENES/imagenes/paisaje3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/05 IMAGENES/imagenes/paisaje3.png -------------------------------------------------------------------------------- /01 HTML/05 IMAGENES/imagenes/paisaje4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/05 IMAGENES/imagenes/paisaje4.jpg -------------------------------------------------------------------------------- /01 HTML/05 IMAGENES/miEstilo.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* CSS Document */ 3 | 4 | #titulo{ 5 | text-align: center; 6 | font-size: 48px; 7 | background-color: coral; 8 | background: -webkit-linear-gradient(top, blue, #9DE8F1); 9 | background: -ms-linear-gradient(top, blue, #9DE8F1); 10 | width: 50%; 11 | border-radius: 30px; 12 | margin: 40px auto; 13 | padding: 15px; 14 | color: white; 15 | box-shadow: grey 15px 15px 15px; 16 | text-shadow: black 2px 2px 2px; 17 | } 18 | 19 | .imagen{ 20 | width: 200px; 21 | height: 130px; 22 | border: 2px solid black; 23 | padding: 4px; 24 | float: left; 25 | margin: 80px 20px; 26 | border-radius: 10px; 27 | transition: transform 0.5s ease-in-out 1s; 28 | 29 | } 30 | #imagen1{ 31 | margin-left: 100px; 32 | } 33 | 34 | .imagen:hover{ 35 | transform: scale(1.2); 36 | } 37 | p.blue{ 38 | color:blue; 39 | margin-right:20px; } -------------------------------------------------------------------------------- /01 HTML/07 Maquetacion_1/css/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | padding: 0; 3 | margin: 0; 4 | /* Las cajas llegan hasta el borde */ 5 | box-sizing: border-box; 6 | } 7 | 8 | body { 9 | background: url('../img/fondo.jpg'); 10 | /* La imagen de fondo se encuadra en la página */ 11 | background-size: cover; 12 | } 13 | 14 | .box { 15 | width: 500px; 16 | background: rgba(0, 0, 0, 0.5); 17 | padding: 20px 10px; 18 | text-align: center; 19 | margin: 0 auto; 20 | margin-top: 4%; 21 | color: white; 22 | font-family: 'Century Gothic', sans-serif; 23 | border-radius: 15px; 24 | /* box-shadow: 7px 13px 37px black; */ 25 | } 26 | 27 | .box-img { 28 | width: 50%; 29 | border-radius: 50%; 30 | -webkit-border-radius: 50%; 31 | -moz-border-radius: 50%; 32 | -ms-border-radius: 50%; 33 | -o-border-radius: 50%; 34 | padding: 30px; 35 | } 36 | 37 | .box h1 { 38 | font-size: 40px; 39 | letter-spacing: 4px; 40 | font-weight: 100; 41 | margin: 30px 0 20px; 42 | } 43 | 44 | .box h2 { 45 | font-size: 20px; 46 | letter-spacing: 3px; 47 | font-weight: 100; 48 | margin-bottom: 30px 49 | } 50 | 51 | .box p { 52 | text-align: justify; 53 | } 54 | 55 | .box ul { 56 | margin-top: 20px; 57 | list-style: none; 58 | } 59 | 60 | .box li{ 61 | display: inline-block; 62 | } 63 | 64 | 65 | .box ul li a{ 66 | color: white; 67 | font-size: 45px; 68 | padding: 10px 15px; 69 | display: block; 70 | } 71 | 72 | .box ul li a:visited{ 73 | color: rgb(75, 8, 8); 74 | transform: scale(1.2); 75 | 76 | 77 | -webkit-transform: scale(1.2); 78 | -moz-transform: scale(1.2); 79 | -ms-transform: scale(1.2); 80 | -o-transform: scale(1.2); 81 | } 82 | 83 | -------------------------------------------------------------------------------- /01 HTML/07 Maquetacion_1/img/fondo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/07 Maquetacion_1/img/fondo.jpg -------------------------------------------------------------------------------- /01 HTML/07 Maquetacion_1/img/img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/07 Maquetacion_1/img/img1.jpg -------------------------------------------------------------------------------- /01 HTML/07 Maquetacion_1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Página Personal 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 |

Mi página WEB

22 |

Práctica de maquetación nueva

23 |

Curso Programación IBM

24 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad ut hic consequuntur quo qui culpa veritatis, blanditiis corrupti perspiciatis illo a laudantium illum sunt deleniti, nihil doloremque! Obcaecati, at, cupiditate.

25 | 26 | 27 | 28 | 29 | 36 | 37 | 41 | 42 |
43 | 44 | 45 | -------------------------------------------------------------------------------- /01 HTML/07 Maquetacion_1/javascript.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | console.log -------------------------------------------------------------------------------- /01 HTML/08 Maquetación_2/img/candado.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/08 Maquetación_2/img/candado.png -------------------------------------------------------------------------------- /01 HTML/08 Maquetación_2/img/fondo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/08 Maquetación_2/img/fondo.jpg -------------------------------------------------------------------------------- /01 HTML/08 Maquetación_2/img/fondo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/08 Maquetación_2/img/fondo.png -------------------------------------------------------------------------------- /01 HTML/08 Maquetación_2/img/fondo.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/08 Maquetación_2/img/fondo.webp -------------------------------------------------------------------------------- /01 HTML/08 Maquetación_2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Formulario 1 8 | 9 | 12 | 13 | 14 |
15 |
16 | No se encuentra la imagen!!!. 21 |

Inicio sesión

22 |
23 | 24 | 25 | 26 | 27 | Recordar contraseña. 28 | 29 |
30 |
31 |
32 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /01 HTML/08 Maquetación_2/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0px; 3 | padding: 0px; 4 | box-sizing: border-box; 5 | background-image: url("img/fondo.jpg"); 6 | background-position: center; 7 | background-repeat: no-repeat; 8 | background-size: cover; 9 | font-family: Arial, Helvetica, sans-serif; 10 | } 11 | 12 | .container{ 13 | display: flex; 14 | align-items: center; 15 | justify-content: center; 16 | height: 100vh; 17 | } 18 | 19 | .container_form{ 20 | background-color: #0a1e35; 21 | border-radius: 15px; 22 | -webkit-border-radius: 15px; 23 | -moz-border-radius: 15px; 24 | -ms-border-radius: 15px; 25 | -o-border-radius: 15px; 26 | padding: 40px; 27 | opacity: 0.9; 28 | } 29 | 30 | img{ 31 | height: 100px; 32 | width: 100px; 33 | margin-left: 110px; 34 | } 35 | 36 | h2{ 37 | text-align: center; 38 | color: white; 39 | } 40 | 41 | input{ 42 | display: block; 43 | width: 300px; 44 | height: 40px; 45 | margin-bottom: 20px; 46 | padding: 0 15px; 47 | font-size: 18px; 48 | outline: none; 49 | border: none; 50 | background: transparent; 51 | color: white; 52 | border-bottom: 2px solid white; 53 | } 54 | 55 | #boton{ 56 | width: 150px; 57 | border-radius: 15px; 58 | -webkit-border-radius: 15px; 59 | -moz-border-radius: 15px; 60 | -ms-border-radius: 15px; 61 | -o-border-radius: 15px; 62 | background-color: #048620; 63 | color: white; 64 | margin-top: 30px; 65 | border: none; 66 | border-bottom: 4px solid #0b5a10; 67 | margin: auto; 68 | } 69 | 70 | #checkID{ 71 | width: 15px; 72 | height: 15px; 73 | display: inline; 74 | 75 | } 76 | 77 | label{ 78 | color: white; 79 | } 80 | 81 | a{ 82 | color: white; 83 | margin-left: 45px; 84 | } 85 | 86 | a:hover{ 87 | color: #b8b8b8; 88 | } 89 | 90 | label:hover{ 91 | color: #b8b8b8; 92 | } 93 | 94 | #boton:active{ 95 | background-color: #0b5a10; 96 | } -------------------------------------------------------------------------------- /01 HTML/09 Maquetación_3/Plantilla.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/09 Maquetación_3/Plantilla.jpg -------------------------------------------------------------------------------- /01 HTML/09 Maquetación_3/css/style.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great|Lato'); 2 | 3 | *{ 4 | padding: 0; 5 | margin: 0; 6 | } 7 | 8 | .contenedor{ 9 | background: url(../img/fondo.jpg) no-repeat; 10 | background-size: cover; 11 | /* Las medidas vh y vw son medidas relativas de acuerdo al viewport. 12 | Vh hace referencia a la centésima parte de la altura del viewport y 13 | vw a la centésima parte del ancho del viewport.*/ 14 | height: 100vh; 15 | 16 | } 17 | 18 | .navbar{ 19 | position: fixed; 20 | height: 80px; 21 | width: 100%; 22 | top:0; 23 | left:0; 24 | background: rgba(0,0,0,0.4); 25 | } 26 | 27 | .navbar .logo{ 28 | width:180px; 29 | height: auto; 30 | padding: 20px 100px; 31 | } 32 | 33 | .navbar ul{ 34 | float: right; 35 | margin-right: 20px; 36 | } 37 | 38 | .navbar ul li{ 39 | list-style: none; 40 | margin:0 8px; 41 | display:inline-block; 42 | line-height: 80px; 43 | } 44 | 45 | .navbar ul li a{ 46 | font-size: 20px; 47 | font-family: "Lato", sans-serif; 48 | color:white; 49 | padding: 6px 13px; 50 | text-decoration: none; 51 | transition: .4s; 52 | } 53 | 54 | h1, h4{ 55 | font-family: "Lato", sans-serif; 56 | } 57 | 58 | .navbar ul li a.activo, 59 | .navbar ul li a:hover{ 60 | background: red; 61 | border-radius: 5px; 62 | -webkit-border-radius: 5px; 63 | -moz-border-radius: 5px; 64 | -ms-border-radius: 5px; 65 | -o-border-radius: 5px; 66 | } 67 | 68 | 69 | .contenedor .center{ 70 | position: absolute; 71 | left: 50%; 72 | top: 50%; 73 | transform: translate(-50%,-50%); 74 | font-family: sans-serif; 75 | user-select: none; 76 | } 77 | 78 | .center h1{ 79 | color:white; 80 | font-size:70px; 81 | width: 900px; 82 | font-weight: bold; 83 | text-align: center; 84 | } 85 | .center h4{ 86 | color:white; 87 | font-size:50px; 88 | width: 885px; 89 | font-weight: bold; 90 | margin-top: 10px; 91 | text-align: center; 92 | } 93 | 94 | .center .buttons{ 95 | margin: 35px 280px; 96 | } 97 | 98 | .buttons button{ 99 | height: 50px; 100 | width: 150px; 101 | font-size: 18px; 102 | font-weight: 600; 103 | color: #ffb3b3; 104 | background: red; 105 | outline: none; 106 | cursor: pointer; 107 | border: 1px solid red; 108 | border-radius: 25px; 109 | transition: .4s; 110 | } 111 | 112 | 113 | buttons .btn2{ 114 | margin-left: 25px; 115 | } 116 | 117 | .buttons button:hover{ 118 | background:red; 119 | } 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | -------------------------------------------------------------------------------- /01 HTML/09 Maquetación_3/img/fondo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/09 Maquetación_3/img/fondo.jpg -------------------------------------------------------------------------------- /01 HTML/09 Maquetación_3/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Maquetación Nº3. 6 | 7 | 8 | 9 | 10 |

Modificado desde Github

11 |
12 | 21 | 22 |
23 |

Mi empresa

24 |

Mi nueva página web corporativa

25 |
26 | 27 | 28 |
29 |
30 |
31 | 32 | 33 | -------------------------------------------------------------------------------- /01 HTML/10 Maquetacion_4/Laboratorio.rar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/10 Maquetacion_4/Laboratorio.rar -------------------------------------------------------------------------------- /01 HTML/10 Maquetacion_4/media/background-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/10 Maquetacion_4/media/background-2.jpeg -------------------------------------------------------------------------------- /01 HTML/10 Maquetacion_4/media/front-end-cropped.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/10 Maquetacion_4/media/front-end-cropped.jpg -------------------------------------------------------------------------------- /01 HTML/10 Maquetacion_4/media/front-end.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/10 Maquetacion_4/media/front-end.jpg -------------------------------------------------------------------------------- /01 HTML/10 Maquetacion_4/media/full-stack-cropped.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/10 Maquetacion_4/media/full-stack-cropped.jpg -------------------------------------------------------------------------------- /01 HTML/10 Maquetacion_4/media/full-stack.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/10 Maquetacion_4/media/full-stack.jpg -------------------------------------------------------------------------------- /01 HTML/10 Maquetacion_4/media/hero.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/10 Maquetacion_4/media/hero.jpg -------------------------------------------------------------------------------- /01 HTML/10 Maquetacion_4/media/python-cropped.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/10 Maquetacion_4/media/python-cropped.jpg -------------------------------------------------------------------------------- /01 HTML/10 Maquetacion_4/media/python.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/10 Maquetacion_4/media/python.jpg -------------------------------------------------------------------------------- /01 HTML/10 Maquetacion_4/media/somos-Bejob.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/10 Maquetacion_4/media/somos-Bejob.jpg -------------------------------------------------------------------------------- /01 HTML/14 Maquetación_8_Parallax/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/14 Maquetación_8_Parallax/1.jpg -------------------------------------------------------------------------------- /01 HTML/14 Maquetación_8_Parallax/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/14 Maquetación_8_Parallax/2.jpg -------------------------------------------------------------------------------- /01 HTML/14 Maquetación_8_Parallax/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/14 Maquetación_8_Parallax/3.jpg -------------------------------------------------------------------------------- /01 HTML/14 Maquetación_8_Parallax/4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/14 Maquetación_8_Parallax/4.jpeg -------------------------------------------------------------------------------- /01 HTML/14 Maquetación_8_Parallax/5.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/14 Maquetación_8_Parallax/5.jpeg -------------------------------------------------------------------------------- /01 HTML/14 Maquetación_8_Parallax/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/14 Maquetación_8_Parallax/6.png -------------------------------------------------------------------------------- /01 HTML/14 Maquetación_8_Parallax/Explicación/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/14 Maquetación_8_Parallax/Explicación/1.png -------------------------------------------------------------------------------- /01 HTML/14 Maquetación_8_Parallax/Explicación/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/14 Maquetación_8_Parallax/Explicación/2.png -------------------------------------------------------------------------------- /01 HTML/14 Maquetación_8_Parallax/Explicación/explicacion.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 17 |
18 | 19 | -------------------------------------------------------------------------------- /01 HTML/14 Maquetación_8_Parallax/Explicación/posicion1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/14 Maquetación_8_Parallax/Explicación/posicion1.png -------------------------------------------------------------------------------- /01 HTML/14 Maquetación_8_Parallax/Explicación/posicion2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/14 Maquetación_8_Parallax/Explicación/posicion2.png -------------------------------------------------------------------------------- /01 HTML/14 Maquetación_8_Parallax/Mockup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/14 Maquetación_8_Parallax/Mockup.png -------------------------------------------------------------------------------- /01 HTML/14 Maquetación_8_Parallax/Skewed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/14 Maquetación_8_Parallax/Skewed.png -------------------------------------------------------------------------------- /01 HTML/14 Maquetación_8_Parallax/fondo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/14 Maquetación_8_Parallax/fondo.png -------------------------------------------------------------------------------- /01 HTML/14 Maquetación_8_Parallax/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/01 HTML/14 Maquetación_8_Parallax/logo.png -------------------------------------------------------------------------------- /01 HTML/Index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Documento sin título 6 | 7 | 8 | 9 |

10 |

11 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /02 CSS/003_Degradados.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | div { 4 | height: 400px; 5 | background: -webkit-radial-gradient(#3366ff 0%, #ff9966 100%); 6 | 7 | 8 | } 9 | 10 | #contenedor2{ 11 | height: 400px; 12 | background: linear-gradient(to bottom, #45ee1b 0%, #5c23c6 100%); 13 | } 14 | 15 | -------------------------------------------------------------------------------- /02 CSS/004_Degradados.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Degradados 8 | 9 | 12 | 13 | 14 | 15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam aspe

23 |
24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /02 CSS/004_galeria.css: -------------------------------------------------------------------------------- 1 | 2 | #titulo{ 3 | text-align: center; 4 | font-size: 40px; 5 | background-color: coral; 6 | background: linear-gradient(top, blue, rgb(124, 210, 212)); 7 | background: -webkit-linear-gradient(top, blue, rgb(124, 210, 212)); 8 | background: -ms-linear-gradient(top, blue, rgb(124, 210, 212)); 9 | background: -o-linear-gradient(top, blue, rgb(124, 210, 212)); 10 | width: 50%; 11 | border-radius: 30px; 12 | -webkit-border-radius: 30px; 13 | -moz-border-radius: 30px; 14 | -ms-border-radius: 30px; 15 | -o-border-radius: 30px; 16 | margin: 40px auto; 17 | padding: 15px; 18 | color: white; 19 | box-shadow: grey 15px 15px 15px; 20 | text-shadow: black 2px 2px 2px; 21 | } 22 | 23 | .imagen{ 24 | width: 200px; 25 | height: 130px; 26 | padding: 4px; 27 | border: 2px solid black; 28 | float: left; 29 | margin: 100px 35px; 30 | border-radius: 10px; 31 | -webkit-border-radius: 10px; 32 | -moz-border-radius: 10px; 33 | -ms-border-radius: 10px; 34 | -o-border-radius: 10px; 35 | transition: transform 0.5s ease-in-out 1s; 36 | -webkit-transition: transform 0.5s ease-in-out 1s; 37 | -moz-transition: transform 0.5s ease-in-out 1s; 38 | -ms-transition: transform 0.5s ease-in-out 1s; 39 | -o-transition: transform 0.5s ease-in-out 1s; 40 | box-shadow: grey 15px 15px 15px; 41 | } 42 | 43 | .imagen:hover{ 44 | transform: scale(1.2); 45 | -webkit-transform: scale(1.2); 46 | -moz-transform: scale(1.2); 47 | -ms-transform: scale(1.2); 48 | -o-transform: scale(1.2); 49 | } -------------------------------------------------------------------------------- /02 CSS/004_galeria.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Galería de imágenes 8 | 9 | 10 | 11 | 12 |
13 |

Galería de paisajes

14 |
15 | 16 |
17 | No se encuentra la imagen 18 |
19 | 20 |
21 | No se encuentra la imagen 22 |
23 | 24 |
25 | No se encuentra la imagen 26 |
27 | 28 |
29 | No se encuentra la imagen 30 |
31 | 32 | 33 | -------------------------------------------------------------------------------- /02 CSS/imagenes/paisaje1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/02 CSS/imagenes/paisaje1.jpg -------------------------------------------------------------------------------- /02 CSS/imagenes/paisaje2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/02 CSS/imagenes/paisaje2.jpg -------------------------------------------------------------------------------- /02 CSS/imagenes/paisaje3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/02 CSS/imagenes/paisaje3.png -------------------------------------------------------------------------------- /02 CSS/imagenes/paisaje4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/02 CSS/imagenes/paisaje4.jpg -------------------------------------------------------------------------------- /03 JAVASCRIPT/000_temp.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Documento sin título 7 | 8 | 9 | 10 | 11 | 12 |     
Primer DIV
13 |     
Segundo DIV
14 |     
Tercer DIV
15 | 16 |      17 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/001_innerHTML.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |

Título de la página WEB

7 |

Párrafo de texto.

8 | 9 |

10 | 11 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/002_documentWrite.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |

My First Web Page

7 |

My first paragraph.

8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/003_alert.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |

My First Web Page

6 |

My first paragraph.

7 | 8 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/004_console_log.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/005_prompt.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/006_Operador_ternario.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/006_sumaYasignacion - copia.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/007_IF.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/008_IF.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/009_switch_case.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/010_while.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/011_do_while.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/012_FOR.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/013_FOR_en_Arrays.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/014_FOR_para_rellenar_Array.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/015_break.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/016_continue.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/01_Entrada_Salida.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Entrada y salida de datos 9 | 10 | 11 | 12 | 13 |

Esto es una etiqueta puesta desde HTML

14 | 15 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/024_Return_sintaxis_alternativa.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 14 | 15 | 16 | 17 | 18 | 19 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/029_Arrays.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Documento sin título 7 | 8 | 9 | 10 | 11 | 17 | 18 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/02_variables.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Variables 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/03-03-PrecedenciaOperadores-UJS.js: -------------------------------------------------------------------------------- 1 | let a = 3, b = 2, c = 1, d = 4; 2 | 3 | let z = a * b + c / d; 4 | console.log(z); 5 | 6 | z = c + a * b / d; 7 | console.log( z ); 8 | 9 | z = (c + a) * b / c; 10 | console.log(z); -------------------------------------------------------------------------------- /03 JAVASCRIPT/030_Funciones_de_Arrays.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Documento sin título 6 | 9 | 10 | 11 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/031_Array_a_Texto.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Documento sin título 7 | 8 | 9 | 10 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/032_Rest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Documento sin título 7 | 8 | 9 | 10 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/033_Spread.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Documento sin título 7 | 8 | 9 | 10 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/034_Recorrer_Arrays_con_FOR.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Documento sin título 7 | 8 | 9 | 10 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/035_For_Each.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Documento sin título 7 | 8 | 9 | 10 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/035_For_In.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Documento sin título 7 | 8 | 9 | 10 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/036_Arrays_multidimensionales - copia.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Documento sin título 7 | 8 | 9 | 10 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/037_Recorrer_Arrays_multidimensionales copy.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Documento sin título 7 | 8 | 9 | 10 | 31 | 32 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/037_Recorrer_Arrays_multidimensionales.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Documento sin título 7 | 8 | 9 | 10 | 31 | 32 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/038_Funciones.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Funciones 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/038_Funciones.js: -------------------------------------------------------------------------------- 1 | // Funciones 2 | 3 | //Declaración de la función 4 | let num1 =5; 5 | let num2 = 10; 6 | 7 | function suma(){ 8 | console.log("La suma de " +num1 + " y " + num2 + " es " + (num1+num2)); 9 | } 10 | 11 | //Llamada a la función 12 | suma(); 13 | 14 | //Funciones con parámetros 15 | 16 | function suma2(num1, num2){ 17 | console.log("La suma de " +num1 + " y " + num2 + " es " + (num1+num2)); 18 | } 19 | 20 | //Sobrecarga de parámetros 21 | function suma2(num1, num2, num3){ 22 | console.log("La suma de " +num1 + " y " + num2 + " y " + num3+ " es " + (num1+num2+num3)); 23 | } 24 | 25 | suma2(3,5); 26 | suma2(3,5,6); 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_Ejercicios_01 copy.html: -------------------------------------------------------------------------------- 1 | 5 | 6 | 11 | 12 | 17 | 18 | 22 | 23 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_Ejercicios_01.html: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | Document 14 | 15 | 16 | 17 | 18 | 25 | 26 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_Ejercicios_02.html: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Document 15 | 16 | 17 | 18 |

Este es el contenido que quiero mostrar u ocultar

19 | 20 | 30 | 31 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_Ejercicios_03.html: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Document 15 | 16 | 17 |

Suma de dos números

18 | 19 |
20 | 21 |
22 |
23 |
24 | 37 | 38 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_Ejercicios_04.html: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | Document 14 | 15 | 16 |

Texto cambia de color y tamaño

17 |
18 |
¡Hola, mundo!
19 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_Ejercicios_05 Nombre-apellidos.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Nombre y apellidos 11 | 12 | 13 | 14 |
15 | 16 |
17 |
18 | 19 |
20 |
21 | 22 |
23 |
24 |
25 | 34 | 35 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_Ejercicios_06 media array.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Document 12 | 13 | 14 | 26 | 27 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_Ejercicios_07 palindromo.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Palíndromo 11 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_Ejercicios_08 cine.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_Ejercicios_09 ecuacion 2 grado.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | Ejercicio Ecuación 2 Grado 10 | 28 | 56 | 57 | 58 | 66 | 67 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_Ejercicios_10 calcula estacion.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Calcula estación del año 12 | 67 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_Ejercicios_11 valida mail.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Document 13 | 14 | 15 | 16 |
17 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
32 | 33 | 34 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_Ejercicios_12 cuenta palabras.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Contra palabras y caracteres 13 | 30 | 31 | 32 | 33 |
34 |

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Odio maiores alias 35 | exercitationem labore. Sapiente repellendus officiis delectus impedit omnis corporis ut, 36 | voluptas nisi. Distinctio iure voluptatum provident numquam illum nihil, saepe deleniti 37 | voluptas fugiat sunt cumque reiciendis, qui vero inventore deserunt repudiandae laudantium 38 | obcaecati? Illo expedita, voluptatem tempore id excepturi in ipsam deleniti optio? Nulla 39 | eos quasi libero ipsum veniam alias sit, cumque doloremque vel atque, ex quibusdam 40 | voluptatibus accusantium rem tempore quisquam fugiat dolores tenetur, voluptatum quam 41 | qui reprehenderit nam at vitae? Mollitia enim quasi temporibus repudiandae culpa alias 42 | id itaque facere, deserunt incidunt aliquid similique aspernatur fugit minus?

43 |
44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_Ejercicios_13 arrays.html: -------------------------------------------------------------------------------- 1 | 8 | 9 | 10 | 11 | 12 | Comprobar positivos y multiplicar 13 | 14 | 32 | 33 | 34 |

Comprobar positivos y multiplicar

35 | 36 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_Ejercicios_14 calcula DNI copy.html: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 10 | Ejercicio - Calculo de la letra del DNI 11 | 32 | 33 | 34 | 35 |

Esta página calcula la letra del DNI

36 | 37 | 38 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_Ejercicios_14 calcula DNI.html: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 10 | Ejercicio - Calculo de la letra del DNI 11 | 32 | 33 | 34 | 35 |

Esta página calcula la letra del DNI

36 | 37 | 38 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/039_TryCatch.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | try { 4 | // Código que puede lanzar una excepción 5 | let num = 10 / 0; // División por cero 6 | } catch (error) { 7 | // Manejo de la excepción 8 | console.log("Se produjo un error: " + error.message); 9 | } finally { 10 | // Código que siempre se ejecuta, independientemente de si se lanzó una excepción o no 11 | console.log("El bloque try-catch-finally ha terminado."); 12 | } 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/03_Casting.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Casting 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/03_Casting.js: -------------------------------------------------------------------------------- 1 | //CASTING O PASO DE TIPOS 2 | 3 | 4 | //------------------------------ 5 | //Paso de String a Number 6 | //------------------------------ 7 | 8 | //Declaro e inicializo una variable de tipo string 9 | let numeroInicial = "43"; 10 | 11 | //Le concateno a la variable el numero 17 12 | console.log(numeroInicial + 17); 13 | 14 | /* Paso la variable numeroInicial, que era un string, 15 | a Number y la almaceno en otra variable que he creado 16 | con el nombre de numeroReal 17 | */ 18 | let numeroReal = Number(numeroInicial); 19 | 20 | //También se puede hacer con parseInt: 21 | // let numeroReal = parseInt(numeroInicial); 22 | 23 | // numeroReal ahora vale = 43 24 | 25 | //Le sumo 17 a numeroReal 26 | console.log(numeroReal + 17); 27 | 28 | //------------------------------ 29 | //Paso de Number a String 30 | //------------------------------ 31 | 32 | //Declaro una variable de tipo Number 33 | let miNumero = 55; 34 | 35 | //Paso la variable Number a String y la almaceno en miCadena 36 | let miCadena = miNumero.toString(); 37 | 38 | //Compruebo que realmente es una cadena 39 | console.log(miCadena + 17); 40 | 41 | /*Un uso muy extendido de Number() es para pasar a numérico 42 | Lo que un usuario nos introduzca por PROMPT 43 | */ 44 | 45 | // Pido una edad por prompt, con lo que será de tipo STRING 46 | let edad = prompt("Introduzca su edad:"); 47 | 48 | /* Paso la variable edad a Number y la almaceno en una 49 | variable que he creado y a la que llamo edadNumerica 50 | */ 51 | 52 | let edadNumerica = Number(edad); 53 | 54 | //Opero con la variable 55 | console.log("El año que viene tendrás " + (edadNumerica + 1) + " años."); 56 | 57 | 58 | 59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/03_Strings.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Funciones de los Strings 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/03_Strings.js: -------------------------------------------------------------------------------- 1 | // Definir una cadena 2 | const cadena = "¡Hola, mundo!"; 3 | 4 | // length(): devuelve la longitud de la cadena 5 | console.log(cadena.length); // Output: 13 6 | 7 | // indexOf(): devuelve el índice de la primera aparición de una subcadena 8 | console.log(cadena.indexOf("mundo")); // Output: 6 9 | 10 | // lastIndexOf(): devuelve el índice de la última aparición de una subcadena 11 | console.log(cadena.lastIndexOf("o")); // Output: 8 12 | 13 | // charAt(): devuelve el carácter en un índice específico 14 | console.log(cadena.charAt(0)); // Output: "¡" 15 | 16 | // concat(): concatena dos o más cadenas 17 | console.log(cadena.concat(" Adiós, mundo!")); // Output: "¡Hola, mundo! Adiós, mundo!" 18 | 19 | // slice(): devuelve una subcadena entre dos índices 20 | console.log(cadena.slice(0, 4)); // Output: "¡Hol" 21 | 22 | // substr(): devuelve una subcadena desde un índice específico 23 | console.log(cadena.substr(6)); // Output: "mundo!" 24 | 25 | // substring(): devuelve una subcadena entre dos índices 26 | console.log(cadena.substring(6, 11)); // Output: "mundo" 27 | 28 | // replace(): reemplaza una subcadena por otra 29 | console.log(cadena.replace("mundo", "universo")); // Output: "¡Hola, universo!" 30 | 31 | // toUpperCase(): convierte la cadena a mayúsculas 32 | console.log(cadena.toUpperCase()); // Output: "¡HOLA, MUNDO!" 33 | 34 | // toLowerCase(): convierte la cadena a minúsculas 35 | console.log(cadena.toLowerCase()); // Output: "¡hola, mundo!" 36 | 37 | // trim(): elimina los espacios en blanco al principio y al final de la cadena 38 | console.log(" Hola, mundo! ".trim()); // Output: "Hola, mundo!" 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/03_Strings2.js: -------------------------------------------------------------------------------- 1 | // Métodos de los Strings 2 | 3 | // Pasamos de String a Number con parseInt() o con Number() 4 | 5 | // Pasamos de Number a String con variable.toString() 6 | 7 | //Pasar una cadena a mayúsculas 8 | //----------------------------- 9 | 10 | //Declaro una variable de tipo String 11 | let cadenaMin = "Mi cadena de prueba"; 12 | 13 | //Declaro otra variable donde almaceno cadenaMIN pasada a mayúsculas 14 | let cademaMAX = cadenaMin.toUpperCase(); 15 | 16 | //Imprimo el resultado 17 | console.log(cademaMAX); 18 | 19 | 20 | //Pasar una cadena a minúsculas 21 | //----------------------------- 22 | 23 | 24 | //Declaro una variable de tipo String 25 | let cadenaInicial = "Mi Cadena de Prueba"; 26 | 27 | //Declaro otra variable donde almaceno cadenaInicial pasada a minúsculas 28 | let cadenaFinal = cadenaInicial.toLowerCase(); 29 | 30 | //Imprimo el resultado 31 | console.log(cadenaFinal); 32 | 33 | 34 | // Calcular la longitud de una cadena 35 | 36 | let miCadena2 = "Calculo la longitud de la cadena"; 37 | let longitud = miCadena2.length; 38 | console.log("El String 'micadena2' tiene " + longitud + " caracteres."); 39 | 40 | //Concatenar dos cadenas de texto 41 | var text1 = "Primer texto"; 42 | var text2 = "Segundo texto"; 43 | var text3 = text1.concat(" ", text2); 44 | console.log(text3); 45 | 46 | //Se puede hacer con: 47 | console.log(text1 + " " + text2); 48 | 49 | 50 | // Extraer una serie de caracteres de una cadena 51 | 52 | let frase = "Este es la frase de prueba"; 53 | 54 | /* Tenemos que usar el método substring() en el que pondremos 55 | en la zona de parámetros el primer caracter (incluido) y 56 | el último (sin incluir). 57 | El primer carácter de un String ocupa la posición cero. 58 | */ 59 | let palabra = frase.substring(11, 16); 60 | console.log(palabra); 61 | 62 | //Reemplazar caracteres por otros 63 | 64 | let frase2 = "Buenas tardes"; 65 | 66 | /* Hay que poner el la zona de parámetros el elemento a 67 | sustituir y aquel por el que se sustituye 68 | */ 69 | let frase3 = frase2.replace("tardes", "noches"); 70 | console.log(frase3); 71 | 72 | // Mostrar el elemento que ocupa una posición en concreto. 73 | 74 | let frase4 = "Esta es la frase 4"; 75 | console.log(frase4.charAt(6)); 76 | 77 | //Localizar el último elemento de cualquier String. 78 | // Será el elemento en la posición Longitud-1 79 | console.log(frase4.charAt(frase4.length-1)); 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/05_Condicionales.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/05_Condicionales.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | let edad = Number(prompt("Introduzca su edad.")); 5 | 6 | 7 | 8 | if(edad<18){ 9 | alert("Eres menor de edad."); 10 | } 11 | else { 12 | alert("Eres mayor de edad."); 13 | } 14 | 15 | 16 | 17 | //Condicional con un OR lógico 18 | 19 | let procedencia1 = "Sevilla"; 20 | var procedencia2 = prompt("Introduce la procedencia2: "); 21 | 22 | if((procedencia1 == "Malaga") || (procedencia2 == "Madrid")){ 23 | alert("Acceso permitido"); 24 | }else{ 25 | alert("Acceso no permitido"); 26 | } 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/06_Condicionales2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/06_Condicionales2.js: -------------------------------------------------------------------------------- 1 | //Ejemplo 2. Validar si me puedo comprar un coche en función de si tengo el dinero. 2 | 3 | var precio = 30000; 4 | var dinero = prompt("Introduce cuanto dinero tienes: "); 5 | var edad2 = prompt("Introduce tu edad: "); 6 | let VIP = true; 7 | 8 | 9 | if ((dinero >= precio) && (edad2 >= 18)) { 10 | alert("Te puedes comprar el coche"); 11 | } 12 | else if((dinero >= precio) && (edad2 < 18)){ 13 | alert("Tienes el dinero pero no la edad"); 14 | } 15 | else if ((dinero < precio) && (edad2 > 18)){ 16 | alert("Tienes la edad pero no el dinero"); 17 | } 18 | else if((dinero < precio) && (edad2 < 18)){ 19 | alert("No tienes ni la edad ni el dinero"); 20 | } -------------------------------------------------------------------------------- /03 JAVASCRIPT/07_Condicionales3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/07_Condicionales3.js: -------------------------------------------------------------------------------- 1 | //Condicional con un OR lógico 2 | 3 | let procedencia1 = "Sevilla"; 4 | var procedencia2 = prompt("Introduce la procedencia2: "); 5 | 6 | if((procedencia1 == "Malaga") || (procedencia2 == "Madrid")){ 7 | alert("Acceso permitido"); 8 | }else{ 9 | alert("Acceso no permitido"); 10 | } -------------------------------------------------------------------------------- /03 JAVASCRIPT/08_Condicionales4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/08_Condicionales4.js: -------------------------------------------------------------------------------- 1 | //IF anidado 2 | 3 | let socio = true; 4 | let moroso = true; 5 | 6 | if(socio == true){ 7 | if(moroso == true){ 8 | alert("Es socio pero debe cuotas"); 9 | }else{ 10 | alert("Es socio al corriente de pago. Entrada permitida."); 11 | } 12 | }else{ 13 | alert("No se permite el acceso a NO socios"); 14 | } 15 | 16 | 17 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/09_Condicionales5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/09_Condicionales5.js: -------------------------------------------------------------------------------- 1 | //IF anidado. Ejemplo 2 2 | 3 | let login = prompt("Introduzca login"); 4 | let password = prompt("Introduzca password"); 5 | let loginCorrecto = "admin"; 6 | let passwordCorrecto = 1234; 7 | 8 | if ((login != "admin")) { 9 | alert("Usuario no encontrado. Acceso denegado"); 10 | } else { 11 | if (password == 1234) { 12 | alert("Login y Password correcto. Acceso permitido"); 13 | } else { 14 | alert("Password incorrecto. Vuelva a intentarlo"); 15 | } 16 | } 17 | 18 | /* Podemos darle la vuelta a la lógica 19 | 20 | if (login == "admin") { 21 | if (password == 1234) { 22 | alert("Login y Password correcto. Acceso permitido"); 23 | } else { 24 | alert("Password incorrecto. Vuelva a intentarlo"); 25 | } 26 | } else { 27 | alert("Usuario no encontrado. Acceso denegado"); 28 | } 29 | 30 | */ 31 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/10_CondicionalesSwitch1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/10_CondicionalesSwitch1.js: -------------------------------------------------------------------------------- 1 | //Condicional Switch 2 | 3 | var edad = 50; 4 | var imprime = ""; 5 | 6 | 7 | 8 | switch (edad) { 9 | case 18: 10 | imprime = "Acabas de cumplir la mayoría de edad"; 11 | break; 12 | 13 | case 25: 14 | imprime = "Eres un adulto"; 15 | break; 16 | 17 | case 50: 18 | imprime = "Eres maduro"; 19 | break; 20 | 21 | default: 22 | imprime = "Otra edad no contemplada"; 23 | } 24 | 25 | document.write(imprime); 26 | 27 | /* El mismo ejercicio pero hecho con un IF...ELSE 28 | 29 | if(edad == 18){ 30 | imprime = "Acabas de cumplir la mayoría de edad"; 31 | }else if(edad == 25){ 32 | imprime = "Eres un adulto"; 33 | }else if(edad == 50){ 34 | imprime = "Eres maduro"; 35 | }else{ 36 | imprime = "Otra edad no contemplada"; 37 | } 38 | 39 | document.write(imprime); 40 | 41 | */ -------------------------------------------------------------------------------- /03 JAVASCRIPT/10_CondicionalesSwitch2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/10_CondicionalesSwitch2.js: -------------------------------------------------------------------------------- 1 | //Condicional Switch con varios elementos de comparación 2 | 3 | let mes = Number(prompt("Introduce mes del año")); 4 | let estacion = ""; 5 | 6 | switch (mes) { 7 | case 12: 8 | case 1: 9 | case 2: 10 | estacion = "Invierno"; 11 | break; 12 | 13 | case 3: 14 | case 4: 15 | case 5: 16 | estacion = "Primavera"; 17 | break; 18 | 19 | case 6: 20 | case 7: 21 | case 8: 22 | estacion = "Verano"; 23 | break; 24 | 25 | case 9: 26 | case 10: 27 | case 11: 28 | estacion = "Otoño"; 29 | break; 30 | 31 | default: 32 | estacion = "Valor incorrecto"; 33 | } 34 | 35 | console.log(estacion); 36 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/11_CondicionalesParImpar.js: -------------------------------------------------------------------------------- 1 | let number = Number(prompt("Introduce un número.")); 2 | 3 | if(number % 2 == 0){ 4 | console.log("El número es par"); 5 | } 6 | else{ 7 | console.log("El número es impar"); 8 | } 9 | 10 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/11_condicionales.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/12_Operador_Ternario.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/12_Operador_Ternario.js: -------------------------------------------------------------------------------- 1 | //Sintaxis del operador ternario 2 | // (condicion) ? EjecutarSiTrue : EjecutarSiFalse; 3 | 4 | //Averiguar si un número es par 5 | 6 | var number = Number(prompt("Introduce número")); 7 | var resultado = (number % 2 == 0) ? "Es par" : "Es impar"; 8 | 9 | //Sería como poner 10 | 11 | if (number % 2 == 0) { 12 | resultado = "Es par"; 13 | } else { 14 | resultado = "Es impar"; 15 | } 16 | 17 | console.log(resultado); 18 | 19 | // Validar una comparación 20 | 21 | let resultado2 = (1 > 2) ? "Verdadero" : "Falso"; 22 | console.log(resultado2); 23 | 24 | 25 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/13_BuclesFOR_1 copy.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/13_BuclesFOR_1.js: -------------------------------------------------------------------------------- 1 | //BUCLES 2 | 3 | for (i = 0; i < 10; i++) { 4 | document.write("En esta vuelta de bucle I vale " + i); 5 | document.write("
"); 6 | } 7 | 8 | document.write("Ejecución terminada."); 9 | 10 | 11 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/14_BuclesWhile.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/14_BuclesWhile.js: -------------------------------------------------------------------------------- 1 | 2 | //Bucle While 3 | let contador = 0; 4 | let ciclos = Number(prompt("Introduce número de ejecuciones")); 5 | 6 | while(contador < ciclos){ 7 | console.log("Contador vale ahora " + contador); 8 | contador++; 9 | } 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/14_BuclesWhile_AveriguaNumero.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/14_BuclesWhile_AveriguaNumero.js: -------------------------------------------------------------------------------- 1 | 2 | //Creamos un número aleatorio entre 0 y 1. 3 | // Despues lo multiplicamos por 100 para que esté entre 0-100 4 | //Lo redondeamos para que sea entero 5 | var numero = 50 6 | 7 | var numero_introducido; 8 | var contador = 0; 9 | console.log(typeof(numero_introducido)); 10 | 11 | while (numero != numero_introducido) { 12 | numero_introducido = Number(prompt("Introduce número: ")); 13 | contador++; 14 | 15 | if (numero_introducido > numero) { 16 | alert("Demasiado alto"); 17 | } 18 | 19 | if (numero_introducido < numero) { 20 | alert("Demasiado bajo"); 21 | } 22 | 23 | } 24 | 25 | 26 | alert("CORRECTO¡¡¡, el número era el " + numero + ". Has acertado en " + contador + " intentos."); 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/14_BuclesWhile_AveriguaNumeroDoWhile.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/14_BuclesWhile_AveriguaNumeroDoWhile.js: -------------------------------------------------------------------------------- 1 | 2 | //Creamos un número aleatorio entre 0 y 1. 3 | // Despues lo multiplicamos por 100 para que esté entre 0-100 4 | //Lo redondeamos para que sea entero 5 | 6 | var numero = parseInt(Math.random() * 100); 7 | var numero_introducido; 8 | var contador = 0; 9 | 10 | do { 11 | numero_introducido = prompt("Introduce número: "); 12 | contador++; 13 | if (numero_introducido > numero) { 14 | alert("Demasiado alto"); 15 | } 16 | if (numero_introducido < numero) { 17 | alert("Demasiado bajo"); 18 | } 19 | } while (numero != numero_introducido); 20 | alert("CORRECTO¡¡¡, el número era el " + numero + ". Has acertado en " + contador + " intentos."); 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/15_Break_continue.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/15_Break_continue.js: -------------------------------------------------------------------------------- 1 | //Break 2 | /* 3 | let text = ""; 4 | 5 | for (let i = 0; i < 10; i++) { 6 | if (i === 5) break; 7 | text += i + "
"; 8 | } 9 | 10 | document.write(text); 11 | 12 | */ 13 | 14 | var year = 2000; 15 | 16 | while (year < 2010) { 17 | year++; 18 | 19 | if (year == 2005) { 20 | continue; 21 | } else { 22 | document.write(year + "

"); 23 | } 24 | } 25 | 26 | 27 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/16_Array_1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/16_Array_1.js: -------------------------------------------------------------------------------- 1 | //Arrays 2 | 3 | //Declaración de un array 4 | var miArray; 5 | 6 | //Inicialización de un Array 7 | miArray = ["Angel", 635, true, "negro"]; 8 | 9 | //Declaración e Inicialización de un Array 10 | 11 | var miArray2 = ["Angel", 635, true, "negro"]; 12 | 13 | //Imprimir el contenido de un array 14 | console.log(miArray2[0]); 15 | 16 | //Longitud de un array 17 | console.log(miArray2.length); 18 | 19 | //Los Strings son considerados como arrays de caracteres. 20 | var miString = "Esto es una frase"; 21 | console.log(miString.length); 22 | 23 | //Añadir elementos a un array en una determinada posición 24 | miArray2[5] = "hombre"; 25 | 26 | //Añadir elementos de forma dinámica 27 | miArray2[4] = prompt("Introduce el elemento en la posición 4:"); 28 | console.log(miArray2); 29 | 30 | //Ultimo elemento de un array. Igual que en los Strings. 31 | console.log(miArray[miArray.length - 1]); 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/17_Array_Metodos.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/18_Array_For.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/18_Array_For.js: -------------------------------------------------------------------------------- 1 | //Recorrer Arrays con un For 2 | 3 | var nombres = ["Angel", "Sara", "Manolo", "Ana"]; 4 | 5 | for ( i = 0; i < nombres.length; i++) { 6 | document.write("
  • " + nombres[i] + "
    • "); 7 | } 8 | 9 | 10 | //Recorre un array numérico 11 | var numbers = [3,54,67,100]; 12 | 13 | for(i=0; i"); 15 | } 16 | 17 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/19_Array_For_Each.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/19_Array_For_Each.js: -------------------------------------------------------------------------------- 1 | //Recorrer Arrays con un For...Each 2 | 3 | document.write(""); 12 | 13 | //Recorrer un array con for..each poniendo indices 14 | 15 | document.write(""); 21 | 22 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/20_Array_For_In.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/20_Array_For_In.js: -------------------------------------------------------------------------------- 1 | //Recorrer Arrays con un For...In 2 | 3 | var nombres = [ 4 | "Angel", 5 | "Sara", 6 | "Manolo", 7 | "Ana" 8 | ]; 9 | 10 | 11 | for (let i in nombres) { 12 | document.write("
  • " + nombres[i] + "
    • "); 13 | } 14 | 15 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/21_Array_multidimensional.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/21_Array_multidimensional.js: -------------------------------------------------------------------------------- 1 | // Arrays nultidimensionales. Dos dimensiones 2 | 3 | 4 | var peliculas = ['Batman', 'Cars', 'It']; 5 | var categoria = ['accion', 'infantil', 'Terror']; 6 | 7 | var cine = [peliculas, categoria]; 8 | 9 | //Sería como poner: 10 | //var cine = [['Batman', 'Cars', 'It'] , ['accion', 'infantil', 'Terror']]; 11 | 12 | console.log(cine); 13 | console.log(cine[1][2]); //Terror 14 | console.log(cine[1][0]); //Accion 15 | 16 | //Array de tres dimensiones 17 | var peliculas = ['Batman', 'Cars', 'It']; 18 | var categoria = ['accion', 'infantil', 'Terror']; 19 | var peliculasIT = ['IT1', 'IT2', 'IT3']; 20 | 21 | var cine = [peliculas, categoria]; 22 | 23 | //Sería como poner: 24 | //var cine = [['Batman', 'Cars', ['IT1', 'IT2', 'IT3']], ['accion', 'infantil', 'Terror']]; 25 | 26 | console.log(cine); 27 | console.log(cine[0][2][2]); 28 | 29 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/22_Recorrer_Array_multidimensional.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/22_Recorrer_Array_multidimensional.js: -------------------------------------------------------------------------------- 1 | // Recorre Arrays nultidimensionales. 2 | 3 | 4 | var peliculas = ['Batman', 'Cars', 'It', 'Predator']; 5 | var categoria = ['accion', 'infantil', 'Terror']; 6 | 7 | var cine = [peliculas, categoria]; 8 | 9 | 10 | for(i=0;iEsto es un H1 puesto desde javascript"); 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/temp.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Método MAP de los arrays 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /03 JAVASCRIPT/temp.js: -------------------------------------------------------------------------------- 1 | 2 | const peliculas = [ 3 | { pelicula: "El padrino", director: "Coppola", año: 1972 }, 4 | { pelicula: "El Padrino: Parte II", director: "Coppola", año: 1974 }, 5 | { pelicula: "El Caballero de la Noche", director: "Christopher Nolan", año: 2008 }, 6 | { pelicula: "La lista de Schindler", director: "Steven Spielberg", año: 1993 } 7 | ]; 8 | 9 | /* 10 | const nombresPeliculas = peliculas.map(function (pelicula) { 11 | return pelicula.pelicula; 12 | }); 13 | */ 14 | 15 | const nombresPeliculas = peliculas.map((x) => x.pelicula); 16 | 17 | console.log(nombresPeliculas); 18 | 19 | // ["El padrino", "El Padrino: Parte II", "El Caballero de la Noche", "La lista de Schindler"] 20 | 21 | 22 | -------------------------------------------------------------------------------- /04 PYTHON/001_Variables.py: -------------------------------------------------------------------------------- 1 | # VARIABLES 2 | 3 | # Lo ideal es declara e inicializar siempre las variables. 4 | # ----------------------------------------------------------- 5 | 6 | # Declaración de variable numérica entera: 7 | n_edad = 47 8 | 9 | # Declaración de variable numérica de coma flotante: 10 | n_numero = -23.5245 11 | 12 | # Declaración de variable de tipo string: 13 | 14 | s_nombre = 'Manolo es "amigo" mío' 15 | 16 | # Declaración de variable de tipo string en varias líneas: 17 | s_textoLargo = """Esto es un mensaje 18 | ...con tres saltos 19 | ...de linea""" 20 | 21 | print(s_textoLargo) 22 | 23 | # Sobreescribimos el valor de la variable s_edad y ahora la ponemos como string: 24 | s_edad = 2345 25 | 26 | # Declaración de constante: 27 | NUMEROPI = 3.14159 28 | 29 | # Declaración de un boolean 30 | is_verdadero = True 31 | is_casado = False 32 | 33 | 34 | # True = 1 y False = 0 35 | True == 1 36 | False == 0 37 | 38 | print(True + 2) 39 | 40 | # Cuando se valida una condición , Python devuelve True o False: 41 | print(10 > 9) 42 | print(10 == 9) 43 | print(10 < 9) 44 | 45 | 46 | 47 | # Declaración múltiple 48 | # En una sola instrucción, estamos declarando tres variables: a, b y c, y asignándoles un valor concreto a cada una. 49 | 50 | a, b, c = 'string', 15, True 51 | 52 | # Sería como poner: 53 | a = 'string' 54 | b = 15 55 | c = True 56 | 57 | # Para verificar el tipo de cualquier objeto en Python, usamos la función type() : 58 | 59 | print(type(n_edad)) 60 | print(type(n_numero)) 61 | print(type(s_nombre)) 62 | print(type(NUMEROPI)) 63 | print(type(is_verdadero)) 64 | print(type(is_casado)) 65 | 66 | 67 | -------------------------------------------------------------------------------- /04 PYTHON/002_Casting.py: -------------------------------------------------------------------------------- 1 | 2 | # Forzado de tipo Enteros: 3 | x = int(1) # x Valdrá 1 4 | y = int(2.8) # y Valdrá 2 5 | z = int("3") # z Valdrá 3 6 | 7 | 8 | # Forzado de tipo Float: 9 | x = float(1) # x Valdrá 1.0 10 | y = float(2.8) # y Valdrá 2.8 11 | z = float("3") # z Valdrá 3.0 12 | w = float("4.2") # w Valdrá 4.2 13 | 14 | # Forzado de tipo string: 15 | x = str("s1") # x Valdrá 's1' 16 | y = str(2) # y Valdrá '2' 17 | z = str(3.0) # z Valdrá '3.0' 18 | 19 | # CASTING. Reconversión de tipos: 20 | # Casting de int a float: 21 | n_numero = 13 22 | n_numero_2 = float(n_numero) 23 | 24 | # Casting de float a int: 25 | n_numero_3 = 24.876 26 | n_numero_4 = int(n_numero_3) 27 | 28 | # Casting de string a int 29 | s_texto = "13" 30 | n_numero_5 = int(s_texto) 31 | 32 | # Casting de int a string 33 | n_numero_6 = 27 34 | s_texto_2 = str(n_numero_6) 35 | 36 | 37 | print(n_numero_2) 38 | print(type(n_numero_2)) 39 | print(n_numero_4) 40 | print(type(n_numero_4)) 41 | print(n_numero_5) 42 | print(type(n_numero_5)) 43 | print(s_texto_2) 44 | print(type(s_texto_2)) 45 | -------------------------------------------------------------------------------- /04 PYTHON/002_Comentarios.py: -------------------------------------------------------------------------------- 1 | 2 | # Los comentarios son anotaciones que pondremos en nuestro código que el programa no va a tener en cuenta. 3 | # Existen dos tipos de comentarios: 4 | 5 | # Esto es un comentario de una línea 6 | 7 | """Esto es un comentario 8 | que me va a ocupar 9 | varias líneas""" 10 | -------------------------------------------------------------------------------- /04 PYTHON/002_Operadores.py: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | # Módulo. Nos devuelve el resto de una división: 5 | 6 | n_numerador = 85 7 | n_denominador = 9 8 | n_resto = n_numerador%n_denominador 9 | print("El resto de dividir" , n_numerador , "entre" , n_denominador , "es" , n_resto) 10 | 11 | 12 | # == Igual que... 13 | # No confundir con el operador de asignación = 14 | # Con = le damos un valor a una variable. Con == comprobamos si dos objetos son iguales. 15 | 16 | n_numero1 = 34 17 | s_texto1 = "34" 18 | n_numero1 == s_texto1 19 | 20 | 21 | n_numero2 = 34 22 | n_numero3 = 34 23 | n_numero2 == n_numero3 24 | 25 | # != Diferente que... 26 | 27 | n_numero4 = 34 28 | n_numero5 = 34 29 | n_numero4 != n_numero5 30 | 31 | # += Suma e incremento 32 | 33 | n_numero6 = 34 34 | n_numero6 += 1 #Sería como poner: n_numero6 = n_numero6 +1 35 | print(n_numero6) 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /04 PYTHON/003_print.py: -------------------------------------------------------------------------------- 1 | 2 | #Salida de directa de datos 3 | print("En esta ocasión hemos imprimido por pantalla este string") 4 | 5 | 6 | #Salida de datos calculados 7 | n_numero_1 = 4 8 | n_numero_2 = 6 9 | print("El resultado de sumar" , n_numero_1, "y" , n_numero_2 , "es" , (n_numero_1+n_numero_2)) 10 | 11 | #Si concatenamos int y strings usando el signo + nos puede dar problemas. 12 | print("El resultado de sumar " + n_numero_1 + " y " + n_numero_2 + " es " + (n_numero_1+n_numero_2)) 13 | 14 | print("El resultado de sumar" + " " + " os numeros") -------------------------------------------------------------------------------- /04 PYTHON/004_Input.py: -------------------------------------------------------------------------------- 1 | s_nombreIntroducido = input("Introduzca su nombre: ") 2 | 3 | print("Bienvenido", s_nombreIntroducido) 4 | 5 | # ------------------------------------- 6 | 7 | """ IMPORTANTE: Todo lo introducido por input() se considera string, aunque sea un número, 8 | por lo que, si necesitamos operar matemáticamente con números, tendremos que hacer un casting: 9 | """ 10 | 11 | s_edad = int(input("Introduzca su edad: ")) 12 | 13 | print("El año que viene tendrá usted ", s_edad + 1, "años") 14 | -------------------------------------------------------------------------------- /04 PYTHON/005_Metodos_Stringsb.py: -------------------------------------------------------------------------------- 1 | 2 | # find() retorna la posición de la primera similitud de la substring 3 | 4 | cadenaDeTexto = "Es peor cometer una injusticia que padecerla porque quien la comete se convierte en injusto y quien la padece no." 5 | print(cadenaDeTexto.find('quien')) 6 | 7 | # Devolvería: 52 8 | 9 | # ---------------------------------------------------------------- 10 | 11 | # rfind() retorna la última posición de la similitud de la substring. 12 | 13 | cadenaDeTexto = "Es peor cometer una injusticia que padecerla porque quien la comete se convierte en injusto y quien la padece no." 14 | print(cadenaDeTexto.rfind('quien')) 15 | 16 | # Devolvería: 94 17 | # Si, el substring no es encontrado retorna -1. 18 | # ---------------------------------------------------------------- 19 | 20 | # replace. Devuelve una cadena donde un valor especificado se reemplaza con un valor especificado 21 | 22 | miString = "Esto es bonito. Esto es bueno." 23 | newString = miString.replace("es" ,"FUE") 24 | print(newString) 25 | 26 | # Devolvería: Esto FUE bonito. Esto FUE bueno. 27 | # ---------------------------------------------------------------- 28 | -------------------------------------------------------------------------------- /04 PYTHON/006_Operadores_logicos.py: -------------------------------------------------------------------------------- 1 | 2 | 3 | a = True 4 | b = False 5 | resultado = a and b 6 | # print(resultado) 7 | 8 | resultado = a or b 9 | # print(resultado) 10 | 11 | resultado = not a 12 | print(resultado) 13 | 14 | #---------------------------------- 15 | # Sintaxis simplificada para varios operadores lógicos 16 | edad = int(input('Introduce tu edad: ')) 17 | 18 | #veintes = edad >= 20 and edad < 30 19 | #print(veintes) 20 | #treintas = edad >= 30 and edad <40 21 | #print(treintas) 22 | 23 | if ( 20 <= edad < 30) or (30 <= edad <40): 24 | print('Dentro de rango (20\'s) o (30\'s)') 25 | # if veintes: 26 | # print('Dentro de los 20\'s') 27 | # elif treintas: 28 | # print('Dentro de los 30\'s') 29 | # else: 30 | # print('Fuera de rango') 31 | else: 32 | print("No está dentro de los 20's ni 30's") 33 | 34 | 35 | -------------------------------------------------------------------------------- /04 PYTHON/007_Objetos_mutables_inmutables.py: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | # Obtener la dirección de memoria de una variable 6 | 7 | a = 65 8 | print("La dirección de memoria es" , id(a)) 9 | 10 | # Obtener la dirección de memoria de una variable que apunta a otra 11 | 12 | miNumero = 65 13 | miNumero2 = miNumero 14 | print("La dirección de memoria es" , id(miNumero)) 15 | print("La dirección de memoria es" , id(miNumero2)) 16 | 17 | # Si cambio la variable, realmente creo una copia en otra dirección de memoria: 18 | 19 | a = 65 20 | print("La dirección de memoria es" , id(a)) 21 | a+=2 22 | print("La dirección de memoria es" , id(a)) 23 | 24 | # Obtener la dirección de memoria de una tupla 25 | a = (1, 2, 3, 4, 5) 26 | print("La dirección de memoria es" , id(a)) 27 | 28 | # Obtener la dirección de memoria de una lista 29 | 30 | a = [1, 2, 3, 4, 5] 31 | print("La dirección de memoria es" , id(a)) 32 | 33 | # Obtener la dirección de memoria de un diccionario 34 | a = {'a': 1, 'b': 2} 35 | print(a) 36 | print("La dirección de memoria es" , id(a)) 37 | 38 | a["c"] = 3 39 | print(a) 40 | print("La dirección de memoria es" , id(a)) -------------------------------------------------------------------------------- /04 PYTHON/009_Operador ternario.py: -------------------------------------------------------------------------------- 1 | 2 | 3 | # Operador ternario 4 | 5 | num = 12 6 | 7 | var = "par" if (num % 2 == 0) else "impar" 8 | 9 | print(var) 10 | 11 | # Sería como escribir 12 | 13 | num = 12 14 | 15 | if num % 2 == 0: 16 | print="Par" 17 | else: print="Impar" 18 | 19 | 20 | -------------------------------------------------------------------------------- /04 PYTHON/011_While.py: -------------------------------------------------------------------------------- 1 | 2 | 3 | # WHILE 4 | 5 | # Imprime edad cuando el contador llegue a 18 6 | 7 | edad = 0 8 | while edad < 18: 9 | edad=edad+1 10 | print("Tienes "+str(edad)) 11 | 12 | # Pregunta la edad mientras sea negativa 13 | 14 | edad=int(input("Introduce edad: ")) 15 | 16 | while edad<0: 17 | print("Edad incorrecta") 18 | edad=int(input("Introduce edad: ")) 19 | 20 | print("tu edad es: "+str(edad)) 21 | 22 | # Calcula la raiz cuadrada de un número. Tenemos tres intentos y el número no puede ser negativo. 23 | 24 | import math; 25 | intentos=0 26 | num = int(input("Introduce numero: ")) 27 | 28 | while num<0: 29 | intentos=intentos+1 30 | print("Incorrecto") 31 | num=int(input("Introduce numero: ")) 32 | 33 | if intentos==2: 34 | print("Demasiados intentos") 35 | break 36 | 37 | if intentos<2: 38 | intentos=intentos+1 39 | solucion=math.sqrt(num) 40 | print("la raiz cuadrada de "+str(num)+ " es: "+str(solucion)) 41 | 42 | # Bucle while con un if anidado y un break 43 | # Salga del bucle cuando num sea 3: 44 | 45 | num = 1 46 | while num < 6: 47 | print(num) 48 | if num == 3: 49 | break 50 | num += 1 51 | 52 | 53 | 54 | # en Python no existe un bucle "do-while" como tal, pero se puede lograr un 55 | # comportamiento similar utilizando un bucle "while" junto con una condición de salida 56 | 57 | # Ejemplo de bucle "do-while" en Python 58 | 59 | # Variable de control 60 | contador = 0 61 | 62 | # Bucle "do-while" 63 | while True: 64 | # Código que se ejecuta al menos una vez 65 | print("El contador es:", contador) 66 | 67 | # Incrementar el contador 68 | contador += 1 69 | 70 | # Verificar la condición de salida 71 | if contador >= 5: 72 | break 73 | 74 | # Código adicional dentro del bucle 75 | print("Realizando más operaciones...") 76 | 77 | print("Fin del bucle") 78 | 79 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /04 PYTHON/013_Tuplas.py: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | # TUPLAS 5 | 6 | """Una tupla es una colección ordenada e inmutable. 7 | En Python, las tuplas se escriben entre paréntesis. 8 | """ 9 | 10 | # Declaración de una tupla 11 | 12 | miTupla = ("manzana", "banana", "cereza") 13 | print(miTupla[1]) 14 | 15 | # Otra forma de declararla 16 | 17 | miTupla = tuple(("manzana", "banana", "cereza")) 18 | print(miTupla) 19 | 20 | # El código generará un error de tipo TypeError: 21 | # TypeError: 'tuple' object does not support item assignment 22 | # Indexación Negativa 23 | 24 | mi_tupla = (1, 2, 3) 25 | mi_tupla[0] = 4 # Intentamos modificar el primer elemento de la tupla 26 | 27 | 28 | 29 | miTupla = ("manzana", "banana", "cereza") 30 | print(miTupla[-1]) 31 | 32 | # Rango de índices 33 | # Devuelve el tercer, cuarto y quinto elemento: 34 | 35 | miTupla = ("manzana", "banana", "cereza", "naranja", "kiwi", "melon", "mango") 36 | print(miTupla[2:5]) 37 | 38 | # Convierta la tupla en una lista para poder cambiarla: 39 | 40 | miTupla = ("manzana", "banana", "cereza") 41 | miLista = list(miTupla) 42 | print(miLista) 43 | miLista[1] = "kiwi" 44 | miTupla = tuple(miLista) 45 | 46 | print(miTupla) 47 | 48 | # Recorrer una tupla 49 | 50 | miTupla = ("manzana", "banana", "cereza") 51 | for x in miTupla: 52 | print(x) 53 | 54 | # Comprobar si existe un elemento 55 | # Compruebe si "manzana" está presente en la tupla: 56 | 57 | miTupla = ("manzana", "banana", "cereza") 58 | if "manzana" in miTupla: 59 | print("Sí, 'manzana' está en la tupla.") 60 | 61 | # Otra forma, simplemente con un boolean 62 | 63 | print("manzana" in miTupla) 64 | 65 | # Longitud de la tupla 66 | 67 | miTupla = ("manzana", "banana", "cereza") 68 | print(len(miTupla)) 69 | 70 | 71 | # Unir dos tuplas 72 | 73 | tupla1 = ("a", "b" , "c") 74 | tupla2 = (1, 2, 3) 75 | 76 | tupla3 = tupla1 + tupla2 77 | print(tupla3) 78 | 79 | # Cuantas veces se encuentra el elemento 4 en miTupla? 80 | 81 | miTupla = ("manzana", "banana", "cereza" , "manzana") 82 | print(miTupla.count("manzana")) 83 | 84 | # Desempaquetdo de tupla 85 | 86 | miTupla=("Angel", 4, 5.345, True, 4) 87 | nombre, num1, num2, valor1, num3=miTupla 88 | 89 | print(nombre) 90 | print(num1) 91 | print(num2) 92 | print(valor1) 93 | print(num3) 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | -------------------------------------------------------------------------------- /04 PYTHON/018_Modulos.py: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | # Módulos 5 | 6 | """ 7 | Para llamar a una función que tengamos en un módulo tenemos que importarla y luego 8 | usar la nomenclatura del punto: 9 | Suponiendo que en un módulo funciones.py tenemos la siguiente función suma: 10 | """ 11 | def suma(num1, num2): 12 | print("suma= ", num1+num2) 13 | 14 | # Desde otro módulo la llamaríamos así: 15 | 16 | import funciones 17 | funciones.suma(3,4) #Además de importar debemos usar la nomenclatura del punto. 18 | 19 | 20 | # Para simplificar también podemos poner: 21 | 22 | from funciones import suma 23 | suma(3,4) 24 | 25 | # De esta forma, además, ya no necesitamos usar la nomenclatura del punto. 26 | 27 | # --------------------------------------- 28 | 29 | 30 | # Si queremos importar todo el contenido de un paquete: 31 | 32 | from funciones import * 33 | 34 | # La función dir() enumera todos los elementos de un módulo. 35 | 36 | import funciones 37 | 38 | x = dir(funciones) 39 | print(x) 40 | 2400 -------------------------------------------------------------------------------- /04 PYTHON/019_POO_1.py: -------------------------------------------------------------------------------- 1 | 2 | # POO 3 | 4 | # CREACIÓN DE UNA CLASE 5 | 6 | 7 | class Coche(): 8 | # Declaración de atributos 9 | largo = 250 10 | ancho = 120 11 | ruedas = 4 12 | peso = 900 13 | color = "rojo" 14 | is_enMarcha = False 15 | 16 | # Declaración de métodos 17 | def arrancar(self): # self hace referencia a la instancia de clase. 18 | self.is_enMarcha = True # Es como si pusiésemos miCoche.is_enMarcha = True 19 | 20 | def estado(self): 21 | if (self.is_enMarcha == True): 22 | return "El coche está arrancado" 23 | else: 24 | return "El coche está parado" 25 | 26 | # Declaración de una instancia de clase, objeto de clase o ejemplar de clase. 27 | miCoche = Coche() 28 | miCoche2 = Coche() 29 | 30 | # Acceso a un atributo de la clase Coche. Nomenclatura del punto. 31 | print("El largo del coche es de" , miCoche.largo, "cm.") 32 | miCoche.arrancar() 33 | print(miCoche.estado()) 34 | 35 | # Acceso a un método de la clase Coche. Nomenclatura del punto. 36 | print("El coche está arrancado:" , miCoche.arrancar()) 37 | 38 | #Modificamos el valor de una propiedad 39 | miCoche2.ruedas = 10 40 | print("El coche2 tiene:" , miCoche2.ruedas, "ruedas.") -------------------------------------------------------------------------------- /04 PYTHON/019_POO_1b.py: -------------------------------------------------------------------------------- 1 | # POO 2 | 3 | # CREACIÓN DE UNA CLASE 4 | class Usuario(): 5 | # Declaración de atributos 6 | nombre = "Angel" 7 | __edad = 47 8 | login = "admin" 9 | password = "1234" 10 | email = "angel@loquesea.com" 11 | telefono = 666666666 12 | 13 | # Declaración de métodos 14 | def resumen(self): # self hace referencia a la instancia de clase. 15 | print(f'Los datos del usuario son:\n' 16 | f'Nombre: {self.nombre}\n' 17 | f'Edad: {self.__edad}\n' 18 | f'Login: {self.login}\n' 19 | f'Password: {self.password}\n' 20 | f'Email: {self.email}\n' 21 | f'Teléfono: {self.telefono}') 22 | 23 | def cambiaEdad(self): 24 | edadIntroducida = int(input("Introduce edad entre 18-100:")) 25 | 26 | if 18 < edadIntroducida < 100: 27 | self.__edad = edadIntroducida 28 | print("Edad introducida correcta") 29 | return "" 30 | else: 31 | print("La edad introducida no es correcta.") 32 | self.cambiaEdad() 33 | return "" 34 | 35 | 36 | def muestraEdad(self): 37 | print('La edad del usuario es:', self.__edad, 'años.') 38 | return "" 39 | 40 | 41 | 42 | administrador = Usuario() 43 | administrador.resumen() 44 | 45 | print(administrador.cambiaEdad()) 46 | print(administrador.muestraEdad()) 47 | -------------------------------------------------------------------------------- /04 PYTHON/019_POO_2_Constructor.py: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | # POO 5 | 6 | # CREACIÓN DE UNA CLASE 7 | 8 | from ast import If 9 | 10 | 11 | class Coche(): 12 | # Declaración de atributos 13 | largo = 250 14 | ancho = 120 15 | ruedas = 4 16 | peso = 900 17 | color = "rojo" 18 | is_enMarcha = False 19 | 20 | # Declaración de métodos 21 | def arrancar(self): # self hace referencia a la instancia de clase. 22 | self.is_enMarcha = True # Es como si pusiésemos miCoche.is_enMarcha = True 23 | 24 | def estado(self): 25 | if (self.is_enMarcha == True): 26 | return "El coche está arrancado" 27 | else: 28 | return "El coche está parado" 29 | 30 | # Declaración de una instancia de clase, objeto de clase o ejemplar de clase. 31 | miCoche = Coche() 32 | 33 | # Acceso a un atributo de la clase Coche. Nomenclatura del punto. 34 | print("El largo del coche es de" , miCoche.largo, "cm.") 35 | miCoche.arrancar() 36 | print(miCoche.estado()) 37 | 38 | # Acceso a un método de la clase Coche. Nomenclatura del punto. 39 | print("El coche está arrancado:" , miCoche.arrancar()) -------------------------------------------------------------------------------- /04 PYTHON/019_POO_ClaseCalculadora.py: -------------------------------------------------------------------------------- 1 | class Calculadora: 2 | """ 3 | Clase Aritmetica para realizar las operaciones de sumar, restar, etc 4 | """ 5 | 6 | def __init__(self, num1, num2): 7 | self.num1 = num1 8 | self.num2 = num2 9 | 10 | def sumar(self): 11 | return self.num1 + self.num2 12 | 13 | def restar(self): 14 | return self.num1 - self.num2 15 | 16 | def multiplicar(self): 17 | return self.num1 * self.num2 18 | 19 | def dividir(self): 20 | return self.num1 / self.num2 21 | 22 | 23 | calculo = Calculadora(5, 3) 24 | print(f'Suma: {calculo.sumar()}') 25 | print(f'Resta: {calculo.restar()}') 26 | print(f'Multiplicación: {calculo.multiplicar()}') 27 | print(f'División: {calculo.dividir():.2f}') 28 | -------------------------------------------------------------------------------- /04 PYTHON/020_POO_2_Constructor_2 copy.py: -------------------------------------------------------------------------------- 1 | # POO 2 | 3 | # CREACIÓN DE UNA CLASE 4 | 5 | 6 | class Coche: 7 | 8 | def __init__(self): # Método constructor. double underscore = dunder 9 | self.largo = 250 10 | self.ancho = 120 11 | self.ruedas = 4 12 | self.peso = 900 13 | self.color = "rojo" 14 | self.is_enMarcha = False 15 | 16 | # Declaración de métodos 17 | def arrancar(self): # self hace referencia a la instancia de clase. 18 | self.is_enMarcha = True # Es como si pusiésemos miCoche.is_enMarcha = True 19 | 20 | def estado(self): 21 | if (self.is_enMarcha == True): 22 | return "El coche está arrancado" 23 | else: 24 | return "El coche está parado" 25 | 26 | # Declaración de una instancia de clase, objeto de clase o ejemplar de clase. 27 | 28 | 29 | miCoche = Coche() 30 | 31 | # Acceso a un atributo de la clase Coche. Nomenclatura del punto. 32 | miCoche.ruedas = 7 33 | print("El largo del coche es de", miCoche.largo, "cm.") 34 | miCoche.arrancar() 35 | print(miCoche.estado()) 36 | 37 | # Acceso a un método de la clase Coche. Nomenclatura del punto. 38 | print("El coche está arrancado:", miCoche.arrancar()) 39 | -------------------------------------------------------------------------------- /04 PYTHON/020_POO_2_Constructor_2.py: -------------------------------------------------------------------------------- 1 | # POO 2 | 3 | # CREACIÓN DE UNA CLASE 4 | 5 | 6 | class Coche: 7 | 8 | def __init__(self): # Método constructor. double underscore = dunder 9 | self.largo = 250 10 | self.ancho = 120 11 | self.ruedas = 4 12 | self.peso = 900 13 | self.color = "rojo" 14 | self.is_enMarcha = False 15 | 16 | # Declaración de métodos 17 | def arrancar(self): # self hace referencia a la instancia de clase. 18 | self.is_enMarcha = True # Es como si pusiésemos miCoche.is_enMarcha = True 19 | 20 | def estado(self): 21 | if (self.is_enMarcha == True): 22 | return "El coche está arrancado" 23 | else: 24 | return "El coche está parado" 25 | 26 | # Declaración de una instancia de clase, objeto de clase o ejemplar de clase. 27 | miCoche = Coche() 28 | 29 | # Acceso a un atributo de la clase Coche. Nomenclatura del punto. 30 | miCoche.ruedas = 7 31 | print("El largo del coche es de", miCoche.largo, "cm.") 32 | miCoche.arrancar() 33 | print(miCoche.estado()) 34 | 35 | # Acceso a un método de la clase Coche. Nomenclatura del punto. 36 | print("El coche está arrancado:", miCoche.arrancar()) 37 | -------------------------------------------------------------------------------- /04 PYTHON/020_POO_2_Constructor_2_parametros.py: -------------------------------------------------------------------------------- 1 | # POO 2 | 3 | # CREACIÓN DE UNA CLASE 4 | 5 | 6 | class Coche: 7 | 8 | def __init__(self, largo, ancho, ruedas, peso, color, is_enMarcha): # Método constructor. double underscore = dunder 9 | self.largo = largo 10 | self.ancho = ancho 11 | self.ruedas = ruedas 12 | self.peso = peso 13 | self.color = color 14 | self.is_enMarcha = is_enMarcha 15 | 16 | # Declaración de métodos 17 | def arrancar(self): # self hace referencia a la instancia de clase. 18 | self.is_enMarcha = True # Es como si pusiésemos miCoche.is_enMarcha = True 19 | 20 | def estado(self): 21 | if (self.is_enMarcha == True): 22 | return "El coche está arrancado" 23 | else: 24 | return "El coche está parado" 25 | 26 | # Declaración de una instancia de clase, objeto de clase o ejemplar de clase. 27 | 28 | 29 | miCoche = Coche(250, 120, 4, 900, "rojo", False) 30 | 31 | # Acceso a un atributo de la clase Coche. Nomenclatura del punto. 32 | miCoche.ruedas = 7 33 | print("El largo del coche es de", miCoche.largo, "cm.") 34 | miCoche.arrancar() 35 | print(miCoche.estado()) 36 | 37 | # Acceso a un método de la clase Coche. Nomenclatura del punto. 38 | print("El coche está arrancado:", miCoche.arrancar()) 39 | -------------------------------------------------------------------------------- /04 PYTHON/020_POO_2_Constructor_3.py: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | # POO 5 | 6 | # CONSTRUCTORES CON PARÁMETROS 7 | 8 | class Persona: 9 | def __init__(self, nombre, apellido, edad): 10 | self.nombre = nombre 11 | self.apellido = apellido 12 | self.edad = edad 13 | 14 | persona1 = Persona('Juan', 'Perez', 28) 15 | print(persona1.nombre) 16 | print(persona1.apellido) 17 | print(persona1.edad) 18 | 19 | 20 | -------------------------------------------------------------------------------- /04 PYTHON/020_POO_AreaRectangulo.py: -------------------------------------------------------------------------------- 1 | class Rectangulo: 2 | def __init__(self, base, altura): 3 | self.base = base 4 | self.altura = altura 5 | 6 | def cacular_area(self): 7 | return self.base * self.altura 8 | 9 | 10 | base = int(input('Proporciona la base: ')) 11 | altura = int(input('Proporciona la altura: ')) 12 | 13 | rectangulo1 = Rectangulo(base, altura) 14 | print(f'Área rectángulo: {rectangulo1.cacular_area()}') 15 | 16 | base = int(input('Proporciona la base: ')) 17 | altura = int(input('Proporciona la altura: ')) 18 | 19 | rectangulo2 = Rectangulo(base, altura) 20 | print(f'Área rectángulo: {rectangulo2.cacular_area()}') 21 | -------------------------------------------------------------------------------- /04 PYTHON/020_POO_atributosTuplas.py: -------------------------------------------------------------------------------- 1 | class Persona: 2 | def __init__(self, nombre, apellido, edad, *valores, **terminos): 3 | self.nombre = nombre 4 | self.apellido = apellido 5 | self.edad = edad 6 | self.valores = valores 7 | self.terminos = terminos 8 | 9 | def mostrar_detalle(self): 10 | print(f'Persona: {self.nombre} {self.apellido} {self.edad} {self.valores} {self.terminos}') 11 | 12 | 13 | persona1 = Persona('Juan', 'Perez', 28, '44553322', 2, 3, 5, m='manzana', p='pera') 14 | persona1.mostrar_detalle() 15 | 16 | persona2 = Persona('Karla', 'Gomez', 30) 17 | persona2.mostrar_detalle() 18 | -------------------------------------------------------------------------------- /04 PYTHON/020_POO_volumenCubo.py: -------------------------------------------------------------------------------- 1 | class Cubo: 2 | def __init__(self, ancho, alto, profundo): 3 | self.ancho = ancho 4 | self.alto = alto 5 | self.profundo = profundo 6 | 7 | def calcular_volumen(self): 8 | return self.ancho * self.alto * self.profundo 9 | 10 | 11 | ancho = int(input('Proporciona el ancho: ')) 12 | alto = int(input('Proporciona el alto: ')) 13 | profundo = int(input('Proprociona lo profundo: ')) 14 | 15 | cubo1 = Cubo(ancho, alto, profundo) 16 | print(f'Volúmen cubo: {cubo1.calcular_volumen()}') 17 | -------------------------------------------------------------------------------- /04 PYTHON/021_POO_Ecapsulación.py: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | # POO 5 | 6 | # CREACIÓN DE UNA CLASE 7 | 8 | 9 | class Coche(): 10 | # Método constructor 11 | def __init__(self): 12 | self.__largo = 250 13 | self.__ancho = 120 14 | self.__ruedas = 4 15 | self.__peso = 900 16 | self.__color = "rojo" 17 | self.__is_enMarcha = False 18 | 19 | # Declaración de métodos 20 | def arrancar(self): # self hace referencia a la instancia de clase. 21 | self.is_enMarcha = True # Es como si pusiésemos miCoche.is_enMarcha = True 22 | 23 | def estado(self): 24 | if (self.is_enMarcha == True): 25 | return "El coche está arrancado" 26 | else: 27 | return "El coche está parado" 28 | 29 | # Declaración de una instancia de clase, objeto de clase o ejemplar de clase. 30 | miCoche = Coche() 31 | 32 | miCoche.__ruedas = 9 33 | print("Mi coche tiene",miCoche.__ruedas, "ruedas.") 34 | help(Coche) -------------------------------------------------------------------------------- /04 PYTHON/021_POO_Ecapsulación2.py: -------------------------------------------------------------------------------- 1 | # POO 2 | 3 | # CREACIÓN DE UNA CLASE 4 | 5 | class Persona: 6 | def __init__(self, nombre, apellido, edad): 7 | self._nombre = nombre 8 | self.apellido = apellido 9 | self.edad = edad 10 | 11 | @property 12 | def nombre(self): 13 | print('Llamando método get nombre') 14 | return self._nombre 15 | 16 | @nombre.setter 17 | def nombre(self, nombre): 18 | print('Llamando método set nombre') 19 | self._nombre = nombre 20 | 21 | def mostrar_detalle(self): 22 | print(f'Persona: {self._nombre} {self.apellido} {self.edad}') 23 | 24 | #Sin decoradores 25 | 26 | 27 | #def mostrar_detalle(self): 28 | # print(f'Persona: {self.nombre()} {self.apellido} {self.edad}') 29 | 30 | 31 | persona1 = Persona('Juan', 'Perez', 28) 32 | persona1.nombre = 'Juan Carlos' 33 | print(persona1.nombre) 34 | # persona1._nombre = 'Cambio' 35 | # print(persona1._nombre) 36 | -------------------------------------------------------------------------------- /04 PYTHON/021_POO_Ecapsulación4_readOnly.py: -------------------------------------------------------------------------------- 1 | class Persona: 2 | def __init__(self, nombre, apellido, edad): 3 | self._nombre = nombre 4 | self.apellido = apellido 5 | self.edad = edad 6 | 7 | @property 8 | def nombre(self): 9 | print('Llamando método get nombre') 10 | return self._nombre 11 | 12 | # @nombre.setter 13 | # def nombre(self, nombre): 14 | # print('Llamando método set nombre') 15 | # self._nombre = nombre 16 | 17 | def mostrar_detalle(self): 18 | print(f'Persona: {self._nombre} {self.apellido} {self.edad}') 19 | 20 | 21 | persona1 = Persona('Juan', 'Perez', 28) 22 | persona1.nombre = 'Juan Carlos' 23 | print(persona1.nombre) 24 | # persona1._nombre = 'Cambio' 25 | # print(persona1._nombre) 26 | -------------------------------------------------------------------------------- /04 PYTHON/021_POO_Ecapsulación5.py: -------------------------------------------------------------------------------- 1 | class Persona: 2 | def __init__(self, nombre, apellido, edad): 3 | self._nombre = nombre 4 | self._apellido = apellido 5 | self._edad = edad 6 | 7 | @property 8 | def nombre(self): 9 | return self._nombre 10 | 11 | @nombre.setter 12 | def nombre(self, nombre): 13 | self._nombre = nombre 14 | 15 | @property 16 | def apellido(self): 17 | return self._apellido 18 | 19 | @apellido.setter 20 | def apellido(self, apellido): 21 | self._apellido = apellido 22 | 23 | @property 24 | def edad(self): 25 | return self._edad 26 | 27 | @edad.setter 28 | def edad(self, edad): 29 | self._edad = edad 30 | 31 | def mostrar_detalle(self): 32 | print(f'Persona: {self._nombre} {self._apellido} {self._edad}') 33 | 34 | 35 | persona1 = Persona('Juan', 'Perez', 28) 36 | persona1.nombre = 'Juan Carlos' 37 | persona1.apellido = 'Lara' 38 | persona1.edad = 30 39 | persona1.mostrar_detalle() 40 | 41 | # persona1._nombre = 'Cambio' 42 | # print(persona1._nombre) 43 | -------------------------------------------------------------------------------- /04 PYTHON/022_POO_Herencia.py: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | # POO 5 | 6 | # CREACIÓN DE UNA CLASE PADRE 7 | # Todas las clases heredan de la superclase OBJECT 8 | # Es como si pusiésemos: class Empleado(object): 9 | 10 | class Empleado(): 11 | # Método constructor 12 | def __init__(self, nombre, cargo): 13 | self.nombre = nombre 14 | self.cargo = cargo 15 | self.sueldo = 0 16 | 17 | def modificaSueldo(self, sueldo): 18 | self.sueldo = sueldo 19 | 20 | def muestraSueldo(self): 21 | print("El sueldo del", self.cargo, "es de", self.sueldo) 22 | 23 | 24 | conserje = Empleado("Manolo", "conserje") 25 | 26 | conserje.modificaSueldo(15000) 27 | 28 | conserje.muestraSueldo() 29 | 30 | class Jefe(Empleado): 31 | 32 | def plusSueldo(self, plus): 33 | self.sueldo = self.sueldo + plus 34 | 35 | def muestraSueldo(self): 36 | print("El sueldo del", self.cargo, "es de", self.sueldo), 37 | 38 | D_Andres = Jefe("D. Andrés", "jefe de ventas") 39 | 40 | 41 | D_Andres.modificaSueldo(25000) 42 | D_Andres.plusSueldo(5000) 43 | 44 | D_Andres.muestraSueldo() 45 | 46 | print(D_Andres.nombre) -------------------------------------------------------------------------------- /04 PYTHON/023_POO_Decoradores_1.py: -------------------------------------------------------------------------------- 1 | 2 | #Función decoradora 3 | 4 | def funcion_decoradora(funcion_a_decorar): 5 | 6 | def funcion_interior(): 7 | print("El resultado es ") 8 | 9 | funcion_a_decorar() 10 | 11 | print(". Calculo terminado.") 12 | 13 | return funcion_interior 14 | 15 | 16 | @funcion_decoradora 17 | def suma(): 18 | print(15+20) 19 | 20 | # @funcion_decoradora 21 | def resta(): 22 | print(30-10) 23 | 24 | suma() 25 | resta() 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /04 PYTHON/023_POO_Decoradores_2.py: -------------------------------------------------------------------------------- 1 | 2 | #Función decoradora con parámetros 3 | 4 | def funcion_decoradora(funcion_a_decorar): 5 | 6 | def funcion_interior(num1, num2): 7 | print("El resultado es ") 8 | 9 | funcion_a_decorar(num1, num2) 10 | 11 | print(". Calculo terminado.") 12 | 13 | return funcion_interior 14 | 15 | 16 | @funcion_decoradora 17 | def suma(num1, num2): 18 | print(num1+num2) 19 | 20 | # @funcion_decoradora 21 | def resta(num1, num2): 22 | print(num1-num2) 23 | 24 | suma(3,5) 25 | resta(10,5) 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /04 PYTHON/023_POO_Decoradores_3.py: -------------------------------------------------------------------------------- 1 | 2 | #Función decoradora con parámetros variables 3 | 4 | def funcion_decoradora(funcion_a_decorar): 5 | 6 | def funcion_interior(*args): 7 | print("El resultado es ") 8 | 9 | funcion_a_decorar(*args) 10 | 11 | print(". Calculo terminado.") 12 | 13 | return funcion_interior 14 | 15 | 16 | @funcion_decoradora 17 | def suma(num1, num2): 18 | print(num1+num2) 19 | 20 | # @funcion_decoradora 21 | def resta(num1, num2): 22 | print(num1-num2) 23 | 24 | @funcion_decoradora 25 | def multiplica(num1, num2, num3): 26 | print(num1*num2*num3) 27 | 28 | suma(3,5) 29 | resta(10,5) 30 | multiplica(2, 3, 4) 31 | 32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /04 PYTHON/023_POO_Decoradores_4.py: -------------------------------------------------------------------------------- 1 | 2 | #Función decoradora con parámetros variables y/o de tipo diccionario 3 | 4 | def funcion_decoradora(funcion_a_decorar): 5 | 6 | def funcion_interior(*args, **kwargs): 7 | print("El resultado es ") 8 | 9 | funcion_a_decorar(*args, **kwargs) 10 | 11 | print(". Calculo terminado.") 12 | 13 | return funcion_interior 14 | 15 | 16 | @funcion_decoradora 17 | def suma(num1, num2): 18 | print(num1+num2) 19 | 20 | # @funcion_decoradora 21 | def resta(num1, num2): 22 | print(num1-num2) 23 | 24 | @funcion_decoradora 25 | def multiplica(num1, num2, num3): 26 | print(num1*num2*num3) 27 | 28 | @funcion_decoradora 29 | def potencia(base, exponente): 30 | print(pow(base, exponente)) 31 | 32 | suma(3,5) 33 | resta(10,5) 34 | multiplica(2, 3, 4) 35 | potencia(base=3, exponente=4) 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /04 PYTHON/023_POO_Herencia_1.py: -------------------------------------------------------------------------------- 1 | # Definición de la clase padre 2 | 3 | class Persona: 4 | def __init__(self, nombre, edad): 5 | self.nombre = nombre 6 | self.edad = edad 7 | 8 | 9 | # Definición de la clase hija que hereda de la clase padre. 10 | class Empleado(Persona): 11 | def __init__(self, nombre, edad, sueldo): 12 | #super().__init__(nombre, edad) #Nos permite acceder a los métodos del padre 13 | self.nombre = nombre 14 | self.edad = edad 15 | self.sueldo = sueldo 16 | 17 | 18 | # Instancia de la clase hija. 19 | empleado1 = Empleado('Juan', 28, 5000) 20 | print(empleado1.nombre) 21 | print(empleado1.edad) 22 | print(empleado1.sueldo) 23 | -------------------------------------------------------------------------------- /04 PYTHON/023_POO_Herencia_2.py: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | class Persona(): 6 | def __init__(self, nombre, edad, lugar): 7 | self.nombre=nombre 8 | self.edad=edad 9 | self.lugar=lugar 10 | 11 | 12 | def descripcion(self): 13 | print("El nombre es ", self.nombre, ", tiene ", self.edad, " anyos", " y es de ", self.lugar) 14 | 15 | 16 | # Para personalizar el constructor del padre de acuerdo a las necesidades del hijo se usa super(): 17 | 18 | class Empleado(Persona): 19 | def __init__(self, salario, antiguedad, nombre_emp, edad_emp, lugar_epm): 20 | super().__init__(nombre_emp, edad_emp, lugar_epm) 21 | self.salario=salario 22 | self.antiguedad=antiguedad 23 | 24 | def descripcion(self): 25 | super().descripcion() 26 | print("Salario: ", self.salario, ", antiguedad: ", self.antiguedad) 27 | 28 | Angel=Persona("Angel", 43, "Malaga") 29 | Angel.descripcion() 30 | 31 | Empleado1=Empleado(2000, 2017, "Manolo", 33, "Madrid") 32 | Empleado1.descripcion() 33 | 34 | -------------------------------------------------------------------------------- /04 PYTHON/023_POO_Herencia_3.py: -------------------------------------------------------------------------------- 1 | class Persona: 2 | def __init__(self, nombre, edad, lugar): 3 | self.nombre = nombre 4 | self.edad = edad 5 | self.lugar = lugar 6 | 7 | def descripcion(self): 8 | print("El nombre es ", self.nombre, ", tiene ", self.edad, " anyos", " y es de ", self.lugar) 9 | 10 | # Para personalizar el constructor del padre de acuerdo a las necesidades del hijo se usa super(): 11 | 12 | 13 | class Empleado(Persona): 14 | def __init__(self, salario, antiguedad, nombre_emp, edad_emp, lugar_epm): 15 | super().__init__(nombre_emp, edad_emp, lugar_epm) 16 | self.salario = salario 17 | self.antiguedad = antiguedad 18 | 19 | def descripcion(self): 20 | super().descripcion() 21 | print("Salario: ", self.salario, ", antiguedad: ", self.antiguedad) 22 | 23 | 24 | Angel = Persona("Angel", 43, "Malaga") 25 | Angel.descripcion() 26 | 27 | Empleado1 = Empleado(2000, 2017, "Manolo", 33, "Madrid") 28 | Empleado1.descripcion() 29 | -------------------------------------------------------------------------------- /04 PYTHON/023_POO_Herencia_Coche_1 copy.py: -------------------------------------------------------------------------------- 1 | 2 | 3 | class Vehiculo(): 4 | def __init__(self, marca, modelo): 5 | self.marca = marca 6 | self.modelo = modelo 7 | self.color = "Rojo" 8 | self.arrancado = False 9 | self.parado = True 10 | 11 | def arrancar(self): 12 | self.arrancado = True 13 | self.parado = False 14 | 15 | def parar(self): 16 | self.parado = True 17 | self.arrancado = False 18 | 19 | def resumen(self): 20 | print("Marca:", self.marca, "\n", 21 | "Modelo:", self.modelo, "\n", 22 | "Color:", self.color, "\n", 23 | "Está arrancado:", self.arrancado,"\n", 24 | "Está parado:", self.parado 25 | ) 26 | 27 | 28 | miCoche = Vehiculo("Renault", "Megane") 29 | 30 | miCoche.arrancar() 31 | 32 | miCoche.resumen() 33 | 34 | class Moto(Vehiculo): 35 | pass 36 | 37 | miMoto = Moto("Kawasaki", "Ninja") 38 | 39 | miMoto.resumen() -------------------------------------------------------------------------------- /04 PYTHON/023_POO_Herencia_Coche_Sobreescritura.py: -------------------------------------------------------------------------------- 1 | 2 | # SOBREESCRITURA DE MÉTODOS 3 | 4 | class Vehiculo(): 5 | def __init__(self, marca, modelo): 6 | self.marca = marca 7 | self.modelo = modelo 8 | self.color = "Rojo" 9 | self.arrancado = False 10 | self.parado = True 11 | 12 | def arrancar(self): 13 | self.arrancado = True 14 | self.parado = False 15 | 16 | def parar(self): 17 | self.parado = True 18 | self.arrancado = False 19 | 20 | def resumen(self): 21 | print("El modelo es un coche", "\n", 22 | "Marca:", self.marca, "\n", 23 | "Modelo:", self.modelo, "\n", 24 | "Color:", self.color, "\n", 25 | "Está arrancado:", self.arrancado,"\n", 26 | "Está parado:", self.parado 27 | ) 28 | 29 | 30 | miCoche = Vehiculo("Renault", "Megane") 31 | 32 | miCoche.arrancar() 33 | 34 | miCoche.resumen() 35 | 36 | class Moto(Vehiculo): 37 | is_carenado = False 38 | 39 | def poner_carenado(self): 40 | self.is_carenado = True 41 | 42 | def resumen(self): 43 | print("El modelo es una moto", "\n", 44 | "Marca:", self.marca, "\n", 45 | "Modelo:", self.modelo, "\n", 46 | "Color:", self.color, "\n", 47 | "Está arrancado:", self.arrancado,"\n", 48 | "Está parado:", self.parado, "\n", 49 | "Tiene carenado:", self.is_carenado 50 | ) 51 | 52 | miMoto = Moto("Kawasaki", "Ninja") 53 | 54 | miMoto.resumen() 55 | 56 | class kwad(Moto): 57 | pass 58 | 59 | miKwad = kwad("Kawasaki", "Stream casper") 60 | 61 | miKwad.resumen() -------------------------------------------------------------------------------- /04 PYTHON/023_POO_Herencia_Coche_herencia_multiple.py: -------------------------------------------------------------------------------- 1 | 2 | # SOBREESCRITURA DE MÉTODOS 3 | 4 | class Vehiculo(): 5 | def __init__(self, marca, modelo): 6 | self.marca = marca 7 | self.modelo = modelo 8 | self.color = "Rojo" 9 | self.arrancado = False 10 | self.parado = True 11 | 12 | def arrancar(self): 13 | self.arrancado = True 14 | self.parado = False 15 | 16 | def parar(self): 17 | self.parado = True 18 | self.arrancado = False 19 | 20 | def resumen(self): 21 | print("El modelo es un coche", "\n", 22 | "Marca:", self.marca, "\n", 23 | "Modelo:", self.modelo, "\n", 24 | "Color:", self.color, "\n", 25 | "Está arrancado:", self.arrancado,"\n", 26 | "Está parado:", self.parado 27 | ) 28 | 29 | 30 | miCoche = Vehiculo("Renault", "Megane") 31 | 32 | miCoche.arrancar() 33 | 34 | miCoche.resumen() 35 | 36 | class Moto(Vehiculo): 37 | is_carenado = False 38 | 39 | def poner_carenado(self): 40 | self.is_carenado = True 41 | 42 | def resumen(self): 43 | print("El modelo es una moto", "\n", 44 | "Marca:", self.marca, "\n", 45 | "Modelo:", self.modelo, "\n", 46 | "Color:", self.color, "\n", 47 | "Está arrancado:", self.arrancado,"\n", 48 | "Está parado:", self.parado, "\n", 49 | "Tiene carenado:", self.is_carenado 50 | ) 51 | 52 | miMoto = Moto("Kawasaki", "Ninja") 53 | 54 | miMoto.resumen() 55 | 56 | class kwad(Moto): 57 | pass 58 | 59 | miKwad = kwad("Kawasaki", "Stream casper") 60 | 61 | miKwad.resumen() 62 | 63 | class Vehiculo_electrico(): 64 | voltaje = 78 65 | carga_rapida = True 66 | 67 | def muestra_Voltaje(self): 68 | print("El voltaje del vehículo es de:", self.voltaje, "Kws") 69 | 70 | class Coche_electrico(Vehiculo, Vehiculo_electrico): 71 | pass 72 | 73 | miCocheElectrico = Coche_electrico("Hyunday", "Ionic") 74 | 75 | miCocheElectrico.resumen() 76 | miCocheElectrico.muestra_Voltaje() 77 | -------------------------------------------------------------------------------- /04 PYTHON/023_POO_Herencia_Coche_super.py: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | class Persona(): 5 | def __init__(self, nombre, edad, ciudad): 6 | self.nombre = nombre 7 | self.edad = edad 8 | self.ciudad = ciudad 9 | 10 | def resumen(self): 11 | print("Nombre:", self.nombre, "\nEdad:", self.edad,"\nCiudad:",self.ciudad, "\n") 12 | 13 | persona1 = Persona("Manolo", 45, "Madrid") 14 | 15 | persona1.resumen() 16 | 17 | '''class Empleado(Persona): 18 | def __init__(self, salario, antiguedad): 19 | super().__init__("Andrés", 32, "Barcelona") 20 | self.salario = salario 21 | self.antiguedad = antiguedad 22 | 23 | 24 | operario01 = Empleado(23000, 2) 25 | 26 | operario01.resumen() 27 | ''' 28 | 29 | #El problema es que todos los empleados se llamarían igual 30 | # y que no nos saca salario y antiguedad 31 | 32 | class Empleado(Persona): 33 | def __init__(self, nombre_empleado, edad_empleado, ciudad_empleado, salario, antiguedad): 34 | super().__init__(nombre_empleado, edad_empleado, ciudad_empleado) 35 | self.salario = salario 36 | self.antiguedad = antiguedad 37 | 38 | def resumen(self): 39 | print("Nombre:", self.nombre, "\nEdad:", self.edad,"\nCiudad:",self.ciudad, 40 | "\nSalario", self.salario, "\nAntiguedad:", self.antiguedad, "años.") 41 | 42 | operario01 = Empleado("Andrés", 34, "Barcelona", 23000, 2) 43 | 44 | operario01.resumen() 45 | 46 | #Principio de sustitución 47 | isinstance(operario01, Empleado) 48 | isinstance(operario01, Persona) -------------------------------------------------------------------------------- /04 PYTHON/023_POO_Herencia_Coche_super2.py: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | class Vehiculo(): 5 | def __init__(self, marca, modelo): 6 | self.marca = marca 7 | self.modelo = modelo 8 | self.color = "Rojo" 9 | self.arrancado = False 10 | self.parado = True 11 | 12 | def arrancar(self): 13 | self.arrancado = True 14 | self.parado = False 15 | 16 | def parar(self): 17 | self.parado = True 18 | self.arrancado = False 19 | 20 | def resumen(self): 21 | print("El modelo es un coche", "\n", 22 | "Marca:", self.marca, "\n", 23 | "Modelo:", self.modelo, "\n", 24 | "Color:", self.color, "\n", 25 | "Está arrancado:", self.arrancado,"\n", 26 | "Está parado:", self.parado 27 | ) 28 | 29 | 30 | miCoche = Vehiculo("Renault", "Megane") 31 | 32 | miCoche.arrancar() 33 | 34 | miCoche.resumen() 35 | 36 | class Moto(Vehiculo): 37 | is_carenado = False 38 | 39 | def poner_carenado(self): 40 | self.is_carenado = True 41 | 42 | def resumen(self): 43 | print("El modelo es una moto", "\n", 44 | "Marca:", self.marca, "\n", 45 | "Modelo:", self.modelo, "\n", 46 | "Color:", self.color, "\n", 47 | "Está arrancado:", self.arrancado,"\n", 48 | "Está parado:", self.parado, "\n", 49 | "Tiene carenado:", self.is_carenado 50 | ) 51 | 52 | miMoto = Moto("Kawasaki", "Ninja") 53 | 54 | miMoto.resumen() 55 | 56 | class kwad(Moto): 57 | pass 58 | 59 | miKwad = kwad("Kawasaki", "Stream casper") 60 | 61 | miKwad.resumen() 62 | 63 | class Vehiculo_electrico(): 64 | voltaje = 78 65 | carga_rapida = True 66 | 67 | def muestra_Voltaje(self): 68 | print("El voltaje del vehículo es:", self.voltaje, "Kws") 69 | 70 | class Coche_electrico(Vehiculo, Vehiculo_electrico): 71 | def __init__(self, marca, modelo, voltaje, carga_rapida): 72 | super().__init__(marca, modelo) 73 | self.voltaje = voltaje 74 | self.carga_rapida = carga_rapida 75 | 76 | 77 | 78 | miCocheElectrico = Coche_electrico("Hyunday", "Ionic", 78, True) 79 | 80 | miCocheElectrico.resumen() 81 | miCocheElectrico.muestra_Voltaje() -------------------------------------------------------------------------------- /04 PYTHON/023_POO_Sobrescritura_STR.py: -------------------------------------------------------------------------------- 1 | from Persona3 import * 2 | 3 | persona1 = Persona('Juan', 28) 4 | print(persona1) 5 | 6 | empleado1 = Empleado('Karla', 30, 5000) 7 | print(empleado1) -------------------------------------------------------------------------------- /04 PYTHON/024_Modulos_usoPersona.py: -------------------------------------------------------------------------------- 1 | from Persona import Persona 2 | 3 | persona1 = Persona('Karla', 'Gomez', 30) 4 | persona1.mostrar_detalle() 5 | -------------------------------------------------------------------------------- /04 PYTHON/024_POO_EjercicioHerencia.py: -------------------------------------------------------------------------------- 1 | """ 2 | Definir una clase padre llamada Vehiculo y dos clases hijas llamadas Coche y Bicicleta, 3 | las cuales heredan de la clase Padre Vehiculo. 4 | La clase padre debe tener los siguientes atributos y métodos 5 | 6 | Vehiculo (Clase Padre): 7 | -Atributos (color, ruedas) 8 | -Métodos ( __init__() y __str__ ) 9 | 10 | Coche (Clase Hija de Vehículo) (Además de los atributos y métodos heredados de Vehículo): 11 | -Atributos ( velocidad (km/hr) ) 12 | -Métodos ( __init__() y __str__() ) 13 | 14 | Bicicleta (Clase Hija de Vehículo) (Además de los atributos y métodos heredados de Vehículo): 15 | -Atributos ( tipo (urbana/montaña/etc ) 16 | -Métodos ( __init__() y __str__() ) 17 | """ 18 | 19 | 20 | class Vehiculo: 21 | def __init__(self, color, ruedas): 22 | self.color = color 23 | self.ruedas = ruedas 24 | 25 | def __str__(self): 26 | return 'Color: ' + self.color + ', Ruedas: ' + str(self.ruedas) 27 | 28 | 29 | class Coche(Vehiculo): 30 | def __init__(self, color, ruedas, velocidad): 31 | super().__init__(color, ruedas) 32 | self.velocidad = velocidad 33 | 34 | def __str__(self): 35 | return super().__str__() + ', Velocidad (km/hr): ' + str(self.velocidad) 36 | 37 | 38 | class Bicicleta(Vehiculo): 39 | def __init__(self, color, ruedas, tipo): 40 | super().__init__(color, ruedas) 41 | self.tipo = tipo 42 | 43 | def __str__(self): 44 | return super().__str__() + ', Tipo: ' + self.tipo 45 | 46 | 47 | # Creamos un objeto de la clase Vehiculo 48 | vehiculo = Vehiculo('Rojo', 4) 49 | print(vehiculo) 50 | 51 | # Creamos un objeto de la clase hija Coche 52 | coche = Coche('Azul', 4, 150) 53 | print(coche) 54 | 55 | # Creamos un objeto de la clase hija Bicicleta 56 | bicicleta = Bicicleta('Blanca', 2, 'Urbano') 57 | print(bicicleta) 58 | -------------------------------------------------------------------------------- /04 PYTHON/025_POO_Destructores.py: -------------------------------------------------------------------------------- 1 | from Persona2 import Persona 2 | 3 | print('Creación objetos'.center(30, '-')) 4 | persona1 = Persona('Karla', 'Gomez', 30) 5 | persona1.mostrar_detalle() 6 | 7 | print('Eliminación objetos'.center(30, '-')) 8 | del persona1 9 | -------------------------------------------------------------------------------- /04 PYTHON/026_POO_Herencia_Multiple.py: -------------------------------------------------------------------------------- 1 | 2 | from Cuadrado import Cuadrado 3 | 4 | cuadrado1 = Cuadrado(5, 'rojo') 5 | print(f'Cálculo área cuadrado: {cuadrado1.calcular_area()}') 6 | print(f'Color de la figura geométrica: {cuadrado1.color}') 7 | -------------------------------------------------------------------------------- /04 PYTHON/027_POO_Polimorfismo.py: -------------------------------------------------------------------------------- 1 | from Empleado import Empleado 2 | from Gerente import Gerente 3 | 4 | 5 | def imprimir_detalles(objeto): 6 | # print(objeto) 7 | print(type(objeto)) 8 | print(objeto.mostrar_detalles()) 9 | 10 | 11 | empleado = Empleado('Juan', 5000) 12 | imprimir_detalles(empleado) 13 | 14 | gerente = Gerente('Karla', 6000, 'Sistemas') 15 | imprimir_detalles(gerente) 16 | -------------------------------------------------------------------------------- /04 PYTHON/027_POO_Polimorfismo2.py: -------------------------------------------------------------------------------- 1 | 2 | class Moto(): 3 | def ruedas(self): 4 | print("Moto. Vehículo con dos ruedas") 5 | 6 | class Coche(): 7 | def ruedas(self): 8 | print("Coche. Vehículo con cuatro ruedas") 9 | 10 | class Camion(): 11 | def ruedas(self): 12 | print("Camión. Vehículo con 8 ruedas") 13 | 14 | moto01 = Moto() 15 | moto01.ruedas() 16 | 17 | coche01 = Coche() 18 | coche01.ruedas() 19 | 20 | camion01 = Camion() 21 | camion01.ruedas() 22 | 23 | #Polimorfismo 24 | 25 | class Moto(): 26 | def ruedas(self): 27 | print("Moto. Vehículo con dos ruedas") 28 | 29 | class Coche(): 30 | def ruedas(self): 31 | print("Coche. Vehículo con cuatro ruedas") 32 | 33 | class Camion(): 34 | def ruedas(self): 35 | print("Camión. Vehículo con 8 ruedas") 36 | 37 | def ruedas_vehiculos(vehiculo): 38 | vehiculo.ruedas() 39 | 40 | vehiculo01 = Camion() 41 | ruedas_vehiculos(vehiculo01) 42 | 43 | vehiculo02 = Coche() 44 | ruedas_vehiculos(vehiculo02) 45 | 46 | vehiculo03 = Moto() 47 | ruedas_vehiculos(vehiculo03) -------------------------------------------------------------------------------- /04 PYTHON/Color.py: -------------------------------------------------------------------------------- 1 | class Color: 2 | def __init__(self, color): 3 | self.color = color 4 | -------------------------------------------------------------------------------- /04 PYTHON/Cuadrado.py: -------------------------------------------------------------------------------- 1 | from FiguraGeometrica import FiguraGeometrica 2 | from Color import Color 3 | 4 | 5 | class Cuadrado(FiguraGeometrica, Color): 6 | def __init__(self, lado, color): 7 | # super().__init__(lado) 8 | FiguraGeometrica.__init__(self, lado, lado) 9 | Color.__init__(self, color) 10 | 11 | def calcular_area(self): 12 | return self.alto * self.ancho 13 | -------------------------------------------------------------------------------- /04 PYTHON/Empleado.py: -------------------------------------------------------------------------------- 1 | class Empleado: 2 | def __init__(self, nombre, sueldo): 3 | self.nombre = nombre 4 | self.sueldo = sueldo 5 | 6 | def __str__(self): 7 | return f'Empleado: [Nombre: {self.nombre}, Sueldo: {self.sueldo}]' 8 | 9 | def mostrar_detalles(self): 10 | return self.__str__() -------------------------------------------------------------------------------- /04 PYTHON/FiguraGeometrica.py: -------------------------------------------------------------------------------- 1 | class FiguraGeometrica: 2 | def __init__(self, ancho, alto): 3 | self.ancho = ancho 4 | self.alto = alto 5 | -------------------------------------------------------------------------------- /04 PYTHON/Gerente.py: -------------------------------------------------------------------------------- 1 | from Empleado import Empleado 2 | 3 | 4 | class Gerente(Empleado): 5 | def __init__(self, nombre, sueldo, departamento): 6 | super().__init__(nombre, sueldo) 7 | self.departamento = departamento 8 | 9 | def __str__(self): 10 | return f'Gerente [Departamento: {self.departamento}] {super().__str__()}' 11 | 12 | # def mostrar_detalles(self): 13 | # return self.__str__() -------------------------------------------------------------------------------- /04 PYTHON/Persona.py: -------------------------------------------------------------------------------- 1 | class Persona: 2 | def __init__(self, nombre, apellido, edad): 3 | self._nombre = nombre 4 | self._apellido = apellido 5 | self._edad = edad 6 | 7 | @property 8 | def nombre(self): 9 | return self._nombre 10 | 11 | @nombre.setter 12 | def nombre(self, nombre): 13 | self._nombre = nombre 14 | 15 | @property 16 | def apellido(self): 17 | return self._apellido 18 | 19 | @apellido.setter 20 | def apellido(self, apellido): 21 | self._apellido = apellido 22 | 23 | @property 24 | def edad(self): 25 | return self._edad 26 | 27 | @edad.setter 28 | def edad(self, edad): 29 | self._edad = edad 30 | 31 | def mostrar_detalle(self): 32 | print(f'Persona: {self._nombre} {self._apellido} {self._edad}') 33 | 34 | 35 | persona1 = Persona('Juan', 'Perez', 28) 36 | persona1.nombre = 'Juan Carlos' 37 | persona1.apellido = 'Lara' 38 | persona1.edad = 30 39 | persona1.mostrar_detalle() 40 | 41 | # persona1._nombre = 'Cambio' 42 | # print(persona1._nombre) 43 | -------------------------------------------------------------------------------- /04 PYTHON/Persona2.py: -------------------------------------------------------------------------------- 1 | class Persona: 2 | def __init__(self, nombre, apellido, edad): 3 | self._nombre = nombre 4 | self._apellido = apellido 5 | self._edad = edad 6 | 7 | @property 8 | def nombre(self): 9 | return self._nombre 10 | 11 | @nombre.setter 12 | def nombre(self, nombre): 13 | self._nombre = nombre 14 | 15 | @property 16 | def apellido(self): 17 | return self._apellido 18 | 19 | @apellido.setter 20 | def apellido(self, apellido): 21 | self._apellido = apellido 22 | 23 | @property 24 | def edad(self): 25 | return self._edad 26 | 27 | @edad.setter 28 | def edad(self, edad): 29 | self._edad = edad 30 | 31 | def mostrar_detalle(self): 32 | print(f'Persona: {self._nombre} {self._apellido} {self._edad}') 33 | 34 | def __del__(self): 35 | print(f'Persona: {self._nombre} {self._apellido}') 36 | 37 | if __name__ == '__main__': 38 | persona1 = Persona('Juan', 'Perez', 28) 39 | persona1.nombre = 'Juan Carlos' 40 | persona1.apellido = 'Lara' 41 | persona1.edad = 30 42 | persona1.mostrar_detalle() 43 | 44 | print(__name__) 45 | -------------------------------------------------------------------------------- /04 PYTHON/Persona3.py: -------------------------------------------------------------------------------- 1 | class Persona: 2 | def __init__(self, nombre, edad): 3 | self.nombre = nombre 4 | self.edad = edad 5 | 6 | def __str__(self): 7 | return f'Persona[Nombre: {self.nombre}, Edad: {self.edad}]' 8 | 9 | 10 | class Empleado(Persona): 11 | def __init__(self, nombre, edad, sueldo): 12 | super().__init__(nombre, edad) 13 | self.sueldo = sueldo 14 | 15 | def __str__(self): 16 | return f'Empleado[Sueldo: {self.sueldo}] {super().__str__()} ' 17 | -------------------------------------------------------------------------------- /Material de apoyo/CSS.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/Material de apoyo/CSS.pptx -------------------------------------------------------------------------------- /Material de apoyo/Enlaces de interés.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/Material de apoyo/Enlaces de interés.docx -------------------------------------------------------------------------------- /Material de apoyo/Javascript.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/Material de apoyo/Javascript.pptx -------------------------------------------------------------------------------- /Material de apoyo/Presentación1.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/Material de apoyo/Presentación1.pptx -------------------------------------------------------------------------------- /Material de apoyo/Python.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/Material de apoyo/Python.pptx -------------------------------------------------------------------------------- /Material de apoyo/css3-cheatsheet-emezeta.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/Material de apoyo/css3-cheatsheet-emezeta.pdf -------------------------------------------------------------------------------- /Material de apoyo/html5-cheatsheet-emezeta.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/Material de apoyo/html5-cheatsheet-emezeta.pdf -------------------------------------------------------------------------------- /Material de apoyo/javascript-cheatsheet-2019-lenguajejs.com.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/Material de apoyo/javascript-cheatsheet-2019-lenguajejs.com.pdf -------------------------------------------------------------------------------- /SQL/BBDD 1.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/SQL/BBDD 1.docx -------------------------------------------------------------------------------- /SQL/BBDD 2.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/SQL/BBDD 2.docx -------------------------------------------------------------------------------- /SQL/Curso SQL.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/SQL/Curso SQL.pptx -------------------------------------------------------------------------------- /SQL/Factura_detalles.sql: -------------------------------------------------------------------------------- 1 | drop table if exists facturas; 2 | drop table if exists detalles; 3 | 4 | create table facturas( 5 | numero int not null, 6 | fecha date, 7 | cliente varchar(30), 8 | primary key(numero) 9 | ); 10 | 11 | create table detalles( 12 | numerofactura int not null, 13 | numeroitem int not null, 14 | articulo varchar(30), 15 | precio decimal(5,2), 16 | cantidad int, 17 | primary key(numerofactura,numeroitem) 18 | ); 19 | 20 | insert into facturas values(1200,'2018-01-15','Juan Lopez'); 21 | insert into facturas values(1201,'2018-01-15','Luis Torres'); 22 | insert into facturas values(1202,'2018-01-15','Ana Garcia'); 23 | insert into facturas values(1300,'2018-01-20','Juan Lopez'); 24 | 25 | insert into detalles values(1200,1,'lapiz',1,100); 26 | insert into detalles values(1200,2,'goma',0.5,150); 27 | insert into detalles values(1201,1,'regla',1.5,80); 28 | insert into detalles values(1201,2,'goma',0.5,200); 29 | insert into detalles values(1201,3,'cuaderno',4,90); 30 | insert into detalles values(1202,1,'lapiz',1,200); 31 | insert into detalles values(1202,2,'escuadra',2,100); 32 | insert into detalles values(1300,1,'lapiz',1,300); -------------------------------------------------------------------------------- /SQL/clientes.sql: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/SQL/clientes.sql -------------------------------------------------------------------------------- /SQL/ejercicios-SQL-definicion-datos-solucion.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/SQL/ejercicios-SQL-definicion-datos-solucion.pdf -------------------------------------------------------------------------------- /SQL/northwind.sql: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CursoIBM/Repo1/c8aed2dc3c5da714f311c5f5b271e29433354854/SQL/northwind.sql -------------------------------------------------------------------------------- /SQL/pedidos.sql: -------------------------------------------------------------------------------- 1 | -- phpMyAdmin SQL Dump 2 | -- version 4.7.9 3 | -- https://www.phpmyadmin.net/ 4 | -- 5 | -- Servidor: 127.0.0.1 6 | -- Tiempo de generación: 05-04-2018 a las 01:37:36 7 | -- Versión del servidor: 10.1.31-MariaDB 8 | -- Versión de PHP: 7.2.3 9 | 10 | SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; 11 | SET AUTOCOMMIT = 0; 12 | START TRANSACTION; 13 | SET time_zone = "+00:00"; 14 | 15 | 16 | /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; 17 | /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; 18 | /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; 19 | /*!40101 SET NAMES utf8mb4 */; 20 | 21 | -- 22 | -- Base de datos: `curso_sql` 23 | -- 24 | 25 | -- -------------------------------------------------------- 26 | 27 | -- 28 | -- Estructura de tabla para la tabla `pedidos` 29 | -- 30 | 31 | CREATE TABLE `pedidos` ( 32 | `NUMERO_PEDIDO` int(4) NOT NULL, 33 | `CODIGO_CLIENTE` varchar(4) DEFAULT NULL, 34 | `FECHA_PEDIDO` date DEFAULT NULL, 35 | `FORMA_PAGO` varchar(8) DEFAULT NULL, 36 | `DESCUENTO` int(4) DEFAULT NULL, 37 | `ENVIADO` varchar(9) DEFAULT NULL 38 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8; 39 | 40 | -- 41 | -- Volcado de datos para la tabla `pedidos` 42 | -- 43 | 44 | INSERT INTO `pedidos` (`NUMERO_PEDIDO`, `CODIGO_CLIENTE`, `FECHA_PEDIDO`, `FORMA_PAGO`, `DESCUENTO`, `ENVIADO`) VALUES 45 | (1, 'CT01', '2013-03-12', 'TARJETA', 0, 'SI'), 46 | (2, 'CT02', '2013-02-19', 'EFECTIVO', 0, 'NO'), 47 | (3, 'CT03', '2017-03-02', 'TARJETA', 0, 'SI'), 48 | (4, 'CT04', '2018-02-05', 'EFECTIVO', 0, 'SI'), 49 | (5, 'CT01', '2018-03-29', 'TARJETA', 0, 'SI'), 50 | (6, 'CT03', '2018-01-01', 'EFECTIVO', 0, 'SI'), 51 | (7, 'CT01', '2017-10-08', 'EFECTIVO', 0, 'SI'), 52 | (8, 'CT02', '2017-03-06', 'EFECTIVO', 0, 'SI'), 53 | (9, 'CT05', '2016-11-21', 'EFECTIVO', 0, 'SI'), 54 | (10, 'CT06', '2017-07-12', 'EFECTIVO', 0, 'SI'), 55 | (11, 'CT07', '2014-03-05', 'EFECTIVO', 0, 'SI'), 56 | (12, 'CT08', '2013-02-08', 'EFECTIVO', 0, 'SI'), 57 | (13, 'CT09', '2012-01-21', 'EFECTIVO', 0, 'SI'), 58 | (14, 'CT10', '2014-11-15', 'EFECTIVO', 0, 'SI'); 59 | 60 | -- 61 | -- Índices para tablas volcadas 62 | -- 63 | 64 | -- 65 | -- Indices de la tabla `pedidos` 66 | -- 67 | ALTER TABLE `pedidos` 68 | ADD PRIMARY KEY (`NUMERO_PEDIDO`), 69 | ADD KEY `CODIGO_CLIENTE` (`CODIGO_CLIENTE`), 70 | ADD KEY `NUMERO_PEDIDO` (`NUMERO_PEDIDO`); 71 | COMMIT; 72 | 73 | /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */; 74 | /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */; 75 | /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */; 76 | -------------------------------------------------------------------------------- /SQL/productos.sql: -------------------------------------------------------------------------------- 1 | -- phpMyAdmin SQL Dump 2 | -- version 4.7.9 3 | -- https://www.phpmyadmin.net/ 4 | -- 5 | -- Servidor: 127.0.0.1 6 | -- Tiempo de generación: 05-04-2018 a las 01:37:17 7 | -- Versión del servidor: 10.1.31-MariaDB 8 | -- Versión de PHP: 7.2.3 9 | 10 | SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; 11 | SET AUTOCOMMIT = 0; 12 | START TRANSACTION; 13 | SET time_zone = "+00:00"; 14 | 15 | 16 | /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; 17 | /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; 18 | /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; 19 | /*!40101 SET NAMES utf8mb4 */; 20 | 21 | -- 22 | -- Base de datos: `curso_sql` 23 | -- 24 | 25 | -- -------------------------------------------------------- 26 | 27 | -- 28 | -- Estructura de tabla para la tabla `productos` 29 | -- 30 | 31 | CREATE TABLE `productos` ( 32 | `CODIGO_ARTICULO` varchar(4) NOT NULL, 33 | `SECCION` varchar(11) DEFAULT NULL, 34 | `NOMBRE` varchar(20) DEFAULT NULL, 35 | `PRECIO` decimal(8,2) DEFAULT NULL, 36 | `PAIS` varchar(6) DEFAULT NULL, 37 | `FECHA` date DEFAULT NULL 38 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8; 39 | 40 | -- 41 | -- Volcado de datos para la tabla `productos` 42 | -- 43 | 44 | INSERT INTO `productos` (`CODIGO_ARTICULO`, `SECCION`, `NOMBRE`, `PRECIO`, `PAIS`, `FECHA`) VALUES 45 | ('AR02', 'HOGAR', 'LAMPARA', '120.50', 'ESPAÑA', '2018-03-30'), 46 | ('AR03', 'INFORMATICA', 'RATON', '30.35', 'CHINA', '2017-03-01'), 47 | ('AR04', 'INFORMATICA', 'TECLADO', '45.99', 'CHINA', '2016-05-13'), 48 | ('AR05', 'DEPORTES', 'BALON FUTBOL', '50.95', 'EEUU', '2018-01-11'), 49 | ('AR06', 'INFORMATICA', 'GTA V', '59.95', 'EEUU', '2017-01-07'), 50 | ('AR07', 'DEPORTES', 'CAMISETA REAL MADRID', '60.00', 'ESPAÑA', '2018-01-01'), 51 | ('AR08', 'HOGAR', 'MESA', '350.99', 'ESPAÑA', '2015-03-06'), 52 | ('AR09', 'HOGAR', 'SILLA', '180.50', 'ESPAÑA', '2015-03-06'), 53 | ('AR10', 'DEPORTES', 'BALON FIRMA RONALDO', '1200.00', 'ESPAÑA', '2013-03-01'), 54 | ('AR11', 'DEPORTES', 'CANOA', '650.00', 'ESPAÑA', '2018-02-07'), 55 | ('AR12', 'DEPORTES', 'MANCUERNA', '25.00', 'ESPAÑA', '2016-05-07'), 56 | ('AR13', 'HOGAR', 'TELEVISION', '1500.00', 'CHINA', '2017-03-26'), 57 | ('AR14', NULL, 'PANTALON', '50.00', 'ESPAÑA', NULL); 58 | 59 | -- 60 | -- Disparadores `productos` 61 | -- 62 | DELIMITER $$ 63 | CREATE TRIGGER `PRODUCTOS_AI` AFTER INSERT ON `productos` FOR EACH ROW INSERT INTO REG_PRODUCTOS(CODIGO_ARTICULO, NOMBRE, PRECIO, MODIFICADO) VALUES(NEW.CODIGO_ARTICULO, NEW.NOMBRE, NEW.PRECIO, NOW()) 64 | $$ 65 | DELIMITER ; 66 | 67 | -- 68 | -- Índices para tablas volcadas 69 | -- 70 | 71 | -- 72 | -- Indices de la tabla `productos` 73 | -- 74 | ALTER TABLE `productos` 75 | ADD PRIMARY KEY (`CODIGO_ARTICULO`), 76 | ADD KEY `CODIGO_ARTICULO` (`CODIGO_ARTICULO`); 77 | COMMIT; 78 | 79 | /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */; 80 | /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */; 81 | /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */; 82 | -------------------------------------------------------------------------------- /SQL/productos_pedidos.sql: -------------------------------------------------------------------------------- 1 | -- phpMyAdmin SQL Dump 2 | -- version 4.7.9 3 | -- https://www.phpmyadmin.net/ 4 | -- 5 | -- Servidor: 127.0.0.1 6 | -- Tiempo de generación: 05-04-2018 a las 01:37:48 7 | -- Versión del servidor: 10.1.31-MariaDB 8 | -- Versión de PHP: 7.2.3 9 | 10 | SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; 11 | SET AUTOCOMMIT = 0; 12 | START TRANSACTION; 13 | SET time_zone = "+00:00"; 14 | 15 | 16 | /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; 17 | /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; 18 | /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; 19 | /*!40101 SET NAMES utf8mb4 */; 20 | 21 | -- 22 | -- Base de datos: `curso_sql` 23 | -- 24 | 25 | -- -------------------------------------------------------- 26 | 27 | -- 28 | -- Estructura de tabla para la tabla `productos_pedidos` 29 | -- 30 | 31 | CREATE TABLE `productos_pedidos` ( 32 | `NUMERO_PEDIDO` int(2) DEFAULT NULL, 33 | `CODIGO_ARTICULO` varchar(4) DEFAULT NULL, 34 | `UNIDADES` int(2) DEFAULT NULL 35 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8; 36 | 37 | -- 38 | -- Volcado de datos para la tabla `productos_pedidos` 39 | -- 40 | 41 | INSERT INTO `productos_pedidos` (`NUMERO_PEDIDO`, `CODIGO_ARTICULO`, `UNIDADES`) VALUES 42 | (1, 'AR01', 11), 43 | (1, 'AR04', 10), 44 | (1, 'AR15', 4), 45 | (1, 'AR22', 18), 46 | (3, 'AR02', 20), 47 | (3, 'AR22', 3), 48 | (5, 'AR04', 16), 49 | (7, 'AR06', 16), 50 | (8, 'AR02', 6), 51 | (8, 'AR06', 5), 52 | (8, 'AR07', 6), 53 | (8, 'AR10', 2), 54 | (8, 'AR12', 30), 55 | (8, 'AR15', 15), 56 | (8, 'AR18', 20), 57 | (8, 'AR19', 18), 58 | (8, 'AR25', 5), 59 | (8, 'AR32', 15), 60 | (8, 'AR33', 18), 61 | (8, 'AR34', 5), 62 | (8, 'AR35', 24), 63 | (9, 'AR06', 14), 64 | (11, 'AR08', 1), 65 | (12, 'AR08', 12), 66 | (13, 'AR08', 8), 67 | (16, 'AR10', 17), 68 | (19, 'AR13', 4), 69 | (21, 'AR15', 11), 70 | (22, 'AR17', 6), 71 | (22, 'AR26', 4), 72 | (22, 'AR28', 21), 73 | (25, 'AR19', 12), 74 | (26, 'AR19', 12), 75 | (27, 'AR21', 11), 76 | (28, 'AR21', 22), 77 | (29, 'AR22', 12), 78 | (30, 'AR23', 33), 79 | (31, 'AR24', 31), 80 | (32, 'AR25', 11), 81 | (34, 'AR22', 7), 82 | (34, 'AR27', 3), 83 | (35, 'AR22', 9), 84 | (35, 'AR27', 12), 85 | (37, 'AR27', 11), 86 | (39, 'AR29', 22), 87 | (40, 'AR30', 1), 88 | (42, 'AR31', 21), 89 | (43, 'AR32', 3), 90 | (44, 'AR22', 22), 91 | (45, 'AR36', 21), 92 | (46, 'AR37', 8), 93 | (47, 'AR38', 12), 94 | (48, 'AR38', 13), 95 | (49, 'AR39', 13), 96 | (50, 'AR39', 1), 97 | (14, 'C002', 100), 98 | (1, 'AR01', 11); 99 | 100 | -- 101 | -- Índices para tablas volcadas 102 | -- 103 | 104 | -- 105 | -- Indices de la tabla `productos_pedidos` 106 | -- 107 | ALTER TABLE `productos_pedidos` 108 | ADD KEY `NUMERO_PEDIDO` (`NUMERO_PEDIDO`), 109 | ADD KEY `CODIGO_ARTICULO` (`CODIGO_ARTICULO`); 110 | COMMIT; 111 | 112 | /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */; 113 | /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */; 114 | /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */; 115 | -------------------------------------------------------------------------------- /SQL/productosnuevos.sql: -------------------------------------------------------------------------------- 1 | 2 | 3 | SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; 4 | SET AUTOCOMMIT = 0; 5 | START TRANSACTION; 6 | SET time_zone = "+00:00"; 7 | 8 | 9 | /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; 10 | /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; 11 | /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; 12 | /*!40101 SET NAMES utf8mb4 */; 13 | 14 | -- 15 | -- Base de datos: `curso_sql` 16 | -- 17 | 18 | -- -------------------------------------------------------- 19 | 20 | -- 21 | -- Estructura de tabla para la tabla `productosnuevos` 22 | -- 23 | 24 | CREATE TABLE `productosnuevos` ( 25 | `CODIGO_ARTICULO` varchar(14) DEFAULT NULL, 26 | `SECCION` varchar(18) DEFAULT NULL, 27 | `NOMBRE` varchar(18) DEFAULT NULL, 28 | `PRECIO` decimal(8,2) DEFAULT NULL, 29 | `PAIS` varchar(12) DEFAULT NULL, 30 | `FECHA` date DEFAULT NULL 31 | 32 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8; 33 | 34 | -- 35 | -- Volcado de datos para la tabla `productosnuevos` 36 | -- 37 | 38 | INSERT INTO `productosnuevos` (`CODIGO_ARTICULO`, `SECCION`, `NOMBRE`, `PRECIO`, `PAIS`,`FECHA`) VALUES 39 | ('AR50', 'ALTA COSTURA', 'TRAJE CABALLERO', '1284.00', 'ITALIA','2002-03-11'), 40 | ('AR51', 'DEPORTES DE RIESGO', 'RAQUETA TENIS', '1093.00', 'USA','2000-03-20'), 41 | ('AR52', 'DEPORTES DE RIESGO', 'MANCUERNAS', '1060.00', 'USA','2000-09-13'), 42 | ('AR53', 'ALTA COSTURA', 'SERRUCHO', '1030.00', 'FRANCIA','2001-03-23'), 43 | ('AR54', 'ALTA COSTURA', 'PANTALÓN SEÑORA', '1174.00', 'MARRUECOS','2000-01-10'), 44 | ('AR55', 'ALTA COSTURA', 'CAMISA CABALLERO', '1067.00', 'ESPAÑA','2002-08-11'), 45 | ('AR56', 'DEPORTES DE RIESGO', 'PISTOLA OLÍMPICA', '1046.00', 'SUECIA','2001-02-02'), 46 | ('AR57', 'ALTA COSTURA', 'BLUSA SRA.', '1101.00', 'CHINA','2000-03-18'), 47 | ('AR58', 'ALTA COSTURA', 'CAZADORA PIEL', '1522.00', 'ITALIA','2001-07-10'), 48 | ('AR59', 'DEPORTES DE RIESGO', 'BALÓN RUGBY', '1111.00', 'USA','2000-11-11'), 49 | ('AR60', 'DEPORTES DE RIESGO', 'BALÓN BALONCESTO', '1075.00', 'JAPÓN','2001-06-25'), 50 | ('AR61', 'ALTA COSTURA', 'ABRIGO CABALLERO', '1500.00', 'ITALIA','2002-04-05'), 51 | ('AR62', 'DEPORTES DE RIESGO', 'BALÓN FÚTBOL', '1043.00', 'ESPAÑA','2002-07-04'), 52 | ('AR63', 'ALTA COSTURA', 'ABRIGO SRA', '1360.00', 'MARRUECOS','2001-05-03'), 53 | ('AR64', 'DEPORTES DE RIESGO', 'CRONÓMETRO', '1439.00', 'USA','2002-01-03'), 54 | ('AR65', 'ALTA COSTURA', 'CINTURÓN DE PIEL', '1004.00', 'ESPAÑA','2002-05-12'), 55 | ('AR66', 'DEPORTES DE RIESGO', 'CAÑA DE PESCA', '1270.00', 'USA','2000-02-14'), 56 | ('AR67', 'DEPORTES DE RIESGO', 'BOTA ALPINISMO', '1144.00', 'ESPAÑA','2002-05-05'), 57 | ('AR68', 'DEPORTES DE RIESGO', 'PALAS DE PING PONG', '1021.00', 'ESPAÑA','2002-02-02'), 58 | ('AR02', 'HOGAR', 'LAMPARA', '120.50', 'ESPAÑA', '2018-03-30'); 59 | COMMIT; 60 | 61 | /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */; 62 | /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */; 63 | /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */; 64 | --------------------------------------------------------------------------------