El frontend es el nombre utilizando comúnmente para referirse a la parte de los sitios web que ven los usuarios, la vista, la interfaz y la página con la que interactuan, donde ingresan y ven los datos que procesa el servidor.

El frontend al igual que el backend debe ser muy optimizado porque a través de las páginas web, formularios y demás contenidos es como el usuarios nos ingresa sus datos, interactua con la información, la edita, la comparte, la ve.

Un buen sitio web debe preocuparse porque sus páginas carguen lo más rápido posible siempre, en cuestión de 2 o 3 segundos, además es uno de las cosas a las que Google le pone cuidado cuando está indexando tu sitio web.

Bajo el nombre Como perder peso en el navegador está compilado una serie de consejos y tutoriales creados por expertos en el tema que te ayudarán a mejorar increíblemente la velocidad con la que cargan las páginas de tu sitio web, lo mejore es que está completamente en español.

Hay consejos para todos los lenguajes, desde lo más sencillos de implementar como HTML comprimido hasta otro más complicados como la optimización de solicitudes por parte del servidor.

Una guía imperdible si deseas que tu sitio web siempre sea el más veloz para tus usuarios.

Como perder peso en el navegador

La entrada Guía para mejorar el rendimiento frontend en Español se publicó primero en Punto Geek.

jQuery es una librería gratuita de JavaScript que facilita muchísimo el trabajo al momento de trabajar con el HTML de páginas web y la más popular en el mundo JavaScript, su slogan es «Escribe menos, haz más» y lo cumple al pie de la letra, tiene métodos, funciones y una sintaxis que mejora el rendimiento del trabajo cuando trabajar con HTML se trate, permite crear animaciones, manejar eventos, crear plugins para la librería y especialmente, crear aplicaciones AJAX.

Aunque la librería y los métodos son expresivos, fáciles de usar y con una documentación completa y extensa nunca está de más tener a mano un buen tutorial práctico para comprender mejor su uso, para ello existe tryjQuery, un sitio web creado por CodeSchool y jQuery para ayudarte paso a paso y de una manera muy práctica conocer jQuery a través de vídeos, una consola interactiva en la cual puedes escribir código jQuery directamente en el navegador.

Se empieza por supuesto desde lo más básico, como seleccionar elementos del DOM y progresivamente aumenta el nivel de dificulta al manejo de eventos y cambios en el estilo del HTML, está pensado lanzar la versión número 2 del curso/tutorial con temas más avanzados en algunas semanas.

Aprende jQuery: tryjQuery

La entrada Aprende jQuery paso a paso con tryjQuery se publicó primero en Punto Geek.

Tenemos por supuesto como primera instancia el sitio oficial  así como un buen número de tutoriales, blogs y foros regados a lo largo y ancho de Internet. Entre ellos se encuentra el siguiente libro online que les traigo directo a la puerta de su hogar. Es bastante básico, pero si llegaste a esta entrada, supongo que buscas algo similar.

El libro lo puedes consultar desde aquí.

Espero que les sea de utilidad, y puedan con ello salir de uno que otro apuro.

Visto en: wwwhatsnew

La entrada Recurso online para aprender jQuery se publicó primero en Punto Geek.

¿Qué les pareció? Sencilo, ¿No?

Visto en: xatakafoto

La entrada Añadir efectos de luz en Photoshop [Vídeo] se publicó primero en Punto Geek.

«Python es un lenguaje de script desarrollado por Guido van Rossum. Podemos codificar empleando programación lineal, estructurada y orientada a objetos»… Así comienza el curso que te llevará paso a paso, y poco a poco, a descubrir el mundo que se esconde detrás de este lenguaje de programación.

No importa en que plataforma estés, ya que puedes desarrollar aplicaciones en Python desde Mac, Linux, Windows, o etc. por ser multiplataforma. Así mismo, si te preocupa su poder, te comento que empresas como  Google, Yahoo, NASA, entre otras lo utilizan para desarrollar algunas de sus aplicaciones.

Dentro de lo que podrás descubrir y realizar en Python se encuentra:

• Aplicaciones que se ejecutan en un servidor web (equivalentes a lo que se puede hacer con PHP, ASP.Net, JSP, Ruby)
• Aplicaciones de escritorio con interfaces visuales accediendo a componentes escritos en .Net (Microsoft), Qt, GTK, MFC, Swing (Java) etc.
• Programas no visuales que tengan como objetivo sistematizar procesos de administración del equipo (backup periódicos, borrado de archivos recursivos, búsquedad de archivos o contenidos de los mismos etc.)
• Aplicaciones para celulares.

Si te interesa aprender a programar, o conocer un nuevo lenguaje, esta puede ser la oportunidad que estabas esperando, anímate!

Curso: pythonya
Visto en: Geeksroom

La entrada Aprende Python desde cero [Guía completa] se publicó primero en Punto Geek.

Wolfram Alpha ha estado entre nosotros por suficiente tiempo como para ser conocido, aunque tal parece que nunca terminó de despegar. O al menos hacerse famoso entre los mortales. Aún sí, este servicio/buscador/formulario/calculadora sigue innovando, y ofreciendo nuevas funcionalidades. Una de ellas tiene que ver con la facilidad de crear códigos QR.

El procedimiento es muy sencillo:

1. Entramos al sitio de Wolfram Alpha
2. En la caja de búsqueda escribe lo siguiente, pero cambia el puntogeek.com por lo que gustes: qr code for puntogeek.com
3. Pulsa la tecla enter
4. Ya tienes la imagen con el código QR creada, ahora tendrás que guardarla, con click derecho es lo más sencillo.
5. Listo, ya la puedes distribuir en tu sitio, en carteles, folletos, etc.

La entrada Códigos QR con WolframAlpha se publicó primero en Punto Geek.

Si te interesa aprender a programar, y como lenguaje has elegido PHP, te tengo una buena noticia, no tendrás que batallar tanto, pues aparte de ser sencillo y amigable, existen gran cantidad de sitios cuya misión es que aprendas fácilmente. Uno de ellos es el programa de Zend llamado PHP 101. Esta guía, tutorial, manual o como gustes llamarlo, está pensada para principiantes, y aunque en un principio fue hecha para PHP 4, en una actualización se incluyeron las ventajas de PHP 5.

Estos son algunos de los temas que encontrarás:

• Introducción a las variables y operadores
• Estructuras de control básicos
• Cadenas
• Manejo de archivos externos.
• Funciones, argumentos, variables globales, etc
• Programación Orientada a Objetos
• PHP & MySQL
• Cookies y sesiones
• XML
• Manejo de errores
• Aplicaciones reales
• Creación de un RSS simple

La entrada PHP 101: Lecciones de PHP para principiantes se publicó primero en Punto Geek.

Lightroom seminar from Martin Perhiniak on Vimeo.

Hay quienes dicen que la fotografía debe quedar tal cual fue tomada, es decir, sin retocarla ni añadirle un poquito de edición, sin rotarla un poco o subirle el brillo o bajar el contraste, incluso quizá sin cambiarle de nombre al archivo original (?)

Pero nosotros no somos tan cerrados, a final de cuenta es nuestro arte, y si queremos perfeccionar lo que hemos capturado, lo podemos hacer libremente y sin problema alguno. El tutorial que les dejo dura casi 2 horas, una hora con cuarenta y cuatro minutos para ser exactos. Y en él encontrarán información valiosísima para conocer Lightroom a fondo. Que mejor recurso que un vídeo para aprender. El único pero que le encuentro es que está en Inglés. Pero se puede superar, así que adelante!

Por cierto, Lightroom es un software especializado en la edición fotográfica, como Photoshop, pero pensado exquisítamente para la fotografía. Digo, por si había alguien perdido respecto al tema :)

Visto en: Xatakafoto

La entrada Fotografía – Todo lo que necesitas saber sobre Lightroom se publicó primero en Punto Geek.

Por eso me voy a centrar en el primer grupo, el de gente que «no entiende» Twitter, que no sabe cómo usarlo. Varias veces me ha pasado de invitar a alguien a que empiece a usarlo y lo abandona a los dos días porque se siente «perdido» entre tantas palabras raras como replys, DMs, RTs y demás cosas, por eso acá tienen una mini guía del funcionamiento de Twitter.

Está explicada lo más sencillo posible, por eso se hizo bastante larga, pero en realidad usar Twitter es muy simple, sino prueben ustedes mismos.

Seguidos

