Udemy – CSS Grid y Flexbox, La Guía Definitiva, Crea + 10 Proyectos

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:

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.

En este curso aprenderás desde lo básico de ambas tecnologías.

  • 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
  • ¿A quién está dirigido?

  • 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
  • ¿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

    Capturas

    Aprende a descargar de CursosMegaUp

    Como descargar

    Enlaces de Descarga

    Mega

    Web Oficial

    Udemy

    Recuerda comentar si tienes algún problema con los links o la contraseña.

    Comments

    comments