Twitter Bootstrap es un framework o conjunto de herramientas de software libre para diseño de sitios y aplicaciones web. Contiene plantillas de diseño con tipografía, formularios, botones, cuadros, menús de navegación y otros elementos de diseño basado en HTML y CSS, así como, extensiones de JavaScript opcionales adicionales.

En este curso vamos a hacer el proceso normal de conversión de una imagen PSD a HTML5 con el framework Bootstrap y luego crearemos un theme funcional para WordPress.

01.Introduccion 

En este nuevo proyecto vamos a hacer el proceso normal de conversion de una imagen PSD a HTML5 con el framework Bootstrap y luego crearemos un theme funcional para WordPress.
Descarga Archivos de este Minicurso: Descargar

02. HTML5 BASE 

En este video Veremos la estructura básica y base para comenzar nuestro proyecto. incluimos al proyecto el framework Bootstrap, la libreria jQuery y la libreria Modernizer.

03. El Header 

En este video crearemos la estructura de Header (Logo y Menú) de nuestro proyecto y le aplicaremos los respectivos CSS.

04. El Slider 

4º video de esta serie de PSD a HTML5 y luego a WP. En este video vamos a implementar el slider principal del Home utilizando el plugin de Flexslider de jQuery.

05.  El Cuerpo  

5° Video de esta seria de PSD a HTML5 y luego a WP. En este video vamos a hacer el HTML del cuerpo y del footer.

06.  Home del Portafolio 

6° Video de esta serie de PSD a HTML5 y luego a WP. En este video vamos a aplicar los estilos CSS tanto al cuerpo como al footer del home de nuestro proyecto.

07. Pagina de Portafolio 

7° Video de esta serie de PSD a HTML5 y luego a WP. En este video crearemos la pagina de portafolio.

08. Programando portafolio

8° Video de esta serie de PSD a HTML5 y luego a WP. En este video vamos a programar la pagina de portafolio, aplicando el script que nos sirve para filtrar las diferentes categorias.

09. Maquetando acerca de 

9° Video de esta serie de PSD a HTML5 y luego a WP. En este video vamos a hacer la página acerca de, en nuestro portafolio basado en Bootstrap en el que estamos trabajando en estos tutoriales.

10.  Creando página de Blog

10° Video de esta serie de PSD a HTML5 y luego a WP. En este video vamos a crear la pagina de blog.

11. Creamos pagina de Contacto 

11° En este video vamos a crear la pagina de contacto y terminamos la parte HTML de este Ejercicio

12. Estructura basica wordpress 

video N° 12 y Entramos a la parte final de este taller donde estamos convirtiendo una plantilla de PSD a HTML5 y finalmente en un theme para WordPress.

13.  Configurando header y footer 

video N° 13 donde nos metemos de lleno con WordPress y comenzamos configurando el header.php y footer.php

14. Cargando los estilos del theme

video N° 14 y en este video aprenderemos a cargar las diferentes hojas de estilos a nuestro theme wordpress

15.Cargando los Scripts del theme

video N° 15 y en este video aprenderemos a cargar los diferentes scripts .js a nuestro theme wordpress

16.  creando la pagina del blog 

video N° 16 y en este video vamos a crear la pagina de blog de nuestro portafolio ya en WordPress, utilizando el Loop de WordPress y algunas de sus funciones.

17. Single.php y otros ajustes 

video N° 17 y en este video vamos a hacer el single.php y a hacer varios ajustes en el portafolio de nuestro WordPress

18. configurando Acerca de  

video N° 18 y en este video vamos a configurar las pagina acerca de y las funciones para mostrar los testimonios dinamicamente en nuestro theme WordPress.

19. Configurando portafolio 

video N° 19 y en este video vamos a empezar a configurar la pagina portafolio de nuestro Theme.

20. Terminando el portafolio 

video N° 20 y en este video vamos a Terminar la pagina de portafolio de nuestro Theme WordPress.

* Autor de este curso http://www.soyfrontend.com/