Blog dedicado a la enseñanza gratuita, utilizando JavaScript, CSS, HTML, PHP, MySQL, UML, Patrones de Diseño.

Videotutorial 04 del Curso de CodeIgniter



Videotutorial 04 del Curso de Codeigniter, veremos el trabajo con el Helper Form, crearemos un formulario de acceso al sitio usando este helper. Uso de la libreria de validación de formularios la cual usaremos para validar nuestros formularios del lado del servidor. Se aclara el trabajo con el archivo .htaccess. Todo en 30 minutos.

VideoTutorial 10 del Curso de PHP y MySQL


Este es el VideoTutorial 10 del Curso de PHP y MySQL. Veremos como desarrollar una aplicación web totalmente dinámica, la cual la desarrollaremos desde cero. Analizaremos el concepto mediante la creación de un sencillo script el cual carga los contenidos, menús e imágenes desde una base de datos.
Construiremos el archivo usando divs los cuales los maquetaremos con estilos CSS.
Crearemos 3 tablas a las que haremos referencia mediante un valor rescatado vía GET, de esta forma, todos nuestros contenidos se cargarán en un solo archivo, e irán cambiando de acuerdo a ese valor que recibimos por cabecero. Todo en 50 minutos.

Efecto de libro animado con jQuery

Viewbook es un plugin jQuery que crea de forma dinámica la transición y muestra de contenidos con el efecto de un libro en el que pasamos de hoja a hoja. Todo esto con apenas unas lineas de código y sin complicarnos ni un poquito la vida.

Intento de captura del efecto en acción:

efecto libro jquery

Si lo desean, pueden ver en la web oficial una serie de ejemplos con distintos modos de implementar este fantástico plugin.

La instalación es realmente simple, por un lado vamos a escribir el código con la información que va a contener cada hoja, por ejemplo:

<div id="mybook">
<div class="vb-load">
<div>
<h3>Yay, Page 1!</h3>
</div>
<div>
<h3>Yay, Page 2!</h3>
</div>
<div>
<h3>Yay, Page 3!</h3>
</div>
<div>
<h3>Yay, Page 4!</h3>
</div>
</div>
</div>

El plugin nos pide que encerremos todas las divs correspondientes a cada hoja dentro de una con el nombre de clase vp-load. Ahora solo queda inicializar el plugin pasando por parámetro el nombre de la div con las hojas:

$(function() {
//single book
$('#mybook').viewbook();
});

Y listo, con apenas unas lineas de código vamos a tener funcionando la animación sin ningún problema.

Les recomiendo que miren las distintas opciones del plugin, por ejemplo tenemos la opción de seleccionar una hoja en particular para que se muestre al iniciar, o bien la velocidad de desplazamiento de cada pagina, etc.

Fuente builtbywill.com

VideoTutorial 09 del Curso de PHP y MySQL


Este es el VideoTutorial 9 del Curso de PHP y MySQL.
En el Video 8 vimos cómo conectarnos a la base de datos desde PHP usando la función mysql_connect, pues ahora utilizaremos esa misma funcionalidad. La temática de este VideoTutorial será el desarrollo de un sistema de noticias con PHP y MySQL, en el cual los usuarios de nuestra web nos podrán dejar sus comentarios. Para ello, crearemos dos tablas MySQL, nos conectaremos a la base de datos, revisaremos cómo obtener los registros tanto de las noticias como de los comentarios.
Aprenderemos a trabajar con campos de formulario de tipo hidden, lo que nos permitirá pasar valores ocultos y recuperarlos con arrays asociativos desde PHP.
Una hora y 20 minutos en donde crearemos la aplicación completa, los archivos e imágenes irán en descarga directa junto con el video.

50 Sitios para descargar eBooks

Twitter Delicious Facebook Digg Stumbleupon Favorites More