Recursos interactivos para aprender a programar Enumerar la totalidad de herramientas en la red disponibles para iniciarse en la programación resulta bastante complejo. Sin embargo, unas cuentan con un excelente material y un trabajo interactivo relevantes gracias a que se enfocan más en el fortalecimiento del pensamiento algorítmico, básico en este campo y útil en la realidad, más que a la enseñanza de líneas y líneas de código. Aquí están varios ejemplos. Code Academy Es una aplicación web que según sus creadores nace debido a lo frustrante que es en ocasiones el entrar al mundo de la programación, por lo que ofrecen una manera muy sencilla de aprender interactivamente a través de un entorno completamente guiado. Rails for Zombies Otro ejemplo de las posibilidades de enseñar a través del juego, o al menos a través de algo llamativo. Google Code Kid’s Corner Para lo más chicos de la casa que desean imprimir todo su potencial en la creación de Software y juegos deslumbrantes. LearntoProgram.tv Alice
Tutorial de Java - DECLARACIÓN DE INTENCIONES - Wikilearning - Waterfox Antes de nada, vamos con una //Declaración de Intenciones// y un poco de explicación del porqué este Tutorial de Java está aquí. Este tutorial va dirigido a todos aquellos que intentan entrar en el mundo Java, que han oído o leído cosas, pero no saben a ciencia cierta que es eso de Java. Procuraremos ser lo más claros posible, aunque no podremos evitar la influencia de los gustos personales, pero intentaremos que el contenido se adapte lo mejor posible a la mayor parte de la audiencia. Java es una palabra que actualmente está en boca de todos y ha creado una auténtica revolución. La creación de este tutorial ha partido de la necesidad de aprendizaje del lenguaje Java para implantarlo en aplicaciones críticas. En toda esta historia nos hemos dado cuenta de que falta literatura en castellano; como siempre, vamos a remolque. Todas las sugerencias que alguien pueda ofrecer, será bienvenida. ==== //Aclaraciones// ====
Como crear una galería de imágenes con Shadowbox y jQuery | Referente Web A continuación realizare un tutorial de como crear una galería con esta ventana modal, que para mi gusto es adaptable a casi cualquier proyecto web. Primero detallare las características que posee este plugin: Plugin nativo de javascript.Permite utilizar un adaptador para los frameworks más populares: jQuery, Prototype, Dojo, Mootols, Yahoo toolkit.Permite crear galerías de: imágenes, videos flash, videos swf, quicktime, window media player y contenido externo via iframes o inline.Posee soporte para una gran variedad de idiomas (incluye español obviamente).Tiene una API bastante potente, por lo que puedes realizar casi cualquier cosa con este plugin.Y el punto más importante por el cual lo utilizo bastante, es que se escala a cualquier tipo de pantalla, por lo que si lo ves en resoluciones más pequeñas no tendrás ningún problema. Bueno seguimos con las instrucciones para la implementación: Paso 1: Descargar la librería desde el siguiente enlace y seleccionamos las siguientes preferencias:
Galería de Imágenes con Shadowbox Mostrar una Imagen con Shadowbox La forma más sencilla de mostrar imágenes con Shadowbox es de una en una, es decir, con un enlace en la miniatura de la imagen en la página web. Cuando el usuario hace clic sobre la miniatura de la imagen, Shadowbox se abrirá para mostrar una versión más grande de la imagen. Ejemplo de una imagen en Shadowbox Galería de Imágenes con Shadowbox Cuando lo que queremos es que todas la imágenes estén agrupadas formando una galería, se utiliza el shadowbox con el nombre de la galería entre corchetes dentro del atributo ′rel′ de la etiqueta html ′a′ : rel=shadowbox[nbGaleria] Vemos un ejemplo de código html con Shadowbox de la galería de imágenes: Ejemplo de galería de imágenes con Shadowbox En este ejemplo de galería de imágenes, utilizamos la propiedad de Shadowbox counterType. Propiedades para imágenes de Shadowbox content - El contenido real del objeto (por ejemplo, dirección, código HTML, etc.) title - El título que del objeto (opcional)
Imágenes | Actualidad jQuery Volvemos a la carga, y otra vez para presentaros una función jQuery desarrollada por Jānis Skarnelis. Se trata de fancyBox, un script con el que podemos abrir imágenes, páginas web, videos, etc. De forma muy elegante, en ventanas tipo Popup, con jQuery. Primeramente, bajamos fancyBox desde aquí o desde su página web oficial: fancyBox-v2.0.4.zip Una vez que lo tengáis descargado, lo primero que tenéis que hacer es incluir la función dentro de nuestro sitio web: Incluimos los Javascript de jQuery y fancyBox y el CSS de fancyBox. Para hacerlo funcionar solo tenemos que especificarle un "id" o "class" a nuestros enlaces para después ejecutar fancyBox sobre ese "id" o "class". En este caso hemos utilizado el enlace con clase (class="ejemplo_1") sobre una imagen que vamos a ampliar. Ahora vamos a ejecutar la función fancyBox sobre el enlace con este sencillo código: <script type="text/javascript"> $(document).ready(function(){ $(".ejemplo_1").fancybox({ }); }); </script> Ejemplo
Mozilla presenta su webmaker.org y hace oficial Thimble, la herramienta de creación web Ya os hemos hablado en varias ocasiones sobre el proyecto que Mozilla está creando para ayudar a crear sitios web sin necesidad de tener conocimientos de programación. El proyecto WebMaker fue anunciado hace varios meses, pero solo hoy han presentado su web oficial en webmaker.org, donde podemos ver todas las actividades del mismo y el lanzamiento de las aplicaciones que nos ayudarán en la tarea de construir un sitio web. La noticia, publicada en el blog de Mozilla, hace referencia al ya conocido Thimble, que desde hoy deja de ser un sitio de pruebas y adquiere versión oficial en thimble.webmaker.org. Como os comentamos hace unas semanas, Thimble nos permite escribir código html y ver el resultado en tiempo real en la misma pantalla, agilizando el proceso de programación de páginas web estáticas. Thimble no es la única herramienta disponible en el proyecto, existiendo otras opciones en webmaker.org/en-US/tools/, todas relacionadas con la creación de webs.