Son las personas que nosotros seguimos para que nos llegue lo que ellos escriben. Cada vez que alguna de las personas que seguimos haga una actualización de estado (envíe un tweet), éste nos llegará a nosotros.

Cómo seguir una persona (follow)

Seguir a alguien en Twitter es muy simple, sólo tenemos que ir al perfil del usuario que nos interesa, por ejemplo, @puntogeek, y pinchar en el botón «Seguir», o bien desplegar el botón de configuración que ven más a la derecha y elegir «seguir a puntogeek».

Cómo dejar de seguir a una persona (unfollow)

Cuando queremos dejar de seguir a alguien, ya sea porque no nos interesa más lo que dice, o cualquier causa, el procedimiento es el mismo que para seguir. Vamos a su perfil, desplegamos el botón de configuración del usuario y le damos a «Dejar de seguir a puntogeek».

Seguidores

Son las personas que nos siguen a nosotros, los que están interesados (o no) en leer lo que decimos. Cada vez que enviemos un tweet, ellos lo recibirán.

Configurar actualizaciones como privadas

Si por algún motivo no queremos que la gente lea lo que nosotros decimos, tenemos que configurar nuestras actualizaciones como privadas, así sólo podrán ver lo que decimos sólo las personas que nosotros «aceptamos». Para ello tenemos que ir a la Configuración de nustra cuenta (arriba a la derecha), y abajo van a ver una opción que dice «proteger mis tweets».

Cómo bloquear un usuario

Para bloquear a alguien del cual nunca queremos leer alguno de sus tweets, en especial cuando nos mencionan, tenemos que ir a su perfil, desplegar el botón de configuración de usuario, y elegir la opción «Bloquear xxx». De este modo él, cuando nos nombre en algún tweet, nunca nos enteraremos.

Menciones (Reply)

Las menciones son simplemente una forma de mencionar, valga la redundancia, a otro usuario. Cuando queremos hacer notar a alguien que estamos hablando de él tenemos que hacerlo de esta forma. Las menciones se anteponen de una @, por ejemplo, si queremos mencionar a alguien, o enviarle un mensaje lo haríamos de la sieguiente forma: «@puntogeek hola!». Éste mensaje será visible por los demás, si no queremos que sea visible tendremos que usar un mensaje directo.

Mensajes directos (DM)

Es una forma de comunicarse con otro usuario de Twitter, pero de forma privada, a diferencia de la mención, éstos mensajes sólo son visibles por la persona a la cual se lo enviamos. Una aclaración importante, es que al usuario que queremos enviarle un DM tiene que seguirnos, sino no será posible enviar el mensaje. Para enviar un mensaje privado anteponemos una «d» al mensaje, de modo que si queremos enviar un mensaje quedará así: «d puntogeek hola!».

Retweet (RT)

EL retweet es una de las formas más populares de «replicar» un tweet, de a poco fue cobrando importancia, hasta tal punto que Twitter está haciendo pruebas para adoptarlo de manera oficial. Si vemos algú ntweet que nos interesó y queremos enviarlo nosotros también, sólamente tenemos que anteponer «RT» al tweet copiado y pegado por el otro usuario. En los clientes de Twitter ya viene la opción de retwittear, lo que nos facilita la tarea.

Listas

Las listas son una  característica nueva de la red social, básicamente es una función para poder ordenar a las personas que seguimos. Imagínense que quieren armar una lista con los bloggers que siguen en Twitter, para tenerlos en un sólo lugar y leer todo «filtrado». A esa lista, si la hacen pública, cualquier persona las va a poder seguir y ver lo que los mienbros de esa lista dicen.

Reportar spammers

Obviamente, como en todos lados, los spammers se las ingenian para aparecer a molestar, pero con un poco de sentido común, nos damos cuenta quién es un usuario legítimo o quién está spammeando. Generalmente las cuentas de spammers tienen un avatar subidito de tono y en las actualizaciones envían sólo enlaces, que recomiendo no visitar, por muchos de ellos tienen porquerías, adenás siempre siguen a un número de usuario muy alto. Para deportar a un spammer tenemos que ir a su perfil, desplegar las opciones de usuario, y elegir «report xxx for spam».

Clientes para Twitter

