Esta es la versión corta del curso de Fundamentos de la Web especialmente pensada para impartirse en escuelas y universidades.
- Atom, plugins recomendados:
color-picker, auto-close-html, atom-html-preview
- En este caso usaremos Google Chrome
- Crea una acá y dale
fork
a este repo.
De qué va y Organizers.
... y el primer browser.
Dale forma y hazla visible, deja de lado los dolores de cabeza que provoca la maquetación, esa no fluidez en el contenido y atributos como float
que nos hacen huir lo más lejos posible.
- Estructura de un documento HTML5
- Etiquetas semánticas
- Selectores de elemento y de clase
- Modelo de caja
- Metodología BEM
- Cajas flexibles con Flexbox
En 2014 Google anunció Material Design con la intención de proveer buen diseño y hermosa UI principalmente en Android. Este año lo llevaron a la web con Material Design Lite que simplifica el proceso de agregar material design a nuestro sitios usando vanilla CSS, HTML y JavaScript.
- Componente Grid
Nuestra página necesita un lugar para vivir, antes de aprender a hacer deploy en Github Pages necesitamos revisar de qué va Git y Github.
- Control de versiones con Git
- Github
Elm es un lenguaje de programación funcional para construir aplicaciones Front End y en este live coding nos sumergiremos en una nueva aventura.
- Contribuye a la playlist, esta historia necesita un soundtrack.
- Con la intención de que tú, Git y Github se vayan conociendo contribuye al issue de Resources.
- Únete al grupo oficial del GDG, conoce a la comunidad.
- Y disfrutalo!
Una vez que aprendes a construir layouts lo demás fluye solo. Con Flexbox y el sistema de Grid de Material Design Lite maquetaremos Instagram.
- Instituto Tecnológico de Misantla (Veracruz) - 19 de Noviembre 2016