CSS Grid y Flexbox, La Guía Definitiva, Crea + 10 Proyectos
Información
Udemy
Online
Curso
Crear sitios web utilizando Flexbox y Grid No solamente emos 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 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) A quién va 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 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 dreamwea habilita la edición de código Conexión a Internet ya que el curso solo puede se 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 Temario completo de este curso Contenido del curso Los Proyectos en este curso ¿Qué es Flexbox? El Contenedor Flex o Flex Container Flex Direction Flex Wrap Flex Flow y Order Flex Grow, Flex Shrink, Flex Basis y el Shorthand Flex Flex Grow y flex a fondo Alineando con Flexbox Poniendo todo en práctica (Video 1 de 3) Poniendo todo en práctica (Video 2 de 3) Poniendo todo en práctica (Video 3 de 3) Arrancando el Proyecto Agregando Media Queries a los Cards Estilos a los cards Creando un Menú Sencillo Creando un Menú con Iconos (Pt 1 de 2) Creando un Menú con Iconos (Pt 2 de 2) Creando un Dropdown Menu Creando un Menú de Redes Sociales Creando un Menú de Redes Sociales y Dropdown ¿Porque usar Autoprefixr? Instalando Dependencias Compilando SASS con Gulp Agregando un watch Comenzando los estilos del Proyecto Estilos al carrito de compras con SASS Agregando una fuente de Google Fonts Creando un Mixin Creando otros mixins útiles Creando la imagen principal y buscador Creando mixins para media queries Creando la barra principal Creando la sección de los cursos Finalizando la sección de los cursos Creando el footer Creando los menús del footer Primeros pasos con el Proyecto Compilando SASS con Gulp Agregando un watch Creando e importando las Variables Creando e Importando Mixins Escribiendo el HTML del login CSS al Body CSS al Logo Primeros pasos con el formulario CSS a los inputs Animando el Label cuando vamos a escribir en el formulario Creando el botón de Iniciar Sesión Finalizando el formulario CSS al Footer Validación del Formulario Agregando clases y mensajes de error Agregando un botón de ocultar / mostrar en el password Arrancando el Proyecto Trabajando con la imagen principal Estilos al Header Estilos al Menú Principal Creando la sección de categorias Estilos a las categorías Creando el footer Estilos al footer y fin Introducción al Proyecto Creando la navegación Principal Agregando los Sidebars Creando el Media object o comentarios con fotografia Diseño con Footer fijo abajo Diseño con elementos en distinta alineación Finalizando el diseño Creando un Diseño Masonry en Flexbox Arrancando el Proyecto Creando el Header Primeros estilos al Proyecto Creando la barra superior Estilos al Nombre del sitio Estilos a la barra superior Estilos a los menús Creando la barra lateral Estilos al buscador Estilos al Menú Lateral Ocultando y mostrando el Menú Principal Estilos al área principal más
Otros cursos de esta academia
Cisco CCNA Fundamentos de Networking para Redes IP
(Udemy)
Entender el funcionamiento de la cli y los diferentes modos de usuario de un equipo cisco así como las diferentes memorias... 2 cómo instalar packettracer en windows...
Mainframe IBM en tu PC
(Udemy)
Arrancar el sistema operativo mvs de ibm en la pc... sabrás cuáles son las principales industrias en donde se utilizan los mainframes instalarás un entorno de tipo...
Implementación de Servidores LAMP con Centos Linux
(Udemy)
Instalación de apache... instalación de centos linux... introducción a la plataforma lamp... adicionalmente, es recomendable contar con conocimientos básicos en...
Ansiedad por separación en perros - La guía definitiva
(Udemy)
Y si eres profesional aquí encontraras recopilada y organizada toda la información que necesitas sobre esta patología y cómo trabajarla... terapia de jaula...
Cuentos En Francés Vol. I & II. (2 cursos en 1)
(Udemy)
Audio descargable (mp3)... niños y adultos que quieran leer y escuchar 16 cuentos clásicos en francés... a quién va dirigido estudiantes con nivel básico-intermedio...
POWER BI |Curso KPI y Business Intelligence para Call Center
(Udemy)
Entusiastas y usuarios de power bi... crearán visualizaciones analíticas de datos para entender el desempeño del call center y evaluarlo... power bi desktop...
Microservicios con Spring Boot y Spring Cloud Netflix Eureka
(Udemy)
Construye, implementa y escala microservicios con spring boot 2 y spring cloud aprende a crear y consumir servicios web restful con spring boot conecta y consume...
Aprende Dibujo Artístico fácilmente. Arte y creatividad.
(Udemy)
La copia como medio... podrás dibujar todo aquello que ves adquirirás soltura y seguridad en el trazo percibirás los objetos en 2d podrás encajar la forma correctamente...
RestFul Api con Python usando Django Rest FrameWork
(Udemy)
Py guardando el owner fuente guardando el owner probando acceso a api de productos resumen introducción documentando con swagger documentando con coreapi extra y...
ReactJS Avanzado - FullStack React GraphQL y Apollo
(Udemy)
Crear aplicaciones completas con react, apollo y graphql conocer más sobre mongodb y mongoose para integrarlo a sus aplicaciones react crear aplicaciones fullstack...