Diseñando tabla con CSS GRID (ejercicio práctico)
HTML-код
- Опубликовано: 14 июн 2024
- Síguenos en facebook: / jygproyectosweb
Únete a nuestro grupo: / 1639298496227219
Síguenos en Twitter:
/ jygproyectosweb
Apóyanos con un me gusta y compartiendo este video, muchas gracias a todos :)
Excelente introducción de Css-Grid. Me uno al grupo de quienes solicitamos la continuación del curso agregando el CRUD con PHP
Claro que si ! Seria genial un curso de css grid con base de datos.... Gracias Carlos pues siempre han sido útiles tus tutoriales. Guardare la expectativa de tu canal😊
Sos un Crack Gracias por tu aporte desde New York, U.S.A.
Gracias profesor, sus videos son de mucha utilidad
Muy bueno, estos ejemplos casos prácticos va muy bien acompañado de tu buena voluntad y buen conocimiento, gracias...
Muchas gracias, es un ejemplo bastante práctico. Esperamos con gusto el vídeo dedicado a CSS Grid.
Si por favor, más videos de GRID! son geniales!
Lo máximo profesor. Muchas gracias.
Me encanto la explicacion. Muchas gracias!
excelente video, muy buena explicación me sirvió de mucho,
Excelente... y es buena idea dieras un curso d css grid .. todo tu contenido es muy bueno... y gracias por compartir tus conocimientos.. Saludos
Sería genial que puedas hacer el curso de CSS Grid. Con tus videos empecé en el desarrollo web ya que tienes una forma amigable de explicar. Muchos éxitos.
Excelente explicación amigo, saludos desde méxico, voto por que hagas la serie de videos, suscrito desde el día de hoy Febrero 2021
Muchas gracias!! Excelente explicación.
Es una ayuda grande este video.
Genial este vídeo me ha gustado mucho y me ha servido para un proyecto que tengo pensado hacer.
Que buenos tus videos ! muchas gracias !
Buenas noches Carlos, vi tu video y pude utilizar Grid por primera vez en un proyectito, me pareció muy concisa y clara la explicación :) Ya había visto otros videos de formularios, veo que me tengo que internar a ver todo el contenido que hay en tu canal. Me gusta tu forma de explicar! Gracias por compartirlo :D
wow gracias profesor...... bien explicado
Genial explicación, muchisimas gracias
Compañero eres el mejor sería genial que hicieras una serie de vídeo de css grid
Me ayudo muchisimoo!!gracias
Buen aporte Crack!!
Sería genial que hagas una serie de CSS GRID.
Como siempre amigo tus enseñanzas son excelente. Hace años comence con tus tutoriales, hoy vuelvo a tomarlos, claro, con la programación mas avanzada. Gracias por el aporte y voy al siguiente tutorial manipulando BD.
Este canal, Jon Mircha y Soy Dalto son excelentes canales para aprender programcion web :)
Excelente explicación !!
Entendible y facil de llevar.
Puedes hacer uno con filtro y ordena miento por columna?
Gracias!!
Muy interezante, casi en el orden de la respuesta de objetos que se puede tener del backend. Por otra parte t comparti en otro video unos pens donde diseño un estilo decente como el bcp, casi sin plantillas de bootstrap q son casi tipicas
Muy buen video.
Excelente tema 👍
Excelente idea con php, espero puedas hacer el video
Que genial es Grid
Genial ccs Grid me ha ayudado bastante actualmente, si estaría bien que hicieras ejemplos más complicados o ya de una vez un curso desde cero explicando las bases como el que tienes de Flexbox. Saludos desde México mucho éxito,me gusta mucho tu forma de enseñar.
Sigue sin hacer el curso, llevo dos anios esperando
Excelente video :D
Gracias.. buena entrada para un tutorial un poco mas completo con php. Gracias
Gracias. Importante.
Máster muy bien, estaría muy bien, hacer una pequeña base de datos y utilizar grid
uff bellisimo, un cursito de grid pls
Bien, aplicando grid! Con la cantidad de subs que tienes esta bueno que enseñes sobre css grid layout
Excelente como siempre... yo en grid prefiero usar grid-area en lugar de column...
me resulta más práctico y es mas facil de entender
seria genial una serie de videos en los que se profundice mucho más de css grid
ufff muchas graciasss,
Gracias!
Muy buena explicación, muchas gracias, me gustaría saber si tienes alguna práctica colocando columnas automáticas con grid-auto-columns y grid-auto-rows, que tengan un ancho definido en forma automática al contenido de cada columna. Espero sus comentarios.
Hola, me gustan tus videos, estaba buscando un video que pueda enseñar como hacer tablas comparativas tipo Amazon, que sean responsiva, pero no encuentro podrías crear un video de como podríamos hacer una tabla comparativa responsiva, gracias.
Hola es muy interesante el uso del grid. Me gutaria nos ayudara con un video como personalizar de manera independiente las columnas en cuanto su alineacion, etc... Gracias de antemano
gracias
Excelente. Pero con angular cuando pongo el ngfor no hay contenedor de los items que se van a repetir. cuando coloco los items dentro de un contenedor el encabezado de la tabla y los items se desalinean. Como haria para evitar eso?
Hola, muy interesante y muy buen método de enseñanza, por casualidad tienes el codigo de lo estas enseñando para poder descargarlo y practicar?. Gracias por tu valioso aporte.
Esa tabla que hiciste se adapta a versión responsive porque necesito hacer una tabla de horarios en responsive
Primer comentario!
Amazing
mas videos de css grid porfa
Justo acabo de empezar con esto y estos videos son de lo mejor que encontré por todo youtube, muy buen trabajo. Alguien sabe que extensiones usa para remarcar en azul en la pagina el objeto del código que tiene activo? La verdad que no se ni como buscarlo y el live server que uso no hace eso gracias . 12:48
Esta muy bueno!! pero te falto mostrar como quedaría en "responsive". Estaba buscando información para crear una tabla de comparaciones, pero que la columna principal quede fija en modo responsive, no se si me explique. Vi tapabas que en modo escritorio comparan 4 productos, luego al hacerla responsive se divide en 4, mostrando las comparaciones de a 1, o sea la primer columna contiene : modelo, imagen, dimensiones, peso, valor, comprar y, al lado de esa columna se muestra el primer producto. y así con las demás mientras bajas.
Hola Carlos, como siempre sus tutos son siempre prácticos y funcionales !! se agradece
Al final hiciste la parte de PHP/MYSQL ? para aprender como insertar datos o modificar y eleminar los usuarios
Si, ya lo hizo, esta en su canal :)
Hola, creo que olvidaste mostrar el proyecto estilos.css el cual utilizaste para darle forma a la tabla y seria de mucha ayuda si pudieras compartir esa parte de código
saludos
hace un curso con mdboostrap, por favor?
me salvaste el culo amigo
un saludo a los de la nur
Podrías crear un video que nos permita convertir una página web con enlaces .php en una app o aplicación de Google Play?
me pueden pasar el codigo es que en mi bd solo se ordena un registro y el resto sale fuera del contenedor
Hola, Amigo. Te felicito por este ejercicio práctico. Tengo un problema con la dirección. Cuándo coloco una dirección con más caracteres me da la impresión que no se alinea al centro. Qué puedo hacer para solucionar este problema?
Hola Darwin únete al grupo en la descripción para poder ayudarte
Quisiera saber como hacer un resumen de una tabla de sql en una página web
Amigo he visto que realmente eres muy habilidoso para muchos temas, tanto para desarrollo frontend como backend e incluso para programas de diseño, no te gustaria hacer cursos en udemy? Se que te iria muy bien, realmente tienes talento para la docencia, mucha gente con menos de lo que tu tienes hacen sus cursos y han hecho muchisimo dinero
Los tenía pero udemy cambio una vez las políticas que no me gusto, parece que las ha cambiado nuevamente estoy pensando en volver
como puedo hacer si quiero que las columnas vayan una debajo de otra cuando se ven en celular?
como haces para cuando escribis en css se actualize automaticamente en chrome, porque veo que todo lo que haces se aplica automaticamente
yo utilizo Visual Studio Code y allí puedes instalar extensiones o plugins para todo sea, cambiar temas, colores o escribir etiquetas o selectores con abreviaturas, es super sencillo
Como seria armar el CSS Grid donde al inicio solo se muestre el encabezado, pero al buscar un registro en una base de dato esta carga el CSS Grid y ahí recién se despliega todas las demás filas con los registros encontrados. Si al buscar otro registro no se encuentra entonces que el CSS Grid solo muestre el encabezado
Que bien! didáctico y al grano. Actualmente estoy por subir 2 webs basadas en tu video de 2015!
ruclips.net/video/nOjxVmN-obU/видео.html
espero el apartado de css grid
¿Cómo es posible visualzar insantaneamente los cambios de el css en el html?
Estoy buscando por todos lados y no encuentro ninguna solución, recien estoy empezando en el diseño web.
Es el editor brackets
si con php plox
Buenas Jean Carlos, sera que me puedes colaborar con un ejercicio que necesito resolver, se trata de validar un formulario.
En los inputs, colocarles los bordes rojos si estan vacios y tambien agregarle un asterisco luego del input, tengo todo el ejercicio resuleto pero tiene un bug, que cada vez que oprimo el boton submit me sigue agregando mas asteriscos y si introduzco informacion en los inputs no me borra los asteriscos, sera que alguien quisiera colaborar, tengo el codigo en GitHub si les intereza pueden pasar y mirarlo.
--- github.com/ranflindiaz/JavaScript ---
Pon esto en el Body: .container-taable>.table__title{Datos de usuario}+.table__header{Nombre}+.table__header{Apellidos}+.table__header{Dirección}+.table__header{Teléfono}+.table__item{Juan Antonio}+.table__item{Gomez Perez}+.table__item{Urb. Las Lomas H-1}+.table__item{986321654}+.table__item{Pedro Carlos}+.table__item{Janampa Galindo}+.table__item{Urb. Las Dunas H-3}+.table__item{954321654}+.table__item{Edith Camila}+.table__item{Sánchez Urbina}+.table__item{Av. Las Brisas 789}+.table__item{963345741}+.table__item{José Carlos}+.table__item{Vega Huamán}+.table__item{Av. San Martín 951}+.table__item{953126789}+.table__item{Angélica María}+.table__item{Palomino Cáceres}+.table__item{San Carlos 654}+.table__item{935796321}
Con el atajo de Emmet
Mejor creen un grupo de whatsapp...
No es practico, si te dan la ayuda y luego siguen mandando mensaje tienes que regresar para ver la solución. En Facebook esta por publicaciones.
@@Jygproyectosweb Oh gracias por la pronta respuesta... estare pentiende del chat de facebook entonces