Mostrando entradas con la etiqueta codigofacilito. Mostrar todas las entradas
Mostrando entradas con la etiqueta codigofacilito. Mostrar todas las entradas

jueves, 31 de enero de 2013

34. jQuery Cuts: Método getJSON.

La función $.getJSON() permite acceder vía AJAX a datos JSON (JavaScript Object Notation). El método permite almacenar y transferir datos de forma independiente y funciona a la perfección con JavaScript. Existen varios motivos por los cuáles utilizar JSON sobre XML. (Referencias: jQuery: Ejemplo de la función $.getJSON()).

Videotutorial # 34 y último del curso de jQuery, realizado por Código Facilito. Uriel Hernández nos explica la implementación del método AJAX de jQuery: getJSON.

martes, 29 de enero de 2013

33. jQuery Cuts: Método getScript.

A través de varios métodos, jQuery provee soporte para Ajax, permitiendo abstraer las diferencias que pueden existir entre navegadores. Los métodos en cuestión son $.get(), $.getScript(), $.getJSON(), $.post() y $().load(). A pesar que la definición de Ajax posee la palabra “XML”, la mayoría de las aplicaciones no utilizan dicho formato para el transporte de datos, sino que en su lugar se utiliza HTML plano o información en formato JSON (JavaScript Object Notation). En general, Ajax no trabaja a través de dominios diferentes. Sin embargo, existen excepciones, como los servicios que proveen información en formato JSONP (JSON with Padding), los cuales permiten una funcionalidad limitada a través de diferentes dominios. (Referencias: Introducción a Ajax con jQuery).

Videotutorial # 33 del curso de jQuery, realizado por Código Facilito. Uriel Hernández nos explica la implementación del método AJAX de jQuery: getScript. Basado en el ejemplo que se usó para realizar la explicación de Easing.

jueves, 24 de enero de 2013

32. jQuery Cuts: Método POST.

Utilizamos estas funciones cuando no queremos inyectar directamente los datos a nuestra página, sino que queremos procesarlos y eventualmente agregarlos en distintas partes. La sintaxis de la función $.get es distinta a la ya utilizada $, en este caso es una función global de la librería jQuery. (Referencias: Pasando datos al servidor por los métodos GET y POST).

Videotutorial # 32 del curso de jQuery, realizado por Código Facilito. Uriel Hernández nos explica la implementación del método AJAX de jQuery: POST. Su sintaxis y manera de usarlo en nuestros proyectos hechos con jQuery.

martes, 22 de enero de 2013

31. jQuery Cuts: Método GET.

Por lo general, cuando nos referimos al método GET, en muchos de los lenguajes de programación, ya sea de aplicación, consola, de lado del servidor, de lado del cliente, siempre está ligado a la obtención de datos de un archivo externo sin realizar cambios en el archivo original. En otras palabras se procede obteniendo datos a través de una petición no destructiva. (Referencias: Propia).

Videotutorial # 31 del curso de jQuery, realizado por Código Facilito. Uriel Hernández nos explica la implementación del método AJAX de jQuery: GET. Dónde y cuándo utilizarlo y la forma de hacerlo con un ejemplo práctico.

jueves, 17 de enero de 2013

30. jQuery Cuts: Peticiones con el método 'ajax'.

jQuery posee varios métodos para trabajar con Ajax. Sin embargo, todos están basados en el método $.ajax, por lo tanto, su comprensión es obligatoria. A continuación se abarcará dicho método y luego se indicará un breve resumen sobre los demás métodos. Generalmente, es preferible utilizar el método $.ajax en lugar de los otros, ya que ofrece más características y su configuración es muy comprensible. (Referencias: Métodos Ajax de jQuery).

Videotutorial # 30 del curso de jQuery, realizado por Código Facilito. Enoc Díaz nos enseña ya de forma práctica la implementación del método ajax de jQuery.

martes, 15 de enero de 2013

29. jQuery Cuts: AJAX.

La librería en JavaScript jQuery es una de las más sencillas y útiles que se puedan necesitar a la hora de desarrollar un sitio web. Posee características potentes (selectores de CSS, XPath, con el poder de javascript de crear variables y funciones que interactuen con el documento) y es muy fácil de usar, y es a la vez muy liviana. Además trae incorporadas funciones adicionales, como AJAX, manipulación del DOM y detección de navegadores. (Referencias: AJAX en jQuery).

Videotutorial # 29 del curso de jQuery, realizado por Código Facilito. Enoc Díaz nos enseña a como implementar AJAX en jQuery.

jueves, 10 de enero de 2013

28. jQuery Cuts: Controlar efectos.

Videotutorial # 28 del curso de jQuery, realizado por Código Facilito. Hoy veremos cómo controlar los efectos que ya creamos las anteriores sesiones, y que ahora .

A continuación, Enoc Díaz nos enseña a como controlar nuestras animaciones generadas.

martes, 8 de enero de 2013

27. jQuery Cuts: Easing, velocidad de una animación.

La función easing especifica la velocidad de la animación para hacerla más realista. El objeto real no comienza su movimiento instantáneamente y de manera constante. Cuando abrimos el cajón, primero le damos aceleración, y después lo frenamos. Cuando algo se cae, primero baja rápidamente y después de alcanzar el suelo rebota. (Referencia: Función Easing).

