Rackcode - Blog: Node JS

Mostrando entradas con la etiqueta Node JS. Mostrar todas las entradas

8 Libros que no pueden faltarte para aprender Express JS | Rackcode

<div class="separator" style="clear: both; text-align: center;"><a href="https://cdn-images-1.medium.com/max/800/1*J47nGcBwnjcMeFA-v5LmMw.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="212" src="https://cdn-images-1.medium.com/max/800/1*J47nGcBwnjcMeFA-v5LmMw.png" width="400" /></a></div><h1 style="background-color: white; box-sizing: border-box; color: #333333; font-family: Ubuntu, Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 36px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px;"><strong style="box-sizing: border-box;">¿Qué es Express?</strong></h1><div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Ubuntu, Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 10px;">Es una infraestructura web rápida, minimalista y flexible para <a href="http://nodejs.org/" style="box-sizing: border-box; color: #dd4814; text-decoration-line: none;">Node.js</a></div><div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Ubuntu, Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 10px;"><strong style="box-sizing: border-box;">Características:</strong></div><ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Ubuntu, Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 10px; margin-top: 0px;"><li style="box-sizing: border-box;">Aplicaciones web: Express es una infraestructura de aplicaciones web Node.js mínima y flexible que proporciona un conjunto sólido de características para las aplicaciones web y móviles.</li><li style="box-sizing: border-box;">API: Con miles de métodos de programa de utilidad HTTP y middleware a su disposición, la creación de una API sólida es rápida y sencilla.</li><li style="box-sizing: border-box;"><div id="apis" style="box-sizing: border-box;"> Rendimiento: Express proporciona una delgada capa de características de aplicación web básicas, que no ocultan las características de Node.js que tanto ama y conoce.</div></li></ul><div><span style="color: #333333; font-family: Ubuntu, Tahoma, Helvetica Neue, Helvetica, Arial, sans-serif;"><span style="font-size: 14px;"><br /></span></span></div><blockquote class="tr_bq"><span style="color: #333333; font-family: Ubuntu, Tahoma, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: x-large;"><a href="https://mega.nz/#F!4ZoynBwS!uF1fTsiMizblCmIgTD70jw" target="_blank">Aquí puedes descargar los libros</a></span></blockquote><div><span style="color: #333333; font-family: Ubuntu, Tahoma, Helvetica Neue, Helvetica, Arial, sans-serif;"><span style="font-size: 14px;"><br /></span></span></div>

8 Libros que no pueden faltarte para aprender Express JS | Rackcode

¿Qué es Express? Es una infraestructura web rápida, minimalista y flexible para Node.js Características: Aplicaciones web: Express es una i...

+ Leer más »

Uso de y beneficios de usar Nodemon con Node JS

