Para finalizar el año, que mejor que una guía de consulta rápida y chuletillas para desarrollares y diseñadores web que seguro que nos facilitan el trabajo del dia a dia, aunque seguro que muchos de vosotros ya las conocéis, nunca esta de más tenerlas a mano: http://overapi.com/
Nos vemos el próximo año…
Aqui os dejo este link http://www.librosweb.es/ con unos cuantos libros de programación web en castellano y totalmente gratuitos.
Link Oficial: http://www.librosweb.es/
Para aprender a programar vuestra primera aplicación con HTML5, que mejor manera que «jugar» con ello, buscando por la red, he encontrado este tutorial de billmill.org que nos enseña paso a paso como desarrollar el juego Brick desde cero.
Tutorial HTML5 paso a paso:
Link oficial: http://billmill.org/static/canvastutorial/index.html
Para que funcione, como bien explica en su página, necesitais la librerias jQuery.
Que lo disfruteis!!
Para conocer un poco mejor la potencia de HTML5 que mejor que unas dosis de juegos clásicos realizados integramente con esta nueva tecnología para disfrutar un rato de ellos en nuestros PC, Mac, Iphone, Ipad, etc.
Por supuesto, debeis tener actualizados los navegadores a sus ultimas versiones con soporte para HTML5, si teneis, Internet Explorer 7/8, Chrome, Mozilla, Opera, Safari, etc. en versiones anteriores por lo general no funcionaran correctamente.
Lista de juegos realizados con HTML5 y Canvas:
y muchos más, aquí teneis el enlace oficial: http://html5games.com/
En el proximo post, veremos como implentar nosotros mismos un juego con HTML5 para ver todas las posibilidades.
En la web de Oscar Otero, ha publicado esta tabla interactiva del API de JQuery para usar como guía de referencia rápida a todos los comandos de jQuery y todas las versiones que podemos elegir en el despleglable, un enlace imprescindible sin lugar a dudas.
Simplemente probarlo y decidir por vosotros mismos… http://www.oscarotero.com/jquery
Buceando por la red, he descubierto esta interesante utilidad llamada jQuery Selectors, que permite, de forma interactiva realizar pruebas de todos los selectores de una página, además, podemos acceder directamente a toda la documentación oficial de jQuery API donde encontraremos toda la información completa de cada elemento y ejemplos de uso.
Sin lugar a dudas, nos va a permitir aumentar nuestra productividad a la hora de escribir código jQuery en nuestras aplicaciones.
Resumen de los tipos de selectores para utilizar con jQuery:
Aquí teneis una imagen de JQuery Selectors (click para acceder a la web interactiva):
Espero que os sea de utilidad y como guía de consulta para jQuery.
La definición más simple de jQuery, es como explican en su propia web, «un nuevo tipo de librería JavaScript para escribir menos y hacer más», claro está, que esto es solo una definición muy simplista, ya que, jQuery nos ofrece un potente framework para desarrollar e interactuar desde la parte cliente con infinidad de funciones, eventos, documentos, animaciones, etc.
El mejor tutorial gratuito en castellano que he visto por Internet sobre jQuery, ha sido publicado por Desarrolloweb.com, donde trata todos los temas de forma muy clara para aprender jQuery y todas sus funcionalidades desde cero.
Temario Completo jQuery:
2.- Demo muy simple de uso de jQuery
3.- Pasos para utilizar jQuery en tu página web
4.- Básicos jQuery: añadir y quitar clases CSS sobre elementos
5.- Mostrar y ocultar elementos de la página con jQuery
6.- Efectos rápidos con jQuery
7.- Callback de funciones jQuery
8.- Uso de Ajax muy sencillo con jQuery
9.- Ajax jQuery con mensaje de carga
10.- Core de jQuery
11.- Función jQuery o función $()
12.- Otros usos de la función $()
13.- Core/each: each del core de jQuery
14.- Método size() y propiedad length del core de jQuery
15.- Método data() Core jQuery
16.- Consideraciones interesantes de data() y removeData()
17.- Selectores en jQuery
18.- Ejemplo para practicar con selectores en jQuery
19.- Selectores de Jerarquía en jQuery
20.- Acceder y modificar atributos HTML desde jQuery
21.- Método attr() de jQuery, otros usos y removeAttr()
23.- Funciones CSS jQuery para tamaño y posición de elementos
24.- Eventos en jQuery
25.- Manejadores de eventos en jQuery
26.- Introducción Objeto evento en jQuery
27.- Eventos de ratón en jQuery mouseenter y mouseleave
28.- Eventos de teclado en jQuery
29.- Definir eventos con bind() y eliminarlos con unbind()
30.- Eventos definidos con live() en jQuery
31.- Plugins en jQuery
32.- Reglas para el desarrollo de plugins en jQuery
33.- Plugin jQuery: textarea con cuenta de caracteres
34.- Gestión de opciones en plugins jQuery
35.- Plugin Tip con opciones en jQuery
36.- Funciones y variables dentro de plugins jQuery
37.- Plugin checkbox personalizado con jQuery
38.- Alias personalizado y ocultar código en plugins jQuery
39.- jQuery animate(): Animación de propiedades CSS
40.- Fading en jQuery
41.- Colas de efectos en jQuery
42.- Método queue() para acceder a una cola de efectos
43.- Meter cualquier tipo de función en una cola de efectos jQuery
44.- Parar la ejecución de una cola de efectos jQuery
45.- Método delay() para retrasar la ejecución efectos de la cola
46.- Cola de efectos personal (no predeterminada) en jQuery
48.- $.get() de jQuery para hacer una solicitud Ajax tipo HTTP GET
49.- Eventos en una solicitud ajax con $.get() en jQuery
50.- Parámetros recibidos por las funciones de los eventos Ajax
Videotutorial jQuery
1.- Vídeo: comenzar a programar con jQuery
2.- Videtutorial función $ de jQuery
3.- Videotutorial: Selectores en jQuery
4.- Videotutorial: Introducción a los eventos en jQuery
5.- Videotutorial: manejo de eventos al detalle en jQuery
6.- Videotutorial: Ajax en jQuery
7.- Videotutorial: métodos de Attributes en jQuery
8.- Práctica en vídeo sobre métodos de Attributes en jQuery
9.- Videotutorial de jQuery: método css()
10.- Vídeo de jQuery: offset y otros métodos CSS
11.- Videopráctica de los métodos CSS de jQuery
Mas infomación en Desarrolloweb.com
jQuery Official Site
http://docs.jquery.com/Tutorials
http://www.desarrolloweb.com/manuales/manual-jquery.html
http://www.desarrolloweb.com/manuales/videotutorial-jquery.html
Magnifico tutorial totalmente en castellano, disponible en Desarrolloweb.com, imprescidible para aprender Javascript desde cero y para consultar como hacer ciertas tareas y funcionalidades con JavaScript en nuestras aplicaciones web. Esta dividido en 3 partes dos temarios completos y un videotutorial de JavaScript.
Temario Tutorial JavaScript 1ª parte:
2.- Algo de historia sobre Javascript
3.- Diferencias entre Java y Javascript
4.- Antes de empezar
5.- Versiones de navegadores y de Javascript
6.- Efectos rápidos con Javascript
8.- Maneras de ejecutar scripts Javascript
9.- Ocultar scripts Javascript en navegadores antiguos
10.- Más sobre colocar scripts
11.- Sintaxis Javascript
13.- Ambito de las variables en Javascript
14.- Qué podemos guardar en variables
15.- Tipos de datos en Javascript
18.- Operadores Javascript III
19.- Control de tipos
20.- Estructuras de control en Javascript
21.- Estructura IF en Javascript
23.- Estructura SWITCH de Javascript
24.- Bucle FOR
26.- Break y continue
27.- Bucles anidados en Javascript
29.- Dónde colocamos las funciones
30.- Parámetros de las funciones
31.- Valores de retorno
32.- Arrays en Javascript
34.- Arrays multidimensionales
35.- Pausa y consejos Javascript
36.- Tratamiento de errores en javascript
37.- Consejos para escribir código Javascript
Temario Tutorial JavaScript 2ª parte:
1.- Introducción al manual II de Javascript
2.- Libreria de funciones Javascript
3.- Ejemplos de funciones de la librería Javascript
5.- Objetos incorporados en Javascript
6.- Clase String en Javascript
7.- Ejemplos de funcionamiento de la clase String
9.- Ejemplo de funcionamiento de Date
11.- Clase Number en Javascript
12.- Clase Boolean en Javascript
13.- Creación de clases en Javascript
14.- Creación de clases en Javascript II
15.- Creación de clases en Javascript III
16.- Jerarquía de objetos del navegador
17.- Trabajando con la Jerarquía en Javascript
18.- Objeto window de Javascript
19.- Métodos de window en Javascript
20.- Ejemplos de métodos de window
21.- Objeto document en Javascript
22.- Ejemplos de propiedades de document
23.- Métodos de document
24.- Flujo de escritura del documento
25.- Trabajo con formularios en Javascript
26.- Ej. trabajo con formularios. Calculadora sencilla
27.- Propiedades y métodos del objeto form
28.- Control de campos de texto con Javascript
29.- Control de Checkbox en Javascript
30.- Control de botones de radio en Javascript
31.- Control de campos select con Javascript
32.- Control de elementos Textarea en Javascript
33.- Los eventos en Javascript
34.- Los manejadores de eventos en Javascript
35.- Ejemplos de eventos en Javascript. Onabort
36.- Ejemplo del evento onblur en Javascript
37.- Continuación del ejemplo de onblur, para validar varios campos de texto.
38.- Elementos de formulario select asociados
39.- Evento onunload de Javascript
40.- Evento onload de Javascript
41.- Manejadores de eventos en Javascript 1.3
42.- Cláusulas try … catch: detectar y cazar errores en Javascript
43.- Hojas de referencia Javascript
44.- Por dónde continuar aprendiendo Javascript
VideoTutoriales de JavaScript:
1.- Videotutorial de introducción a Javascript
2.- Videotutorial Maneras de incluir y ejecutar scripts
3.- Videotutorial: Detectar errores Javascript en páginas web
4.- Videotutorial: la sintaxis Javascript
5.- Videotutorial: variables en Javascript
6.- Videotutorial: tipos de datos en Javascript
7.- Videotutorial: Operadores Javascript, parte I
8.- Videotutorial: Operadores Javascript, parte II
9.- Videotutorial: estructura IF en Javascript
10.- Videotutorial: control SWITCH en Javascript
11.- Videotutorial: bucle FOR en Javascript
Fuente Desarrolloweb.com:
Desarrolloweb.com – Tutorial Javascript
DesarrolloWeb.com – VideoTutorial Javascript
Santimacnet 