La forma más cómoda para usar Twitter es mediante un cliente, una aplicación para poder enviar tweets desde el escritorio, así recibimos las actualizaciones de forma automática, podemos seguir y dejar de seguir usuarios, tenemos notificaciones cuando hay actualizaciones nuevas, accesos directos para responder, enviar mensajes directos o retwittear, etc.

Les dejo una lista con algunos clientes de Twitter:

• Twhirl
• TweetDeck
• Seesmic
• TwitterFox (es una extensión para Firefox)

Bueno, ahora que ya entendieron cómo funciona no tienen excusas para empezar a usarlos, y de paso, si les interesa, seguir a Punto Geek y a los miembros del staff del blog:

Punto Geek: @puntogeek
Juanguis: @juanguis
Rasa: @elrasa
Isa: @isaydie
Ceci: @ecisaia

Si ya son usuarios de Twitter y creen que se me pasó algo, no duden en avisar que lo agrego. Y a los nuevos usuarios, si les queda alguna duda o no entienden alguna parte avisen que les damos una mano.

La entrada Cómo usar Twitter se publicó primero en Punto Geek.

Cómo instalar un servidor local con Wamp

1- Lo primero que tenemos que hacer es ir a la página oficial de Wamp y descargarlo. No se preocupen que ya viene con PHP, Apache, MySQL y phpMyAdmin incluídos.

2- La instalación es muy simple, lo instalamos como lo hacemos normalmente con cualquier otro programa. En un momento de la instalación les dirá el navegador que tienen configurado como predeterminado, ahí sólo tienen que aceptar para que siempre se abran todos los accesos en el  navegador que usamos siempre.

3- Al final de toda la instalación les pedirá los datos para utilizar la función mail, ahí les recomiendo que si no la van a usar para algo específico, o no tienen idea para qué lo van a usar, lo dejen como está y finalicen la instalación.

4- Ahora el servidor ya está instalado, y el siguiente paso es iniciar todos los servicios para que el servidor empiece a correr y podamos empezar a utilizarlo. Para ello ejecuten el acceso directo que se les agregó en el escritorio, y éste se cargará en la bandeja del sistema. Le hacemos click izquierdo al ícono, y seleccionamos la opción «Encender», y luego lo mismo pero seleccionamos «Iniciar todos los servicios».

Si por algún motivo no se incia el servidor o les da un error, es muy probable que sea porque estén corriendo Skype al mismo tiempo, lo que tienen que hacer es cerrar Skype y Wamp, luego inician Wamp primero y después Skype, es sólo un problema de puertos.

En estos momentos el servidor ya está corriendo y listo para que lo empecemos a usar.

5- Ahora para acceder al servidor podemos abrir el navegador y tipear «localhost» en la barra de direcciones, al darle a enter se abre el servidor con las opciones de configuración y el acceso a phpMyAdmin. Si ven una pantalla como la siguiente es porque el servidor funciona perfecto.

Todos los proyectos o cosas que queramos instalar en el servidor van en el directorio www, su ubicación dependerá del directorio que hayan elegido a la hora de la instalación. Pero la forma fácil de acceder es desplegando el menú en el ícono de Wamp, y elegir «directorio www». Ahí se abre el explorador de Windows con ese directorio, sólo copiamos las cosas ahí y listo.

Ahora cuando queramos acceder abrimos el navegador y entramos de la siguiente forma http://localhost/proyecto. Obviamente el directorio donde yo subí el proyecto es jústamente, «proyecto». Lo mismo es, por ejemplo, para instalar WordPress, un script, o cualquier cosa que quieran correr en el servidor.

El acceso a phpMyAdmin es más fácil hacerlo desde el ícono de Wamp, desplegamos y elegimos «phpmyadmin», pero saber usarlo ya es una cuestion aparte, supongo que si están instalando un servidor ya saben cómo usar phpMyAdmin, sino toquen así aprenden, total no se rompe nada, y si se rompe reinstalan ;).

Esta guía termina acá, el servidor ya está funcionando perfectamente, lo que hagan a partir de aquí es otro cantar. En unos días se viene una guía para instalar WordPress o alguna otra aplicación (ya que el funcionamiento es el mismo para cualquier cosa), estén atentos, y cualquier duda ya saben, pregunten en los comentarios.

La entrada Cómo instalar un servidor local en Windows con Wamp se publicó primero en Punto Geek.