sábado, 16 de marzo de 2013

Descargate este video tutorial sobre Node.js (javascript en el lado del servidor 2013)

3/16/2013


Node.js es un framework para trabajar conjavascript, especialmente pensado para el desarrollo fácil de aplicaciones web escalables y que funcionen en tiempo real. Con Node.js podrás crear tu propio servidor y darle un mejor rendimiento que el que tienen servidores de uso general, como Apache. Este curso video2brain,pensado para programadores que quieran sacarle todo el partido a sus aplicaciones de servidor, te enseñará a instalar Node.js, a crear tu primer “Hola mundo” y tu propio servidor optimizado.

José Vicente Carratalá te avanza qué verás en su curso Node.js. javascript en el lado del servidor.

Usando servidores web multipropósito como Apache, cada nueva petición se convierte en un hilo de proceso, por lo que el gasto de memoria se convierte en un problema en el caso de aplicaciones web con concurrencias bastante altas. No es el caso de Node que, por una parte, te permite aprovechar al máximo la programación paralela, y por la otra parte gasta solo una porción de la memoria que usan otros servidores, permitiéndote crear aplicaciones con una mayor concurrencia sin tener que comprometer la estabilidad del servidor.





Contraseña solo post del 2012: javafaceContraseña Actual: www.javaface-elblogdelprogramador.com

viernes, 15 de marzo de 2013

Lector de huellas en java Pack de investigacion

3/15/2013

Hace dos años medecidí a desarrollar unaaplicación en java queinteractuécon un Biometrico(Lector de huellas)hice unainvestigaciónpara empaparme del asunto pero lo que me evito llevar a cabo el proyecto fue que tenia que comprar un lector de huellas deciertamarca ya que no todos vienen con lalibreríapara comunicarse con java lo cual medesalentó pero no quise que todo lo que investigue se perdiera y quedara en mi discoasíque lo comparto con ustedeseste material que con seguridad les va hacer de gran ayuda.

Contenido del Material


  • Guía de instalación del API de programación de Griaule
  • Griaule_Fingerprint_SDK_2009
  • 4 proyectos de lector de huellas(CódigoFuente)
  • 5 referencias web autor el Monillo





Contraseña solo post del 2012: javafaceContraseña Actual: www.javaface-elblogdelprogramador.com

jueves, 14 de marzo de 2013

Descargate este Video tutorial sobre creación de animaciones con HTML5 y Adobe Edge Animate

3/14/2013


Con Adobe Edge Animate podrás diseñar animaciones 2D enHTML5, que son compatibles coniPhone yiPad, y exportarlas para incrustarlas luego en tus libros electrónicos, páginas web o revistas digitales con InDesign CS6. Interactividad, creatividad y HTML5 en una sola herramienta.

Ignacio Lirio te presenta su cursoAnimaciones en HTML5 con Adobe Edge Animate. aprende a realizar animacionesHTML5 para la web del mañana.

En este curso video2brain aprenderas a crear animaciones interactivas 2D utilizando Adobe Edge Animate.
A través de una serie de sencillos ejercicios de los que consta este curso, tendrás la oportunidad de conocer cómo crear escenarios de animación de tamaño fijo o elástico, importar gráficos en varios formatos y darles animación mediante una interfaz de usuario muy intuitiva basada en línea de tiempo.

Además, se mostrará cómo generar interactividad básica conbotones y acciones de tiempo, y cómo jugar con símbolos animados al igual que se hacía con Flash.
Finalmente, se muestra la proyección que tienen estas animaciones con su exportación a diversos formatos para ser utilizadas en el contexto de páginas HTML, libros electrónicos realizados con iBooks Author y Archivos .folio de InDesign CS6.




Contraseña solo post del 2012: javafaceContraseña Actual: www.javaface-elblogdelprogramador.com

miércoles, 13 de marzo de 2013

Descargate este vídeo tutorial sobre Ruby on Rails de video2Brain

3/13/2013