<h1 style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4dcTdJ6ApKcNP1nYW8PYgUf4acM9L2iRQLmNJjBdRwPba-VGSXuYWWyLlCAUAihn56iEJl-VSxTgvzh_HFLztG4L2fVN3PH88a_fU1wIfKVjs8qrd4EWoPtoF3W6sL3pUOVOHwyPHGB4/s1600/Portada.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4dcTdJ6ApKcNP1nYW8PYgUf4acM9L2iRQLmNJjBdRwPba-VGSXuYWWyLlCAUAihn56iEJl-VSxTgvzh_HFLztG4L2fVN3PH88a_fU1wIfKVjs8qrd4EWoPtoF3W6sL3pUOVOHwyPHGB4/s640/Portada.png" width="640" /></a></div>
Uso de y beneficios de usar Nodemon con Node JS</h1>
<h2>
Node JS - Creando mi primera aplicacion Capitulo 2</h2>
Siguiendo el ejemplo de Node JS anterior encontramos que hay un problema <b>grave</b> del que vamos a hablar a continuacion.<br />
<br />
Vamos a ejecutar nuesta aplicacion en node si no recuerda como hacerlo vean el capitulo 1  entonces al entrar en el navegador nos mostrara <b>"Hola Mundo"</b> hasta aqui todo va bien pero que pasa si edito el codigo<br />
<br />
<br />
<script src="https://gist.github.com/AlonsoCampos/fe3437586fad311868df.js"></script>
y lo guardo por ejemplo, cambio el texto a mostrar por <b>"Adios Mundo"</b> y recargamos la pagina, <b>¡Exacto!</b> no cambia el mensaje. Esto ocurre debido a que para aplicar los cambios Node JS necesita que reiniciemos el servidor para aplicar los cambios.<br />
<br />
<script src="https://gist.github.com/AlonsoCampos/4deb2ee22b1959755742.js"></script>
Ahora como puedo Vigilar cualquier cambio en mis aplicaciónes Node.js sin reiniciar<br />
<a href="http://nodemon.io/">Nodemon</a> es una utilidad que hará un seguimiento de cualquier cambio en su origen y reiniciar automáticamente su servidor. Perfecto para el desarrollo. Instalar usando la <b>NPM</b>.<br />
<br />
Sólo tiene que utilizar nodemon lugar de nodo para ejecutar su código , y ahora el proceso se reiniciará automáticamente cuando los cambios en el código . Para instalar , obtener Node.js , a continuación de su carrera de terminal:<br />
<br />
<b>npm install -g nodemon</b><br />
<br />
Ahora para hacer uso de Nodemon vamos a la consola y entramos a la direccion de nuestro archivo de node js y en ves de <b>node (archivo.js)</b> vamos a utilizar <b>nodemon (archivo.js)</b>. Con esto ya se aplican los cambios de Node JS sin tener que reiniciar.<br />
<blockquote class="tr_bq">
<h3>
  Muchas gracia por leer esta articulo y Siganos en <a href="https://www.twitter.com/Rackcode">@Rackcode</a> y <a href="https://www.twitter.com/Rackcode">@Huixcospartan</a> compartan en sus redes sociales</h3>
</blockquote>
Articulos Relacionados
 <br />
<ul>
<li>
   <a href="http://www.rackcode.info/2015/06/node-js-creando-mi-primera-aplicacion.html" target="_blank">Node JS - Creando mi primera aplicacion</a>
  </li>
</ul>

Uso de y beneficios de usar Nodemon con Node JS

Uso de y beneficios de usar Nodemon con Node JS Node JS - Creando mi primera aplicacion Capitulo 2 Siguiendo el ejemplo de Node JS ant...

+ Leer más »

Node JS - Creando mi primera aplicacion

<h1>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4dcTdJ6ApKcNP1nYW8PYgUf4acM9L2iRQLmNJjBdRwPba-VGSXuYWWyLlCAUAihn56iEJl-VSxTgvzh_HFLztG4L2fVN3PH88a_fU1wIfKVjs8qrd4EWoPtoF3W6sL3pUOVOHwyPHGB4/s1600/Portada.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4dcTdJ6ApKcNP1nYW8PYgUf4acM9L2iRQLmNJjBdRwPba-VGSXuYWWyLlCAUAihn56iEJl-VSxTgvzh_HFLztG4L2fVN3PH88a_fU1wIfKVjs8qrd4EWoPtoF3W6sL3pUOVOHwyPHGB4/s640/Portada.png" width="640" /></a></div>
Node JS - Creando mi primera aplicacion </h1>
<h2>
Creando mi primera aplicacion en Node JS</h2>
Vamos a comenzar creando un archivo inicial llamado <b>servidor.js</b>, dentro de este archivo vamos a comenzar escribiendo:<br />
<script src="https://gist.github.com/AlonsoCampos/fe3437586fad311868df.js"></script>

