Jquery : Nuestra Primera Página Con jQuery

<div class="glpost"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpsj_vCuJPuUfortx9zZkPH5ZBhrpgwj1_nl7BV_I3brCbs67wVBAAQECiNg-R7CqAB_zErw6KTxuAhuspe2nN_Ki2Di0EDYGFerqKqUz7tvNSIRKJw304_0ESuo59aKveTvzY1DkETuM/s1600/admin-parallax_slider.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpsj_vCuJPuUfortx9zZkPH5ZBhrpgwj1_nl7BV_I3brCbs67wVBAAQECiNg-R7CqAB_zErw6KTxuAhuspe2nN_Ki2Di0EDYGFerqKqUz7tvNSIRKJw304_0ESuo59aKveTvzY1DkETuM/s640/admin-parallax_slider.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal"><span class="" id="result_box" lang="es"><span class="">Ahora que hemos cubierto la gama de funciones disponibles para nosotros con jQuery, podemos examinar cómo poner la biblioteca en acción. Para empezar, necesitamos una copia de jQuery.</span></span><br /><h2 style="text-align: center;"><span class="" id="result_box" lang="es"><span class=""><i><b>Descargando jQuery</b></i> </span></span></h2><span class="" id="result_box" lang="es"><span class="">No se requiere instalación. Para usar jQuery, solo necesitamos una copia pública del archivo, si esa copia está en un sitio externo o el nuestro. Como JavaScript es un lenguaje interpretado, no hay ninguna compilación o fase de construcción para la cual preocuparse. Siempre que necesitamos una página para tener jQuery disponible, simplemente nos referiremos a la ubicación del archivo desde un elemento <i><script></i> en el documento HTML.</span></span><br /><span class="" id="result_box" lang="es"><span class="">El sitio oficial de jQuery (<a href="http://jquery.com/">http://jquery.com/</a>) siempre tiene la versión más actualizada y estable de la biblioteca, que se puede descargar directamente desde la página principal del sitio. Varias versiones de jQuery pueden estar disponibles en cualquier momento; la versión más apropiada para nosotros como desarrolladores de sitios será la última versión sin comprimir de la biblioteca. Esta puede ser reemplazada por una versión comprimida en entornos de producción.</span></span><br /><span class="" id="result_box" lang="es"><span class="">Como la popularidad de jQuery ha crecido, las empresas han vuelto al archivo libremente disponible a través de sus redes de distribución de contenido (CDN). </span></span><br /><span class="" id="result_box" lang="es"><span class="">Lo más notable es que Google (<a href="http://code.google.com/apis/ajaxlibs/documentation/">http://code.google.com/apis/ajaxlibs/documentation/</a>) y Microsoft (<a href="http://www.asp.net/ajax/cdn">http://www.asp.net/ajax/cdn</a>) ofrecen el archivo en poderosos servidores de baja latencia distribuidos en todo el mundo para una descarga rápida independientemente de la ubicación del usuario. <br />Mientras que una copia CDNhosted de jQuery tiene ventajas de velocidad debido a la distribución del servidor y el almacenamiento en caché, el uso de una copia local  puede ser conveniente durante el desarrollo. A lo largo de este libro usaremos una copia del archivo almacenado en nuestro propio sistema, que nos permitirá ejecutar nuestro código, ya sea que esté conectado a Internet o no. </span></span><br /><h2 style="text-align: center;"><span class="" id="result_box" lang="es"><span class=""><span style="font-size: large;"><i><b>Configurando jQuery En Un Documento HTML</b></i></span> </span></span></h2><span class="" id="result_box" lang="es"><span class="">Hay tres piezas para la mayoría de los ejemplos de uso de jQuery: el documento HTML, archivos de estilo CSS y archivos JavaScript para actuar en él. Para nuestro primer ejemplo, utilizaremos una página con un extracto de uno de nuestro artículos que tiene varias clases aplicadas a partes de la misma. Esta página incluye una referencia a la última versión de la librería jQuery, que hemos descargado, renombrada jquery.js, y esta ubicada en nuestro directorio de proyectos local, de la siguiente manera:</span></span><br /><br /><span class="" id="result_box" lang="es"><span class="">ara mantener la amplia gama de características descritas anteriormente mientras se mantiene relativamente compacto, jQuery emplea varias estrategias:</span></span><br /><ul><li><i>Aprovechando el conocimiento de CSS</i>: basando el mecanismo para localizar elementos de página en los selectores CSS, jQuery hereda una forma concisa y legible de expresar la estructura de un documento. La biblioteca jQuery se convierte en un punto de entrada <br />para los diseñadores que quieren añadir comportamientos a sus páginas, ya que un requisito previo para hacer el desarrollo web profesional es tener conocimiento de la sintaxis CSS.</li></ul><!--Fin Código Highlighter--> <br /><ul><li><span class="" id="result_box" lang="es"><span class=""><i>Con las Extensiones de soporte: </i>Para evitar el deslizamiento de las funciones, jQuery relega los usos de <i>specialcase</i> a los complementos. El método para crear nuevos complementos es simple y bien documentado, lo que ha impulsado al desarrollo de una amplia variedad de módulos inventivos y útiles. La mayoría de las características de la descarga básica de jQuery se realizan internamente a través de la arquitectura del complemento, y se pueden quitar si se desea, <br />produciendo una biblioteca aún más enfocada a lo que se quiere si se desea.</span></span></li></ul><!--Fin Código Highlighter--> <br /><ul><li><i>Abstracción de las peculiaridades del navegador: </i>Una desafortunada realidad en el desarrollo web es que cada navegador tiene su propio conjunto de desviaciones de estándares publicados. Una porción significativa de cualquier aplicación web puede ser relegada para manejar características de forma diferente en cada plataforma. Mientras que el panorama del navegador  en constante evolución hace que una base de código completamente neutral para el navegador sea imposible para algunas características avanzadas, jQuery agrega una capa de abstracción que normaliza las tareas comunes, reduciendo el tamaño del código mientras que lo simplifica enormemente.</li></ul><ul><li><i>Siempre trabaja con sets: </i>Cuando instruimos a jQuery, a "Buscar todos los elementos con la clase plegable y ocultarlos", no hay necesidad de recorrer cada elemento devuelto. En su lugar, métodos como .hide () están diseñados para trabajar automáticamente en conjuntos de objetos en lugar de los individuales. Esta técnica, llamada iteración implícita, significa que muchas construcciones de bucle se vuelven innecesarias, reduciendo considerablemente el código.</li></ul><!--Fin Código Highlighter--> <br /><ul><li>Permitir múltiples acciones en una línea: Para evitar el uso excesivo de variables temporales o la repetición inútil, jQuery emplea un patrón de programación llamado encadenamiento <br />para la mayoría de sus métodos. Esto significa que el resultado de la mayoría de las operaciones en un objeto es el propio objeto, listo para la siguiente acción que se le aplicará.</li></ul>Estas estrategias han mantenido el paquete jQuery bastante leve (aproximadamente 30 KB comprimido), mientras que al mismo tiempo proporcionando técnicas para mantener nuestro código personalizado utilizando una biblioteca compacta. </div><div class="MsoNormal">La elegancia de la biblioteca se produce en parte por el diseño, y en parte debido al proceso evolutivo impulsado por la vibrante comunidad que ha surgido alrededor del proyecto. Los usuarios de jQuery se reúnen para discutir no sólo del desarrollo de complementos, sino también de las mejoras de la biblioteca central. Los usuarios y desarrolladores también ayudan a mejorar continuamente la documentación oficial del proyecto, que se puede encontrar en <a href="http://api.jquery.com/" target="_blank">Proyecto jQuery </a></div><div class="MsoNormal">A pesar de todos los esfuerzos necesarios para diseñar un sistema tan flexible y robusto, el producto final es gratuito para todos. Este proyecto de código abierto está licenciado bajo licencia MIT (que permite el uso gratuito de jQuery en cualquier sitio y facilita su uso dentro de cualquier software de propiedad) y la GNU Public License (apropiada para su inclusión en otros proyectos de código abierto con licencia GNU).<br /><!--Fin Código Highlighter--> <br /><div class="alert-message alert"><div style="text-align: center;"><span style="font-size: large;"><i><b><a class="button red" href="http://miscapu.blogspot.com.br/2016/11/primera-pagina-web-con-jquery.html" target="_blank">Siguiente Capítulo: Nuestra Primera Página Web Con jQuery</a></b></i></span> </div><div class="alert-del-btn"></div></div></div>

Jquery : Nuestra Primera Página Con jQuery

Ahora que hemos cubierto la gama de funciones disponibles para nosotros con jQuery, podemos examinar cómo poner la biblioteca en acción. Par...

Mais informações »

Jquery : ¿Por Qué jQuery Funciona Tan Bien?

<div class="glpost"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpsj_vCuJPuUfortx9zZkPH5ZBhrpgwj1_nl7BV_I3brCbs67wVBAAQECiNg-R7CqAB_zErw6KTxuAhuspe2nN_Ki2Di0EDYGFerqKqUz7tvNSIRKJw304_0ESuo59aKveTvzY1DkETuM/s1600/admin-parallax_slider.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpsj_vCuJPuUfortx9zZkPH5ZBhrpgwj1_nl7BV_I3brCbs67wVBAAQECiNg-R7CqAB_zErw6KTxuAhuspe2nN_Ki2Di0EDYGFerqKqUz7tvNSIRKJw304_0ESuo59aKveTvzY1DkETuM/s640/admin-parallax_slider.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal"><span class="" id="result_box" lang="es"><span class="">Con el resurgimiento del interés en HTML dinámico llega una proliferación de Frameworks de JavaScript. Algunos son especializados, centrándose en sólo una o dos de las tareas anteriores. Otros intentan catalogar todos los comportamientos y animaciones posibles, y atienden todos estos pre-empaquetados. </span></span><br /><span class="" id="result_box" lang="es"><span class="">Para mantener la amplia gama de características descritas anteriormente mientras se mantiene relativamente compacto, jQuery emplea varias estrategias:</span></span><br /><ul><li><i>Aprovechando el conocimiento de CSS</i>: basando el mecanismo para localizar elementos de página en los selectores CSS, jQuery hereda una forma concisa y legible de expresar la estructura de un documento. La biblioteca jQuery se convierte en un punto de entrada <br />para los diseñadores que quieren añadir comportamientos a sus páginas, ya que un requisito previo para hacer el desarrollo web profesional es tener conocimiento de la sintaxis CSS.</li></ul><!--Fin Código Highlighter--> <br /><ul><li><span class="" id="result_box" lang="es"><span class=""><i>Con las Extensiones de soporte: </i>Para evitar el deslizamiento de las funciones, jQuery relega los usos de <i>specialcase</i> a los complementos. El método para crear nuevos complementos es simple y bien documentado, lo que ha impulsado al desarrollo de una amplia variedad de módulos inventivos y útiles. La mayoría de las características de la descarga básica de jQuery se realizan internamente a través de la arquitectura del complemento, y se pueden quitar si se desea, <br />produciendo una biblioteca aún más enfocada a lo que se quiere si se desea.</span></span></li></ul><!--Fin Código Highlighter--> <br /><ul><li><i>Abstracción de las peculiaridades del navegador: </i>Una desafortunada realidad en el desarrollo web es que cada navegador tiene su propio conjunto de desviaciones de estándares publicados. Una porción significativa de cualquier aplicación web puede ser relegada para manejar características de forma diferente en cada plataforma. Mientras que el panorama del navegador  en constante evolución hace que una base de código completamente neutral para el navegador sea imposible para algunas características avanzadas, jQuery agrega una capa de abstracción que normaliza las tareas comunes, reduciendo el tamaño del código mientras que lo simplifica enormemente.</li></ul><ul><li><i>Siempre trabaja con sets: </i>Cuando instruimos a jQuery, a "Buscar todos los elementos con la clase plegable y ocultarlos", no hay necesidad de recorrer cada elemento devuelto. En su lugar, métodos como .hide () están diseñados para trabajar automáticamente en conjuntos de objetos en lugar de los individuales. Esta técnica, llamada iteración implícita, significa que muchas construcciones de bucle se vuelven innecesarias, reduciendo considerablemente el código.</li></ul><!--Fin Código Highlighter--> <br /><ul><li>Permitir múltiples acciones en una línea: Para evitar el uso excesivo de variables temporales o la repetición inútil, jQuery emplea un patrón de programación llamado encadenamiento <br />para la mayoría de sus métodos. Esto significa que el resultado de la mayoría de las operaciones en un objeto es el propio objeto, listo para la siguiente acción que se le aplicará.</li></ul>Estas estrategias han mantenido el paquete jQuery bastante leve (aproximadamente 30 KB comprimido), mientras que al mismo tiempo proporcionando técnicas para mantener nuestro código personalizado utilizando una biblioteca compacta. </div><div class="MsoNormal">La elegancia de la biblioteca se produce en parte por el diseño, y en parte debido al proceso evolutivo impulsado por la vibrante comunidad que ha surgido alrededor del proyecto. Los usuarios de jQuery se reúnen para discutir no sólo del desarrollo de complementos, sino también de las mejoras de la biblioteca central. Los usuarios y desarrolladores también ayudan a mejorar continuamente la documentación oficial del proyecto, que se puede encontrar en <a href="http://api.jquery.com/" target="_blank">Proyecto jQuery </a></div><div class="MsoNormal">A pesar de todos los esfuerzos necesarios para diseñar un sistema tan flexible y robusto, el producto final es gratuito para todos. Este proyecto de código abierto está licenciado bajo licencia MIT (que permite el uso gratuito de jQuery en cualquier sitio y facilita su uso dentro de cualquier software de propiedad) y la GNU Public License (apropiada para su inclusión en otros proyectos de código abierto con licencia GNU).<br /><!--Fin Código Highlighter--> <br /><div class="alert-message alert"><div style="text-align: center;"><span style="font-size: large;"><i><b><a class="button red" href="http://miscapu.blogspot.com.br/2016/11/primera-pagina-web-con-jquery.html" target="_blank">Siguiente Capítulo: Nuestra Primera Página Web Con jQuery</a></b></i></span> </div><div class="alert-del-btn"></div></div></div>