Ruby on Rails, también conocido como RoR o Rails es un framework de aplicaciones web de código abierto escrito en el lenguaje deprogramación Ruby, siguiendo el paradigma de la arquitectura Modelo Vista Controlador Ruby on Rails, aqui aprenderas acómo desarrollar aplicaciones web profesionales con Ruby on Rails.

Contenido


  • Rieles instalar
  • Detalles de Rails instantánea
  • Sistema de control de versiones
  • El entorno de trabajo
  • Rubí
  • Rubí Basics: Array, hashes y símbolos
  • Enumerable y Bloques
  • Métodos
  • Clases


Lo esencial

  • Modelo-Vista-Controlador
  • Un nuevo proyecto de Rails
  • Base de datos de esquema
  • Crear un esquema de base de datos
  • Migración
  • Rails como un kit prefabricado
  • Andamios simple
  • Andamios estático

Configuración

  • Entornos
  • Bases de datos
  • Las versiones de Rails
  • Notas sobre el sistema


Introducción y sintaxis

  • Las asignaciones de variables
  • El acceso a los datos
  • Listas
  • Crear listas
  • Parciales
  • Presentaciones
  • Ayudante

Enlace

  • Fácil conexión
  • Vinculación detalles
  • Seguridad
  • Formularios
  • Formulario de tag
  • Campo de texto integrar
  • Más elementos de formulario
  • Listas de selección
  • Fecha de entrada
  • Formulario con varios elementos
  • Alternativa sintaxis - el Asistente de Formulario


JavaScript

  • Prototype y Script.aculo.us
  • Métodos de prototipo
  • Efectos
  • Información a través de recarga javascript
  • Volver influencia
  • Javscript con el regreso de RJS
  • RJS más opciones


Controlador

  • Introducción
  • Crear controlador simple
  • Métodos para proteger
  • Redirigir
  • Enrutamiento
  • Las rutas por defecto
  • Parámetros de la ruta por defecto
  • Especifique su propia ruta
  • Rutas al generar URLs
  • Configuración de rutas precisas
  • Permitir URLs arbitrarias
  • Rutas con nombre

Sesiones

  • Galletas
  • Sesiones tienda
  • Cualquier almacén de objetos
  • Sesiones de descuento
  • Sesiones de tienda en la base de datos




Contraseña solo post del 2012: javafaceContraseña Actual: www.javaface-elblogdelprogramador.com

Custom FanBox Twitter con JQuery y Css V2.0 para blogger

3/13/2013

Esta es laversión2 del fanbox de twitter personalizado que utiliza JQuery y Css , mejorando su aspecto y funcioneshaciéndolomás fácilde instalar y más liviano, pueden ver un ejemplo de ello clic enResult ▼


Instalación
Paso 1) Añadir el Script Twitter
dirigase a laopciónPlantilla -Editar HTML , realice lacombinaciónde teclas CTRL-F para abrir el buscador y escriba la etiqueta/head una vez encontrada justo arriba de ella pegue el siguientecódigojavascript.

