Aprendizaje no formal: estudia JavaScript en la Khan Academy

La reciente incorporación de las competencias básicas ha supuesto un reto para el sistema educativo español, especialmente en lo que se refiere al  “tratamiento de la información y competencia digital”.
Puede que hace una década unos conocimientos de ofimática fueran imprescindibles a la hora de desempeñar un trabajo en el sector servicios, pero hoy en dí­a, con la progresiva incorporación de la web 2.0 al mundo empresarial y los nuevos modelos de negocio, esos conocimientos resultan a todas luces insuficientes.

Como conocedor de los dos bandos (el empresarial y el educativo) le he dado muchas vueltas a este tema, llegando a la conclusión de que un ciudadano de la denominada “Sociedad del Conocimiento” necesitarí­a adquirir unos fundamentos técnicos que le permitan entender el funcionamiento de Internet y en particular del servicio www y las nuevas posibilidades que abre en todos los ámbitos (social, económico, laboral, cultural, etc.).
Pero diseñar un currí­culo que se adecúe a estas caracterí­sticas no es tarea fácil. Deberí­a incluir aspectos básicos relacionados con las áreas de conocimiento tales como: sistemas operativos, bases de datos, arquitectura cliente-servidor , protocolos IP y diseño web basado en estándares (html, css y javascript).

A alguno le puede parecer un planteamiento demasiado ambicioso, pero tengamos en cuenta que llegará un momento en el que todas las empresas (incluyendo a las pymes y a los autónomos) se comuniquen con sus clientes y con otras empresas a través de soluciones basadas en tecnologí­as web. Aunque en España todaví­a andamos algo atrasados respecto a los paí­ses más avanzados de la UE, hay estudios que demuestran que esta tendencia es imparable.
Continúa leyendo «Aprendizaje no formal: estudia JavaScript en la Khan Academy»

Codeanywhere – Para editar código desde Android, iPhone y iPad


El editor online de código fuente Codeanywhere.net continúa ampliando sus plataformas compatibles, llegando ahora a los dispositivos iOS y Android.
Con esta aplicación podemos conectar a nuestro servidor y realizar cambios en los archivos que allí­ se encuentren, siendo compatible con HTML, PHP, JavaScript, CSS y XML.
Disponible en iTunes y Android Market, nos permite buscar y reemplazar código, así­ como visualizar las imágenes que se encuentran en el servidor (en la versión iOS).
Una buena forma de solucionar posibles problemas desde cualquier lugar usando un editor adecuado desde el móvil.

API de Google Maps permite que nuestros usuarios dibujen en los mapas


En googlegeodevelopers.blogspot.com presentan una nueva opción existente en la API de Google Maps, permitiendo que los desarrolladores puedan ofrecer herramientas de dibujo en sus mapas.
Podemos así­ ofrecer la posibilidad de dibujar lineas, marcadores y formas sobre la región que interese a los lectores, siendo una buena forma de obtener la opinión de los usuarios de nuestras aplicaciones de mapas, por ejemplo.
Si vuestro sitio web contiene mapas para que vuestros usuarios interactúen con ellos, esta nueva funcionalidad puede hacer la experiencia más agradable, teniendo toda la infomación sobre la forma de integrarla en code.google.com.

Muscula – Detección de los errores JS que aparecen en tu web a tus usuarios


Muscula es una buena idea que nos permite tener bajo control todos los errores javascript que aparecen en los que visitan nuestra página.
Después de instalar un script en todas las pa´ginas de nuestro sitio web (puede ser en el encabezado, por ejemplo), detectará cuando a un visitante le aparece un error de javascript, registrando el tipo de navegador, sistema operativo, página, tipo de error, etc.
Los informes aparecen en forma de tabla, siendo fácil analizarlos y buscar aquéllos que se repiten más de lo deseado.
Una buena forma de mejorar la calidad de nuestro código. Podéis pedir la invitación en su página principal, en mi caso tardaron menos de una semana en enviarla.

Una impresionante colección de juegos en HTML5

HTML5 continúa sorprendiendo a griegos y troyanos, dejando cada vez con menos argumentos a los que apuestan por Flash a la hora de crear juegos en Internet.
Todos los juegos que os mostraremos a continuación usan HTML5, existiendo de las más diversas categorí­as, desde arcade hasta estrategia. Se trata de una recopilación de todos los mostrados esta semana en hongkiat.com

websnooker.com


Podemos jugar solos o acompañados, con opción de ser servidor de una nueva partida y aguardar jugadores.
Continúa leyendo «Una impresionante colección de juegos en HTML5»

jsfiddle – Un completo editor de código en la web

Leyendo la trayectorio de jsfiddle.net en su blog oficial, podemos ver que no se trata de una herramienta creada en un fin de semana y sí­ de algo mucho más ambicioso.
Podemos editar código en html, css y JS, eligiendo incluso framework, de entre los disponibles en el sistema.
En su documentación lo definen como un «parque infantil para los desarrolladores web», una herramienta que puede utilizarse como un editor en lí­nea para crear fragmentos de HTML, CSS y JavaScript.

El código puede ser compartido con otros, incrustado en un blog, etc Con este enfoque, los desarrolladores de JavaScript pueden muy fácilmente aislar errores. Nuestro objetivo es apoyar a todos los marcos de desarrollo y ayudar con las pruebas de compatibilidad


Con varios ejemplos disponibles, lo he conocido dentro de una institución académica especializada, siendo, por lo visto, muy utilizado en este ámbito.

touchtrigonometry – Aprende trigonometrí­a con JS y HTML5


Excelente aplicación que, desarrollada con Javascript y HTML5, puede ayudar a estudiantes y profesores a consolidar mejor algunos conceptos básicos relacionados con la trigonometrí­a.
En touchtrigonometry.org podemos mover el ratón para sincronizar el ángulo de la circunferencia izquierda con el valor de las diferentes funciones, cuyos gráficos aparecen a la derecha.
Es ideal para entender la relación existente entre los ángulos y las funciones, así­ como para ver los valores en grados y radianes de forma sencilla e intuitiva.
Una herramienta simples, sin nada de flash em su contenido, y de obligada presencia en los laboratorios de matemática.

DropIn ”“ un Tetris muy "LinkedInizado"


En LinkedIn HackDay han querido celebrar el 27 aniversario del mí­tico juego Tetris de una forma muy original y relacionada con esta red social. Y lo celebran creando una versión propia del Tetris, llamado DropIn, donde las figuras que caen son figuras que en vez de colores contienen las miniaturas de nuestra red de contactos en LinkedIn.
¿Cómo se juega? Pues como en el original, donde veremos caer estas figuras que iremos moviendo y girando de tal manera que vayamos creando lí­neas que irán desapareciendo para evitar que las figuras lleguen al techo del juego. Para poder jugar, tan sólo nos hace falta entrar con nuestra ID de LinkedIn, a través del botón que tenemos al inicio del juego.
DropIn es una muestra de lo fácil que es la implementación de las APIs javascript de la Plataforma de LinkedIn, según uno de sus autores.
Ví­a: Blog de LinkedIn | Enlace: DropIn

Cooties – Un editor de animaciones en HTML5 semejante a Macromedia Flash


Si alguna vez habéis creado alguna animación usando Macromedia Flash, seguramente recordaréis lo sencillo que es crear los dibujos en los frames y realizar transiciones automáticas con el ratón.
Eso es lo que pretende Cooties, acercarse a esta facilidad de uso para poder realizar animaciones sin necesidad de trabajar con archivos .fla ni .swf.
Por supuesto los recursos disponibles aún no son muy variados, pero ya se pueden hacer muchas cosas sin necesidad de crear ni una sola lí­nea de código.
Después de identificarnos con la cuenta de google, podremos trabajar y obtener el código al terminar el proceso, bajando los archivos en nuestro ordenador para poder subirlos al servidor correspondiente.
Como podéis comprobar en la captura inferior, ni un solo flash… solo arte y javascript.
Continúa leyendo «Cooties – Un editor de animaciones en HTML5 semejante a Macromedia Flash»

WaterMark.js – Añade marca de agua en imágenes usando JS


Para quienes queremos proteger nuestro trabajo con imágenes de apropiaciones no autorizadas, WaterMark.js puede nos ayudar.
Es una librerí­a en JavaScript, con código abierto, que podemos usar para añadir marcas de agua en fotos publicadas en Internet, sin necesidad de usar programas de edición gráfica.
Es interesante señalar que la implementación de la librerí­a es bastante fácil. Hay que llamar a la librerí­a antes de la etiqueta de cierre del cuerpo y llamar al método wmark.init, siendo muy útil cuando sólo deseamos insertar una imagen sobre otra y definir su posición.