Jquery : ¿Por Qué jQuery Funciona Tan Bien?

Con el resurgimiento del interés en HTML dinámico llega una proliferación de Frameworks de JavaScript. Algunos son especializados, centrándo...

Mais informações »

Jquery : ¿Qué hace jQuery?

<div class="glpost"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyepJ6c0NV7j3yuVhoUKE7uWnfnC13iGytEn5EWRO7VNtLi8KH-SblQaPL1fEppIXuA1ZKreHKeCQxJlFCzLNke4OgTWAdPYBfF-RqeNiG0h2JUpCHCVlM_k-vLsi0GE7eyTF7BAa6WDk/s1600/eventos_jquery.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyepJ6c0NV7j3yuVhoUKE7uWnfnC13iGytEn5EWRO7VNtLi8KH-SblQaPL1fEppIXuA1ZKreHKeCQxJlFCzLNke4OgTWAdPYBfF-RqeNiG0h2JUpCHCVlM_k-vLsi0GE7eyTF7BAa6WDk/s640/eventos_jquery.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal"><span class="" id="result_box" lang="es"><span class="">La biblioteca jQuery proporciona una capa de abstracción de propósito general para scripts web comunes y, por lo tanto, es útil en casi todas las situaciones de secuencias de comandos. Su naturaleza extensible significa que nunca podríamos cubrir todos los usos y funciones posibles en un solo libro, ya que los complementos se desarrollan constantemente para agregar nuevas habilidades. Sin embargo, las características principales nos ayudan a realizar las siguientes tareas:</span></span><br /><ul><li>Acceder a elementos en un documento: sin una biblioteca JavaScript, los desarrolladores web a menudo necesitan escribir muchas líneas de código para recorrer el árbol <i><b>Document Object Model (DOM) </b></i>y localizar porciones específicas de la estructura de un documento <i><b>HTML</b></i>. <br />Con <i>jQuery</i>, los desarrolladores tienen un mecanismo selector robusto y eficiente a su disposición, por lo que es fácil recuperar la pieza exacta del documento que necesita ser inspeccionado o manipulado.</li></ul><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #a535ae;">$</span>('<span style="color: #016cff;">div</span><span style="color: #963dff;">.content</span>').<span style="color: #45ae34; font-weight: 700;">find</span>('<span style="color: #016cff;">p</span>');</pre><!--Fin Código Highlighter--> <br /><ul><li><span class="" id="result_box" lang="es"><span class="">Modifica la apariencia de una página web: CSS ofrece un poderoso método para influir en la forma en que se representa un documento, pero se queda corto</span></span><span class="" id="result_box" lang="es"><span class=""> cuando los navegadores web no son compatibles con los mismos estándares. Con jQuery, los desarrolladores pueden salvar esta brecha, confiando en el mismo soporte</span></span><span class="" id="result_box" lang="es"><span class="">de estándares en todos los navegadores. Además, jQuery puede cambiar las clases o las propiedades de estilo individuales aplicadas a una parte del documento</span></span><span class="" id="result_box" lang="es"><span class="">incluso después de que la página se haya procesado.</span></span></li></ul><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #a535ae;">$</span>('<span style="color: #016cff;">ul</span> > <span style="color: #016cff;">li</span>:first')<span style="color: #45ae34; font-weight: 700;">.addClass</span>(<span style="color: #666666;">'active'</span>);</pre><!--Fin Código Highlighter--> <br /><ul><li>Alterar el contenido de un documento: No limitado a meros cambios cosméticos, jQuery puede modificar el contenido de un documento con pocas tecleadas. El texto puede ser cambiado, las imágenes pueden ser insertadas o intercambiadas, las listas pueden ser reordenadas, o toda la estructura del HTML puede ser reescrita y extendida, todo con una sola interfaz de programación de aplicaciones (API) fácil de usar.</li></ul><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #006699; font-weight: 700;">$</span> (<span style="color: #666666;">'#container'</span>) <span style="color: #45ae34; font-weight: 700;">.append</span>(<span style="color: #666666;">'<a herf="more.html">more</a>'</span>);</pre><!--Fin Código Highlighter--> <br /><br /><ul><li>Responder a la interacción de un usuario: Incluso los comportamientos más elaborados y poderosos no son útiles si no podemos controlar cuándo ellos ocurren. La biblioteca jQuery ofrece una manera elegante de interceptar una gran variedad de eventos(por ejemplo cuando un usuario hace clic en un enlace) sin la necesidad de enturbiar el código HTML en sí con los controladores de eventos. Al mismo tiempo, su API de gestión de eventos elimina las inconsistencias del navegador que a menudo afectan a los desarrolladores web.</li></ul><!--Código Highlighter--> <br /><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #a535ae;">$</span>('<span style="color: #016cff;">button</span><span style="color: #963dff;">.show-details</span>')<span style="color: #45ae34; font-weight: 700;">.click</span>(<span style="color: #ff5600;">function</span>(){<br /> <span style="color: #a535ae;">$</span>('<span style="color: #016cff;">div</span><span style="color: #963dff;">.details</span>')<span style="color: #45ae34; font-weight: 700;">.show</span>();<br />});</pre><!--Fin Código Highlighter--> <br /><ul><li>Animar los cambios que se están realizando en un documento: Para implementar eficazmente estos comportamientos interactivos, el diseñador también debe proporcionar comentarios visuales al usuario. La biblioteca de jQuery facilita esto proporcionando una variedad de efectos como fades y wipes, así como un kit de herramientas para crear nuevas pantallas gráficas.</li></ul><!--Código Highlighter--> <br /><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #a535ae;">$</span>('<span style="color: #016cff;">div</span><span style="color: #963dff;">.details</span>')<span style="color: #45ae34; font-weight: 700;">.slideDown</span>();</pre><!--Fin Código Highlighter--> <br /><ul><li>Recuperar información de un servidor sin actualizar una página: Este patrón de código se ha conocido como Ajax, que originalmente representaba JavaScript asíncrono y XML, pero desde entonces ha llegado a representar un conjunto mucho mayor de tecnologías para la comunicación entre el cliente y el servidor. La biblioteca jQuery elimina la complejidad específica del navegador de este proceso responsivo, lo que permite a los desarrolladores centrarse en la funcionalidad del servidor.</li></ul><!--Código Highlighter--> <br /><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #a535ae;">$</span>('<span style="color: #016cff;">div</span><span style="color: #963dff;">.details</span>')<span style="color: #45ae34; font-weight: 700;">.load</span>(<span style="color: #666666;">'more.html #content'</span>);</pre><!--Fin Código Highlighter--> <br /><ul><li>Simplificar las tareas comunes de JavaScript: Además de todas las características específicas de documentos de jQuery, la biblioteca proporciona mejoras a las construcciones básicas de JavaScript, como la iteración y la manipulación de arrays.</li></ul><!--Código Highlighter--> <br /><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #006699; font-weight: 700;">$</span><span style="color: #45ae34; font-weight: 700;">.each</span>(obj, <span style="color: #ff5600;">function</span>(key, value) {<br /> total <span style="color: #006699; font-weight: 700;">+</span><span style="color: #006699; font-weight: 700;">=</span> value;<br />});</pre><!--Fin Código Highlighter--> <br /><div class="alert-message alert"><div style="text-align: center;"><span style="font-size: large;"><i><b><a class="button red" href="http://miscapu.blogspot.com.br/2016/11/la-perfeccion-de-jquery.html" target="_blank">Siguiente Capítulo: ¿Por qué jQuery funciona tan bien?</a></b></i></span> </div><div class="alert-del-btn"></div></div></div>

Jquery : ¿Qué hace jQuery?

La biblioteca jQuery proporciona una capa de abstracción de propósito general para scripts web comunes y, por lo tanto, es útil en casi toda...

Mais informações »

Jquery : Conociendo Mejor A JQuery

<div class="glpost"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjitV-asla9FH1jPG2MX_7uG7SSeU6B8RLCH0rxTPNH7_njJlqcVpEVH1QTQgHykZsE381p5Tsp9z_GY5n59a0idBKMNt9KGR6LAhGPxDOcdLa0YMhWootHTVhNrypqg8Mcf_d5TLYxSnE/s1600/logo_jquery.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjitV-asla9FH1jPG2MX_7uG7SSeU6B8RLCH0rxTPNH7_njJlqcVpEVH1QTQgHykZsE381p5Tsp9z_GY5n59a0idBKMNt9KGR6LAhGPxDOcdLa0YMhWootHTVhNrypqg8Mcf_d5TLYxSnE/s640/logo_jquery.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal"><span class="" id="result_box" lang="es"><span class="">Hoy en día la World Wide Web (www) es un entorno dinámico, y sus usuarios han establecido una barrera alta para el estilo y la función de los sitios. Para crear sitios interesantes e interactivos, los desarrolladores se han visto obligados a recurrir a bibliotecas de JavaScript como jQuery para automatizar algunas tareas comunes y simplificar lo que parece ser más complicado. Una de las razones de la popularidad de jQuery es su capacidad para ayudar en una amplia gama de tareas. </span></span><br /><span class="" id="result_box" lang="es"><span class="">JQuery realiza tantas tareas diferentes que puede parecer difícil saber por donde empezar. Sin embargo, existe una coherencia y simetría en el diseño de esta biblioteca; muchos de sus conceptos son comprometidos con la estructura de HTML y las hojas de estilo en cascada (CSS). <br />El diseño de la biblioteca se presta para que haya un comienzo rápido de los diseñadores con poca experiencia en programación, a veces muchos de ellos tienen más experiencia con estas tecnologías que con JavaScript. De hecho, en este capítulo de apertura, vamos a escribir un programa de jQuery en funcionamiento en sólo tres líneas de código.</span></span><br /><span class="" id="result_box" lang="es"><span class="">Por otro lado, los programadores más experimentados también serán ayudados por esta consistencia conceptual, como veremos en los capítulos posteriores más avanzados.</span></span><br /><span class="" id="result_box" lang="es"><span class=""><span class="" id="result_box" lang="es" tabindex="-1"><span class="">Así que echemos un vistazo a lo que jQuery puede hacer por nosotros.</span></span></span></span><br /><br /></div><div class="alert-message alert"><div style="text-align: center;"> <span style="font-size: large;"><i><b><a class="button red" href="http://miscapu.blogspot.com.br/2016/11/que-hace-jquery.html">Siguiente Capítulo: Qué hace jQuery?</a></b></i></span> </div><div class="alert-del-btn"></div></div>

Jquery : Conociendo Mejor A JQuery

