¿Qué es y para que sirve node.js?


JavaScript es un sólo un lenguaje de programación del lado del cliente que se ejecuta en el navegador, ¿verdad? . Ya no másNode.js es una forma de ejecutar JavaScript en el servidor; pero es mucho más también. Si usted está interesado en el desarrollo web realmente debe saber un poco acerca de node.js  y por qué está haciendo olas en la comunidad.

¿Qué es Node.js?

Node.js es una interfaz para el tiempo de ejecución de JavaScript V8 ( el intérprete súper rápido de JavaScript) que se ejecuta en el navegador Chrome.

 Como suele suceder, también puede descargar V8 e incrustarlo en cualquier cosa pues node.js NO es  un servidore Web. JavaScript es después de todo, sólo un lenguaje de programación y  no hay nada que diga que no se podría utilizar en un servidor, así como en el navegador del usuario.

Lo constituye una típica pila servidor LAMP, tiene un servidor web Apache subyacente o Nginx, con PHP que se ejecuta en la parte superior de la misma. Cada nueva conexión con un  servidor tradicional  genera un nuevo hilo, y es muy fácil de perder rápidamente el rendimiento o para un sitio para “bajar” – la única manera de apoyar a más usuarios que son para añadir más servidores por lo que simplemente no escalan bien. Con Node.js , este no es el caso.

No hay Apache para escuchar las conexiones entrantes y devolver los códigos de estado HTTP – usted necesita para manejar esa arquitectura servidor central a ti mismo. Afortunadamente, hay módulos para hacer esto más fácil, pero todavía puede ser un poco abrumador cuando se empieza. El resultado, sin embargo, es una aplicación web de alto rendimiento.