<br />
<br />
<br />
Expliquemos un poco el codigo<br />
La <b>linea 1</b> se importa una libreria de Node JS que nos permite realizar procesos de servidor http, ahora en la <b>linea 2</b> se utiliza un metodo de la libreria HTTP que como nos dice crea un servidor, entonces despues vamos a crear dentro una <b>Funcion</b>, que incluye 2 parametros <b>request y servidor</b>.<br />
<h3>
Para que sirven los 2 Parametros <i>Request y Servidor</i></h3>
<ul>
<li>
   <h4>
La funcion de <i>Request</i> es recibir toda la informacion que es enviada a travez del navegador, por lo que request siempre se usa para solicitudes <b>HTTP</b></h4>
</li>
<li>
   <h4>
La funcion de <i>Servidor</i> sirve como una instancia, para que se inicialice y se ponga en marcha al servidor.</h4>
</li>
</ul>
<b>Linea 3</b> define en la cabecera el codigo de estado HTTP y el tipo de documento que se va a mostrar en este caso estamos diciendo queremos un texto plano, ahora en la <b>linea 4</b> escribimos lo que va a ser devuelto a travez del <b>navegador</b> y en la <b>linea 5</b> se dice que termine el servidor.<br />
<br />
<b>En la linea 6</b> se coloca la funcion <b>listen</b> para indicar en que puerto es el que se va a mostrar y el lugar donde va a estar.<br />
<br />
Por ultimo en la linea 7 vamos a mostrar en consola un mensaje.<br />
<br />
Ahora vamos a probar que funcione vamos a abrir la consola y vamos a entrar a la carpeta en donde se encuentra nuestro archivo <b>servidor.js</b> y una vez hecho esto vamos a escribir en la consola el comando <b>node servidor.js</b>, Si todo salio bien nos mostrara el mensaje <b>"El servidor se muestra en http://localhost:3000"</b> y abrimos la direccion.<br />
<h4>
Con esto ya hemos creado nuestra primera aplicacion en Node JS</h4>
<blockquote class="tr_bq">
<h3>
  Muchas gracia por leer esta articulo y Siganos en <a href="https://www.twitter.com/Rackcode">@Rackcode</a> y <a href="https://www.twitter.com/Rackcode">@Huixcospartan</a> compartan en sus redes sociales</h3>
</blockquote>

Node JS - Creando mi primera aplicacion

Node JS - Creando mi primera aplicacion Creando mi primera aplicacion en Node JS Vamos a comenzar creando un archivo inicial llamado s...

+ Leer más »

Como es desarrollo web Moderno

<h1>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhled0QbM3Q82bv_SJjOmiiRZgb1I8otmMKQgEgr7bCf9u5zIzEEvtyG2sbmi2C_Qoyfdmr1ajaXKwwY9ld8t6UWmwAojTPT7QlYMERmpO1q_eVk1PH2nGmvRxhyPcnNNwY_mmUCFia9Yw/s1600/Desarrollo+Web+Moderno.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhled0QbM3Q82bv_SJjOmiiRZgb1I8otmMKQgEgr7bCf9u5zIzEEvtyG2sbmi2C_Qoyfdmr1ajaXKwwY9ld8t6UWmwAojTPT7QlYMERmpO1q_eVk1PH2nGmvRxhyPcnNNwY_mmUCFia9Yw/s400/Desarrollo+Web+Moderno.png" width="400" /></a></div>
Como es desarrollo web Moderno</h1>
<h2>
Sabes que ocurre detras de una web</h2>
<h2>
El desarrollo web moderno esta segmentado en 3</h2>
<ol>
<li>
   <h4>
Aplicacion Cliente (Frontend)</h4>
Esta compuesta de las tecnologias <b>HTML</b>, <b>CSS</b>, <b>Javascript</b>
   esto es todo lo que podemos ver a travez de nuestros dispositivos moviles. 
   <br />

<b>HTML</b> es el lenguaje de modelado de la web, mientras que <b>CSS</b>
    es el lenguaje de diseño para la web, y <b>Javascript</b> es el lenguaje de programacion e interaccion
   <br />

</li>
<li>
   <h4>
Servidor (Backend)</h4>
Esta compuesto de lenguajes de programacion como PHP, .NET, Python,Java,etc.
    Estos lenguajes son los que se conectan a las bases de datos para mostrar en el cliente la informacion solicitada.
   <br />

</li>
<li>
   <h4>
Base de Datos</h4>
Son las Tecnologias que almacenan de forma persistente la informacion, se dividen en 2 tipos <b>Relacionales</b> y <b>No Relacionales</b> un ejemplo es <b>MySQL</b> y <b>MongoDB</b>.
   <br />

</li>
</ol>
<h3>
Ahora vamos a explicar como funciona</h3>
Primero todo inicia desde un navegador (<b>Firefox,Chrome,Opera,etc</b>).
 <br />
Cuando accedemos a una URL como <a href="http://www.rackcode.com.mx/">http://www.rackcode.com.mx</a>  estamos accediendo a un <b>DNS o Sistema de Nombre de dominio</b> y te preguntaras que es eso.<br />
<br />
Cada web tiene una <b>ip publica</b> por ejemplo<a href="https://www.blogger.com/blogger.g?blogID=8364597061646977717#">192.168.2.5</a> esta es la <b>direccion original</b> para acceder a un sitio, el <b>DNS</b> lo que hace es enmascarar esta ip por una direccion legible y que podamos recordar <b> es mejor <a href="http://www.rackcode.com.mx/">http://www.rackcode.com.mx</a></b> a  tener que recordar <a href="https://www.blogger.com/blogger.g?blogID=8364597061646977717#">192.168.2.5</a> no cress.<br />
<br />
Una vez que ya entramos a la URL estamos accediendo a un <b>Servidor</b> como <b>Ngnx, Apache, Node JS</b> que a travez de un puerto solicita al <b>Backend </b> como <b>PHP, Node JS, Java, etc</b> que se conecte con las bases de datos como <b>MySQL o MongoDB</b> y despues le envie esa informacion al <b>Frontend</b> y sea visualizada en el navegador.
 <br />
<br />
<blockquote class="tr_bq">
<h5>
   Todo esto ocurre cuando tu accedes a un sitio web, en tan solo unos segundos, <b>Complidado, algo pero asi es como funciona el desarrollo web moderno</b>
  </h5>
<h5>
   Muchas gracias, comenten sus dudas y Siganos en @<a href="https://www.twitter.com/Rackcode">Rackcode</a> y <complete id="goog_890782158">@</complete><a href="https://www.twitter.com/Rackcode">Huixcospartan</a>
  </h5>
</blockquote>
<br />
Articulos Relacionados
 <br />
<ul>
<li><a href="http://www.frontend-backend-profesional.info/2015/05/backend-y-su-funcion-en-la-web.html">Backend y su funcion en la Web</a></li>
<li><a href="http://www.frontend-backend-profesional.info/2015/05/frontend-y-su-funcion-en-la-web.html">Frontend y su funcion en la Web</a></li>
</ul>

Como es desarrollo web Moderno

Como es desarrollo web Moderno Sabes que ocurre detras de una web El desarrollo web moderno esta segmentado en 3 Aplicacion Cl...

+ Leer más »

