Portada

Información
CSS Grid y Flexbox, La Guía Definitiva, Crea + 10 Proyectos
Peso: | 9.10 GB |
Idioma | Español / Spanish |
Duración: | 11:05 H |
Archivos Base: | Sí |
Instructor/es: | Juan Pablo De la torre Valdez |
Requisitos
- Un editor de texto, en mi caso utilizaré Visual Studio Code, pero hay otras opciones como Sublime Text, Brackets, Atom o Notepad++, si utilizas dreamweaver habilita la edición de código
- Conexión a Internet ya que el curso solo puede verse en la página de Udemy o en la App Oficial
- Si ya has escrito código HTML y CSS y quieres aprender el nuevo estándar CSS Grid y Flexbox, este curso es para ti
Descripción
Aprende el nuevo estándar para crear layouts de tus sitios web con Flexbox y CSS Grid.Que es el Flex y Grid Container Como alinear elementos con Flexbox Posicionar tus columnas dentro de CSS Grid. Términos y funciones clave de CSS Grid como repeat(), minmax() auto-fit y otros. Crear sitios web responsive fácilmente. Aprende creando Proyectos, este curso incluye: Re-creando el Home de AirBNB Re-creando el Home de Udemy Diseño Holy Grail Diseño de Blog Creando un panel de administración Sitio Web para Freelancers. Blog de Recetas en CSS Grid Sitio de Bienes Raices Y muchos más Además, aprende como incorporar otras tecnologías nuevas a tu trabajo con Flexbox y Grid, tales como: NPM Gulp SASS Variables CSS JavaScript Fetch API & JSON Si ya has creado sitios web pero deseas aprender el nuevo estándard: CSS Grid y Flexbox Si eres de las personas que aprenden creando proyectos, este curso incluye +10 de Proyectos y se continuan agregando nuevos
En este curso aprenderás desde lo básico de ambas tecnologías.
¿A quién está dirigido?
¿Qué aprenderé?
- Crear sitios web utilizando Flexbox y Grid
- No solamente veremos Flexbox y Grid, en este curso aprenderás otras tecnologías como Gulp, SASS, Fetch API, NPM, Variables CSS y más!
- Integrar herramientas modernas a tu trabajo como desarrollador y ver como se unen unas con otras como las mencionadas anteriormente.
- Diferenciar cuando es bueno utilizar Flexbox y cuando es bueno Grid (aunque no son excluyentes uno del otro)
Contenido
- Introducción al curso
- Introducción y básicos de Flexbox
- PROYECTO: Diseño de tipo Cards en Flexbox
- Creando Menús de Navegación con Flexbox
- PROYECTO: Sitio Web de Cursos
- PROYECTO: Diseño de un Blog
- PROYECTO: Holy Grail Layout o Layout de 1 o 2 columnas con contenido al centro
- Otros diseños en Flexbox
- PROYECTO: AdminFlex o Panel de Administración en Flexbox
- Introducción a CSS Grid
- PROYECTO: Blog de Recetas en CSS Grid
- PROYECTO: Sitio Web de Bienes Raices con CSS Grid
- PROYECTO: Sitio Web para un Freelancer
- PROYECTO: AirBNB, recreando la página Principal

link no funciona
ResponderBorrar