var http =  require ( "http" ) ;  
http . createServer ( function  ( request , response )  { 
 response . writeHead ( 200 ,  { 
 'Content-Type' :  'text/plain' 
 } ) ; 
 response . write ( 'Hello ! Mundo " ) ; 
 respuesta . extremo ( ) ; 
} ) . escuchar ( 8080 ) ; 
consola . log ( "! Server que se ejecuta" ) ;

Vamos a tratar de entender este tozo de código.

 En primer lugar, estamos incluyendo el módulo http en el proyecto. Entonces estamos creando un servidor y que pasa en una función anónima como un parámetro – esta función se llama para cada nueva conexión que ha hecho.

 Tiene dos argumentos – petición , que contiene los parámetros de la petición por parte del usuario; y la respuesta , lo que vamos a utilizar para enviar las cosas de nuevo.

 A continuación, estamos utilizando el objeto de respuesta puede escribir un encabezado de nuevo al usuario con el código de respuesta HTTP 200 (“ok”) y el tipo de contenido, escribir un “Hello World!” mensaje, y finaliza la respuesta.

 Por último, le decimos al servidor para que escuche en el puerto 8080 para las solicitudes entrantes, y la salida de un mensaje rápido a la consola (la línea de comandos) para hacernos saber que se está ejecutando. Si quiere probar en realidad esto por sii mismo, guardar el código anterior como test.js , descargar el instalador de nodo , y de la ejecución de línea de comandos –

prueba de nodo . js

Abra un navegador y vaya a localhost: 8080 para ver a su aplicación de prueba! Ahora debería tener una pequeña idea de cómo funciona ese código de forma  asíncrono en conjunto, con los modelos de eventos impulsado (si usted es  nuevo en JavaScript, el concepto de pasar alrededor de funciones como argumentos a otras funciones es, probablemente, un poco extraño.)

¿Por qué utilizar Node.js?

En primer lugar, para el rendimiento y la escalabilidad. Node es rápido. Eso es un requisito muy importante cuando eres un start-up tratando de hacer que la próxima gran cosa y quiere asegurarse de que puede escalar rápidamente, para hacer frente a una afluencia de usuarios a tu sitio.

Node es también perfecta para ofrecer una API REST – un servicio web que tiene unos parámetros de entrada y pasa un poco de datos de nuevo – la manipulación de datos sencillo y sin una gran cantidad de cálculos.

Node puede manejar miles de estos al mismo tiempo en que PHP acaba de derrumbarse. Beneficios de rendimiento y escalabilidad a un lado, hay una buena probabilidad de que usted ya sabe algo de JavaScript, por lo que ¿por qué molestarse en aprender un nuevo lenguaje como PHP? Y entonces – está la emoción de aprender algo nuevo y relativamente desconocido. Usted sabe cuando algo nuevo llega y entonces llega a ser tan omnipresente que no se arrepiente de su aprendizaje anterior, siempre jugando catchup? No haga  eso esta vez. Node  va a ser grande.

Desventajas

Como la mayoría de las nuevas tecnologías, que no es tan fácil de implementar Node en los hosts existentes. Si usted tiene un alojamiento web compartido, no sólo tiene que cargar una aplicación de nodo y esperar que funcione. VPS y servidores dedicados están en mejor posición – se puede instalar el Nodo en ellos. Aún más fácil es usar un servicio escalable como Heroku, que es completamente libre para desarrollar su sitio – usted sólo tendrá que pagar cuando se necesita más recursos.

Por otro lado, es muy fácil de instalar nodo local en su Windows, Mac o Linux PC y comenzar a desarrollar de inmediato – sólo la cabeza de Descarga Nodo . También es importante tener en cuenta que el Nodo no es simplemente un reemplazo para Apache – aplicaciones web existentes no son compatibles, y que va a trabajar con eficacia a partir de cero . (aunque hay una gran cantidad de marcos por ahí para ayudarle con características comunes) 

Otra desventaja importante nodo es que es todavía en las primeras etapas de desarrollo, lo que significa algunas características pueden cambiar según avanza el desarrollo. De hecho, si nos fijamos en la documentación , que incluye un índice de estabilidad, que muestra cómo el uso riesgoso de cada función está actualmente.¿Qué es la estabilidad Node.JS y por qué me debe importar?  [Desarrollo Web]

Usted sabe – nunca ha habido un momento más emocionante para ser un desarrollador web.Con los servicios web abiertos y el intercambio de datos, es más fácil que nunca para hacer algoi mpresionante .

Por ultimo es posible que también desee una buena puesta a tierra de la biblioteca de Javascript jQuery por la parte delantera.

 

 

Fuente aqui

Eventos en Jquery


Hoy vamos a estudiar a un nivel superior y realmente mostrar donde brilla jQuery –eventos . Si ha seguido  otros posts , ahora debería tener una comprensión bastante buena de la estructura del código básico de jQuery(Y todas las llaves horribles que van con él), así como la forma en encontrar elementos del DOM y algunas de las cosas que puede hacer para manipularlos.También les mostré cómo acceder a la consola de desarrollador en Chrome y cómo puede utilizarlo para depurar el código jQuery.

Eventos – entre otros usos – permiten reaccionar ante las cosas que suceden en la página y las interacciones del usuario – Al hacer clic, desplazamiento, y todas esas cosas de lujo.

¿Qué es un evento de todos modos?

Para los nuevos en la programación que involucra una interfaz gráfica de algún tipo, los eventos se refieren a cualquier tipo de interacción entre el usuario y la aplicación; o puede ser generada internamente por algún otro proceso. Aplicaciones elegir qué eventos “escuche”, y cuando se desencadena ese evento, pueden reaccionar de alguna manera.

Por ejemplo, dando golpecitos en la pantalla del iPhone va a generar un solo “evento grifo” con una coordenada x, y, precisamente, donde ha tocado. Si ha tocado en un objeto particular, como un botón, lo más probable es que el botón se escucha para ese evento y realizar alguna acción en consecuencia. Si fuera sólo una parte vacía de la interfaz, no se adjuntó al evento y así no pasará nada.

Arrastrando el dedo por la pantalla generaría otro evento, uno que incluye información sobre el punto del movimiento de arrastre de inicio y fin, y tal vez la velocidad. Eventos nos proporcionan una manera fácil de reaccionar a las cosas que suceden .

tocar evento jQuery Tutorial (Parte 4) detectores de eventos

 

Fácil: Al hacer clic en

Tal vez el caso más fácil de escuchar es el evento click, disparó cuando un usuario hace clic en un elemento. Esto no tiene que ser un “botón” específica – se puede conectar un detector de eventos para cualquier cosa en la pantalla, pero como desarrollador web, es obvio que necesita para hacer que intuitivo. Creación de un falso botón de la letra a escondidas dentro de un párrafo de texto es posible, pero un poco estúpido.

Los métodos para la fijación de un detector de eventos han cambiado significativamente en los últimos años como jQuery se ha desarrollado, pero este es el método aceptado actual, utilizandoel () :

$ ( selector ) . el ( evento , acción ) ;

Para escuchar un ” clic “evento en cualquier elemento con la clase . ClickMe, y luego registrar un mensaje en la consola que contiene el texto del elemento se hace clic, usted haría:

$ ( ". ClickMe" ) . sobre ( "clic" , la función ( ) { 
consola . log ( $ ( este ) . texto ( ) ) ; 
} ) ;

Usted debe ser capaz de ver que la acción que hemos incorporado aquí es una función anónima que utiliza el presente de selección (que se refiere a cualquier objeto jQuery está tratando actualmente) – en este caso, lo que se ha hecho clic. A continuación, extraer el texto de ese objeto se hace clic y log a la consola. Fácil, ¿no?

Detener la acción por defecto:

En algún momento, tendrá que adjuntar a algo así como un enlace o botón de enviar formulario que suele hacer otra cosa. En cuyo caso, es bastante probable que no desea que la acción original que se lleva a cabo – en cambio, usted quiere hacer algo de fantasía AJAX o especial magia de jQuery.

Para evitar que la acción predeterminada suceda, tenemos un método muy útil llamado a preventDefault. Obviamente. Vamos a ver cómo funcionaría cuando se trata de un botón de envío de un formulario

$ ( "# myForm" ) . sobre ( "enviar" , la función ( evento ) { 
consola . log ( evento ) ; 
evento . preventDefault ( ) ; 
volver  falsa ; 
} ) ;

Unos pocos cambios aquí – en primer lugar, estamos adjuntando a la presente evento en lugar de hacer clic. Esto es más apropiado cuando se trata de una forma que el usuario puedatabuladores espacio , golpeó entrar , o golpear un presentará botón – todo lo cual daría lugar a la acción predeterminada del formulario. También estamos pasando la variable de evento en la función anónima, por lo que podemos hacer referencia a los datos de eventos . A continuación, hemos utilizado la event.preventDefault () en combinación con return false para detener todas las acciones habituales de completar.

En este caso, sólo está registrando el evento para la consola, pero en realidad probablemente tendría un controlador de AJAX aquí, que vamos a hacer frente en la próxima lección.

Los eventos también pueden ser provocados por Usted

En los dos últimos ejemplos, se utilizó el método de escuchar a un evento, pero también se puede activar manualmente un evento llamando como un método en su lugar. Es difícil ver por qué es posible usar esto para forzar un “clic”, pero tiene más sentido si nos fijamos en el evento de foco.

El enfoque se utiliza habitualmente con los campos de entrada para disparar un mensaje cuando el usuario hace clic en el cuadro para introducir texto – un mensaje de instrucción en el formato que desea utilizar, por ejemplo. Pero también se puede usar para forzar al usuario en el campo de nombre de usuario cuando la página se ha cargado – por lo que puede comenzar inmediatamente a escribir sus datos de acceso.

$ ( documento ) . listo ( función ( ) { 
$ ( '# nombre de usuario' . centrarse ( ) ; 
} ) ;

Si también hubiera adjuntado un detector de eventos de enfoque a dicho campo nombre de usuario, también se activaría cuando se ven obligados enfoque. Eventos por lo tanto, pueden ser tanto activan y escucharon a.

Los oyentes eventos jQuery Tutorial (Parte 4) eventos

 

Por ahora, la práctica uniendo a varios eventos de la página – usted puede encontrar una lista completa de todos los eventos disponibles aquí – recuerde utilizar preventDefault si es un enlace o botón, y ver lo que la salida que se obtiene de la consola sobre datos de eventos.

Lo dejo ahí hoy en día, ya que cerca del final de esta mini-serie de tutoriales jQuery. Debe, por el final de la misma, ser lo suficientemente seguras como para arrojar algo de jQuery en tu página y hacer que haga algo. La semana que viene vamos a ver AJAX – una parte importante de la web moderna que le permite cargar y enviar las solicitudes en el fondo sin interrumpir al usuario.

Como siempre, opiniones, preguntas, comentarios y problemas bienvenidos a continuación, o enviar sus preguntas a nuestros propios MakeUseOf Respuestas .

Fuente aqui