eval(function(p,a,c,k,e,d){e=function(c){return(ca?'':e(parseInt(c/a)))+((c=c%a)35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c])}}return p}('(7(c){c.1b.10=7(l){l=c.2y({},c.1b.10.1J,l);z 21.3m(7(){9 f=[],h=-1,i=-1,e=c(21),g=Q,j=Q,k=Q,a=l,s=7(b){b.13?(f=b.13,0!=f.C&&(!a.2f||2f.C/a.N?f.Ca.N&&(f.C=a.N):(b=1G.2d(f.C/a.N),b=1G.2d(1G.3v()*b),f=f.3s(b*a.N,b*a.N+a.N)),a.2h&&(f=f.3j()),n(),g=c('D E="1H-13" L="'+(a.1x?"Z:"+a.1x+"Y":"")+'"/D'),k?g.2g(k):g.1W(e),a.U&&(j=c('D E="1H-U" L="'+(a.1A?"Z:"+a.1A+"Y":"")+'"/D').2g(g)),m(),a.1w&&a.1w())):a.1f&&e.R('b L="1e:1c"1Z:'+(b.W?b.W:"26")+"/b")},m=7(){g.R("");1l(9 b=0;bf.C;b++){9 d=f[b],o=a.1F&&d.T?d.T:"H://F.G/"+d.K,e=d.16+(d.12&&a.U?": "+d.12.1j:""),e=e.y(/"/g,"&38;").y(/'/g,"'");c('a L="'+(a.1v?"1o:2e;":"")+"P:"+a.18+'Y" I="'+o+'" 1n="'+e+'" O="M"1s 1p="'+d.1m+'" 1i="0" Z="'+a.18+'" P="'+a.18+'"/'+(a.2q?"i"+d.16+"/i":"")+"/a").3f(g)}h=a.1y?-1:c("a",g).C;p();i=-1;a.U&&q()},p=7(){h=a.1y?h+1:h-1;9 b=c("a:3R("+h+")",g);J(b.C){9 d={};d[a.1v]="17";b.1d(d,a.2A,"1a",p)}29!a.U&&a.11&&g.1d({19:1},a.2x,"1a",m)},q=7(){J(a.11||!(i=c("a",g).C-1))-1i?c("D",j).3B(a.1E,r):r()},r=7(){1l(9 b=Q,d=Q;!d;){i++;J(i=c("a",g).C){a.11&&m();z}b=f[i];d=b.12}9 o=a.1F&&b.T?b.T:"H://F.G/"+b.K,e=b.16;j.R('D L="1o:2e;"'+(a.1K?'a E="2B" I="'+o+'" 1n="'+e+'" O="M"1s 1p="'+b.1m+'" Z="'+a.1u+'" P="'+a.1u+'" 1i="0"//a':"")+'V E="31"'+(a.1U?'2sa I="'+o+'" 1n="'+e+'" O="M"'+b.K+"/a/2s":"")+'V E="2U"'+t(d.1j)+'/VV E="2O"'+(a.27?'a E="2K" I="H://F.G/'+b.K+"/12/"+d.2M+'" O="M"'+u(d.2L)+"/a":"")+"/V/V/D");b={};b[a.1R]="17";c("D",j).1d(b,a.1E,"1a",v)},v=7(){c("D",j).1d({19:1},a.1V,"1a",q)},t=7(b){z b.y(/\2S?\:\/\/\S+/1q,7(b){9 a="",b=b.y(/(\.*|\?*|\!*)$/,7(b,d){a=d;z""});z'a E="2R" I="'+b+'" O="M"'+(25b.C?b.2T(0,24)+"...":b)+"/a"+a}).y(/\B\@([A-2z-2k]{1,15})/1q,'@a E="2Q" I="H://F.G/$1" O="M"$1/a').y(/\B\#([A-2z-2k]+)/1q,'a E="2P" I="H://2l.F.G/2l?q=%23$1" O="M"#$1/a')},u=7(b){/^(\w\w\w) (\w\w\w) (\d\d?) (\d\d?:\d\d?:\d\d?) ([\+\-]\d+) (\d\d\d\d)$/i.2N(b)&&(b=b.y(/^(\w\w\w) (\w\w\w) (\d\d?) (\d\d?:\d\d?:\d\d?) ([\+\-]\d+) (\d\d\d\d)$/i,"$1, $3 $2 $6 $4 $5"));9 a=2r 1r,c=2r 1r;a.2V(1r.32(b));9 e=c.2u(),f=c.2b()+1,g=c.2p(),i=c.1Q(),h=c.1O(),c=c.1M(),j=a.2u(),k=a.2b()+1,l=a.2p(),m=a.1Q(),n=a.1O(),b=a.1M();J(l==g&&k==f&&j==e){a=i-m;J(0a)z a+" 33"+(1a?"s":"")+" 1k";h-=n;J(0h)z h+" 34"+(1h?"s":"")+" 1k";b=c-b;z b+" 30"+(1b?"s":"")+" 1k"}z"2W,2X,2Y,2Z,35,2C,2I,2D,2G,2F,2H,2J".2E(",")[k-1]+" "+j+", "+l},w=7(b){k=c('D E="1H-1z" L="'+(a.1C?"Z:"+a.1C+"Y":"")+'"/D').1W(e);n();J(b.K){9 d='a I="1Y" O="M" 3w="3F"1s 1p="1N" 1i="0" /2t1P/2t9i/i3G @2a/91X↑↑ 2i 3H 3I 3E 3D :)/1X/a';a.1D&&(d=a.1D);k.R(d.y(/1Y/g,"H://F.G/"+b.K).y(/3z/g,b.3y).y(/2i/g,b.3A).y(/1N/g,b.1m).y(/1P/g,b.16).y(/2a/g,b.K));a.1B&&a.1B()}29 a.1f&&k.R('b L="1e:1c"1Z:'+(b.W?b.W:"26")+"/b")},x=7(a){1l(9 a=a.3C(0).3K,d=0;da.C;d++){9 e=a[d];J(8==e.3Q&&e.28)z c.3S(e.28)}z""},n=7(){a.P&&e.1L("P",a.P+"Y");9 b=c(".F-3P",e);b.1j("3L 1S-1T.G/3N 36");b.2v("I","H://3M.1S-1T.3O.G/");b.17().1L("1o","3J")};(7(){9 b=e.2v("1h-3x");b||(b=x(e));J(b){0b.3g("{")&&(b="{"+b+"}");3h{a=3i("("+b+")")}3e(d){e.R('b L="1e:1c"3d W: '+d+"/b");z}a=c.2y({},c.1b.10.1J,a)}!a.X&&a.1f&&e.R('b L="1e:1c"37 X 3a 3b 3c!/b');a.1z&&c.2c({T:"H://1t.F.G/1/13/17.1g",1h:{K:a.X},2w:w,2m:"2n",2o:!0});c.2c({T:a.14?"H://1t.F.G/1/2j/14.1g":"H://1t.F.G/1/2j/3k.1g",1h:{K:a.X,3t:-1,3u:!1},2w:s,2m:"2n",2o:!0})})()})};c.1b.10.1J={1f:0,X:"",14:0,P:0,N:20,2f:0,2h:0,1x:0,1w:Q,11:0,1F:0,18:22,2q:1,1v:"19",2A:3r,2x:3q,1y:1,1z:1,1D:"",1C:0,1B:Q,U:0,1A:0,1K:1,1U:1,27:1,1u:22,1V:3l,1E:3n,1R:"19"}})(1I);1I(3o).3p(7(){1I("D.F-14").10()});',62,241,'|||||||function||var|||||||||||||||||||||||||replace|return|||length|div|class|twitter|com|http|href|if|screen_name|style|_blank|users_max|target|width|null|html||url|tweet|span|error|username|px|height|twitterFriends|loop|status|users|friends||name|show|user_image|opacity|linear|fn|red|animate|color|debug|json|data|border|text|ago|for|profile_image_url|title|display|src|gi|Date|img|api|tweet_image|user_animate|users_loaded|users_height|user_append|header|tweet_height|header_loaded|header_height|header_html|tweet_change|user_link|Math|tfw|jQuery|defaults|tweet_avatar|css|getSeconds|_ti_|getMinutes|_tn_|getHours|tweet_animate|javaface|elblogdelprogramador|tweet_author|tweet_stay|prependTo|dfn|_tp_|Error||this|48||||unkown|tweet_date|nodeValue|else|_ts_|getMonth|ajax|floor|none|users_random|insertAfter|users_reverse|_fo_|statuses|9_|search|dataType|jsonp|cache|getFullYear|user_name|new|strong|em|getDate|attr|success|user_swap|extend|Z0|user_change|avatar|Jun|Aug|split|Oct|Sep|Nov|Jul|Dec|date|created_at|id_str|test|meta|hashtag|at|link|bhttps|substr|content|setTime|Jan|Feb|Mar|Apr|second|body|parse|hour|minute|May|widget|Twitter|quot||was|not|set|Options|catch|appendTo|indexOf|try|eval|reverse|followers|5E3|each|200|document|ready|2E3|100|slice|cursor|include_entities|random|align|options|friends_count|_fr_|followers_count|fadeOut|get|unete|siguen|left|Sigueme|Personas|me|block|childNodes|by|www|add|blogspot|load|nodeType|eq|trim'.split('|'),0,{}))



Nota:deberátener instalado el plugin JQuery caso contrario no funcionara el Fanbox

Paso 2) Añadir el Css y el Div
culminado el paso 1,realice lacombinaciónde teclas CTRL-F y busque/b:skin justo arriba pegue el siguiente codigo css.

Mostrar Codigo


Guarde los cambios y dirigase aDiseño- click en añadir un gadget - y escojaopciónHTML/JavaScript y pegue el siguientecódigo.

div class="twitter-friends" data-options="{username:'JavaFaceBlogPro', width:448,height:300 }"
div class="twitter-load"
/div
/div

Parámetros
username: tu nombre de usuario
width: ancho
height: alto

Guarda los cambios y listo ,si presentaalgúnproblema por favor avisarme :) , unarecomendaciónsi utilizan varioscódigosJQuery puede que surja un conflicto con el fanbox y este no presente nada no funcione.

