Usuario:Juanda/bootstrap/Themes - Historial de revisiones

Juanda: /* Instalaciones mediante npm */

2014-02-26T09:16:22Z

‎Instalaciones mediante npm

2014-02-26T09:16:05Z

‎Instalación de nodejs

2014-02-23T22:34:07Z

2014-02-23T22:33:43Z

‎Grunt

2014-02-23T22:29:27Z

‎Grunt

2014-02-23T22:26:08Z

‎Grunt

2014-02-23T22:25:29Z

‎Grunt

2014-02-23T22:24:49Z

‎Utilidad de Bootstrap

2014-02-23T22:08:09Z

‎ThemeStrap

2014-02-23T21:47:01Z

‎ThemeStrap

@@ Línea 56: / Línea 56: @@
 root@juandapc:/home/juanda# npm install -g bower
 root@juandapc:/home/juanda# npm install -g grunt-cli
-root@juandapc:/home/juanda# npm install -g bower
+root@juandapc:/home/juanda# npm install -g less
 </source>
@@ Línea 80: / Línea 80: @@
 <div class="slide">
 ===ThemeStrap===
 *Vamos a utilizar [https://github.com/divshot/themestrap ThemeStrap] para hacer nuestro theme de Bootstrap

@@ Línea 24: / Línea 24: @@
 <source lang="bash">
 ./configure
-./make
+make
 sudo make install
 </source>
@@ Línea 39: / Línea 39: @@
 <div class="slide">
 ===Bower===
 *npm es el gestor de paquetes que utiliza nodejs.

← Revisión anterior		Revisión de 22:34 23 feb 2014
Línea 237:		Línea 237:
	</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>~~
−
−
−
−
−	~~===Bower===~~
−	*Es un gestor de paquetes de Front End.
−	*Depende de nodejs y de npm (node package manager).
−
−	~~sudo apt-get install npm~~

@@ Línea 217: / Línea 217: @@
 </source>
 *grunt serve es un comando que nos permitirá ver nuestro proyecto en la url: http://localhost:8000.
 {{DGA tarea|

@@ Línea 216: / Línea 216: @@
 </source>
+*grunt serve es un comando que nos permitirá ver nuestro proyecto en la url: http://localhost:8000.
 {{DGA tarea|

@@ Línea 220: / Línea 220: @@
 {{DGA tarea|
 Title=Ejercicio|
-Actualiza la versión de Boostrap a la actual (3.1.1).
+Actualiza la versión de Boostrap a la actual para tu proyecto (3.1.1).
 }}
 </div>

← Revisión anterior		Revisión de 22:25 23 feb 2014
Línea 190:		Línea 190:
	*Ya viene configurado para ejecutar ciertas tareas		*Ya viene configurado para ejecutar ciertas tareas
	*Ejecuta grunt para comprobarlo:		*Ejecuta grunt para comprobarlo:
		+	<source lang="bash">
		+	juanda@juandapc:~/bootstrap/bootstrap-theme-daw$ grunt
		+	Running "copy:bootstrap" (copy) task
		+	Copied 5 files

		+	Running "less:compile" (less) task
		+	File dist/css/bootstrap.css created.
		+
		+	Running "recess:dist" (recess) task
		+	File "dist/css/bootstrap.css" created.
		+
		+	Running "cssmin:minify" (cssmin) task
		+	File dist/css/bootstrap.min.css created.
		+
		+	Running "assemble:pages" (assemble) task
		+	Assembling index.html OK
		+	Assembling examples/kitchen-sink.html OK
		+	>> 2 pages assembled.
		+
		+	Running "clean:0" (clean) task
		+	Cleaning tmp...OK
		+
		+	Done, without errors.
		+	juanda@juandapc:~/bootstrap/bootstrap-theme-daw$
		+
		+	</source>

@@ Línea 187: / Línea 187: @@
 <div class="slide">
-===Utilidad de Bootstrap===
+===Grunt===
-*Tenemos dos opciones para utilizar Bootstrap:
+*Ya viene configurado para ejecutar ciertas tareas
-*Utilizar exclusivamente su sistema de rejilla (grid) para colocar elementos y responsividad.
+*Ejecuta grunt para comprobarlo:
-*Utilizar su diseño: botones, labels, etc así como su librería de javascript (basada en jQuery).
 </div>
 <div class="slide">
 ===Diseño con Bootstrap===
 *Modificaremos a partir de los ficheros less existentes.

@@ Línea 125: / Línea 125: @@
 *Los campos nombre y autor son los más importantes.
 *themestrap/name y themstrap/repo solo son útiles si publicamos nuestro tema en GitHub y lo compartimos con Bower (lo veremos más adelante).
 </div>