Taller de Node JS y Express Generator 4.0

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4dcTdJ6ApKcNP1nYW8PYgUf4acM9L2iRQLmNJjBdRwPba-VGSXuYWWyLlCAUAihn56iEJl-VSxTgvzh_HFLztG4L2fVN3PH88a_fU1wIfKVjs8qrd4EWoPtoF3W6sL3pUOVOHwyPHGB4/s1600/Portada.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4dcTdJ6ApKcNP1nYW8PYgUf4acM9L2iRQLmNJjBdRwPba-VGSXuYWWyLlCAUAihn56iEJl-VSxTgvzh_HFLztG4L2fVN3PH88a_fU1wIfKVjs8qrd4EWoPtoF3W6sL3pUOVOHwyPHGB4/s1600/Portada.png" /></a></div>
<h1>
<span style="font-size: x-large;"> </span></h1>
<h1>
<span style="font-size: x-large;">Taller de Node JS y Express Generator 4.0</span></h1>
<div>
<br />
Como saben Node.JS es un entorno de programacion basado en Javascript. Ahora que ya sabemos que es node vamos a hablar de Express.js.<br />
<br />
Express.js es un Framework para desarrollar aplicaciones web con Node JS, este framework esta inspirado en Sinatra de Rails, ademas de ser robusto, rapido y flexible es un simple e intuitivo a la hora de programar.<br />
<br />
Express ofrece:<br />
<br />
<ul>
<li>Route de URL (GET, POST, PUT, DELETE)</li>
<li>Facilidades para motores de Plantillas (Jade,EJS)</li>
<li>Middeleware via Connect</li>
</ul>
<div>
Entre muchas mas caracteristicas, pero ahora vamos a explicar como instalarlo y veremos un ejemplo de como utilizar Node.js con Express.js .</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/x9KFeJ4PLqw/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/x9KFeJ4PLqw?feature=player_embedded" width="320"></iframe></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<blockquote class="tr_bq">
<span style="font-size: x-large;">Esperamos que sea de su agrado y puedan seguirnos en Twitter en @Rackcode o en @Huixcospartan</span></blockquote>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
</div>

Taller de Node JS y Express Generator 4.0

Taller de Node JS y Express Generator 4.0 Como saben Node.JS es un entorno de programacion basado en Javascript. Ahora que ya sabe...

+ Leer más »

Rackcode - Plataforma de Cursos Online

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgktWOCbG0paamC-B-Hv3IXuvCjnlPH_Pd9ErvDhYhX8i9rPR-3B0Be1XKhyzX9UtrKmWIAL4U-I38m-MqjUF093KVtcHsd9aVpovf69ATpnb6BmeMbco9N2G1WMm3hvJxm_nfqDPde7BM/s1600/Programando_noche.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgktWOCbG0paamC-B-Hv3IXuvCjnlPH_Pd9ErvDhYhX8i9rPR-3B0Be1XKhyzX9UtrKmWIAL4U-I38m-MqjUF093KVtcHsd9aVpovf69ATpnb6BmeMbco9N2G1WMm3hvJxm_nfqDPde7BM/s1600/Programando_noche.jpg" width="320" /></a></div>
<h1 class="titulo">
 </h1>
<h1 class="titulo">
Rackcode tu plataforma de educación online</h1>
<h4 class="subtitulo">
Conviértete en un experto y aprende a tu ritmo diseño, desarrollo y marketing <br /> de una forma rapida y sencilla con clases online disponibles las 24 horas del día.</h4>
<h4 class="subtitulo">
 </h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEd3bvoh1LvUhyTRFc46CdhwzhBrqwjxedQLNOWHH-3GfFsc7oADh4TwC8ttSiKWjzPJF9BBhJ4XgfNTs9Vl8LoBZ2Qv_HSeQbXPIRvFGL0WkTqY5rsdg8jyydDLBifHkwenkQkVhJT90/s1600/Rackcode.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEd3bvoh1LvUhyTRFc46CdhwzhBrqwjxedQLNOWHH-3GfFsc7oADh4TwC8ttSiKWjzPJF9BBhJ4XgfNTs9Vl8LoBZ2Qv_HSeQbXPIRvFGL0WkTqY5rsdg8jyydDLBifHkwenkQkVhJT90/s320/Rackcode.png" width="320" /></a></div>
<h4 class="subtitulo">
 </h4>
<div style="text-align: center;">
<br />
<figure>
     
  </figure></div>

Rackcode - Plataforma de Cursos Online

Rackcode tu plataforma de educación online Conviértete en un experto y aprende a tu ritmo diseño, desarrollo y marketing de una fo...

+ Leer más »