background preloader

Cours de JavaScript et DHTML

Cours de JavaScript et DHTML

JavaScript Tutorial Cours HTML : document Le langage HTML HTML est le langage universel utilisé pour communiquer sur le Web. Votre information sera ainsi transportée sur cette gigantesque toile de réseaux interconnectés qu'est Internet, pour aboutir sur l'ordinateur de votre lecteur grâce à un programme appelé navigateur ou browser. A la différence de votre traitement de texte qui restitue exactement votre document sur une feuille de papier avec votre police de caractères et votre mise en page, vous ne saurez jamais exactement ce que le browser de votre lecteur du bout du monde affichera sur l'écran de celui-ci. En HTML, vous n'avez pas la maîtrise totale de votre document. Pour transiter le plus rapidement possible sur les lignes téléphoniques, on a adopté un format de texte très compact mais aussi peu sophistiqué. Mais, récompense suprême... Quand vous écrirez les balises de votre page HTML, il faudra garder à l'esprit : il s'agit de la version 4, sans support des éléments des versions précédentes Le document HTML minimum

Jardin Zen css: La beauté de la conception CSS Alors, de quoi s'agit-il ? Il faut sans cesse montrer la puissance de CSS. Le Jardin Zen vise à exciter, inspirer et encourager la participation. Pour commencer, regardez quelques designs présents dans la liste. Les CSS permettent un contrôle total de la mise en forme d’un document hypertexte. Participation Notre objectif a toujours été de promouvoir les designs de qualité. Vous pouvez modifier la feuille de style comme bon vous semble, mais pas le code HTML. Téléchargez les fichiers d’exemple HTML et CSS pour travailler sur une copie locale. Avantages Pourquoi participer ? Conditions Si possible, nous aimerions surtout voir l’utilisation de CSS 1 et 2. Heureusement, concevoir de cette manière démontre comment les différents navigateurs ont maintenant bien implémenté les CSS. Nous vous demandons de soumettre des créations originales, merci de respecter les droits d’auteur. Ceci est aussi bien un exercice d’apprentissage que de démonstration. Par Dave Shea.

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 ! Qui plus est, il se démocratise au sein d'autres environnements comme les serveurs avec le célèbre Node.js, les applications pour smartphones et tablettes, avec PhoneGap d'Adobe, les applications pour Windows 8, mais aussi les logiciels multiplateformes. Bref, JavaScript est partout ! Voici quelques exemples de ce qui est réalisable grâce au JavaScript : Sur ce, bonne lecture !

Cours de JavaScript Introduction Ce cours a été initialement présenté à des étudiants de licence multimédia de l'Université Pierre et Marie Curie. Il permet d'aborder le JavaScript selon un point de vue respectueux des standards. Retour au menu Contenu de ces pages Pour bien débuter Le DOM est une conception de la structure d'une page permettant de manipuler ses éléments grâce à un langage de script comme JavaScript. Initiation à JavaScript Ce chapitre présente un premier survol de JavaScript. Introduction à Javascript Ce chapitre présente les bases de JavaScript. Premiers effets Ce chapitre présente quelques effets simples applicables à une page Web via JavaScript. Premiers pas dans le DOM Ce chapitre présente un bref historique et les concepts de base du DOM. Interagir avec l'interface utilisateur Le DOM fournit aussi des moyens pour interagir avec l'utilisateur via la modification des paramètres de la fenêtre du navigateur ou la gestion des "événements" de la souris ou du clavier... Gestion des événements et DOM

Python is Now the Most Popular Introductory Teaching Language at Top U.S. Universities | blog@CACM By Philip Guo July 7, 2014 Comments (10) Summary At the time of writing (July 2014), Python is currently the most popular language for teaching introductory computer science courses at top-ranked U.S. departments. Specifically, eight of the top 10 CS departments (80%), and 27 of the top 39 (69%), teach Python in introductory CS0 or CS1 courses. Motivation Python has been getting more popular as the first language to teach novices. On a personal note, the educational tool I've been developing for the past four years, Online Python Tutor (www.pythontutor.com), has seen its usage skyrocket due to the growing popularity of the language. However, despite numerous anecdotes, I haven't seen any recent numbers quantifying how popular Python is for teaching programming. Why do this analysis? Methodology I considered the top 39 departments, as ranked by U.S. For each university, I looked for CS0 and CS1 courses in the CS, CSE, or EECS department, whichever is the home to computer science. Results Hi,

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

Introduction au DHTMLX décembre 22, 2010 par Pedro, 3 030 vues 1. Qu’est ce que le DHTMLX ? DHTMLX est un interface graphique utilisateur (GUI) développée en JavaScript. Mais face à ça, quel est l’intéret de JavaScript ? 2. Et bien c’est très simple. 3. Voici quelques applications de DHTMLX : Une interface d’administration de BDD -> ICIUn navigateur de fichiers -> ICIUn parser/navigateur XML -> ICI 4. Besoin d’étendre vos services sur les plateformes mobiles ? 5. De mon coté, j’ai été bluffé par la propreté et la puissance de ces interfaces… c’est beau, c’est fluide et relativement facile à mettre en oeuvre. Je vous rendrai compte de mes avancées à travers quelques tutoriels à l’avenir.

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 !

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. Une page Web est un document. Le standard DOM du W3C forme la base du DOM implémenté dans la plupart des navigateurs modernes. Par exemple, DOM du W3C spécifie que la méthode getElementsByTagName dans le code ci-dessous doit renvoyer une liste de tous les éléments <P> présents dans le document : paragraphes = document.getElementsByTagName("P"); // paragraphes[0] est le premier élément <p> // paragraphes[1] est le second élément <p>, etc. alert(paragraphes[0].nodeName); 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. It defines the logical structure of documents and the way a document is accessed and manipulated. 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 The Document Object Model currently consists of two parts, DOM Core and DOM HTML.

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. Parmi eux, les équipes de Cloudup. 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.

jQuery API Documentation Que signifie JSON (JavaScript Object Notation)? - Définition par WhatIs.com JSON (JavaScript Object Notation) est un format d'échange de données en texte lisible. Il est utilisé pour représenter des structures de données et des objets simples dans un code qui repose sur un navigateur Web. JSON est parfois également utilisée dans les environnements de programmation, côté serveur et côté poste de travail. A l'origine, JSON est issue du langage de programmation JavaScript. Sur Internet, JavaScript utilise JSON comme substitut à XML pour l'organisation des données. Toutefois, contrairement à XML, JSON n'est qu'un mode de représentation des structures de données, par opposition à un langage de marquage intégral. JSON se compose de paires « name : object » et d'une ponctuation sous forme de parenthèses, crochets, deux-points et points-virgules. Les utilisateurs qui débutent avec JSON doivent cependant garder à l'esprit les conséquences potentielles en matière de sécurité.

Related: