Diseño Web Responsive con Foundation for Sites SASS y XYGrid
Información
Udemy
Online
Curso
Utilizar el nuevo XYGrid en Foundation hecho con SASS y Flexbox Utilizar los distintos componentes, variables y mixins de Foundation y adaptalo a tus necesidades Crea increíbles sitios web RESPONSIVE a cualquier dispositivo, este curso te llevará paso a paso en la elaboración de 3 PROYECTOS web diferentes. Utilizar los distintos componentes de Foundation y adaptarlos a tus necesidades Si deseas aprender Responsive Web Design, Foundation es tu mejor opción por su sintaxis sencilla y fácil de recordar A quién va dirigido Todo el sitio web será realizado escribiendo el código necesario, si lo tuyo es escribir código, este curso es para ti Estudiantes que quieran desarrollar sitios web adaptables a gran velocidad Estudiantes que deseen aprender SASS Estudiantes que deseen aprender Responsive Web Design Requisitos Usuarios con Windows necesitan instalar NodeJS, Python, NPM, Git, Windows Build Tools, Gulp, Bower, Foundation CLI (Hay un capitulo completo de como hacerlo) No escribiremos código Python o NodeJS, pero se necesita para instalar Foundation Haber escrito un poco de HTML y CSS es suficiente para comenzar este curso No es necesario tener experiencia con SASS Si deseas dar un paso más adelante en tus habilidades de Desarrollador Web este curso es para ti Hemos agregado como Contir el diseño de este proyecto a un Tema de WordPress, para crear sitios 100% dinamicos! Temario completo de este curso Contenido del curso...Proyecto 1: Sitio web cafeteria con XY Grid, ZURB Template, Flexbox y SASS...Proyecto 2: Un sitio Web para un Hotel (Foundation 6, SASS y WordPress)...Proyecto 3: Un single Page con Flexbox, Handlebars y Gulp (Foundation 6 y SASS)...Que es Foundation for Sites?...Ambiente de Desarrollo para Windows Con NPM Git y Python...Instalando Gulp, Bower, Foundation CLI y Windows Build Tools...Creando el Proyecto de Foundation for Sites...Instalar Foundation for Sites en una MAC...Instalar Foundation for Sites en Ubuntu...Que es el XY Grid...Creando el Proyecto...Los Templates de Foundation...XY Grid - Grid Horizontales...XY Grid - Grids ticales...XY Grid - Grid Frame...XY Grid - Utilizando los Mixins de SASS...XY Grid - Alinear elementos desde el padre usando Flexbox...XY Grid: Alinear un elemento hijo por si mismo...XY Grid: Alinear desde el padre con Mixins...XY Grid: Alinear elemento por si mismo con Mixins...Mixins de SASS...Mixins en Foundation Parte 1 de 2...Mixins en Foundation Parte de 2 de...La función o Mixin REM-CALC()...Creando el Proyecto de la Cafeteria...Los Archivos para el Primer Proyecto...Primeros pasos con el Encabezado del Sitio...Añadiendo un archivo.scss para nuestros estilos...Alineando elementos en el Encabezado...Estilos al Menú de Navegación...Estilos al texto de la imagen principal...Finalizando los Estilos al Header...Añadiendo una fuente de Google Fonts...Creando un Menú de Hamburguesa para dispositivos móviles...Creando el Footer del Sitio Web...Estilos al Footer...Añadiendo Font Awesome...Estilos al Menu de Redes Sociales...Creando la página de nosotros...Mostrando una imagen principal diferente...Agregando el HTML de la página de nosotros...Estilos al contenido principal de Nosotros...Estilos a los encabezados principales...Estilos al contenido de Nosotros...Creando la página de Proceso...Agregando el HTML de la sección de Proceso...Estilos a la sección de Proceso...Creando la página del Menú...Escribiendo el HTML del menú...Estilos al Menú...Creando la sección con la lista de precios...Estilos al contenedor del menú...Leyendo un archivo JSON...HTML de la lista de precios...Estilos a la lista de precios... 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... configurar rutas estáticas y rutas...
Mainframe IBM en tu PC
(Udemy)
Sabrás cuáles son las principales industrias en donde se utilizan los mainframes instalarás un entorno de tipo mainframe ibm en tu pc instalarás un emulador de terminales...
Implementación de Servidores LAMP con Centos Linux
(Udemy)
Al finalizar el curso deberas ser capaz de instalar, configurar y publicar aplicaciones web que requieran la implementación de un servidor lamp a quién va dirigido...
Ansiedad por separación en perros - La guía definitiva
(Udemy)
Tratamiento farmacológico... ¿qué necesitamos para realizar un diagnóstico adecuado?... ) que quieran aprender y profundizar sobre un problema sobre el que es muy...
Cuentos En Francés Vol. I & II. (2 cursos en 1)
(Udemy)
Curso 2: estudiantes con nivel intermedio-avanzado que quieran mejorar su pronunciación y su vocabulario en francés... curso 2: de preferencia tener un nivel intermedio...
POWER BI |Curso KPI y Business Intelligence para Call Center
(Udemy)
Aprenderán a usar el power bi para obtener información valiosa para la toma de decisiciones en la empresa... a quién va dirigido estudiantes que desean agregar habilidades...
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)
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 disfrutar dibujando...
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...