Loading

Foundation 6

Yan Vallejo

This is a live streamed presentation. You will automatically follow the presenter and see the slide they're currently on.

Foundation 6

Yan Arlex Vallejo Rosas

@yavallejo

aprendiendoando.com

Foundation 6

Clase 1 - Introducción

@yavallejo

Funciones primordiales en las cuales se centraron en esta versión :

  • Rendimiento

  • Personalización

  • Accesibilidad

Foundation 6

Clase 1 - Introducción

@yavallejo

8 Características fundamentales

  • Flujo de trabajo simplificado

  • Proceso de instalación simplificado de Sass

  • Aumentador de potencias : Aparte de trabajar con SASS
  • Disminución del tiempo de carga
  • Fácil selección de los @import
  • Core mas limpio y más sencillo (Sass)
  • Mejora en los mixins de la grilla :
  • Accesibilidad Completa

Foundation 6

Clase 2 - Empezamos

@yavallejo

En esta clase daremos un paseo por el sitio web de Foundation y conoceremos la forma de empezar a trabajar con este maravilloso Framework

Foundation 6

Clase 3 - Versión SASS

@yavallejo

Conoceremos como obtener la versión de SASS y como instalar la Cli (Command-line interface) en windows

Foundation 6

Clase 4 - Grid

@yavallejo

Conoceremos como funciona el sistema de Grillas

Foundation 6

Clase 5 - Grid componentes 

@yavallejo

Conoceremos otros elementos que hacen parte de la grilla

Foundation 6

Clase 6 - Grid ejemplo

@yavallejo

En esta clase colocaremos en practica lo aprendiendo en las dos clases anteriores

Foundation 6

Clase 7 - Flex Grid 

@yavallejo

En esta clase conoceremos Flex Grid el cual nos permite trabajar con FlexBox

Foundation 6

Clase 8 - Formularios

@yavallejo

En esta clase conoceremos todo lo relacionado a los formularios

Foundation 6

Clase 9 - Botones

@yavallejo

En esta clase conoceremos todo lo relacionado a los botones

Foundation 6

Clase 10 - Navegación - Parte 1

@yavallejo

En esta clase conoceremos todo lo relacionado a la navegación

Foundation 6

Clase 11 - Navegación - Parte 2

@yavallejo

En esta clase conoceremos todo lo relacionado a la navegación

Foundation 6

Clase 12 - Navegación - Parte 3

@yavallejo

En esta clase continuaremos aprendiendo sobre la navegación

Foundation 6

Clase 12 - Paginación - Migajas de pan 

@yavallejo

En esta clase veremos todo lo relacionado a paginación y migajas de pan

Foundation 6

Clase 13 - accordion

@yavallejo

En esta clase veremos todo lo relacionado a accordion (Javascript)

Foundation 6

Clase 14 - Callout

@yavallejo

En esta clase veremos todo lo relacionado a Callouts

Foundation 6

Clase 15 - Dropdown

@yavallejo

En esta clase veremos pequeños paneles que pueden mostrarse por click , hover

Foundation 6

Clase 16 - Tabs

@yavallejo

En esta clase veremos todo lo relacionado con las Tabs

Foundation 6

Clase 17 - Tablas

@yavallejo

En esta clase veremos todo lo relacionado a Tablas

Foundation 6

Clase 18 - Badges - Flex Video - Label

@yavallejo

Hola chicos es la hora de ver tres componentes mas que nos regala Foundation - Badge , Flex video y label

Foundation 6

Clase 19 - Orbit

@yavallejo

En esta clase veremos todo lo relacionado a orbit - Carousel

Foundation 6

Clase 20 - Progress Bar - Thumbnails

@yavallejo

En esta clase veremos 2 temas mas con los cuales podemos jugar en nuestro sitio web

Foundation 6

Clase 21  - Tooltips

@yavallejo

En esta clase veremos los famosos Tooltips , el cual podemos elaborar de forma sencilla y así utilizarlo en nuestro sitio web

Gracias

@yavallejo