Videotutorial # 27 del curso de jQuery, realizado por Código Facilito. En esta ocasión aprenderemos a graduar la velocidad de nuestras animaciones por medio del plugin Easing.

En seguida, Enoc Díaz realiza la explicación pertinente a través de un ejemplo.

jueves, 3 de enero de 2013

26. jQuery Cuts: Efectos personalizados con método "animate"


Videotutorial # 26 del curso de jQuery, realizado por Código Facilito. Sobre animaciones personalizadas utilizando el método nativo de jQuery animate().

Con ustedes Enoc Díaz que como siempre a través de un ejemplo práctico nos explica sobre las animaciones con jQuery.

jueves, 27 de diciembre de 2012

25. jQuery Cuts: Duración y acciones después de un efecto.


Videotutorial # 25 del curso de jQuery, realizado por Código Facilito. Siguiendo con el tema de efectos, en esta ocasión aprenderemos sobre la duración que puede tener un efecto y las acciones que podemos realizar después de que se haya ejecutado el efecto jQuery.

Con ustedes Enoc Díaz que como siempre a través de un ejemplo práctico nos explica sobre la duración y acciones después de un efecto jquery.

martes, 25 de diciembre de 2012

24. jQuery Cuts: Efectos.


Videotutorial # 24 del curso de jQuery, realizado por Código Facilito. En esta ocasión veremos los efectos que trae la libreria de jQuery: .fadeIn(), .fadeOut(), slideDown(), .slideUp(), .slideToggle(), .show(), .hide().

A continuación Enoc Díaz realiza una práctica utilizando las funciones jQuery para generar efectos en nuestro documentos HTML.

jueves, 20 de diciembre de 2012

23. jQuery Cuts: Eventos personalizados.


Videotutorial # 23 del curso de jQuery, realizado por Código Facilito. Hoy hablamos sobre los eventos personalizados en jQuery, elementos que nos permitirán realizar un mayor control de nuestras aplicaciones.

A continuación Enoc Díaz realiza una práctica construyendo eventos personalizados con jQuery...

martes, 18 de diciembre de 2012

22. jQuery Cuts: Vincular y desvincular eventos.


Videotutorial # 22 del curso de jQuery, realizado por Código Facilito. Hoy seguimos hablando a detalle sobre los Eventos según jQuery, tópico que vimos cuando aprendíamos javascript y que nuevamente tocamos pero salvando las diferencias con relación al framework que estamos estudiando.

A continuación Enoc Díaz realiza una práctica aplicando las funciones propias para manejar Eventos con jQuery...

jueves, 13 de diciembre de 2012

21. jQuery Cuts: Introducción a Eventos.


Videotutorial # 21 del curso de jQuery, realizado por Código Facilito. Hoy comenzamos a introducirnos en los Eventos según jQuery, tópico que vimos cuando aprendíamos javascript y que nuevamente tocamos pero salvando las diferencias con relación al framework que estamos estudiando.

A continuación Uriel Hernández con una breve introducción a los Eventos con jQuery...

martes, 11 de diciembre de 2012

20. jQuery Cuts: Detectar las características del navegador.


Vigésimo videotutorial que nos trae Código Facilito, en esta ocasión realizaremos un ejemplo práctico con jQuery para poder visualizar las características del navegador que está utilizando el usuario.

En este ejemplo conoceremos haremos uso de la variable BROWSER, sin embargo cabe la aclaración de que esta variable quede descontinuada en próximas versiones de jQuery, así que es necesario tomar las previsiones del caso.

Bueno, sin más queda con ustedes Uriel Hernández...

jueves, 6 de diciembre de 2012

19. jQuery Cuts: Método Data.


Videotutorial 19 del curso de jQuery por los amigos de CódigoFacilito.

En esta ocasión Uriel Hernández nos habla sobre el método Data de jQuery y su aplicación sobre en elementos en los que normalmente con html no es posible realizar dichas operaciones, por ejemplo, poner la información de la posición del elemento. Con un ejemplo práctico veremos el uso del método $.data(elemento, 'nombreAtributo', valor);

martes, 4 de diciembre de 2012

18. jQuery Cuts: Métodos Utilitarios.


Videotutorial 18 del curso de jQuery con Enoc Díaz en CódigoFacilito.

En esta ocasión nos hablará sobre los métodos utilitarios, qué son y cuál es su utilidad, se hará una diferenciación del uso entre $ y $(.)

Hasta el momento se han visto varios de los métodos del namespace $.fn, hoy continuaremos viendo aún más métodos, así es que pónganse cómodos...

jueves, 29 de noviembre de 2012

17. jQuery Cuts: Recorrer elementos en un documento de HTML.


Continuando con el curso de jQuery, realizado por el grupo de CódigoFacilito, aprenderemos a realizar el recorrido de elementos en un documento HTML, aplicando funciones o métodos propios del framework.

A través de un ejemplo práctico, Uriel Hernández nos mostrará el uso de tales funciones.

martes, 27 de noviembre de 2012

16. jQuery Cuts: Crear, copiar y remover elementos.


Tomando el "hilo" de los tutoriales sobre jQuery, Enoc Diaz y sus colaboradores nos traen otro tutorial de la serie que componen los vídeos relacionados con el framework más popular entre los desarrolladores web de lado del cliente.

En esta ocasión Enoc nos enseña a como crear, copiar y remover elementos.