Hola que tal a todos, no he escrito mucho por esta zona ya que he estado algo ocupado con la comunidad www.autodidact.as misma de la que quiero hablarles hoy.

Saben tenemos al rededor de 8 meses desde que se inicio este proyecto, la verdad ha sido un crecimiento moderado, pero ya contamos con participación de muchos países.

La comunidad tiene por objetivo difundir el conocimiento, creando un grupo que le guste compartir y enseñar lo que ha aprendido.

En nuestro canal de Youtube www.youtube.com/comautodidactas, están los nuevos talleres y cursos que se han brindado en la comunidad, los vídeos anteriores están en mi cuenta personal www.youtube.com/lenincasco.

Estamos siempre en remodelación de nuestro sitio web, por cuestiones de tiempo pues avanzamos de a poco, pero contamos con tecnología de ultima como Django-python, Nodejs...

Contamos con ponentes reconocidos en la web, personas que desinteresadamente contribuyen con este proyecto, y también habemos otros no tan conocidos pero que entre ellos hay quienes saben un montón.

Te invito a que formes parte de nuestra comunidad, te aseguro que cada domingo que nos conectamos en vivo, para charlar, o realizar un taller, vas a aprender un poquito.

Hola gente, les traigo este pequeño tuto de como crear un Globo (estilo contador) con Html5 y CSS3.

Hola gente...

El trabajo no me había permitido seguir escribiendo en el blog, hoy me escape para entregarles este pequeño tutorial.

Lo que vamos a hacer es permitir que nuestras paginas web hechas con Django puedan ejectuarse por medio del servidor Web, en este caso configuraremos Apache con Xampp.

Requerimientos:

1. Necesitamos tener instalado, Python, Django, Xampp.
2. Descargaremos el siguiente modulo mod_wsgi-win32-ap22py27-3.3.so, en ese enlace encontraran los módulos para otras versiones, escojan la apropiada para ustedes.
3. Realizar una pequeña aplicación con Django para probar nuestra configuración.

Bien, lo primero vamos a "c:/python27/scripts" ahí estará el archivo django-admin.py, lo copiamos y pegamos en "c:/xampp/htdocs", para habilitar la ejecucion de los modulos python...

Luego el modulo que descargamos mod_wsgi-win32-ap22py27-3.3.so, lo copiamos y pegamos en "c:/xampp/apache/modules" y lo renombramos a "mod_wsgi.so"

Ahora abrimos el archivo de configuración de apache que esta en "c:/xampp/apache/conf", el archivo se llama "httpd.conf", lo editamos y escribimos la siguiente linea: "LoadModule wsgi_module modules/mod_wsgi.so"

Ahora creamos un proyecto django, y iniciamos una aplicacion en la carpeta htdocs.

python django-admin.py startproject sitio
python django-admin.py startapp aplicacion

esto nos creara el proyecto y la aplicación django, quedaría algo asi en la carpeta htdocs: c:/xampp/htdocs/sitio

ahora modificamos una vez mas el httd.conf del apache y colocamos las siguientes lineas al final del archivo:

Alias /media/ "c:/xampp/htdocs/sitio/media"
<Directory c:/xampp/htdocs/sitio>
        Order deny,allow
       Allow from all
</Directory>

WSGIScriptAlias / "c:/xampp/htdocs/sitio/mod.wsgi"

Luego en la carpeta "c:/xampp/htdocs/sitio", creamos un archivo con extencion wsgi y lo llamamos mod, de tal forma que nos quede asi "mod.wsgi", el contenido de este archivo sera el siguiente:

import os, sys
sys.path.append('c:\\xampp\\htdocs\\sitio')
os.environ['DJANGO_SETTINGS_MODULE'] = 'sitio.settings'

import django.core.handlers.wsgi
application = django.core.handlers.wsgi.WSGIHandler()

y con esto tendríamos configurado y ligado nuestro proyecto django con el servidor web, reiniciamos el apache y luego vamos a localhost/sitio y tendría que aparecer el típico mensaje de django.

