Inicio > Diseño Web > Artículos y Tutoriales para Empezar con jQuery

Artículos y Tutoriales para Empezar con jQuery

JQueryEl frontend (En ciencias de la computación, el frontend es responsable de reunir información en diversas formas de la transformación y del usuario, para que se ajusten a una especificación del backend que puede utilizar. El frontend tiene una interfaz entre el usuario y el back-end. Los extremos frontal y posterior se pueden distribuir entre uno o más sistemas ) de los desarrolladores web han pavimentado el camino para los estándares más claros. En el transcurso de los años se han hecho lentamente los navegadores web que se han acondicionado para hacer páginas web propias de esta manera. Y ahora, con el lanzamiento del HTML5 estándar, las cosas se están moviendo más rápido que nunca. Por lo tanto, no es ninguna sorpresa que jQuery ha dado un salto en el punto de mira como el principal para animaciones/biblioteca de efectos.

jQuery es una biblioteca JavaScript rápida, pequeña y rica en funciones. Hace las cosas como documento HTML recorrido y la manipulación, el control de eventos, animación y Ajax mucho más simple con un API fácil de usar que funciona a través de una multitud de navegadores. Con una combinación de flexibilidad y extensibilidad, jQuery ha cambiado la forma en que millones de personas escriben JavaScript.

Ajax

Todos sabemos cuán poderoso el jQuery puede ser. La experiencia de usuario es siempre #1 en mi lista de verificación del diseño web y debería estar en el suyo. Es por eso que he reunido una colección de 22 tutoriales  impresionantes alrededor del jQuery UI. Si tiene preguntas o similares tutoriales, por favor, comparta sus comentarios en el área de discusión a continuación.

 

Tutoriales jQuery en español

 

Tutorial jQuery

Fundamentos de jQuery: Libro gratuito de jQuery en español

 

Fundamentos jQuery

Los 51 Mejores Tutoriales y Ejemplos de jQuery

 

51 mejores tutoriales sobre jQuery

 

Hay cosas en toda la Web acerca de jQuery, pero la búsqueda de los mejores tutoriales para empezar puede ser difícil. Estos son ejemplos y tutoriales de maestros jQuery para mantenerte en el camino correcto.

Vamos a empezar con los maestros del jQuery y con algunos de sus mejores tutoriales, entonces vamos a pasar a los tutoriales más categorizados, hojas de trucos y hacks.

 

jQuery for Absolute Beginners Video Series

 

jQuery for absolute beginners

 

Así se mire por donde se mire, “jQuery va” y “jQuery que”. Para el último año, esta biblioteca ha sido la favorita de los Javascript. Pero ¿tiene la sensación de que no se puede parecer a aprender la cosa porqué… No sé por qué? ¿No le gusta cómo los cursos actuales suponen que saben mucho más de lo que hacen? Si esto suena a verdad, le pueden ayudar.

A partir de hoy, están iniciando una serie de vídeos que cada día le enseñará EXACTAMENTE cómo utilizar la biblioteca jQuery en sus propios proyectos. Vamos a empezar por descargar el marco, creando la primera función, examinando sintaxis, y mucho más. Cada día van a publicar unos cinco o diez minutos “régimen de entrenamiento” que se expande en lo que ya ha aprendido. Por lo que no hay razón alguna para luchar contra él. Aprender esta cosa del porqué… No sé por qué, y empezar a ganar más dinero en ThemeForest.net con sus nuevas habilidades.

 

Quick Tip: Learning jQuery 1.4 $.proxy

 

Quick Tip Learning jQuery 1.4′s $.proxy

 

Una de mis nuevas características favoritas de jQuery 1.4 es el nuevo método de $.proxy. Nos permite la posibilidad de un contexto particular de la fuerza cuando que llama a un método. En JavaScript, puede haber ocasiones cuando es difícil aguantar a esta palabra clave. Por ejemplo, cuando está unida a un controlador de eventos, esto ahora se refiere al objetivo del controlador, en lugar de su objeto deseado. Si esto suena un poco confuso, no se preocupe; El consejo rápido en un vídeo de cuatro minutos de hoy, que debe aclarar las cosas. 

 

Supersized 3.1 jQuery Plugin

 

Supersized 3.1 jQuery Plugin – Fullscreen Background Slideshow with Flickr Support

 

Supersized acaba de ser reescrito desde cero. Es más rápido, con más opciones, animaciones, y ha añadido soporte Flickr.

 

jQuery Cheat Sheet

 

La memorización de los cientos de métodos y los controladores de jQuery puede derretir tu cerebro. Considere el uso de esta hoja de trucos como referencia.

 

jquery12_colorcharge

Developing a Digg-Style Input Form With CSS3 and jQuery

 

Developing a Digg-Style Input Form With CSS3 and jQuery

 

Digg es una de las cadenas de noticias sociales más populares hasta la fecha. Ellos cosechan un público masivo de millones de miembros. Recientemente, la compañía se ha forjado una nueva dirección con el lanzamiento de Digg v4. Todo el sistema ha sido sustituido por las nuevas estadísticas y seguidores / que sigue en las redes.

 

How to Load In and Animate Content with jQuery

 

How to Load In and Animate Content with jQuery

 

En este tutorial van a tomar su sitio web promedio todos los días y mejorar con jQuery. Irán añadiendo funcionalidad Ajax para que el contenido se cargue en el contenedor pertinente en lugar de que el usuario tenga que desplazarse a otra página. También estarán integrando algunos efectos impresionantes de animaciones.

 

Simple jQuery 3-Tier Dropdown Menu

 

Simple jQuery 3-Tier Dropdown Menu

Reading & Editing HTML Attributes in jQuery

 

Quick Tip – Reading & Editing HTML Attributes in jQuery

 

Los Atributos jQuery permiten cierta edición interesante para pasar una vez una página que ya ha cargado. Los Atributos HTML que tuvieron que permanecer estáticos en una hora se pueden ajustar con sólo unas pocas líneas de código. Este tutorial se centrará en uno en particular – attr.

 

Building a jQuery Powered Tag Cloud

 

Building a jQuery Powered Tag Cloud

 

Un tag-cloud o nube de etiquetas es una gran manera de mostrar a los visitantes de su blog los principales temas de interés que están disponibles. También hay información adicional contenida en una etiqueta de nube. Aparte de los vínculos, que es lo que da una idea de los temas que abarca su sitio web, también pueden mostrar como los distintos temas populares. Otra gran cosa sobre las nubes de etiquetas es que pueden ser utilizadas para describir la frecuencia de nada, se puede vincular a los artículos, las entradas de blog, las imágenes, el vídeo, o cualquier otra cosa que tenga en abundancia en su sitio.

 

s3Slider jQuery Plugin

 

s3Slider jQuery Plugin

 

Boban creó un maravilloso plugin  jQuery de “contenido destacado”. Ha visto este efecto muchas, muchas veces. Ahora puede implementar fácilmente la funcionalidad en sus propias aplicaciones web.

 

An Introduction to jQuery Templating

 

An Introduction to jQuery Templating

 

JavaScript Templating es una idea ingeniosa: le permite convertir fácilmente JSON a HTML sin tener que analizar. En la conferencia Microsoft MIX10, anunciaron que están empezando a contribuir al equipo jQuery. Uno de sus esfuerzos es el de proporcionar un plugin. En esta sugerencia, aquí se muestra cómo utilizar.

 

Integrating PHP and jQuery: New Premium Tutorial

 

Integrating PHP and jQuery New Premium Tutorial

 

Para que pueda trabajar con PHP, y tener un conocimiento básico de jQuery, pero aún no ha descubierto la manera de combinar los dos en sus proyectos? Si es así, tenemos todo lo que necesitas hoy mismo! En este tutorial, Además, aprenderá a aprovechar las ventajas de PHP y MySQL de declaraciones preparadas para consulta en una base de datos, cómo pedir que devuelve los datos con jQuery, y, a continuación, cómo filtrar a través de los artículos devueltos y los muestra en la página, añadiendo un toque de animaciones. Si esto suena interesante, dar de nuevo a Nettuts , y convertirse en un miembro Premium para ver este útil tutorial en vídeo.

 

