background preloader

Inclure jQuery de manière optimisée

Inclure jQuery de manière optimisée
jQuery est un framework JavaScript très célèbre, permettant en quelques lignes de code de dynamiser un site web, de créer de petites animations, des interactions avec les formulaires, de programmer des appels Ajax. Voici, en détails, quelques possibilités d'intégration à votre site, afin de minimiser l'impact sur les performances et le temps de chargement. Appel classique à la librairie (fichier téléchargé) De la manière la plus basique, il est vous est proposé sur le site jQuery.com de télécharger le fichier - en affichant son code source - et de le placer sur votre site, par exemple dans jquery.js ou jquery-1.x.x.min.js. Fichier et compression Vous récupérerez ainsi une version "minifiée", c'est à dire compressée jusqu'à un certain niveau par un algorithme supprimant espace et commentaires, mais rendant peu lisible la déclaration des fonctions. Voyez les différences entre la version non minifiée et la version minifiée. Performances au chargement Vous obtiendrez ainsi : <! <! Démo

API Google Maps JavaScript version 3 Tutoriels et exemples en Français Référence Google Maps API V3 Retrouvez les 3 versions de l'API Google Maps JavaScript V3 traduites en Français : Référence Google Maps API V3 expérimentale (Experimental Version)Référence Google Maps API V3 production (Release Version)Référence Google Maps API V3 archivée (Frozen Version) Carte Map Google Maps API V3 L'API Google Maps JavaScript version 3 vous permet de créer, modifier et personnaliser des cartes géographiques à l'aide de la classe google.maps.Map. Grâce aux caractéristiques de l'objet google.maps.MapOptions vous pouvez définir les propriétés d'une carte selon vos besoins : centrer la carte, définir le type de carte, activer ou désactiver le contrôle panoramique, etc. Ces cartes sont interactives. Enfin, différents types d'informations peuvent venir s'afficher sur la carte Google, comme par exemple un itinéraire, une image, un polygone, une polyline, une info bulle, un Street view, un fichier KML KMZ. Accéder à la liste de nos exemples et tutoriels : Carte Map c'est ici !

Loader Developer's Guide - Google Loader Google API loader allows you to easily import one or more APIs, and specify additional settings (such as language, location, API version, etc.) applicable to your needs. In addition to the basic loader functionality, savvy developers can also use dynamic loading or auto-loading to enhance the performance of your application. To load the APIs, include the following script in the header of your web page. After you call google.load, you can use all of the loaded modules in your web page. For specific examples of each API, visit the code playground or the documentation specific to the desired API(s) (see links in the left navigation). The loader is cached in the user's browser for up to one hour. google.load(moduleName, moduleVersion, optionalSettings), allows you to call individual APIs by version, where: moduleName is the name of the API (e.g., "visualization" or "search").version specifies the version of the API module, as described below. Versioning The usage model Google encourages is:

Dynamisez vos sites web avec Javascript ! - Javascript Bienvenue à toutes et à tous, Qui n'a jamais entendu parler du JavaScript ? Créé dans les années 90 en tant que simple langage de script, JavaScript est désormais un des poids lourds du développement Web ! Bref, JavaScript est partout ! Voici quelques exemples de ce qui est réalisable grâce au JavaScript : Un système de chat, comme celui de Facebook ;Une suggestion lors de la frappe dans un champ de texte, comme lors d'une recherche avec Google ;Un lecteur de vidéos ou de musiques, aussi puissant que celui de Youtube, grâce aux balises <video> et <audio> ;Des jeux exploitants la balise <canvas> comme Torus, un Tetris en 3D ;La modélisation 3D d'une Lamborghini affichée grâce à l'API WebGL et à la bibliothèque Three.js ;Et bien d'autres choses ! Sur ce, bonne lecture !

Database management in a single PHP file JavaScript Tutorial Logiciel pour créer un site Web évolutif & performant Introduction - Référence du DOM Gecko « Référence du DOM Cette section consiste en une brève introduction conceptuelle au DOM : elle explique de quoi il s'agit, comment celui-ci fournit une structure pour les documents HTML et XML, la manière d'y accéder, et comment cette API présente les informations de référence et exemples. Présentation du DOM Le Document Object Model (DOM) est une interface de programmation pour les documents HTML et XML. Il fournit une représentation structurée du document et une manière d'accéder à cette structure depuis des programmes, permettant à ceux-ci de modifier la structure du document, son style et son contenu. Cette représentation du document permet de le voir comme un groupe structuré de nœuds et d'objets possédant différentes propriétés et méthodes. Une page Web est un document. Le standard DOM du W3C forme la base du DOM implémenté dans la plupart des navigateurs modernes. DOM et JavaScript Le court exemple ci-dessus, comme presque tous les exemples de cette référence, est en JavaScript.

What is the Document Object Model? REC-DOM-Level-1-19981001 Editors Jonathan Robie, Texcel Research Introduction The Document Object Model (DOM) is an application programming interface (API) for HTML and XML documents. With the Document Object Model, programmers can build documents, navigate their structure, and add, modify, or delete elements and content. As a W3C specification, one important objective for the Document Object Model is to provide a standard programming interface that can be used in a wide variety of environments and applications. What the Document Object Model is The DOM is a programming API for documents. <TABLE><TBODY><TR><TD>Shady Grove</TD><TD>Aeolian</TD></TR><TR><TD>Over the River, Charlie</TD><TD>Dorian</TD></TR></TBODY></TABLE> The DOM represents this table like this: DOM representation of the example table In the DOM, documents have a logical structure which is very much like a tree; to be more precise, it is like a "forest" or "grove", which can contain more than one tree. Entities and the DOM Core

Wordpress se rénove en JavaScript C’est un virage important pour l’éditeur américain Automattic, à l’origine de WordPress : codée jusqu’alors en PHP, l’interface d’administration associée à la déclinaison commerciale du CMS* (WordPress.com) a été réécrite en JavaScript. Le tournant avait été amorcé début 2014, avec comme principal objectif d’améliorer la réactivité du service, tout en facilitant l’expérience utilisateur sur les terminaux mobiles. Une demi-douzaine de personnes étaient alors impliquées sur le projet. Plus d’une centaine de contributeurs sont aujourd’hui recensés. Baptisée Calypso, la nouvelle interface pourrait, à terme, devenir partie intégrante du projet open source WordPress… et donc concerner l’ensemble des utilisateurs du CMS. En attendant, l’interface wp-admin reste la solution par défaut pour ceux qui exploitent leur propre installation de WordPress. Quels avantages présente Calypso ? * Automattic annonce que WordPress propulse 25 % des sites Web dans le monde. A lire aussi :

jQuery API Documentation

Related: