background preloader

Javascript

Facebook Twitter

All Posts | Backbone.js Tutorials. Blueimp/jQuery-File-Upload.

Node.js

Bearded Octo - OO JS in 15mins or Less. Introduction to JavaScript Source Maps. Have you ever found yourself wishing you could keep your client-side code readable and more importantly debuggable even after you've combined and minified it, without impacting performance? Well now you can through the magic of source maps. Basically it's a way to map a combined/minified file back to an unbuilt state. When you build for production, along with minifying and combining your JavaScript files, you generate a source map which holds information about your original files. When you query a certain line and column number in your generated JavaScript you can do a lookup in the source map which returns the original location. Developer tools (currently WebKit nightly builds, Google Chrome, or Firefox 23+) can parse the source map automatically and make it appear as though you're running unminified and uncombined files.

Demo: Get original location The above demo allows you to right click anywhere in the textarea containing the generated source. Real world So... Potential XSSI issues. jQuery Scroll Path. jQuery Smooth Scrolling Plugin | Page Scroller. 30 Days to Learn jQuery | Tuts+ Premium | The best way to learn creative and technical skills. Docs — Video.JS » HTML5 Video Player. La revolución de Javascript. De un lenguaje de script, Javascript se ha convertido en los últimos años en la plataforma de desarrollo más usada en el mundo. Hoy, Javascript se está reinventando gracias a proyectos como Coffeescript, DART, Node.js y jQuery.Javascript es un lenguaje de script muy simple. Orientado a objetos (como Actionscript 2, sin clases) y basado en la sintaxis ECMAScript, derivado de C. Fue pensado para crear sencillas interacciones en la web, pero hoy es uno de los lenguajes criticos de las plataformas modernas.TODAS las webapps usan Javascript. Facebook, Google (con Instant), Twitter o Maps funcionarían muy limitado o serían imposibles sin JS.La primera revolución fueron los Just in Time Compilers (JIT compiler) como Tamarin de Adobe.

Los motores JIT en los navegadores hicieron a JS un lenguaje MUY VELOZ. DART es el esfuerzo de Google por crear un Javascript más Java. Código : class HelloDartTest { static testMain() { print("Hello, Darter! ") Node.js Y esto en el JS del HTML: ¿Desventajas? Frameworks Javascript prometedores para tus proyectos. Los populares Frameworks para Javascript: jQuery, Prototype, MooTools y demás, no son lo únicos que existen. Actualmente disponemos de alternativas orientadas a diferentes públicos y tipos de aplicaciones, que no son populares, pero sí prometedoras. Es bueno recordar que los Frameworks son simplemente herramientas utilizadas bajo ciertas necesidades.

A continuación te presento una serie de los Frameworks Javascript que deberían ser considerados como alternativas reales. RightJS: El Framework JavaScript correcto RightJS está dirigido al público de los lenguajes dinámicos, intenta posicionarse dentro del grupo de los Frameworks Javascript más populares. Su instalación es prácticamente igual que todos los demás Frameworks, simplemente incluyes el archivo del núcleo en la página, de la siguiente manera: La librería viene con dos archivos, uno es el código actualizado y el otro contiene código soportado por navegadores viejos.

Fue probado y funciona en los siguientes navegadores: David Tavárez. 20 JavaScript Frameworks Worth Checking Out. The number of web applications being created and used has grown rapidly since the new millenium. And importantly, so has the sheer complexity of them -- specially on the front end. No more static pages, no sir! You have a ton of sections each interacting with each other and the server and yes, it's as complicated as it sounds and just as hard to pull off.

Today, I'd like to talk about a few choice JavaScript frameworks that aim to simplify front-end application development. If you think jQuery is the answer, you lose a cookie and get an F grade! Creating responsive, fluid, and maintainable interfaces for web apps isn't as easy as one would imagine -- there is data to be sent back to the server and the results parsed, data stores to be updated, views to be re-rendered and so much else that needs to be done in the background.

Sure, a few of these may be a little old but their code bases have lots of lessons to teach. Related links: Introduction to Sammy.js Github Repo Google Code. Stellar.js. Tutorials:Getting Started With Red5 Server - Red5Tutorials. Mozilla Popcorn | Making video work like the web.