Si se fijan no hemos hecho nada como "python manage.py runserver" para arrancar el servidor, sino que de esto se encarga el apache ahora.

Espero todo vaya bien, y si están leyendo esto antes del Domingo 23 de septiembre de 2012, recuerden que  este día tendremos un taller en vivo sobre django avanzado en www.autodidact.as

Saludos.

Hola gente....

Hoy quiero compartir con ustedes una pequeña rutina que obtiene los vídeos que cualquier usuario de Youtube haya subido a su canal.

Utilizaremos para ello Jquery, asi que vayan haciendo referencia en la cabecera de sus paginas, para poder utilizarlo.

Lo primero que haremos sera construir la URL que nos devolverá la lista de vídeos subidos por un usuario de Youtube.

Para ello podes dar click a este link que nos llevara a la pagina de la Api de Youtube, donde hay una serie de parametros para construir nuestra URL., copian la direccion generada que sera similar a esta:

"http://gdata.youtube.com/feeds/api/videos?lr=es&orderby=published&author=lenincasco"

Básicamente obtiene los videos subidos por "lenincasco" ordenados por fecha de publicacion y que la metadata esté en español.

Bien ahora Jquery.

<script>


$.get("http://gdata.youtube.com/feeds/api/videos?lr=es&orderby=published&author=lenincasco", 

function (xml) {
$(xml).find("entry").each(

function () {
var idd = $(this).find('id');
var $id = idd.text().substring(42);

$("#videos").append("<li><iframe type='text/html' height='100%'     width='100%' src='http://www.youtube.com/embed/" + $id + "'></iframe></li>");
});

});

</script>


Explicación:

Con .get() es una función de Jquery que recibe como parámetros una URL de donde va a obtener los datos, y en este caso una función para el CallBack, la cual tiene el elemento "xml" que es la Data regresada en el request de la Url.

con jquery buscamos el elemento "entry" en el arbol de la Data regresada, y para cada uno de ellos ejecutamos otra función anonima, dentro de esta buscamos el elemento "id" que esta dentro de la "entry" y la almacenamos en la variable "idd", "idd" nos regresa una url conteniendo al final de esta el id de cada video.

http://gdata.youtube.com/feeds/api/videos/l03R-F2dhlo

Lo que haremos sera extraer ese ID del final de está URL.

Primero convertimos a texto la url con esta instrucción idd.text(), luego hacemos un substring que nos regresara una subcadena y le decimos que nos regrese los caracteres restantes a partir del indice 42 (longitud de la url sin el ID).

luego solo nos resta armar nuestra forma de presentarlo en Html, asi que concatenamos el ID obtenido con el html correspondiente del Iframe donde pondremos nuestro video.

Comenten si les resulta.

Hasta la próxima.

Hola gente...

Hoy quiero compartirles este mini tuto, para crear un servidor Nodejs.

Lo primero es que voy a asumir que ya tienen instalado NodeJs, en sus computadoras.

Bien al grano.

Abrimos nuestro editor de texto preferido (SublimeText2), y comenzamos a codear.

//Declaramos una variable llamada http y le decimos que requiera el protocolo 'http'
var http = require('http');

//Declaramos una variable llamada servidor y le decimos que se inicialice con la creacion del servidor.
var servidor = http.createServer(); 

//Y le decimos que al servidor creado que almacenamos en 'server', que escuche en el puerto 8080.
server.listen(8080);

//Y para que sepamos que realemente esta corriendo, imprimimos en la consola.
console.log('Servidor inciado y escuchando en el puerto 8080');

Ahora le damos guardar a nuestro archivo, escogemos un directorio de nuestra PC, y le damos un nombre con extensión JS. (como ejemplo usaremos el nombre 'server.js')

Perfecto con esto ya está creado el servidor NodeJs, pero ahora falta iniciarlo.

Para eso vamos a la consola y buscamos el directorio donde creamos el archivo del servidor, una vez dentro ejecutamos la siguiente instrucción.

node server.js

y veremos algo como esto.

Si se fijan es el mismo mensaje que imprimimos a consola. con esto sabemos que el servidor está corriendo.

Genial, pero que pasa si vamos a nuestro servidor local 'localhost:8080'. y al puerto donde escucha nuestro server? bueno no pasa nada, precisamente porque no le dijimos a nuestro servidor que hiciera algo, solo que escuchara en ese puerto.

Bien cambiemos algo más en nuestro codigo del server, para que aparezca algo en nuestro navegador cuando entremos a 'localhost:8080'....

En la parte donde creamos nuestro servidor agregamos una función, de ésta manera.

server = http.createServer( function (request, response) {
      response.writeHead(200, {"Content-Type" :  "text/html"});
      response.write("<div><h1>Hola Mundo</h1></div>");
      response.end();
});

En pocas palabras le decimos a nuestro server que el tipo de contenido sera texto / html
ademas escribimos html con un Hola Mundo

Ahora a probar nuevamente nuestro 'localhost:8080' y veremos nuestro Hola Mundo.

Bueno todo por hoy, ya iremos viendo algunos ejemplos con NodeJs.

Hola gente...

Hoy me recomendaron una aplicación que en pocas palabras me permitirá ganar dinero recomendado paginas, productos y demás por twits.

Bueno en principio la idea se escucha genial (quien no quiere un dinerito extra), pero como siempre las cosas  no son tan sencillas.

Primer inconveniente, para poder participar de esto necesitas tener por lo menos 100 seguidores (en lo personal tengo hasta el momento 125, así que puedo participar, pero llevo como 2 meses creo para poder conseguirlos).

Segundo, tenes que ser un twitero activo, es decir que hayas mandado al menos 30 twits en los últimos dos meses (conozco personas que tienen 1 twit a lo largo de su vida digital).

Tercero, la modalidad de enviar twits que te permitan ganar dinero no es tan fácil. (pensaba suscribirme y comenzar a twitear :)  ), hay tres maneras de que podas enviar twits patrocinados.

1. Campañas de Tweets.
1. Los patrocinadores crean sus campañas y escogen de entre todos los twiteros a los que ellos consideren pueden ofrecer mejor su producto (Como compito contra alguien que pueda tener mas de 500 seguidores y yo con 125).
2. Campaña de clicks.
1. De igual manera que la anterior pero te pagan por los clicks que den a tus twits (mismo inconveniente te tienen que elegir de entre tantos que esten registrados).
3. Mercadillos.
1. En un mercadillo, el anunciante oferta una serie de tweets a un precio fijado por él a número limitado de tuiteros determinados al azar, pero según unos criterios de búsqueda.

Con respecto al pago, este se puede dar por PAYPAL, MONEYBOOKERS, TRANSFERENCIAS.

Paypal te puede cobrar comisión por los pagos que recibas, ademas los pagos se pueden retirar hasta tener por lo menos 50 euros. (si un producto lo pagan por ejemplo a 0.05 ctvs, tendrías que enviar 1000 twits, o que te den click 1000 veces, y si solo tienes 125 seguidores como yo ......).

Igual para MoneyBookers.

Y las transferencias solo para ESPAÑA.

Bien ya me he desahogado, ahora vayan y prueben ustedes click aqui:  TWYNC 

Me cuentan como les fue.

Hola gente..

Este domingo 15 de julio hicimos un taller html5 en vivo, donde increiblemente tuvimos participación internacional jejeje (Colombia, México, Ecuador, Argentina...).

El objetivo era enseñar a construir una página web desde cero, utilizando html5, no es introductorio a Html5, sino a aprender a maquetar una página.

Los que se lo perdieron, estén pendiente este domingo próximo 22 de julio de 2012 haremos otro webcast (pendientes).

Aqui les dejo el webcast pasado.

Primera Parte

Segunda Parte