background preloader

Javascript

Facebook Twitter

Programming and Development Tutorial Screencasts for Web Developers and Alpha Geeks.

CoffeeScript

Ressources. Librairies_Js. Frameworke. Javascript OOP. Leaflet - a JavaScript library for mobile-friendly interactive maps by CloudMade - Features. Developing Backbone.js Applications - By Addy Osmani (@addyosmani) Available free for open-source reading below or for purchase via the O'Reilly store.

Developing Backbone.js Applications -

Pull requests and comments always welcome. Prelude Not so long ago, “data-rich web application” was an oxymoron. Today, these applications are everywhere and you need to know how to build them. Traditionally, web applications left the heavy-lifting of data to servers that pushed HTML to the browser in complete page loads. Think of the Ajax shopping cart which doesn’t require a refresh on the page when adding an item to your basket.

The rise of arbitrary code on the client-side which can talk to the server however it sees fit has meant an increase in client-side complexity. Thankfully, there are a growing number of JavaScript libraries that can help improve the structure and maintainability of your code, making it easier to build ambitious interfaces without a great deal of effort. Target Audience Acknowledgements Credits Target Version Reading What Is MVC? What is Backbone.js? <! Views. Best Practices for Speeding Up Your Web Site. The Exceptional Performance team has identified a number of best practices for making web pages fast.

Best Practices for Speeding Up Your Web Site

The list includes 35 best practices divided into 7 categories. Minimize HTTP Requests tag: content 80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc. One way to reduce the number of components in the page is to simplify the page's design. Combined files are a way to reduce the number of HTTP requests by combining all scripts into a single script, and similarly combining all CSS into a single stylesheet. CSS Sprites are the preferred method for reducing the number of image requests. Image maps combine multiple images into a single image. Inline images use the data: URL scheme to embed the image data in the actual page. Reducing the number of HTTP requests in your page is the place to start.

Top | discuss this rule Use a Content Delivery Network tag: server tag: css. Tutorial JQuery : formulaire de recherche en Ajax. Chose promis, chose due, voici un tutorial pour faire un formulaire de recherche en Ajax avec JQuery et PHP.

Tutorial JQuery : formulaire de recherche en Ajax

Idéal si vous avez envie de copier Google Instant, ce type de formulaire permet de faire gagner du temps à vos internautes. Et comme on commence à en voir un peu partout (Google, Youtube, Itunes…), il risque de devenir un standard. Donc, comme d’habitude, j’ai préparé une démo du tutorial :Demo Et c’est parti pour le code.

On attaque donc par le code HTML de la page. <! Ensuite le gros du code, le code JavaScript utilisant JQuery : Et enfin le code du fichier « ajax-search.php » effectuant la recherche et le renvoi des éléments : Voilà, c’est tout pour ce tutoriel. Flexigrid.