Curso de Maquetación y Desarrollo Web

20 de abril de 2013

Hola que tal a todos!!

Les cuento así rapidito, se viene una super e interesante serie de video-talleres, en los que construiremos el sitio de Autodidactas desde cero, partiremos desde la maquetación, nos vamos con el css.. Todo esto lo haremos de manera modular para que se comprenda mejor.

Una vez concluida ésta parte, nuestro experto en Django Carlos Rocha, tomará todo el template Html creado y lo convertirá en una plantilla utilizable por django, crearemos los módulos necesarios para el sitio y todo esto trataremos de hacerlo en vivo.

Ademas tenemos un par de cositas cool por ahi con nodejs que con el buen Samuel Burbano, meteremos mano al código...

como ven es una buena oportunidad para aprender desde cero, espero que puedan acompañarnos a estos talleres.

Recuerden entrar siempre a Autodidact.as

Esto está en versión Beta, pero si gustan pueden ir ayudándonos a probar XD! ---> REGISTRATE

Primeros pasos con Nodejs

15 de abril de 2013

Hola a todos...

En esta entrada les traigo este pequeño aporte sobre Nodejs, impresionante tecnología que ha ido creciendo como la espuma.

Nodejs es una plataforma construida sobre el Runtime JavaScript de Chrome para construcciones rápidas y fáciles, aplicaciones de red escalables.

Nodejs usa un modelo orientado a Eventos, no bloqueante, que lo hacen ligero y eficiente, perfecto para aplicaciones de datos en tiempo real de manera intensiva que corren en dispositivos distribuidos.

Algunas de las empresas que ya estan confiando en Nodejs.

LocalResponseebayubervoxer


Dale un vistazo a este video totalmente introductorio, donde se muestra desde la instalación de Nodejs, el uso de Express, algo de Jade y persistencia de datos con MongoDb


Deja tu comentario!


Rumbo a DrupalCampMx Puebla 2013

17 de marzo de 2013


Este 17, 18, 19 y 20 de Abril, se llevará a cabo un grandioso evento denominado DrupalCampMx, en el cual diferentes ponentes de diferentes países estarán hablando y enseñando sobre Drupal.

Sitio web Oficial

Existe contenido para principiantes, intermedios y avanzados, es una oportunidad  maravillosa para aprender un poco más de este Framewok/CMS.

En este Link puedes ver el contenido que se desarrollará durante los 4 dias del evento, como puedes ver es mucho contenido y seguramente de calidad.

En Autodidactas se está llevando a cabo una serie de talleres sobre Drupal, impartido por uno de los conferencistas en el DrupalCampMx, él es Jesús Manuel Olivas, quién durante todo el mes de Marzo nos guiará en entender y perderle el miedo a Drupal.

Puedes participar de esta colección de talleres, simplemente entrando al sitio web www.autodidact.as cada domingo y nos daremos una idea de lo que Abril nos depara en Puebla México.

Puedes revisar los dos talleres ya impartidos sobre en éste www.youtube.com/comautodidactas de youtube.

Esperamos se sumen a esta inciativa.

Saludos.

Comunidad Autodidactas

11 de febrero de 2013

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.





Deploy aplicaciones de Django con Xampp (Apache)

22 de septiembre de 2012

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.

Listar videos subidos a Youtube en tu Página

16 de agosto de 2012

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.


Lenín Casco

Blog Informático