Create Portfolio Website With CSS/jQuery

 

Create Portfolio Website With CSS jQuery

 

Desde hace algunas semanas he empezado el aprendizaje jQuery, y hoy pensé ¿por qué no recibir un tutorial de jQuery y css?. Así que vengo con este increíble tutorial (increíble para mí al menos), que sólo utiliza puro CSS y jQuery para diseñar un sitio web de portafolio adecuado para cualquier alojamiento compartido, sin photoshop o cualquier otro programa de diseño requerido. Aquí vamos …

 

Create an Apple Style Menu and Improve it via jQuery

 

CREATE AN APPLE STYLE MENU AND IMPROVE IT VIA JQUERY

 

Desde que escribieron su último tutorial sobre cómo crear un menú desplegable sólo con multinivel CSS, tienen una gran cantidad de visitantes que querían saber cómo crearon la navegación principal de kriesi.at. (Un menú llamado kwicks). El interés en los menús extraordinarios parece ser alto en la actualidad, por lo que hoy le van a enseñar cómo se hace esto.

 

Animated Skills Diagram with Raphaël

 

ANIMATED SKILLS DIAGRAM WITH RAPHAËL

 

En este tutorial le muestran cómo crear un diagrama usando Raphaël – una pequeña biblioteca JavaScript que es ideal para trabajar con gráficos vectoriales. La idea es muy simple: se basa en algunos arcos utilizando funciones matemáticas y nos va mostrando un porcentaje de habilidad en un círculo principal [...]

 

Better Check Boxes with jQuery and CSS

 

Better Check Boxes with jQuery and CSS

 

En este breve tutorial, vamos a crear un reemplazo para las casillas del navegador por defecto en la forma de un simple plugin de jQuery. Se mejorará progresivamente sus formas, pero, al mismo tiempo recurriremos a los controles por defecto si no se dispone de JavaScript.

 

Converting jQuery Code to a Plugin

 

Converting jQuery Code to a Plugin

 

Cuando se trata de la organización de manera eficiente del código de jQuery, una de las mejores opciones está en convirtir ciertas partes del mismo en un plugin. Hay muchas ventajas en esto – el código se vuelve más fácil de modificar y seguir, y las tareas repetitivas se manejan de forma natural. Esto también mejora la velocidad con que se desarrolla, como la organización de programas que promueve la reutilización de código.

Por esta razón hoy vamos a demostrar el proceso de conversión de código a un plugin. Vamos a tomar el código de este tutorial de CSS3 seleccionando el reemplazo de jQuery y convertirlo en un preparado plugin para uso jQuery.

 

Tutorial rápido de jQuery

 

jQuery

 

El primer paso a la hora de trabajar con jQuery es seleccionar los elementos del árbol de documento sobre los que queremos trabajar. Para ello se utiliza la función jQuery, pasando como argumento a la función una cadena con un selector, la mayoría de los cuales utilizan una sintaxis similar a la de CSS 3 (ver Tutorial rápido de CSS). El engine que utiliza jQuery para seleccionar elementos se llama Sizzle, y puede descargarse y utilizarse de forma aislada.

 

jQuery Tutorial de w3schools

 

jQuery tutorial

 

En W3Schools encontrará una referencia completa de todos los objetos y métodos de jQuery.

 

Artículos relacionados:

 

+25 Plugins Asombrosos de Resbalador jQuery Responsive

La verdad detrás de diseño Web Responsive: ¿Es la próxima gran esperanza o todo es un bombo?

15 Memorables Plugins jQuery Timeline: Introduzca Líneas de Tiempo en su Página Web

15 Temas Impresionantes Responsive para WordPress (Theme Junkie)

+60 Útiles Deslizadores o Sliders de Imagen jQuery Responsive

+ 30 Herramientas útiles de Diseño Web Responsive

 

 

Los Mercados Online de Envato: ebooks, tutoriales, vídeos, cursos, temas para WordPress y Apps

  1. Aún no hay comentarios.
  1. No trackbacks yet.

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 5.583 seguidores

%d personas les gusta esto: