Diferencia entre revisiones de «Usuario:Juanda/bootstrap/Introducción»

De WikiEducator
Saltar a: navegación, buscar
(Versiones de Bootstrap)
 
(Una revisión intermedia por el mismo usuario no mostrado)
Línea 22: Línea 22:
 
<div class="slide">
 
<div class="slide">
 
===Versiones de Bootstrap===
 
===Versiones de Bootstrap===
 +
*La versión 3 salió el 19 de Agosto de 2013, [http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/ ver blog].
 +
*Ojo con documentación, consultas en stackoverflow, etc. hay mucha más información de Bootstrap 2. ¡Debemos mirar con cuidado!
 +
</div>
 +
 +
<div class="slide">
 +
===Descargas de Bootstrap===
 
*Compilada y comprimida. Sin documentos ni fuentes originales.
 
*Compilada y comprimida. Sin documentos ni fuentes originales.
 
*Sin compilar ni comprimir. Los fuentes de CSS están en Less.
 
*Sin compilar ni comprimir. Los fuentes de CSS están en Less.
Línea 28: Línea 34:
  
 
<div class="slide">
 
<div class="slide">
 +
===Documentación de Bootstrap===
 +
*[http://getbootstrap.com/ Página web del proyecto]
 +
*[http://librosweb.es/bootstrap_3/ Documentación traducida al español]
  
===Bower===
+
</div>
*Es un gestor de paquetes de Front End.
+
*Depende de nodejs y de npm (node package manager).
+
 
+
sudo apt-get install npm
+
  
 +
<div class="slide">
 +
===Utilidad de Bootstrap===
 +
*Tenemos dos opciones para utilizar Bootstrap:
 +
*Utilizar exclusivamente su sistema de rejilla (grid) para colocar elementos y responsividad.
 +
*Utilizar su diseño: botones, labels, etc así como su librería de javascript (basada en jQuery).
 
</div>
 
</div>
  
 +
<div class="slide">
 +
===Diseño con Bootstrap===
 +
*Modificaremos a partir de los ficheros less existentes.
 +
*Crearemos themes.
 +
*También podremos optar por descargar themes existentes (muchos de pago).
  
 
+
</div>
 
</div>
 
</div>

Última revisión de 09:37 24 feb 2014


Requerimientos previos

  • html
  • Conocimiento básico de javascript y jQuery
  • Conocimiento básico de css

¿Qué es Twitter Bootstrap?

  • Es el framework de Twitter que permite crear interfaces web con CSS y Javascript
  • The most popular front-end framework for developing responsive, mobile first projects on the web.

Versiones de Bootstrap

  • La versión 3 salió el 19 de Agosto de 2013, ver blog.
  • Ojo con documentación, consultas en stackoverflow, etc. hay mucha más información de Bootstrap 2. ¡Debemos mirar con cuidado!

Descargas de Bootstrap

  • Compilada y comprimida. Sin documentos ni fuentes originales.
  • Sin compilar ni comprimir. Los fuentes de CSS están en Less.
  • Sin compilar ni comprimir. Los fuentes de CSS están en Sass.

Utilidad de Bootstrap

  • Tenemos dos opciones para utilizar Bootstrap:
  • Utilizar exclusivamente su sistema de rejilla (grid) para colocar elementos y responsividad.
  • Utilizar su diseño: botones, labels, etc así como su librería de javascript (basada en jQuery).

Diseño con Bootstrap

  • Modificaremos a partir de los ficheros less existentes.
  • Crearemos themes.
  • También podremos optar por descargar themes existentes (muchos de pago).