martes, 12 de marzo de 2013

Instala en tu blog 3D Gallery Round fácilmente

3/12/2013
Hace poco les presente 3D Gallery un slider deimágenesen 3D bastante bueno , ahora les presento la segunda parte el mismo SLIDER pero con efecto ovalado o redondo en lasimágenes pueden verlo funcionadoaquí▼



Instalación
Paso 1) Añadir el Codigo CSS y JQuery
Dirigase alaOpciónPlantilla-luego escoja laOpciónEditar HTMLluego realice lacombinaciónde teclas CTRL-F y digite en el buscador la etiqueta/head y justo arriba de ella pegue el siguientecódigo.

Mostrar Codigo


Nota:deberátener instalado el Plugin JQuery en su blog casocontrariono funcionara


Paso 2) Añadiendo el contenedor y las imágenes
terminado el paso 1, dirigase aDiseño-escoja laopciónañadir gadget- y escoja laopciónHTML/javaScripty pegue el siguientecódigo.

section id="contenedor" class="contenedor"
    div class="contenedor_imagenes"
     a href="#"
                    img src="http://t1.ftcdn.net/jpg/00/37/57/04/400_F_37570429_WGqWBJvq4wtcX0cHCIPfjPykjsKIuYgH.jpg"
                     alt="image01"divGracias por/div
                     /a
     a href="#"
                    img src="http://multiwallpapers.net/wp-content/uploads/2013/03/sexy_jessica_alba_wallpaper-400x267.jpg"                    alt="image02"divVisitar el/div
                    /a
     a href="#"
                    img src="http://t2.ftcdn.net/jpg/00/19/62/31/400_F_19623107_KBxBqIJCm1hZuafFvPCcLLlj1u4fOq6Z.jpg" 
                    alt="image03"divBlogg de JavaFace/div
                    /a
                    a href="#"
                    img src="http://t2.ftcdn.net/jpg/00/20/63/99/400_F_20639941_LwN1A3n5wWnmm1HCCnVc7HL6ASXvLKPX.jpg" 
                    alt="image03"divEl blog del/div
                    /a
                    a href="#"
                    img src="http://acg.vlexofree.com/wp-content/plugins/wp-o-matic/cache/a11ce_mashiro-400x267.jpg" 
                    alt="image03"divProgramador/div
                    /a
    /div
    !--nav 
     span class="dg-prev"</span
     span class="dg-next">/span
    /nav--
   /section


lasimágenesestáncon un tamaño de 400 x 297 pixeles ustedpodrácambiar el tamaño en el codigo css. buscando el siguientecódigo.
.contenedor_imagenes a{
    width: 400px;/*tamaño que va a tener las imagenes*/
    height: 267px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(221, 221, 221, 0.3);/*color del fondo del contendor de imagenes*/
                background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
                background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
                background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
                background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
                background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    border-radius: 50%; /* Borde redondeado */
                box-shadow: 0px 0px 8px #000; /* Sombra */
   }


aquí usted podrá cambiar la apariencia del contenedor de las imágenes a su gusto, reemplazando los valores width(ancho) 400px y height(alto) 267 px por los valores de susimágenes.

Suscribirse a: Entradas (Atom)