Hoy en día la World Wide Web (www) es un entorno dinámico, y sus usuarios han establecido una barrera alta para el estilo y la función de lo...

Mais informações »

SEO : Misión de los Motores de Búsqueda

<div class="glpost"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWprT7z8EbLgRU3K_dy8FYAkntUrsC8PX6UPiMNNZy0v_howo_7x_LfF6OeoS4V41YPJrf3rq6PogX5U5eKksxZ5ixVuBkS_hbdzIg9CrlrBf11tvgXM4DznRrPF5un6YGOdKCSAtduSs/s1600/mision_motores_de_busqueda.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="534" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWprT7z8EbLgRU3K_dy8FYAkntUrsC8PX6UPiMNNZy0v_howo_7x_LfF6OeoS4V41YPJrf3rq6PogX5U5eKksxZ5ixVuBkS_hbdzIg9CrlrBf11tvgXM4DznRrPF5un6YGOdKCSAtduSs/s640/mision_motores_de_busqueda.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal"><span class="" id="result_box" lang="es"><span class="">Desde que</span> <span>los buscadores web</span> <span>son libres de usar</span>, <span>cualquiera de</span> <span>los</span> <span>muchos motores de búsqueda</span> <span class="">disponibles en la web</span> podrían<span> encontrar lo</span> <span>que usted busca, pero existe una dificultad, sabía? pues sí, ella esta en que </span><span>los</span> <span class="">motores de búsqueda</span> realmente consigan <span>desarrollar</span> <span>una experiencia de búsqueda</span> <span>relevante</span><span>, rápida y</span> <span class="">fresca.</span></span><br /><span class="" id="result_box" lang="es"><span class="">En la mayoría de los casos, </span><span>los motores de búsqueda</span> consiguen<span> esto cuando son </span><span>percibidos</span> <span>como los poseedores de </span><span class="">los resultados más relevantes</span> <span>y cuando la entrega de resultados es </span><span>el más rápido,</span> <span>ya que los usuarios que </span><span>van </span><span>al motor de búsqueda</span> <span>piensan que van a</span> <span>conseguir </span><span>las</span> <span>respuestas</span> <span>que quieren en</span> <span class="">la menor cantidad de</span> <span>tiempo.</span></span><br /><br />Como resultado, los motores de búsqueda invierten una enorme cantidad de tiempo, energía y capital en la mejora de su <a href="http://www.seomarketing.com.br/aumentar-relevancia-google.php" target="_blank">relevancia</a>. Esto incluye la realización de:<br /><ul><li>estudios de respuestas de los usuarios a sus resultados de búsqueda, comparando sus propios resultados con los de otros motores de búsqueda, </li><li>estudios de <a href="http://miscapu.blogspot.com.br/2016/10/que-es-el-seguimiento-ocular.html" target="_blank">seguimiento ocular</a> (que se analizan más adelante en este capítulo), </li><li>y la construcción de relaciones públicas y campañas de marketing.</li></ul>Los motores de búsqueda generan ingresos principalmente a través de la publicidad pagada, eso no debería ser novedad para muchos. La gran mayoría de estos ingresos proviene de un modelo de pago por clic (o coste por clic), en el que los anunciantes sólo pagan por los usuarios que hacen clic en sus anuncios. Debido a que el éxito de los buscadores depende en gran medida de lo que la relevancia de sus resultados de búsqueda ofrece, entonces ahí aparecen las manipulaciones de posicionamiento en los buscadores que dan lugar a resultados no relevantes (generalmente referidos como spam) los cuales son tratados muy en serio.<br />Cada motor de búsqueda cuenta con un equipo de personas que se centran únicamente en encontrar y eliminar el spam de sus resultados de búsqueda. Esto es importante para los profesionales de SEO, ya que hay que tener cuidado de que las tácticas que emplean no sean vistos como servicios de spam por los motores de búsqueda, ya que esto supondría el riesgo de obtener sanciones para los sitios web en los que trabajan.<br /><blockquote class="tr_bq">Entonces mis amigos profesionales en SEO, deben observar muy detalladamente sus tácticas empleadas para no incurrir en contenido spam dentro de los sites en que trabajan, ya que serían sancionados severamente.</blockquote></div>

SEO : Misión de los Motores de Búsqueda

Desde que los buscadores web son libres de usar , cualquiera de los muchos motores de búsqueda disponibles en la web podrían encontra...

Mais informações »

Android : ¿Qué es Android?

<div class="glpost"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMfC7J7g_CEvW9s4T9vKqS7eXijqXY_3XvMsjt8ABZqd57p6_QhpwF6uQGvcaNzwCaTLqH3ujbktcVMBRdY3rmgJ15hbGPD2kpafIjb38G73lkhu29TEfWAPdKbT-1s4BslaH9BiCGMmY/s1600/3d-Wallpapers-For-Android-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMfC7J7g_CEvW9s4T9vKqS7eXijqXY_3XvMsjt8ABZqd57p6_QhpwF6uQGvcaNzwCaTLqH3ujbktcVMBRdY3rmgJ15hbGPD2kpafIjb38G73lkhu29TEfWAPdKbT-1s4BslaH9BiCGMmY/s640/3d-Wallpapers-For-Android-1.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal"><span class="" id="result_box" lang="es"><span class=""><span class="" id="result_box" lang="es"><span class="">En</span> pocas palabras, Android es <span class="">un sistema operativo</span> orientado al hardware móvil<span class="">, como teléfonos</span> y otros dispositivos informáticos condicionados tales como netbooks y Tablets PC. El concepto y la plataforma fue una idea original de Android Inc., que era una pequeña compañía lanzada en Palo Alto, California y que en el año 2005 fue adquirida por la gigante Google. </span></span></span><br /><span class="" id="result_box" lang="es"><span class=""><span class="" id="result_box" lang="es">El objetivo de esta empresa era crear un pequeño sistema operativo, estable, flexible y fácilmente actualizado para dispositivos, el cual consiga atraer a muchos fabricantes de dispositivos y operadores de telefonía.</span></span></span><br /><span class="" id="result_box" lang="es"><span class=""><span class="" id="result_box" lang="es">Las versionas de Android 1.x y 2.x se dirigen principalmente a los teléfonos inteligentes ó SmartPhones, mientras que el Android 3.x y las versionas más actuales convertirían a Android en la primera plataforma operativa diseñada específicamente con apoyo de gama alta para Tablet PC. </span></span></span><br /><span class="" id="result_box" lang="es"><span class=""><span class="" id="result_box" lang="es">La plataforma Android fue presentada originalmente en noviembre de 2007 y su inauguración coincidió con el anuncio de la formación de la Open Handset Alliance, un grupo de empresas que comparten el objetivo de promover estándares abiertos para plataformas de dispositivos móviles como Android. </span></span></span><br /><span class="" id="result_box" lang="es"><span class=""><span class="" id="result_box" lang="es"><span class="" id="result_box" lang="es">Ya a finales del 2008, Android fue <span class="">lanzado bajo el</span> <span class="">código abierto</span> <span class="">Apache</span> 2.0 license. Esto y el diseño flexible <span class="">basado en componentes</span> de la plataforma <span class="">presentan oportunidades</span> innovadoras y rentables <span class="">para los fabricantes</span> y desarrolladores de software. Nuestro objetivo es <span class="">mostrar algunas de</span> estas capacidades que distinguen a la plataforma Android durante el transcurso de este tutorial<span class="">.</span></span></span></span></span></div>

Android : ¿Qué es Android?

En pocas palabras, Android es un sistema operativo orientado al hardware móvil , como teléfonos y otros dispositivos informáticos condici...

Mais informações »

Android : Comenzando con el Desarrollo en Android!

<div class="glpost"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjww-mIn5QCgR6V8b_lwsMT9v1mK0L-WnfomAkO2ri-Q39SP0caPWOVmRGNeNLG_hV54468i24fwTxNiRNWxt6ikyDMes6Y1vadwNqWG20nLH3sWOftSd2bnPSB7_71ohZUecFz4Wj2rLM/s1600/desarrollo-android.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjww-mIn5QCgR6V8b_lwsMT9v1mK0L-WnfomAkO2ri-Q39SP0caPWOVmRGNeNLG_hV54468i24fwTxNiRNWxt6ikyDMes6Y1vadwNqWG20nLH3sWOftSd2bnPSB7_71ohZUecFz4Wj2rLM/s640/desarrollo-android.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal"><span class="" id="result_box" lang="es"><span class="">La plataforma</span> Android es un aliado muy atractivo y muy emocionante <span class="">ya conocido mundialmente por muchas personas</span>. </span><span class="" id="result_box" lang="es"><span class="">Más allá del alto </span>rating en <span class="">el número de</span> <span class="">características interesantes</span> por dispositivo, los <span class="">teléfonos inteligentes</span> <span class="">habilitados para</span> Android están disfrutando <span class="">actualmente</span> la tasa de <span class="">crecimiento de ventas</span> más alta <span class="">en la industria móvil</span>. </span></div><div class="MsoNormal"><span class="" id="result_box" lang="es">Con esto quiero compartir parte del entusiasmo que tenemos </span><span class="" id="result_box" lang="es"><span class="" id="result_box" lang="es">con esta plataforma de desarrollo verdaderamente notable y super estable. Vamos a tratar de hacer esto mostrándole <span class="">la amplia gama de</span> oportunidades disponibles a su alcance <span class="">cuando usted elige</span> desarrollar aplicaciones en Android. <span class="">Tal vez usted está</span> leyendo este site con el fin de obtener <span class="">más antecedentes en la </span>comprensión de la plataforma Android. Tal vez <span class="">va a</span> subirse las mangas y se unirá a nosotros corriendo los proyectos en el emulador o en el propio <span class="">dispositivo.</span> Queremos conseguir que la puesta <span class="">en marcha sea rápida </span>y proporcionarle <span class="">una comprensión suficiente de</span> la plataforma Android y el Kit de Ambiente de Desarrollo de Android (ADK) para que usted tenga un éxito notable en sus objetivos.</span> </span></div><div class="MsoNormal"><span class="" id="result_box" lang="es">Voy a intentar ser lo más práctico posible. No dejando de lado </span><span class="" id="result_box" lang="es"><span class="">un amplio espectro de</span> <span class="">material de base</span> <span class="">conceptual y</span> <span class="">teórico necesario</span>, intentando siempre conseguir la manera de "ir al grano" en nuestras explicaciones<span class="">.</span></span></div><div class="MsoNormal"><span class="" id="result_box" lang="es"><span class=""><span class="" id="result_box" lang="es"><span class="">Vamos a</span> comenzar con <span class="">una breve descripción de</span> la plataforma Android y luego <span class="">saltaremos directamente a</span> cubrir la instalación del SDK de Android y el apoyo a <span class="">las herramientas de desarrollo</span>. Para llevar a cabo totalmente nuestro estudio configuraremos el SDK, nos embarcaremos en una prueba de manejo paso a paso que <span class="">implica la generación de</span> un proyecto Android corto para luego conseguir la aplicación Android <span class="">esqueleto</span> resultante ejecutándola en el emulador de Android. La siguiente orden del día será un recorrido por la arquitectura de la plataforma Android. Aquí vamos a describir la pila de la plataforma Android; La arquitectura de componentes de Android; y Dalvik, el tiempo de ejecución de Android. Con este conocimiento en las manos, cubriremos el trabajo con el Java IDE Eclipse, NetBeans, y IntelliJ IDEA Community Edition; además de pasar algún tiempo en aprender a dotarlos de capacidades de programación Android a través de plugins. Esto significa que tenemos una gran cantidad de terreno que cubrir, así que empezemos:</span></span></span><br /><br /><div style="text-align: center;"><span class="" id="result_box" lang="es"><span class=""><span class="" id="result_box" lang="es"><a href="http://miscapu.blogspot.com/2016/10/que-es-android.html" target="_blank">Capítulo 1 : ¿Qué es Android?</a> </span></span></span></div></div>

Android : Comenzando con el Desarrollo en Android!

La plataforma Android es un aliado muy atractivo y muy emocionante ya conocido mundialmente por muchas personas . Más allá del alto rating ...

Mais informações »

PHP : 3 Formas de Conectarse con MySQL con PHP

<div class="glpost"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLBzVuMHi1boZFrsTXg-VLdhWgFSoKyrBzwK9yiZhrjrrzk3SlU2e2roQJ40AzZZKAReKxN4-KsR_6foRyoYMst9P58onO47C-tZv7vCyocrC9k7r2nPXGdJRukGtO5sIDFa1KIXXv-Qk/s1600/php_mysql.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLBzVuMHi1boZFrsTXg-VLdhWgFSoKyrBzwK9yiZhrjrrzk3SlU2e2roQJ40AzZZKAReKxN4-KsR_6foRyoYMst9P58onO47C-tZv7vCyocrC9k7r2nPXGdJRukGtO5sIDFa1KIXXv-Qk/s640/php_mysql.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal">En este Post muestro 3 formas de conectarse al gestor de Base de Datos MySQL utilizando código PHP.<br />Para conseguir acceder a los datos que envuelve MySQL u otros gestores de Bases de Datos, es necesario ser capaces de conseguir conectarnos con el servidor ya que como sabemos el lenguaje PHP actúa del lado del servidor.<br />Para esto iré detallando el código con comentários, comencemos entonces: <br /><ol><li>Primera forma: Utilizando MySQLi Orientada a Objetos (esta ultima "i" después de MySQL quiere decir que es una MySQL mejorada). </li></ol><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv2at4y_Yst3pIsLOvGfbozlrdAcQmCCywJCbmX1BSxqLbckK3VLP9Sw40-TVRVlEJry_sUA_UcjiWfXTHtwJXcX9ilWmBL4pPcFqfbTbwgboC76kjaxVB670JaoUDgVuIyj5wtdiw1h8/s1600/conectando_mysql_metodo_1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv2at4y_Yst3pIsLOvGfbozlrdAcQmCCywJCbmX1BSxqLbckK3VLP9Sw40-TVRVlEJry_sUA_UcjiWfXTHtwJXcX9ilWmBL4pPcFqfbTbwgboC76kjaxVB670JaoUDgVuIyj5wtdiw1h8/s640/conectando_mysql_metodo_1.png" width="640" /></a> </div>

PHP : 3 Formas de Conectarse con MySQL con PHP

En este Post muestro 3 formas de conectarse al gestor de Base de Datos MySQL utilizando código PHP. Para conseguir acceder a los datos que e...

Mais informações »

SEO : ¿Qué es el Seguimiento Ocular?

<div class="glpost"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSp97G3z0VkY9kBMNHMh5akGtv5iT-V0WGSEQmRchljt8NQsW_P5RmG7xv0hLXLkKTlGtktTsk0pCYwKQJcU7Yjs6DRBn6bKsFYixkz3sju2LeeR6izmAhFGxzcwp8a3D01noA3L60W_Q/s1600/rasterizar_ojos.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="484" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSp97G3z0VkY9kBMNHMh5akGtv5iT-V0WGSEQmRchljt8NQsW_P5RmG7xv0hLXLkKTlGtktTsk0pCYwKQJcU7Yjs6DRBn6bKsFYixkz3sju2LeeR6izmAhFGxzcwp8a3D01noA3L60W_Q/s640/rasterizar_ojos.jpg" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal">Empresas de investigación como Enquiro, Eyetools y Didit llevaron a cabo algunos testes de mapeamiento de calor de algunos usuarios usando los diferentes motores de búsqueda, estos testes de manera sorpresiva produjeron resultados muy interesantes relacionados con lo que ellos observaban y centralizaban sus sentidos, en cuanto participaban del uso de un motor de búsqueda. La sigiuente imagen muestra el mapa de una de esas prubeas con el motor de busqueda Google. El gráfico indica que los usuarios pasan la mayor cantidad de tiempo centrando su mirada en la zona superior izquierda, donde las palabras estan resaltadas en negrito.<br />Este estudio en particular ilustra perfectamente cómo se presta poca atención a los resultados que se encuentran en la parte inferior de la página frente a los de arriba, y cómo los ojos de los usuarios se sienten atraídos por palabras clave en negrita, títulos y descripciones en resultados naturales ("orgánicos") frente a los anuncios de búsqueda pagadas, que se encontraban en la parte superior derecha del diseño del site del navegador.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMetTIJ2oE6DhBar8WhFJ1oXyv-2ev8H88AE008Cnc6NVq6x3gZa4RACHKKuK7qO1v8vwMKyIO2sv_cG3Ch1U_6RYlP1-w8VqFlSXG3h4409101Vf2m_k38Ya4G9sx71jCgRjO_gHEp1w/s1600/mapa_calor_rastreo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMetTIJ2oE6DhBar8WhFJ1oXyv-2ev8H88AE008Cnc6NVq6x3gZa4RACHKKuK7qO1v8vwMKyIO2sv_cG3Ch1U_6RYlP1-w8VqFlSXG3h4409101Vf2m_k38Ya4G9sx71jCgRjO_gHEp1w/s640/mapa_calor_rastreo.png" width="584" /></a></div><br />Estas investigaciones mostraron que las diferentes posiciones físicas de los resultados de búsqueda que aparecen en pantalla, dan lugar a diferentes patrones de seguimiento ocular del usuario.<br />Al ver una página estándar de resultados de Google, los usuarios tienden a crear un patrón en forma de "F" con sus movimientos oculares, centrándose primero y más tiempo en la esquina superior izquierda de la pantalla, a continuación, se mueven verticalmente hacia abajo a través de los dos o tres primeros resultados, luego a la primera página de resultados de anuncios pagos, luego a los otros resultados de manera vertical y, a continuación, al otro lado de nuevo para el segundo resultado pagado.<br /><div><div>Era el otoño del 2008 y la gigante Google introdujo la noción de búsqueda universal. Fué la decisión de mostrar simplemente las 10 páginas web más relevantes (que ahora se conoce como los "10 enlaces azules") incluyendo videos, imágenes, resultados de noticias, etcétera, esto haría parte de los resultados en el motor de búsqueda principal. Los otros motores de búsqueda harían lo mismo al cabo de unos meses, y ahora la industria se refiere a este concepto general como Búsqueda combinada.</div></div><div>Esta Búsqueda combinada, sin embargo, crea más de un efecto de fragmentación, donde los trozos son alrededor de los objetos con diversos medios enriquecidos, como imágenes o vídeo. Es comprensible que los usuarios se centran en la primera imagen. A continuación, se enfocan en el texto junto a él para ver si se corresponde con la imagen o vídeo en miniatura (que se muestra inicialmente como una imagen). Basado en un estudio actualizado publicado por Enquiro en septiembre del 2007, la figura siguiente muestra que el patrón de seguimiento ocular en una página de Búsqueda Combinada es parecida.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuI2SRydReYLy9W6cx77M9387beq_MaQ5ZUsciiXEMCWxMTX0lBbs41_ZNVPW8MQ_uJJkDOVzsS11Bah9viQr2ezJK4S4_j081WWYW1H7X0w7wqz3J_0iVKTBRVXidwFyp3Nos7llQ6tU/s1600/mapa_calor_rastreo2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="486" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuI2SRydReYLy9W6cx77M9387beq_MaQ5ZUsciiXEMCWxMTX0lBbs41_ZNVPW8MQ_uJJkDOVzsS11Bah9viQr2ezJK4S4_j081WWYW1H7X0w7wqz3J_0iVKTBRVXidwFyp3Nos7llQ6tU/s640/mapa_calor_rastreo2.png" width="640" /></a></div><div><br /></div></div>

SEO : ¿Qué es el Seguimiento Ocular?

Empresas de investigación como Enquiro, Eyetools y Didit llevaron a cabo algunos testes de mapeamiento de calor de algunos usuarios usando l...

Mais informações »

SEO : Los Objetivos Humanos De Búsqueda

<div class="glpost"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikknUj9Iy1WLYgCpEtU_7rhC0u0UeZXj-PysPHAviZptUCqVoI8FUOFi7CUR8772j_V9dsmMLnh_8HGxBPv71dAvw4g5XT_j-GY7hyO0eMlRj6fd4oNhabpncpsYOagn9hAJdvFgRzsWA/s1600/busqueda-google.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikknUj9Iy1WLYgCpEtU_7rhC0u0UeZXj-PysPHAviZptUCqVoI8FUOFi7CUR8772j_V9dsmMLnh_8HGxBPv71dAvw4g5XT_j-GY7hyO0eMlRj6fd4oNhabpncpsYOagn9hAJdvFgRzsWA/s1600/busqueda-google.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><br /></td></tr></tbody></table><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal">El objetivo básico de una persona al buscar es la obtención de información relevante para su investigación. Sin embargo, las investigaciones del buscador pueden adoptar muchas formas diferentes.<br /><br /></div><div class="MsoNormal"><span lang="ES-PE">Uno de los elementos más importantes para la construcción de una estrategia de marketing online para un sitio web en SEO y el ranking de búsqueda es el desarrollo de un conocimiento profundo de la psicología de su público objetivo. Una vez que usted consiga conocer cuales son las búsquedas promedio y más específicamente a su mercado de destino, utilizando los motores de búsqueda, podrá llegar de manera más efectiva y lo mejor de todo mantener a estos usuarios.<o:p></o:p></span></div><div class="MsoNormal"><span lang="ES-PE">El uso de motores de búsqueda han evolucionado a lo largo de los años, pero los principios primarios de la realización de una búsqueda permanecerán sin cambios. <o:p></o:p></span></div><div class="MsoNormal"><span lang="ES-PE">Es de considerable importancia conocer los pasos más comunes de los procesos de búsqueda que experimenta un usuario:<o:p></o:p></span></div><div class="MsoListParagraphCxSpFirst" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;"></div><ul><li><span lang="ES-PE" style="font-family: "symbol"; text-indent: -18pt;"><span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal;">        </span></span><span lang="ES-PE" style="text-indent: -18pt;">El usuario al principio experimenta la necesidad de una respuesta, de una solución, o una pieza de información. Por ejemplo, puede estar buscando un sitio web (Navigational Query ó Consulta De Navegación) comprar algo (Transactional Query ó Consulta Transaccional) o aprender algo (Informational Query ó Búsqueda de Información). Discutiremos esto con más detalle en el siguiente capítulo.</span></li><li><span lang="ES-PE" style="font-family: "symbol"; text-indent: -18pt;"><span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal;">        </span></span><span lang="ES-PE" style="text-indent: -18pt;">Luego formula su necesidad en una serie de palabras y frases (la consulta ó Query). La mayoría de las personas formulan sus consultas en una, dos ó  tres palabras. ComScore muestra datos desde marzo de 2009 hasta inicios del 2016, que demuestran una longitud media de consulta de 2,9 palabras. </span></li><li><span lang="ES-PE" style="font-family: "symbol"; text-indent: -18pt;"><span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal;">      </span></span><span lang="ES-PE" style="text-indent: -18pt;">Como paso final ejecuta la consulta, comprueba los resultados, confirma si tiene lo que quería, y si no, prueba una consulta más refinada ó más específica.</span></li></ul><blockquote class="tr_bq">Cuando este proceso da lugar a la conclusión satisfactoria de una tarea, se crea una experiencia positiva para el usuario, el motor de búsqueda, y el sitio que tiene la información o resultado. <span style="font-size: x-small;">Ing. Miguel Santisteban</span></blockquote>

SEO : Los Objetivos Humanos De Búsqueda

El objetivo básico de una persona al buscar es la obtención de información relevante para su investigación. Sin embargo, las investigaciones...

Mais informações »

SEO: Breve História de los Motores de Búsqueda

<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgLWukIrCmbV44DszGR2BkP1o5OfGK86LzZy67iEHuJ6_oaWCuehPreo6vsgEHimphtGmLFNJ7z4Qt2tOjqhSNcx9IA4HR6TLoDjWmPXfVmmyyweQwgcXWstwdoeqX3ZKTX_umLroujR8/s1600/archie-gopher-google.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Archie, gopher y google" border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgLWukIrCmbV44DszGR2BkP1o5OfGK86LzZy67iEHuJ6_oaWCuehPreo6vsgEHimphtGmLFNJ7z4Qt2tOjqhSNcx9IA4HR6TLoDjWmPXfVmmyyweQwgcXWstwdoeqX3ZKTX_umLroujR8/s640/archie-gopher-google.png" width="640" /></a></div><div class="MsoNormal"><br /><span lang="ES">Te hago una pregunta: ¿Qué haces cuando necesitas encontrar algo en Internet? En la mayoría de los casos te dirijes a uno de los principales motores de búsqueda y escribes el término o frase que estas buscando y haces clic en el botón buscar para tener los resultados en pantalla, ¿verdad? Pero, por supuesto, los motores de búsqueda no estuvieron siempre a nuestro alrededor.</span><o:p></o:p></div><div class="MsoNormal"><span lang="ES">En sus inicios, la Internet no era lo que se piensa de cuando se utiliza ahora. De hecho, no era nada como la red de sitios interconectados que se ha convertido en uno de los mayores facilitadores de negocios de nuestro tiempo. En lugar de ello, lo que se llamó el Internet era en realidad una colección de FTP (File Transfer Protocol ó Protocolo de Transferencia de archivos) ó sitios en que los usuarios podían acceder a descargar (o cargar) archivos.</span><o:p></o:p></div><div class="MsoNormal"><span lang="ES">Para buscar un archivo específico en esa colección, los usuarios tenían que navegar a través de cada archivo. Claro, hubo atajos, si usted ya conocía a las personas adecuadas - que sería la gente que sabía la dirección exacta del archivo que estabas buscando - usted podía ir directamente al archivo. Eso suponiendo que sabía exactamente lo que estaba buscando.</span><o:p></o:p></div><div class="MsoNormal"><span lang="ES">Todo el proceso hizo la búsqueda de archivos en Internet un ejercicio difícil, requiriendo mucho tiempo y paciencia. Pero eso fue antes de que un estudiante en la Universidad McGill en Montreal decidió que tenía que haber una manera más fácil. En 1990, Alan Emtage creó la primera herramienta de búsqueda utilizada en Internet. Su creación, “<b>un índice de archivos</b>” en Internet, fue llamado Archie.</span><o:p></o:p></div><div class="MsoNormal"><span lang="ES">Si estás pensando en Archie, el personaje de cómic creado en 1941, estas un poco fuera de pista (al menos por ahora). El nombre de Archie se utilizó porque los archivos tenían nombres muy extensos. Más tarde, amigos de Archie de la serie de cómics (Verónica y Jughead) llegaron a la escena de la búsqueda, también, pero vamos a tocar ese tema en otro momento.</span><o:p></o:p></div><div class="MsoNormal"><span lang="ES">Archie no era en realidad un motor de búsqueda como los que se utilizan hoy en día. Pero en ese momento, era un programa que muchos usuarios de Internet estaban felices de tener. El programa básicamente descargaba la lista de directorios de todos los archivos que se almacenan en sitios FTP anónimos en una red dada de ordenadores, esas propiedades eran realizadas estando conectado a una base de datos de sitios web.<br />Las capacidades de búsqueda de Archie no eran tan elegantes como las capacidades de su lenguaje natural que es encontrado en los motores de búsqueda más comunes hoy en día, pero en el momento conseguía realizar su función. Archie indexaba archivos de computadora, haciéndolos más fáciles de localizar.</span><o:p></o:p></div><div class="MsoNormal"><span lang="ES">En 1991, sin embargo, otro estudiante llamado Mark McCahill, de la Universidad de Minnesota, afirmó que si se podía buscar archivos en Internet, entonces seguramente también usted podría buscar texto sin formato para referenciar archivos específicos. Debido a que no existía tal aplicación, creó Gopher, un programa que indexa los documentos de texto sin formato que luego se convertirían en los primeros sitios web en Internet pública.</span><o:p></o:p></div><div class="MsoNormal"><span lang="ES">Con la creación de Gopher, también tenía que haber programas que podían encontrar referencias dentro de los índices que creó Gopher, es así que los amigos de Archie finalmente se reunieron con él. Verónica (que sería el acrónimo de Very Easy Rodent-Oriented Net-wide Index to Computerized Archives, algo así como índice de archivos computarizados de todo Internet orientado a roedores y muy fácil</span>) y Jughead (Jonzy’s Universal Gopher Hierarchy Excavation and display) se crearon para buscar los archivos que estaban almacenados en el Sistema de Índice de Gopher.<o:p></o:p></div><div class="MsoNormal"><span lang="ES-PE">A partir de ahí, buscar como usted sabe que comenzó a evolucionar en el tiempo. El primer sistema de búsqueda, en la forma que conocemos hoy en día los motores de búsqueda, no llegó a existir hasta el año 1993, en que Matthew Gray, creó el famoso Wandex. <o:p></o:p></span></div><div class="MsoNormal"><span lang="ES-PE">Wandex fue el primer programa que servia tanto para indexar como para buscar el índice de una página en la web. Esta tecnología fue el primer programa para rastrear la Web, y más tarde se convirtió en la base para todos los rastreadores de búsqueda. Y a partir de ahí, los motores de búsqueda adquirieron vida propia. De 1993 a 1998, se crearon los principales motores de búsqueda que usted está probablemente al corriente en la actualidad, como Excite, Yahoo!, Web Crawler, Lycos, Google, etc.<o:p></o:p></span></div><br /><div class="MsoNormal"><span lang="ES-PE">Hoy en día, los motores de búsqueda son programas sofisticados, muchos de los cuales le permiten buscar todo tipo de archivos y documentos usando las mismas palabras y frases que usaría en las conversaciones cotidianas. Es difícil de creer que el concepto “motor de búsqueda” tiene ya un poco más de 15 años de vida no?<o:p></o:p></span></div>

SEO: Breve História de los Motores de Búsqueda

Te hago una pregunta: ¿Qué haces cuando necesitas encontrar algo en Internet? En la mayoría de los casos te dirijes a uno de los principales...

Mais informações »

SEO: ¿Sabes qué es un motor de búsqueda?

<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7orAS-q18sDoWqnq-hxsr_yw_f2BG-BjPhyphenhyphen-qGyI9yy8sGfDpc2mJ5xWBVwggzFDU2_ainvfyk0g1WYa8TzrmFLr7STBe_090hqkE5iC6B7N7FAV4XlqhjpVutK7UQ4QlKbqlDREJOv0/s1600/nice-3d-google-search-engine-free-hd-wallpapers.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="motores de busqueda actuales" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7orAS-q18sDoWqnq-hxsr_yw_f2BG-BjPhyphenhyphen-qGyI9yy8sGfDpc2mJ5xWBVwggzFDU2_ainvfyk0g1WYa8TzrmFLr7STBe_090hqkE5iC6B7N7FAV4XlqhjpVutK7UQ4QlKbqlDREJOv0/s640/nice-3d-google-search-engine-free-hd-wallpapers.jpg" width="640" /></a></div><span lang="ES-PE"><span style="font-family: inherit;">Para muchos es un poco complicado responder esta pregunta. En Back End, un motor de búsqueda es una pieza de software que utiliza aplicaciones para recopilar información acerca de las páginas web. La información recogida es por lo general palabras clave o frases que son posibles indicadores de lo que está contenido en la página web como un todo, la URL de la página, el código que conforma la página y enlaces dentro y fuera de la página. Esa información se indexa y se almacenan en una base de datos.<o:p></o:p></span></span><br /><span lang="ES-PE"><span style="font-family: inherit;"><br /></span></span></div><div class="MsoNormal"><span lang="ES-PE"><span style="font-family: inherit;">En Front End, el software posee una interfaz de usuario donde los visitantes entran un término de búsqueda - una palabra o frase - en un intento de encontrar alguna información específica. Cuando el usuario hace clic en un botón de búsqueda, a continuación, un algoritmo analiza la información almacenada en la base de datos back-end y obtiene los enlaces a páginas web que parecen coincidir con el término de búsqueda introducido por el visitante.<o:p></o:p></span></span><br /><span lang="ES-PE"><span style="font-family: inherit;"><br /></span></span></div><div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal"><span lang="ES-PE"><span style="font-family: inherit;">El proceso de recogida de información sobre las páginas web se lleva a cabo por un agente llamado Crawler (rastreador), spider (araña), o un robot. El Crawler o rastreador se puede observar literalmente en cada URL en la Web, y recoge las palabras clave y frases de cada página, que luego son incluidos en la base de datos que alimentan un motor de búsqueda. Teniendo en cuenta que el número de sitios en la Web fué más de 100 millones hace ya algún tiempo y está aumentando en más de 1,5 millones de sitios cada mes, eso es como su cerebro que cataloga cada palabra que lee, para que cuando necesite saber de algo, usted piense en esa palabra y cada referencia se le venga a la mente.<o:p></o:p></span></span></div><br /><div class="MsoNormal"><span lang="ES-PE"><span style="font-family: inherit;"><br /></span></span></div><div class="MsoNormal"><span lang="ES-PE"><span style="font-family: inherit;">En una palabra…..contundente!</span><o:p></o:p></span></div>

SEO: ¿Sabes qué es un motor de búsqueda?

Para muchos es un poco complicado responder esta pregunta. En Back End, un motor de búsqueda es una pieza de software que utiliza aplicacion...

Mais informações »

Java: "No fué posible localizar ni cargar la clase principal"

<br /><div class="separator" style="clear: both; text-align: center;"><a alt="error al cargar la clase principal en java" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDw5-UXWxbzbHJN7x3nds7PqR0M9bdwwNF8mOvv5psjnru8ysr7UA4V-VeRZUsLumHev3rFhHzTOLykFwfwA1lvcHULmucGDNG0AXo6MnhUL1hra3Jb03lm8GfJmq0GQ1Bj_FacKJlRjs/s1600/1-principal.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="424" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDw5-UXWxbzbHJN7x3nds7PqR0M9bdwwNF8mOvv5psjnru8ysr7UA4V-VeRZUsLumHev3rFhHzTOLykFwfwA1lvcHULmucGDNG0AXo6MnhUL1hra3Jb03lm8GfJmq0GQ1Bj_FacKJlRjs/s640/1-principal.png" width="640" /></a></div>Sabiendo de algunos errores que se presentan durante la compilación, he creído necesário hacer este artículo donde explico con imagenes bien detalladas uno de los problemas más comunes de Java y su compilación:<br />El problema se origina al colocar en el prompt de comando el código para ejecutar el programa creado en Java, tal como nos muestra la figura inicial de este artículo.<br />Bueno pues, esto es originado básicamente porque el JDK no encuentra el archivo<b><i> ".class"</i></b> en el directorio especificado. Pero ¿cómo solucionar esto?<br />Pues bien esto es solucionado de 2 maneras: <br /><br /><br /><h4><ol><li>Primer Método:</li></ol></h4><br />En el caso del ejemplo de la figura inicial, usted deberá colocar el siguiente código en su "<b><i>prompt de comando (CMD)</i></b>"; obviamente esto despues de compilar su aplicativo:<br /><pre class="brush: js;" style="background: #fff; color: #3b3b3b;">java <span style="color: #006699; font-weight: 700;">-</span>cp <span style="color: #006699; font-weight: 700;">.</span> holamundo<br /></pre><br />como muestra la figura:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3EV2G4tAbFZLCXVbaL6Iy-51PPNCT_Uz4V50ajsf32iXXsW2MEzzfZ9zXwU85gu0gIZLHhHMf2ImaZnp0tQg9WUaPyURfEOd1KulGpPIykW0aSHBPb4VldF9-cYkAmvOKXeTclfXxULY/s1600/2-solucion-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="422" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3EV2G4tAbFZLCXVbaL6Iy-51PPNCT_Uz4V50ajsf32iXXsW2MEzzfZ9zXwU85gu0gIZLHhHMf2ImaZnp0tQg9WUaPyURfEOd1KulGpPIykW0aSHBPb4VldF9-cYkAmvOKXeTclfXxULY/s640/2-solucion-1.png" width="640" /></a></div><br />

Java: "No fué posible localizar ni cargar la clase principal"

Sabiendo de algunos errores que se presentan durante la compilación, he creído necesário hacer este artículo donde explico con imagenes bien...

Mais informações »

Java: Mi Primer Proyecto Con Eclipse

<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH-LQcQ-PJgrfR-1U6LoqRmoT9CtCkARWbBvidtyQ1iE4Y_HcwrOEAnA65w0F6fT1YhmtA5xnn4pl3Tk-7MiWWffN62mS-bWosiJ8RC7wGNeLka1XfA4l6f5J2EQdabiITwPYMMEyM-y0/s640/hello2-java.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH-LQcQ-PJgrfR-1U6LoqRmoT9CtCkARWbBvidtyQ1iE4Y_HcwrOEAnA65w0F6fT1YhmtA5xnn4pl3Tk-7MiWWffN62mS-bWosiJ8RC7wGNeLka1XfA4l6f5J2EQdabiITwPYMMEyM-y0/s640/hello2-java.png" width="840" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><br /></td></tr></tbody></table><div class="MsoNormal">Si no tienes el Eclipse Software te invito a que lo descargues en este link:  <a href="https://eclipse.org/downloads/" target="_blank">IDE Eclipse Software</a><br /><br />Ahora, con el IDE Eclipse Software ya abierto:<br /><br /><h3><b><span style="font-family: "trebuchet ms" , sans-serif;">Creamos un nuevo proyecto Java en el IDE Eclipse</span></b></h3></div><ol><li>Usted deberá primeramente hacer click en <b><i>File</i></b> (“<b><i>Archivo</i></b>”), como vemos a continuación, al hacer esto se abrirán un abanico de opciones:<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwdJGJ8DczKkWnaPa8Wjv5c06x3v1X00IQiqXEUcYKzqAyOD8EMjh78pHv3FqWLeTID2p-2RbtoiUihLVBaiMXR8DeJ_-gQrxhcQ7xhvRxpug3xd4N3rgSeiQDLr51OuUSPz-nnoRDiFI/s1600/1-file.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwdJGJ8DczKkWnaPa8Wjv5c06x3v1X00IQiqXEUcYKzqAyOD8EMjh78pHv3FqWLeTID2p-2RbtoiUihLVBaiMXR8DeJ_-gQrxhcQ7xhvRxpug3xd4N3rgSeiQDLr51OuUSPz-nnoRDiFI/s640/1-file.png" width="522" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"></div></li><li>Luego habrá que hacer click en New (“Nuevo”) con lo cual se abrirá un nuevo abanico de opciones en las que haremos click en “Java Project” (“Proyecto Java”):<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQgHg3KINPAz7jF5eEl_aoZyk7_PElTMNgL5RWwLCBfY1plHr1QjybMYu46Z-xvfNL0QKpjSZ4fNqlmax0Slt7OrEpEFyciKsSwcRcqRycOC_8Wh6_elA1h77Qo1fpnAMpzJ790fJwhaY/s1600/2-java-project.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="353" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQgHg3KINPAz7jF5eEl_aoZyk7_PElTMNgL5RWwLCBfY1plHr1QjybMYu46Z-xvfNL0QKpjSZ4fNqlmax0Slt7OrEpEFyciKsSwcRcqRycOC_8Wh6_elA1h77Qo1fpnAMpzJ790fJwhaY/s400/2-java-project.png" width="400" /></a></div></li><li>Con esto aparecerá una ventana nueva, tal como nos muestra la figura:<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeXvB-g5aU04Um5Y_AziUH8Kl0TquS1UjmMxjIlVgq67I2q-76rNx5vH9OonFdsYEnwmLz8zcPLW3xIDrmodCxT_Z5V6pBTxSZMvDBeYMPSWYXYnOK3J_jctGy3UgA7SifOu8P9yOAhxM/s1600/3-colocamos-nombre-proyecto.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeXvB-g5aU04Um5Y_AziUH8Kl0TquS1UjmMxjIlVgq67I2q-76rNx5vH9OonFdsYEnwmLz8zcPLW3xIDrmodCxT_Z5V6pBTxSZMvDBeYMPSWYXYnOK3J_jctGy3UgA7SifOu8P9yOAhxM/s640/3-colocamos-nombre-proyecto.png" width="508" /></a></div></li><li>En esta ventana colocaremos el nombre de nuestro proyecto en la casilla correspondiente llamada “Projecto Name” (“Nombre del proyecto”) y luego haremos click en <b><i>Finish "finalizar"</i></b>, para finalizar la configuración del nuevo proyecto.<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwsSzzliaQ8hIMGhSXJL3dbnwXefaGlupQMv34SAzAubLK0RVqakAJz1ovOoBL9p_0TiZJIBxzB1okefpN1Ytx_sIiAhwJcFqw_QoADZN1unebQBJVsvYi7J-vVTepWNCnsQRIBJoJVkM/s1600/4-nombre-proyecto-finalizar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwsSzzliaQ8hIMGhSXJL3dbnwXefaGlupQMv34SAzAubLK0RVqakAJz1ovOoBL9p_0TiZJIBxzB1okefpN1Ytx_sIiAhwJcFqw_QoADZN1unebQBJVsvYi7J-vVTepWNCnsQRIBJoJVkM/s640/4-nombre-proyecto-finalizar.png" width="508" /></a></div></li><li>Inmediatamente nos aparecerá en nuestro Package Explorer (Explorador de Paquetes), nuestro nuevo proyecto con su nombre, en nuestro caso “<b><i>Hello</i></b>”. <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0bFTJz3QXIbb2F2Mh5pCCqqqDl7IYKOiKkSYEYRGbzM0yuq9XrxbKiUqwuaMax-JrJfY2bMYIMmBGkjQXixaFsZjYtg13eI7yctJQI06tu9eKYok06xX7DN4NHr1OuehtR7ilIkC9Lk0/s1600/5-aparece-package-explorer.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0bFTJz3QXIbb2F2Mh5pCCqqqDl7IYKOiKkSYEYRGbzM0yuq9XrxbKiUqwuaMax-JrJfY2bMYIMmBGkjQXixaFsZjYtg13eI7yctJQI06tu9eKYok06xX7DN4NHr1OuehtR7ilIkC9Lk0/s640/5-aparece-package-explorer.png" width="408" /></a></div></li><li><span lang="ES-PE">Para los que no consiguen visualizar esta ventana llamada “Package Explorer ó Explorador de paquetes”, pueden hacer click en el menú superior del Eclipse en el botón “Window (Ventana)” </span><span lang="ES-PE" style="font-family: "wingdings";">à</span><span lang="ES-PE"> “Show View (Mostrar)” </span><span lang="ES-PE" style="font-family: "wingdings";">à</span><span lang="ES-PE">”Package Explorer (Explorador de paquetes)”, con lo cual aparecerá dicha ventana donde se muestran nuestros proyectos. <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8qf3RYrP4s39JTBqE0zxViKIAr3c7qfyZQ90SRckbdyhn3VXyWGlDy6In1l60k742lt-XlM0EvCkhgbnEnzi2rjna6ow3W-8Lgv6eUePT9FTBypYQJwCdn1s8_f8aVoxCdrg7c7ppffE/s1600/6-window-show-package.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="327" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8qf3RYrP4s39JTBqE0zxViKIAr3c7qfyZQ90SRckbdyhn3VXyWGlDy6In1l60k742lt-XlM0EvCkhgbnEnzi2rjna6ow3W-8Lgv6eUePT9FTBypYQJwCdn1s8_f8aVoxCdrg7c7ppffE/s400/6-window-show-package.png" width="400" /></a></div></span></li></ol><h3 style="text-align: left;"><b>Creando una clase con el IDE Eclipse</b></h3><ol><li><div class="separator" style="clear: both; text-align: left;">Nuestro siguiente paso será crear la <b><i>Clase</i></b> "<b><i>Class</i></b>" llamada <i style="font-weight: bold;">HelloWorld. </i>Para vamos al menu principal de Eclipse y clicamos en <i style="font-weight: bold;">File "Archivo", </i>luego en <i style="font-weight: bold;">New "Nuevo", </i> luego pues hacemos click en lo que queremos que es <b><i>Clase</i></b> "<b><i>Class</i></b>", tal como se muestra en la figura:</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRwg4OlO0FhHvebAk6oWgR821asSnYSPImvt4eWdRE1sNe2N1PRNqkarLLbIYq_HYAabC8__EZDc_vd1plRhV8cz6mcsv4UCje4m8BXnST4zjWd_dYCQ8DHg7DMruLAHLLGA_69sxcCiY/s1600/7-creando-clase.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRwg4OlO0FhHvebAk6oWgR821asSnYSPImvt4eWdRE1sNe2N1PRNqkarLLbIYq_HYAabC8__EZDc_vd1plRhV8cz6mcsv4UCje4m8BXnST4zjWd_dYCQ8DHg7DMruLAHLLGA_69sxcCiY/s400/7-creando-clase.png" width="400" /></a></div></li><li><div class="separator" style="clear: both; text-align: left;">Habiendo creado la clase, nos aparecerá una ventana como la que sigue a continuación:</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPH3RLOh-9R9qYUM-ws25Yc75_dimyaFjajAACq0_UVdPlftSDH6y_38QXFMa5oBVan4ZdQAyY9iveJBAVkC457QvQ4Cih3e6lJb3mNxcuvgQWAywb2QPG69g10ZjWCS8lrYOimwo3ZGE/s1600/8-ventana-clase.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPH3RLOh-9R9qYUM-ws25Yc75_dimyaFjajAACq0_UVdPlftSDH6y_38QXFMa5oBVan4ZdQAyY9iveJBAVkC457QvQ4Cih3e6lJb3mNxcuvgQWAywb2QPG69g10ZjWCS8lrYOimwo3ZGE/s400/8-ventana-clase.png" width="367" /></a></div></li><li><div class="separator" style="clear: both; text-align: left;">En esta ventana pues colocaremos el nombre de nuestra clase en el campo respectivo <b><i>name "nombre"</i></b>, para nuestro ejemplo le colocaremos "<b><i>HelloWorld</i></b>".<b><i> </i></b>Veamos:</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh00HZcc5XC3N0q-j7JgAKIATozz8VQ0a_HNoiZb-R4sbTYQdtXY_Q4xKkzti5ohQKUr7N2Ti9Q7qUMpthJoU5b6xD95RJ7fhMZVUldI5h6_HRqwezNrMTObk1Nu-rRJ36rQNMK5EeLNDU/s1600/9-colcondo-nombre-a-nuestra-clase.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh00HZcc5XC3N0q-j7JgAKIATozz8VQ0a_HNoiZb-R4sbTYQdtXY_Q4xKkzti5ohQKUr7N2Ti9Q7qUMpthJoU5b6xD95RJ7fhMZVUldI5h6_HRqwezNrMTObk1Nu-rRJ36rQNMK5EeLNDU/s400/9-colcondo-nombre-a-nuestra-clase.png" width="372" /></a></div><div class="separator" style="clear: both; text-align: center;"></div></li><li><div class="separator" style="clear: both; text-align: left;">Luego pues, podemos ver que en esta ventana nos hacen una pregunta como la siguiente: <b><i>Which method stubs would you like to create?</i></b> "<b><i>¿Con cuál trozo de código le gustaría crear?</i></b>", particularmente para este ejemplo marcaremos la primera casilla donde dice:                              "<b><i>public static void main(String[] args)</i></b>"; el ¿por qué utilizamos esta opción? será detallado en otro artículo; veamos la figura a continuación:</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaqtBX3ozUsSA3m_Q3NWr830Fhz9Dy9Zan6ZA3fAfwi3pYf107A0w4BvZpfalVSRDhZN29ayO7F_5hFXXf9jIU7Gx8u-yuTnE2HSnAV0KgIS0n-pKdvWyLeNxU8xq5jtRFcMOzEsDqRWs/s1600/10-finalizando.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaqtBX3ozUsSA3m_Q3NWr830Fhz9Dy9Zan6ZA3fAfwi3pYf107A0w4BvZpfalVSRDhZN29ayO7F_5hFXXf9jIU7Gx8u-yuTnE2HSnAV0KgIS0n-pKdvWyLeNxU8xq5jtRFcMOzEsDqRWs/s400/10-finalizando.png" width="373" /></a></div></li></ol><h3 style="text-align: left;"><b>Introduciendo código en el IDE Eclipse</b></h3><ol><li><div class="separator" style="clear: both; text-align: left;"> Realizado esto nos aparecerá el código necesario para realizar nuestro primer ejemplo, veamos:</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWBXk_v5j54LSKJJxgjK0WVTEPJy2YlNnumJn-e16TeToJVC5IOEwog23u9X4bw12TXR9P4nunfAWGBaWfthzsnok5y-hJtw5BRHYPYU1503R3YsrcbKTSR6T2hIpdloq5iFZHPGXBRxw/s1600/11-codigo-inicial.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="295" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWBXk_v5j54LSKJJxgjK0WVTEPJy2YlNnumJn-e16TeToJVC5IOEwog23u9X4bw12TXR9P4nunfAWGBaWfthzsnok5y-hJtw5BRHYPYU1503R3YsrcbKTSR6T2hIpdloq5iFZHPGXBRxw/s400/11-codigo-inicial.png" width="400" /></a></div></li><li><div class="separator" style="clear: both; text-align: left;"> Ahora que ya tenemos casi todo listo, pues realizamos el pedido de mostrar en pantalla la frase "<b><i>Hello World!</i></b>" con el código siguiente:</div><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #ff5600;">System</span><span style="color: #006699; font-weight: 700;">.</span>out<span style="color: #006699; font-weight: 700;">.</span>println(<span style="color: #666666;">"Hello World!"</span>);<br /></pre></li><li><div class="separator" style="clear: both; text-align: left;">Siendo el código anterior colocado inmediatamente después de la abertura del segundo corchete, osea después del Method Stub "pedazo de código generado por eclipse", exactamente en el lugar que indica la figura, veamos:</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs8Cp2PD2Wl58x_p8irsr00-6J6WK5sJVt7pPyLN9BExfYSkh_SLyG4zc2c6WyyeaTmg_wWHTkfT4oEmNET5BOF3RttK_ekw81PFc6YAPcwDz6dE6Owk_pyafvClzuZUYUw8ILEJb0onA/s1600/12-codigo-eclipse-nuestro-codigo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs8Cp2PD2Wl58x_p8irsr00-6J6WK5sJVt7pPyLN9BExfYSkh_SLyG4zc2c6WyyeaTmg_wWHTkfT4oEmNET5BOF3RttK_ekw81PFc6YAPcwDz6dE6Owk_pyafvClzuZUYUw8ILEJb0onA/s640/12-codigo-eclipse-nuestro-codigo.png" width="640" /></a></div></li></ol><h3 style="text-align: left;"><b>Haciendo correr nuestro aplicativo en el IDE Eclipse</b></h3><ol><li><div class="separator" style="clear: both; text-align: left;">Realizado esto, debemos solo hechar andar nuestro aplicativo con el comando <b style="font-style: italic;">Run "Correr", </b>esto haciendo click en este botón ubicado en el menú principal: </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM8TEiARGMy4M8zSoP0OdM2bwbG6TI4Ts-uBd8pxy0XU1WB2ER4fdEFHaHWC0u7jM7uk2oIxQ5umnZZY1KI0f2RNaR2bmqYLCghwpPwPwXdGKJtCFiYSN9qEA87cyXZ0rUe2gjxkt__RE/s1600/run.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM8TEiARGMy4M8zSoP0OdM2bwbG6TI4Ts-uBd8pxy0XU1WB2ER4fdEFHaHWC0u7jM7uk2oIxQ5umnZZY1KI0f2RNaR2bmqYLCghwpPwPwXdGKJtCFiYSN9qEA87cyXZ0rUe2gjxkt__RE/s640/run.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKLqzEOKiE5kE0pOve-RPRtzvSUqmP2193EYhvvEM3SFR4nO_N54KU25RDXyGt2xwVJ-zoFk1pY-ZDH0adEUitVFutGWKsGeSP4GLWDgTFVSk1TwlVz-P_94vUaUAYpibZxcil3Xhbuw4/s1600/run.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br /></a></div></li></ol><ol><li><div class="separator" style="clear: both; text-align: left;">Hecho esto, tendremos en ejecución nuestro primer proyecto en Java, con lo cual deberá aparecer en la parte de ejecución del aplicativo o <b><i>Console </i></b>"<b><i>Consola"</i></b> el "Hello World!", si en caso aparece alguna otra ventana como esta, será solo para confirmar que estamos guardando el proyecto a lo cual deberemos clicar en ok, veamos:</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWE-9fzUQDfa0rAYOwcW9HAuAP1vPBL_lpJkAgwROzRnMJjGac3oAJWCxLNy7sg-4tg9GLsP0ZWO13fyYS21gHgxMwbmJUSoLAGJ7x19W5OIyN79jUzpVYyzXVtFPTw_4FQEpTbz6kSvY/s1600/13-salvar-y-ejecutar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWE-9fzUQDfa0rAYOwcW9HAuAP1vPBL_lpJkAgwROzRnMJjGac3oAJWCxLNy7sg-4tg9GLsP0ZWO13fyYS21gHgxMwbmJUSoLAGJ7x19W5OIyN79jUzpVYyzXVtFPTw_4FQEpTbz6kSvY/s400/13-salvar-y-ejecutar.png" width="312" /></a></div></li><li><div class="separator" style="clear: both; text-align: left;"> Ahora sí, nuestro "Hello World!" esperado!</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDf01H4uXnQi48Mmr6qHYa6yepGkmcbdswC0lcvrQkaWq-06tL01RKe_BrXM-uR4Maz28916ni95f99Km3CxmF5A0BBgAzl3WrfqK7VeG3xxBl1ZU-UB77jhgG1-dPaX1ZDI1fDeEm6nY/s1600/14-ejecucion-codigo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="590" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDf01H4uXnQi48Mmr6qHYa6yepGkmcbdswC0lcvrQkaWq-06tL01RKe_BrXM-uR4Maz28916ni95f99Km3CxmF5A0BBgAzl3WrfqK7VeG3xxBl1ZU-UB77jhgG1-dPaX1ZDI1fDeEm6nY/s640/14-ejecucion-codigo.png" width="640" /></a></div></li></ol>Habiendo culminado esta etapa, habremos alcanzado nuestro primer proyecto Java usando el IDE Eclipse, espero haber hecho una buena explicación del tema. Si les gustó el artículo porfavor dejen sus comentários que seran de mucha ayuda para la consecución de nuevos artículos!<br /><ol></ol>

Java: Mi Primer Proyecto Con Eclipse

Si no tienes el Eclipse Software te invito a que lo descargues en este link:   IDE Eclipse Software Ahora, con el IDE Eclipse Software ya ab...

Mais informações »

Java: ¿Qué es el Polimorfismo?

<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSc8tp7KNx1-Ooo92D8BtvZRSKmyYzq2DgcDtjoePUwEt6nCRLPVFmFYQYY7Q7taCoClIBD4Sm3IpYNkTlCPiYfBwaBs0ns0r_gOyLG7oooq9vNWMX2GJZ6fU2HZxRR-Nt_izpDIYh7v8/s1600/polimorfismo-java.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSc8tp7KNx1-Ooo92D8BtvZRSKmyYzq2DgcDtjoePUwEt6nCRLPVFmFYQYY7Q7taCoClIBD4Sm3IpYNkTlCPiYfBwaBs0ns0r_gOyLG7oooq9vNWMX2GJZ6fU2HZxRR-Nt_izpDIYh7v8/s640/polimorfismo-java.png" width="640" /></a></div><div class="MsoNormal"><span lang="ES-PE"><br /></span><span lang="ES-PE"><b><i>Polimorfismo</i></b>(del griego que significa: “múltiples formas”), es la cualidad que le permite a una interfaz tener acceso a una clase general de acciones. La acción específica se determina por la naturaleza exacta de la situación. </span><br /><span lang="ES-PE">Un sencillo ejemplo de polimorfismo se encuentra en el volante de un automóvil. El volante (es decir, la <i style="background-color: #cccccc;">interfaz</i>) es el mismo sin importar qué tipo de mecanismo de dirección sea utilizado. Esto quiere decir, que el volante funciona de la misma forma si su carro tiene dirección manual, dirección asistida o aquella dirección de piñon y cremallera. Por lo tanto, una vez que sabes como operar el volante podrás conducir cualquier tipo de vehículo. <o:p></o:p></span><br /><span lang="ES-PE"><br /></span></div><div class="MsoNormal"><span lang="ES-PE">El mismo principio puede aplicarse también a la programación. Por ejemplo, considere un stack (en español “pila”) la cual es una lista ordenada o estructura de datos que permite almacenar y recuperar datos y en la que el modo de acceso a sus elementos es de tipo LIFO (del inglés Last In First Out, último en entrar, primero en salir). Es posible que tenga un programa que requiera tres tipos diferentes de stacks (pilas). Una pila se utiliza para valores enteros, uno para para valores de coma flotante y uno para caracteres. En este caso, el algoritmo que implementa cada stack (pila) es el mismo, a pesar de que los datos que se almacenan son diferentes.­­­  En un lenguaje que no sea orientado a objetos, usted se verá obligado a crear tres diferentes conjuntos de rutinas de stacks (pilas), con cada juego usando diferentes nombres (trabajoso demás no?). Pero ahí es que interviene el polimorfismo en Java, con el cual usted puede crear un conjunto general de rutinas de stack (pilas) que funcione para las tres situaciones específicas. De esta manera, una vez que sabes como usar un stack (pila), podraz utilizar cualquier una de ellas. <o:p></o:p></span></div><br /><div class="MsoNormal"><span lang="ES-PE">De manera más general, el concepto de polimorfismo se expresa a menudo por la frase “una interfaz, múltiples métodos”. Esto significa que es posible diseñar una interfaz genérica para un grupo de actividades relacionadas. El polimorfismo ayuda a reducir la complejidad al permitir que la misma interfaz se utilice para especificar una clase general de acción. Siendo este el trabajo del compilador para seleccionar una acción específica (por ejemplo, el método) que se aplica a cada situación. Siendo así, usted programador no necesitará hacer esta selección manualmente, sólo necesita recordar y utilizar la interfaz general.<o:p></o:p></span></div>

Java: ¿Qué es el Polimorfismo?

Polimorfismo (del griego que significa: “múltiples formas”), es la cualidad que le permite a una interfaz tener acceso a una clase general d...

Mais informações »

Java: ¿Qué Es La Herencia?

<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYD7yTMVzAXKEgcAhJMSqQkSYTYmPpvDKEFbGZSJ3DU7Oi5_60Ag0Qxt6eo_Vib74RkbIza-Dz85ri9DiI01sSw_4eIpBbJH0pPzgyeFDNSo_MakkHshyphenhyphendByxLxbo9lTHTsP1XHlARFJY/s1600/total.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYD7yTMVzAXKEgcAhJMSqQkSYTYmPpvDKEFbGZSJ3DU7Oi5_60Ag0Qxt6eo_Vib74RkbIza-Dz85ri9DiI01sSw_4eIpBbJH0pPzgyeFDNSo_MakkHshyphenhyphendByxLxbo9lTHTsP1XHlARFJY/s640/total.png" width="640" /></a></div><span lang="ES-PE"><span style="font-family: inherit;"><br /></span></span></div><div class="MsoNormal"><span lang="ES-PE"><span style="font-family: inherit;">La herencia en el lenguaje Java es una de las "<b><i>piedras angulares</i></b>" de la programación orientada a objetos ya que nos permite la creación de clasificaciones jerárquicas. Para entenderla mejor podemos decir que es el proceso por el cual un objeto puede adquirir las propiedades de otro objeto. Eso es importante porque sustenta el concepto de clasificación jerárquica. <o:p></o:p></span></span><br /><blockquote class="tr_bq"><span lang="ES-PE"><span style="font-family: inherit;"><b>Con la herencia usted puede crear una clase general que defina los rasgos comunes de un conjunto de elementos relacionados</b>.</span></span><span lang="ES-PE"><span style="font-family: inherit;"> <b><i><span style="font-size: x-small;">Ing. Miguel Santisteban</span></i></b></span></span></blockquote></div><div class="MsoNormal"><span lang="ES-PE"><span style="font-family: inherit;">En la terminología de Java, una <span style="background-color: #cccccc;"><b>class</b></span> que es heredada se denomina "<b><i>superclase"</i></b> y la <span style="background-color: #cccccc;"><b>class</b></span> que hereda se llama "<b><i>subclase</i></b>". Por lo tanto, una <b><i>subclase</i></b> es una versión especializada de una <b><i>superclase</i></b>.</span></span><br /><span lang="ES-PE"><span style="font-family: inherit;"><br /></span></span><span lang="ES-PE"><span style="font-family: inherit;">Por ejemplo, una manzana Red Delicious es parte de la clasificación “<b><i>manzana</i></b>”, que a su vez es parte de la <span style="background-color: #cccccc;"><b>class (subclase) </b></span>“<b><i>fruta</i></b>”, que esta bajo la <span style="background-color: #cccccc;"><b>class (super clase)</b></span> “<b><i>alimentos</i></b>”. Esto quiere decir, que la <b style="background-color: #cccccc;">class </b>“<b><i>alimentos</i></b>” posee ciertas cualidades o atributos (comestible, nutritivo, etc.) que también como es lógico, se aplica a su subclase “<b><i>fruta</i></b>”. Además de estas cualidades o atributos, la <b style="background-color: #cccccc;">class </b>“<b><i>fruta</i></b>” tiene  características específicas (jugosa, dulce, roja, verde, etc.) que la distinguen de otros alimentos. La <b style="background-color: #cccccc;">class </b>“<b><i>manzana</i></b>” define las cualidades específicas para una <b><i>manzana </i></b>(crece en árbol, no tropical, etc.). Una manzana Red Delicious, a su vez, heredará todas las cualidades de todas las <span style="background-color: #cccccc;"><b>class </b></span>anteriores y definirá sólo aquellas cualidades o atributos que la hacen única </span></span><br /><span lang="ES-PE"><span style="font-family: inherit;"><br /></span></span></div><blockquote class="tr_bq"><b><i><span lang="ES-PE"><span style="font-family: inherit;">Sin el uso de jerarquías sería todo más difícil </span></span><span style="line-height: 17.12px;">porque para cada objeto tendríamos que definir explícitamente sus características. Con el uso del proceso de herencia, un objeto solo necesitará definir sus cualidades o atributos que lo hacen único en su <span style="background-color: #cccccc;">class</span>. Él puede heredar sus atributos generales de su matriz. Por lo tanto, es el mecanismo de herencia que hace posible que un objeto sea un ejemplo específico de una instancia o caso más general.</span></i></b></blockquote>

