-
Unidad 1 25
-
Introducción unidad 1Lectura1.1
-
Hola Mundo.Lectura1.2
-
Listas y Forms.Lectura1.3
-
Etiquetas multimedias.Lectura1.4
-
Tablas.Lectura1.5
-
Navegación.Lectura1.6
-
CSS Introducción.Lectura1.7
-
CSS Herencia.Lectura1.8
-
CSS Precedencia de las declaraciones.Lectura1.9
-
CSS Fuentes externas e imagen de fondo.Lectura1.10
-
CSS Posicionamiento con Float.Lectura1.11
-
CSS – Flex-Box.Lectura1.12
-
CSS Flex-Box 2.Lectura1.13
-
CSS Grid.Lectura1.14
-
CSS Grid 2.Lectura1.15
-
CSS Grid 3.Lectura1.16
-
Maqueta final – Parte 1Lectura1.17
-
Maqueta final – Parte 2Lectura1.18
-
Maqueta final – Parte 3Lectura1.19
-
Maqueta final – Parte 4Lectura1.20
-
Maqueta final – Parte 5Lectura1.21
-
Maqueta final – Parte 6Lectura1.22
-
Maqueta final – Parte 7Lectura1.23
-
Maqueta final – Parte 8Lectura1.24
-
Cierre de la unidad 1Lectura1.25
-
-
Unidad 2 21
-
Introducción unidad 2Lectura2.1
-
Variables.Lectura2.2
-
Tipos.Lectura2.3
-
Prompt, Console, Alert, ParseInt.Lectura2.4
-
Condicionales con if, else.Lectura2.5
-
Condicionales con switch.Lectura2.6
-
Estructuras de datos: Arrays.Lectura2.7
-
Ejercicio: lista de compras.Lectura2.8
-
Operadores de comparación.Lectura2.9
-
Funciones y scope (ámbito).Lectura2.10
-
Ejercicio: número de la suerte.Lectura2.11
-
Bucle for.Lectura2.12
-
Bucle con método forEach.Lectura2.13
-
Métodos de los array.Lectura2.14
-
Objetos literales.Lectura2.15
-
Métodos nativos: setTimeout() y setInterval().Lectura2.16
-
Manipulación de DOM A y B.Lectura2.17
-
Formato JSON.Lectura2.18
-
Promesas.Lectura2.19
-
Fetch de datos JSON desde una API Rest.Lectura2.20
-
Cierre de la unidad 2Lectura2.21
-
-
Unidad 3 9
-
Introducción unidad 3Lectura3.1
-
Instalación de Xampp.Lectura3.2
-
Interfaz de PHPMyAdmin.Lectura3.3
-
Creación de estructura parte 1.Lectura3.4
-
Creación de estructura parte 2.Lectura3.5
-
Insertar registros.Lectura3.6
-
Modificar y eliminar registros.Lectura3.7
-
Consultas de Select.Lectura3.8
-
Cierre de la unidad 3Lectura3.9
-
-
Unidad 4 20
-
Introducción unidad 4Lectura4.1
-
Instalación Node y primer servidor web.Lectura4.2
-
Rutas y Nodemon.Lectura4.3
-
Vistas con Handlebars.Lectura4.4
-
Creación de formularios de contacto.Lectura4.5
-
Separación de rutas y lectura de datos de formulario.Lectura4.6
-
Envio de emails con Nodemailer.Lectura4.7
-
Creación de footer y formulación de acceso.Lectura4.8
-
Conexion con la base de datos.Lectura4.9
-
Login: consulta a la base de datos.Lectura4.10
-
Protección de rutas.Lectura4.11
-
Logout: cerrar una sesión activa.Lectura4.12
-
Carga de archivos. Configuración.Lectura4.13
-
Carga de archivos. Ejecución.Lectura4.14
-
Listar registros de la base de datos.Lectura4.15
-
Buscar y borrar.Lectura4.16
-
Modificar un registro.Lectura4.17
-
Debugging y codigo terminado.Lectura4.18
-
Cierre de la unidad 4Lectura4.19
-
Examen Final – Full StackExamen4.110 preguntas
-
-
Despedida 1
-
Video de cierreLectura5.1
-
¡Este contenido está protegido, por favor, accede e inscríbete en el curso para ver este contenido!
7 comentarios
Hola, no estaría funcionando. Al achicar la pantalla se deforma.
@media screen and (max-width: 576px)
{
.grid-container {
grid-template-columns: 1;
grid-template-rows: 50px 200px 0.5fr 0.5fr 0.5fr 100px 50px 100px;
grid-template-areas: “nav nav nav nav” “main main main main” “main main main aside” “article1 article1 article1 article1” “article3 article3 article3 article3” “article2 article2 article2 article2” “gallery gallery gallery gallery” “aside” “aside” “aside” “aside” “footer footer footer footer”;
}
}
Pusiste 8 filas
grid-template-rows: 50px 200px 0.5fr 0.5fr 0.5fr 100px 50px 100px;
y tenes 9 filas en el grid template areas.
grid-template-areas: “nav nav nav nav” “main main main main” “main main main aside” “article1 article1 article1 article1” “article3 article3 article3 article3” “article2 article2 article2 article2” “gallery gallery gallery gallery” “aside” “aside” “aside” “aside” “footer footer footer footer”;
Ademas de tener una fila con “aside” separados y no agrupados
Me interezante “media query” , práctica mucha y lógica .siempre YouTube o leer para entiendo contexto .
Pusiste 8 filas
grid-template-rows: 50px 200px 0.5fr 0.5fr 0.5fr 100px 50px 100px;
y tenes 9 filas en el grid template areas.
grid-template-areas: “nav nav nav nav” “main main main main” “main main main aside” “article1 article1 article1 article1” “article3 article3 article3 article3” “article2 article2 article2 article2” “gallery gallery gallery gallery” “aside” “aside” “aside” “aside” “footer footer footer footer”;
Ademas de tener una fila con “aside” separados y no agrupados
Comparto una experiencia: No lograba la función “responsive” de éste ejercicio por varios días revisando mis líneas de código y comparando con el video tutorial, hasta que noté el error: una simple “falta de ortografía” al escribir “ancho máximo” (max-whidth, en vez de max-width) alteraba todo mi código!. Como dice Marcelo (el profesor) en el video, esto es sencillo…, pero hay que estar atento a los detalles para que el navegador “comprenda” lo que queremos lograr.
no me estaria funcionando y eso que controle el tema de las filas… me estoy por dar por vencido ja
@media screen and(max-width:576px) {
.grid-con{
grid-template-columns: 1;
grid-template-rows: 50px 200px 0.5fr 0.5fr 0.5fr 100px 50px 100px;
grid-template-areas:
“nav nav nav nav”
“main main main main”
“aside aside aside aside”
“art1 art1 art1 art1”
“art2 art2 art2 art2”
“art3 art3 art3 art3”
“galery galery galery galery”
“footer footer footer footer”;
SOLUCIONADO… CON UN ESPACIO DESPUES DE AND….NO PENSE QUE TENDRIA QUE VER