-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.txt
95 lines (70 loc) · 3.91 KB
/
about.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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
42
43
44
45
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
94
95
1. La clase 'gx-3' en Bootstrap es una clase utilitaria que se utiliza para aplicar un espacio horizontal
(espaciado) de tamaño 3 (en unidades relativas) entre elementos adyacentes en un contenedor.
->dom practice/buscadorCampers/index.html (linea 18)
2. Para centrar un elemento con CSS
.class {
display: flex;
justify-content: center;
align-items: center;
}
3. Llenar dinamicamente valores en un elemento select HTML
->dom practice/buscadorCampers/app.js (linea 5)
4. Para buscar cualquier elemento dentro de una lista en funcion de varios atributos de ese elemento,
es decir puedo buscar empleados filtrando segun sus edades, cargos, experiencia y todos juntos.
->dom practice/buscadorCampers/app.js (linea 86)
5. Para realizar un crud con Js(dom), con una lista para almacenar objetos, utilizando un objeto como
pivote para el manejo de cada elemento creado.
->dom practice/crud js
6. para realizar un crud con Js(dom), con una lista para almacenar objetos.
->dom practice/crud js copy
7. para setear todos los elementos del html inicialmente con estas condiciones de CSS
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
8. para validar que los inputs de un formulario tengan texto o esten llenos
->dom practice/filtro1/appFiltro.js (linea 33)
9. para saber cuando dentro de un formulario hay varios input typo button que button fue oprimido
segun el data-action de cada button.
->dom practice/peliculas/script.js (linea 23) o (linea 70)
10. para evaluar varias opciones dentro de una clase con un switch segun un argumento ingresado en
el metodo constructor
->ES modules/conversor/js/distancia.js
11. Ejercicio para gestionar toda una calculadora con una clase
->Clases/calculadora
12. para poner un titulo o un texto con sombra detras de cada letra con CSS
->Clases/carritoCompras/style.css (#tittle)
13. Para vincular la informacion de un JS con dos html distintos usando localStorage
->localStorage/quizMaker
14. como gestionar un crud usando localStorage
->localStorage/061 formulario
15. para centrar un elemento con clases de Bootstrap (mr-md-auto ml-md-auto)
16. Para obtener el anio actual
-> new Date().getFullYear();
17. para recopilar la informacion de un formulario
-> Object.fromEntries(new FormData(e.target));
18. para agregar mensajes en el HTML cuando se valida el formulario dependiendo,
si se lleno la informacion pedida o no.
->Clases/cotizaSeguro/app.js
->Estilos: Clases/cotizaSeguro/Css/custom.css (.error - .correcto)
19. para seleccionar un elemento HTML que esta dentro de otro con querySelector
->document.querySelector('#idElemento tag'); ('#cargando img');
20. para mostrar un 'spinner', es como un gif que se carga mientras el js hace alguna operacion
->Clases/cotizaSeguro/js/app.js (linea 105)
->los estilos estan codificados en el archivo css con sus respectivas clases
21. para crear una galeria de fotos didactica
->documentos/programming/sass/galeria.js y _galeria.scss
22. para hacer un scroll desde un link en el nav a una parte de la pagina de manera smooth
->documentos/programming/sass/src/js/app.js
23. para revisar si un elemento esta siendo visible en la ventana del navegador
->documentos/programming/sass/src/js/app.js (api IntersectionObserver)
24. delegation para saber si el elemento clickeado es el que necesito segun el tagName:
->document.getElementById("contenedor-imagenes").addEventListener("click", function(event) {
if (event.target.tagName === "IMG") {}})
25. para reiniciar la informacion de la ventana html
-> window.location.reload();
26. para mostrar en la ventana html una alerta creada con js cuando falta algun dato del formulario,
o cuando se agrega correctamente usando el formulario
->Clases/calculoPresupuesto/app.js: function imprimirMensaje();
->tambien para hacer que el alert perdure 3segundos con un setTimeout