Skip to content

wonder-coders/web-fundamentals

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hola

¿Qué necesitas?

Un editor de texto, acá algunas sugerencias:

  • Atom, plugins recomendados: color-picker, auto-close-html, atom-html-preview
  • Sublime Text: Cobalt2 theme, Color Highlighter package

Un navegador

  • En este caso usaremos Google Chrome

Una cuenta en Github

  • Crea una acá y dale fork a este repo.

Summary

Google Developer Group Women

De qué va y Organizers.

Design Sprint

Sumérgete en el proceso de transformar tu idea en un prototipo.

HTML5 & CSS3

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.

Material Design Lite

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.

Github Pages

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.

What's next

  • Contribuye a la playlist, esta historia necesita un soundtrack.
  • Con la intención de que tú, Git y Github se vayan conociendo crea un Issue, dicen en ChelasJs que es una buena forma de colaborar en equipo. O empieza contribuyendo al de Resources por ejemplo, seguro que todos contribuirán para que aprendamos mejor.
  • Únete al grupo oficial del GDG, conoce a la comunidad.
  • Y disfrutalo!

Sesiones

Primera

Segunda

Last

Proyectos

Instajam

Una vez que aprendes a construir layouts lo demás fluye solo. Con Flexbox y Grid Layout maquetamos la web de Instagram.
Código | Art

Filosofía Material Design

Introducción sonora a esta biblioteca de componentes Material Design que deja entre ver el uso de Flexbox y metodología BEM.
Código | Art

GDG WonderCoders

Proyecto inspirado en la web del Google I/O 2015 será la landing page oficial del GDG :bowtie:

About

Aprenderás Design Sprint, HTML5 & CSS3, Material Design Lite y cómo publicar en Github Pages.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published