Java: ¿Qué Es La Herencia?

La herencia en el lenguaje Java es una de las " piedras angulares " de la programación orientada a objetos ya que nos permite la c...

Mais informações »

Java: ¿Qué tipo de relación la une con C y C++?

<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGFcv_FY-21ScdNf9Co8jCDIWitKPHjao8pZuLsojNAwa81F8FxcNbNhYZsgTGq7QGsVcRnrLTQyLnKCFzJHqwnR6dkyzUzrjX1b-jCxmlUpwgr3YlIm_zfIytVWATCX3RPyJHjDMYq7Y/s1600/Cobrar-una-herencia-Impuestos.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGFcv_FY-21ScdNf9Co8jCDIWitKPHjao8pZuLsojNAwa81F8FxcNbNhYZsgTGq7QGsVcRnrLTQyLnKCFzJHqwnR6dkyzUzrjX1b-jCxmlUpwgr3YlIm_zfIytVWATCX3RPyJHjDMYq7Y/s1600/Cobrar-una-herencia-Impuestos.jpg" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><br /></td></tr></tbody></table><div class="separator" style="clear: both; text-align: center;">Java está directamente relacionada con C y C++; pues sí, para quien no sabía esto es muy cierto. Java hereda la sintaxis de C y su modelo de objeto es una adaptación de C++; estas relaciones se tornan esencialmente importantes para un programador por los siguientes motivos:</div><ol><li>Primero, porque los programadores de hoy en día estan estrechamente familiarizados con la sintaxis de C/C++, esto hace que aprender Java para un programador C/C++ sea mucho más fácil y viceversa para un programador Java al aprender C/C++;</li><li>En segundo lugar, los diseñadores Java acaban llevando al más alto nivel un paradigma de programación que ya es altamente exitoso. No olvidemos que la era moderna de la programación comenzó con C, trasladándose luego a C++ y ahora Java ha construído sobre esa rica herencia un entorno de programación potente, logicamente consistente que toma lo mejor del pasado y añade mejores características que son requeridas por el entorno online. </li></ol><b><i>Talvez lo más importante de todo esto que yo creo se debe subrayar, sea que por motivo de las similitudes entre C, C++ y Java, se pueda definir un ambiente de trabajo conceptual común para los programadores profesionales, evitando que se enfrenten a grandes dificultades en el momento de migrar de un lenguaje a otro. <span style="font-family: "georgia" , "times new roman" , serif; font-size: x-small;">Ing. Miguel Santisteban</span></i></b>

Java: ¿Qué tipo de relación la une con C y C++?

Java está directamente relacionada con C y C++; pues sí, para quien no sabía esto es muy cierto. Java hereda la sintaxis de C y su modelo de...

Mais informações »

JavaScript: ¿Qué es JavaScript?

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEyrX424UmU3eQ_BPpZY32zdYUYad_FvZNCItYlOhYLN4KtFbUz7fBQ_z_5Z7YExVKuUzi3Cddjt1Ap2KLuv-azI3pmVtNoAYJUNTJ7vms8UQMkt8d0_rAMd8yVV5Akv7z7P1eEGkvNs/s1600/js.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEyrX424UmU3eQ_BPpZY32zdYUYad_FvZNCItYlOhYLN4KtFbUz7fBQ_z_5Z7YExVKuUzi3Cddjt1Ap2KLuv-azI3pmVtNoAYJUNTJ7vms8UQMkt8d0_rAMd8yVV5Akv7z7P1eEGkvNs/s640/js.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">JavaScript extiende las capacidades de HTML.</td></tr></tbody></table>JavaScript es uno de los recursos que han llegado para extender las capacidades del lenguaje HTML, siendo una de las más accesibles y sencillas formas para conseguir este objetivo sin duda convierte a JavaScript en uno de los recursos más populares que existen hoy en día.<br />JavaScript no es un lenguaje de programación propiamente dicho como sí lo son C, C++, Delphi y otros. Lo más cercano a decir es que sea un lenguaje script u orientado a documento, como pueden ser los lenguajes de macros que tienen muchos procesadores de texto y plantillas de cálculo. No se puede desarrollar un programa con JavaScript que se ejecute fuera del navegador, aunque en estos tiempos comenzamos a sentir como se está expandiendo a otras áreas como la programación en el servidor usando el no menos famoso <i><b>Node.js</b></i>.<br /><br />JavaScript es un lenguaje interpretado que se embebe en una página web HTML, esto quiere decir pues que es a las instrucciones las analiza y procesa un navegador en el monento que deben ser ejecutadas.<br /><br />Vamos a dejar con ustedes un primer programa, el cual muestra en un documento HTML el mensaje "Hola Lectores"<br /><!--Código Highlighter--> <br /><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #7a7a7a;"><<span style="color: #016cff;">html</span>></span><br /><span style="color: #7a7a7a;"><<span style="color: #016cff;">head</span>></span><br /><span style="color: #7a7a7a;"></<span style="color: #016cff;">head</span>></span><br /><span style="color: #7a7a7a;"><<span style="color: #016cff;">body</span>></span><br /><br /><<span style="color: #016cff;">script</span> <span style="color: #963dff;">type</span>=<span style="color: #666666;">"text/javascript"</span>><br /><br /> <span style="color: #a535ae;">document</span>.<span style="color: #45ae34; font-weight: 700;">write</span>(<span style="color: #666666;">'Hola Lectores'</span>);<br /> <br /></<span style="color: #016cff;">script</span>><br /><br /><span style="color: #7a7a7a;"></<span style="color: #016cff;">body</span>></span><br /><span style="color: #7a7a7a;"></<span style="color: #016cff;">html</span>></span><br /></pre>Para realizar este ejemplo tú mismo, descargate un procesador de textos o puedes tambien usar tu bloc de notas de la siguiente manera:<br />    1. Abre tu bloc de notas (véase la figura):<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8LiKVV2TghK0_bSm0F5lZXfIXIvDQK-uhS-QkltoReTPIP95M4plj-rrOJLV80ZLj9PWGb8DhRPhs6joe482Ln7wUrABYJZVjVgf8Ty1gRNLWxiTCCFJSZiJpbnPZ9Hx5G6edo6pjP-o/s1600/%255Bgickr.com%255D_3045549d-5472-ebc4-b195-4fcfff344620.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="448" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8LiKVV2TghK0_bSm0F5lZXfIXIvDQK-uhS-QkltoReTPIP95M4plj-rrOJLV80ZLj9PWGb8DhRPhs6joe482Ln7wUrABYJZVjVgf8Ty1gRNLWxiTCCFJSZiJpbnPZ9Hx5G6edo6pjP-o/s640/%255Bgickr.com%255D_3045549d-5472-ebc4-b195-4fcfff344620.gif" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><br />    2. Coloca el código descrito anteriormente y guardalo nombrándolo como tu desees pero con terminación ".html", un ejemplo sería: index.html; todo esto de la forma como se vé en la figura.<br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7gktcD5F6LGvwRQGIwFU7sMarhljuNv3uupc26trjDpVL3Icocouw0PgSXr2iOde6dCXYYuOaMZA0YdI-8KMfX_Ch3Tay3t5hCAv9N0UFJ4ebt4p8RdqrTKz-HAed_iRDEcl4sOq-ym4/s1600/picasion.com_16c3571b9ee1393b186f68dc803aed99.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="458" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7gktcD5F6LGvwRQGIwFU7sMarhljuNv3uupc26trjDpVL3Icocouw0PgSXr2iOde6dCXYYuOaMZA0YdI-8KMfX_Ch3Tay3t5hCAv9N0UFJ4ebt4p8RdqrTKz-HAed_iRDEcl4sOq-ym4/s640/picasion.com_16c3571b9ee1393b186f68dc803aed99.gif" width="640" /></a></div><br />   3. Localizamos el archivo guardado y lo abrimos, haciendo click derecho sobre el ícono y seleccionando "abrir con", seleccionando luego un navegador tal como muestran las figuras:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxVu0bmOCcdPkqSDVrvLJ_xCn1N17yTQDp4uG6lzldT4ZoqUCU86DjJ5_1dpP5OIcRb11Oa4R_NA1ozo9-iN5vGGdKKKugahuTMz7yGtHhtGYawQTEAfoZvwIyYz-TLhJO-lEaZ6mvuiU/s1600/1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxVu0bmOCcdPkqSDVrvLJ_xCn1N17yTQDp4uG6lzldT4ZoqUCU86DjJ5_1dpP5OIcRb11Oa4R_NA1ozo9-iN5vGGdKKKugahuTMz7yGtHhtGYawQTEAfoZvwIyYz-TLhJO-lEaZ6mvuiU/s640/1.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvZpbH0GobWfR_GuE-yqWZKgATxBqXMqk0s_gdSl7iPhzi3ZEFLmtzW8CEVu_Fa3GhPsIyg_PLly2yiNaaWXoOQU22S0U9azrkZzy5bcaW7TJVoyN3HOCn4fYTX9oaG0px4KY55oRzY4s/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvZpbH0GobWfR_GuE-yqWZKgATxBqXMqk0s_gdSl7iPhzi3ZEFLmtzW8CEVu_Fa3GhPsIyg_PLly2yiNaaWXoOQU22S0U9azrkZzy5bcaW7TJVoyN3HOCn4fYTX9oaG0px4KY55oRzY4s/s640/2.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYGO8wDgwBd3VZa0VLb6HcSh11-2TEu1-0ARyw3nqv9fqMoAyUBiLO9A72vKVbmkIWqLYdp-M0fZM_pZ_s96wOQ5_rzA0n97A8LuRGHwZ9voHFcOcTNqYHOcgGnU0gzU-iSBqvlLrzXb4/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYGO8wDgwBd3VZa0VLb6HcSh11-2TEu1-0ARyw3nqv9fqMoAyUBiLO9A72vKVbmkIWqLYdp-M0fZM_pZ_s96wOQ5_rzA0n97A8LuRGHwZ9voHFcOcTNqYHOcgGnU0gzU-iSBqvlLrzXb4/s640/3.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><br />    4. Por último tu navegador deberá quedarte así:<br /><div class="separator" style="clear: both; text-align: center;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6XudIQXdifJmRGSGhTkEeFzCfjZdv6E7tDduNIayi5TKk-sOvORKtUf0GfGmdVwkaRpa5ADI3c1lhzq_rCTbD2Ec_ObUZb0_tfjT1fX-Eh37FY4U20I6aSZS6ZYaYqqkBydbG7IAGrAI/s640/122.png" width="640" /></div><blockquote class="tr_bq"><div class="separator" style="clear: both; text-align: justify;">Jeje algo básico para aquellas personas que no quieren esperar!</div></blockquote>

JavaScript: ¿Qué es JavaScript?

JavaScript extiende las capacidades de HTML. JavaScript es uno de los recursos que han llegado para extender las capacidades del lenguaje HT...

Mais informações »