CSS Grid: Principiante a Experto Creando Web Responsive
4.1 (20 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
90 students enrolled

CSS Grid: Principiante a Experto Creando Web Responsive

Experto en CSS, lleva CSS al Siguiente Nivel con un Proyecto! CSS Grid, CSS Avanzado y Flexbox
4.1 (20 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
90 students enrolled
Last updated 5/2020
Spanish
Spanish [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 5.5 hours on-demand video
  • 1 article
  • 3 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Crear páginas web utilizando Flexbox y Grid.
  • Diferenciar cuando es bueno utilizar Flexbox y cuando es bueno Grid. (Se puede combinar y usar juntos)
  • Aprenderemos a hacer Diseño Responsive con CSS Grid.
  • La diferencia entre CSS y CSS Grid
  • Escribir el código para poder intuir el resultado de nuestra página web solo con ver el código.
  • Como Combinar CSS Grid y Flexbox.
  • Veremos cuándo es recomendable usar Flexbox y cuando no.
  • Configuraremos nuestro editor de texto para escribir menos en CSS y CSS Grid.
  • Aprenderemos creando proyectos reales.
Course content
Expand all 28 lectures 05:28:52
+ Instalando y Configurando un Code Editing. (Visual Studio Code)
3 lectures 29:03
Seleccionando un Editor de Texto
08:30
Instalando Code Editing
01:53
Instalando Modulos para CSS y CSS Grid
18:40
+ CSS Grid de 0 a Experto
17 lectures 03:48:49
Grid Gap Separación entre elementos
13:47
Usando GRID lines por su nombre
14:15
GRID start & GRID end lines
18:28
Unidad de Medida Fracción (fr)
17:08
GRID template areas
28:06
Establecer límites con minmax()
14:46
Repetir valores y patrones con repeat()
13:25
GRID Dinámico con auto-fill y auto-fit
10:10
GRID auto-placement y packing modes
16:47
Implicit & explicit GRID
05:51
Re-ordena GRID items con la propiedad order
04:54
GRID dentro de otro GRID
09:08
Propiedad acortada grid-template
21:18
Alineamiento de GRID items con justify-items
07:02
Alineamiento de GRID ítems con align-self
02:38
Alineamiento de GRID ítems con justify-self y align-self
06:14
+ Recreando la Home de Apple
5 lectures 40:34
¿Que vamos hacer?
02:20
Nombrando las Grid Areas
07:54
Posicionando elementos del Grid Layout
05:59
Terminando Grid Layout
11:39
Creando el Responsive del Grid Layout
12:42
Requirements
  • Ganas de aprender.
  • Te enseñare todo desde 0.
  • Ganas de crear contenido espectacular.
Description

Aprenderemos la nueva forma de crear Layout sin tener que usar librerías pesadas únicamente con CSS Grid, veremos lo potente que es y lo muchos casos de uso que tiene.

Cogeremos paginas complejas y las adaptaremos a CSS Grid en cuestión de pocas lineas y demostrar que un proyecto complejo se puede convertir en uno simple con el simple uso de CSS Grid.

En este curso aprenderás desde lo básico a lo más Avanzado.

  • ¿Que es Grid ?

  • Como combinas CSS GRID y elementos con Flexbox

  • Posicionar columnas y filas dentro de CSS Grid.

  • Lo fácil que es hacer Web Responsive y posicionar los elementos con CSS Grid.

  • Términos y funciones clave de CSS Grid como repeat(), minmax() auto-fit, auto-fill y mucho mas.

  • Crear sitios web responsive fácilmente.

  • Recreando la Home de Apple un poco modificada.

Who this course is for:
  • Personas que quieres aprender hacer Web Responsive
  • Desarrolladores Web
  • Programadores Front-End
  • Maquetadores Web
  • Maquinadores CSS