« Liens JavaScript » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
 
(47 versions intermédiaires par 18 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{tutoriel
|fait_partie_du_cours=JavaScript
|page_parente=JavaScript
|statut=brouillon
|difficulté=débutant
}}
== Définition ==
== Définition ==
Cette page contiens une petite liste des liens sur JavaScript qui est un [[langage de script|http://edutechwiki.unige.ch/en/Scripting_language]] pour [[la programmation informatique.|http://edutechwiki.unige.ch/en/Computer_programming]]
Cette page contient une petite liste de liens sur JavaScript, un [[Langage de script]] pour [http://edutechwiki.unige.ch/en/Computer_programming la programmation informatique]. Des ressources sont également disponibles sur ce wiki, voir par exemple :


== Référence et Manuels ==
* [[JavaScript]]
=== Introductions et résumé générale ===
* [[Initiation à la pensée computationnelle avec JavaScript]]
*JavaScript (Wikipedia)
*Client-side JavaScript (Wikipedia)


===Référence de JavaScript et manuels ===
== Références et Manuels ==
*JavaScript chez le centre de developpement de Mozilla (JS 1.5 plus JS 1.6, 1.7, 1.8 actuel).
=== Introduction et résumé général ===
*Guide de Core JavaScript 1.5 peut utiliser comme un tutorial seulement pour le langage. Utiliser avec JS 1.2 et JS1.3. Le guide pour les objets JavaScript built-in non-standardized, utiliser les specs de DOM pour les DOM objets.
*[http://en.wikipedia.org/wiki/Javascript JavaScript] (Wikipedia)
*Guide JavaScript 1.5 (Copie locale d'une ancienne version de Netscape)
*HTML 5 Brouillon de travail - 21 Avril 2008. Ce projet ajoute des particularités à HTML et au DOM qui facilitent l'écriture des applications Web-based (basé web). Les additions comprennent le contexte des menus, des canvas graphique, les fenêtre pop-up et les événement server-sent.....
Importante: L'essentiel des langages JavaScript/JScript/Actionscript ont été défini par ECMAScript. Il y a peut-être quelques petits differences et des divers degrées d'implementation.  
*JSLint est un outil de validateur online qui controle la partie profetionnel de JavaScript qui est une langage plus strict que la version défini par Edition 3 de ECMAScript Language Specification.
*JavaScript Syntax (Wikipedia)  


===Le Document object model (DOM) ===
===Références et manuels pour JavaScript ===
*W3C Document Object Model (DOM) Activity Statement (remarque aux tous les documents qui sont liée au sujet DOM)  
*[http://developer.mozilla.org/en/docs/JavaScript JavaScript du centre de developpement de Mozilla].
Pour plus des information vous pouvez regarder à ce lien : Document Object Model (ou DOM).  
*[http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide Guide de Core JavaScript 1.5] peut s'utiliser comme un tutoriel seulement pour le langage. Utiliser avec JS 1.2 et JS1.3. Le guide pour les objets JavaScript built-in non-standardized, utiliser les specs de DOM pour les [[Document Object Model|DOM]] objets.
*[http://tecfa.unige.ch/guides/js/jsguide15/ Guide JavaScript 1.5] (Copie locale d'une ancienne version de Netscape)
*[http://www.whatwg.org/specs/web-apps/current-work/ HTML 5] Dernière mise à jour 22 octobre 2020. Ce projet ajoute des particularités à HTML et au DOM qui facilitent l'écriture des applications Web-based (basé web). Les additions comprennent le contexte des menus, des canvas graphiques, les fenêtres pop-up et les événements server-sent...
 
'''Important''' : L'essentiel des langages JavaScript/JScript/Actionscript ont été définis par ECMAScript. Il y a peut-être quelques petites différences et divers degrés d'implémentation.
*[http://www.jslint.com/ JSLint] est un outil de validation online qui contrôle la partie professionnelle de JavaScript qui est un langage plus strict que la version définie par Edition 3 de [http://edutechwiki.unige.ch/en/ECMAScript ECMAScript] Language Specification.
*[http://en.wikipedia.org/wiki/JavaScript_syntax JavaScript Syntax] (Wikipedia, in English)
*[https://www.toutjavascript.com/livre/index.php/ Tout JavaScript 2ème Edition] est un livre édité par le propriétaire de [https://www.toutjavascript.com/main/index.php3 Tout JavaScript] il a été publié le 21/10/2020 et s'adresse au débutant comme aux développeurs avancés.
 
===Le Document Object Model (DOM) ===
*[http://www.w3.org/DOM/Activity W3C Document Object Model (DOM) Activity Statement] (remarque à tous les documents qui sont liés au sujet DOM)  
Pour plus d'informations vous pouvez consulter ce lien : [[Document Object Model|Document Object Model]].  


=== Spécifique JavaScript Référence DOM ===
=== Spécifique JavaScript Référence DOM ===
*Référence Mozilla DOM  Index remarque les références (zip et PDF) plus tutoriaux
*[https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model Référence Mozilla DOM] Index remarque les références (zip et PDF) plus tutoriels
*Liens et Ressources à W3C DOM (chez Mozilla)
*[https://developer.mozilla.org/fr/docs/Référence_DOM_Gecko Référence Mozilla DOM Gecko]
*Référence Gecko DOM
*Histoire : pour les anciens navigateurs de NS 4.7 et non-standardisé prétendu DOM 0 (p.ex. HTML inline, interfaces des navigateurs) vous pouvez aussi lire : Guide JavaScript 1.3 et Guide JavaScript 1.3 issue de Tecfa. Ce sont d'anciens documents mais ils sont encore de bons référents sur l'utilisation d'objets "standards" de JavaScript. En ce moment, ces documents ne sont pas disponibles en ligne (17/11/2018).  
*Histoire: Pour les anciens navigateurs de NS 4.7 et non-standardisé prétendu DOM 0 (p.ex. HTML inline, interfaces des navigateurs) vous pouz aussi lire: Guide JavaScript 1.3 et Guide JavaScript 1.3. Ce sont des anciens documents, mais ils sont encore des bons références sur l'utilisation de "standard" objets de JavaScript.  


===FAQ et Petit Références ===
===FAQ et petites références ===
*JavaScript FAQ (Inclue FAQ sur JavaScript Dates, Formes, Frames, Images, Fichiers Source, Layers, Liens, Numèros, Strings, Tableaux et Fenêtres) (articles)
*[http://www.irt.org/articles/script.htm Articles] sur IRT : incluent FAQ sur JavaScript Dates, Formes, Frames, Images, Fichiers Source, Layers, Liens, Numéros, Strings, Tableaux et Fenêtres  
*JavaScript Mini-FAQ par Danny Goodman (Goodman est un auteur des livres de JavaScript)
*JavaScript and Browser Objects Quick Reference par Danny Goodman.
*DevGuru JavaScriptQuickRef (évents, fonctions, méthodes, objets, operateurs, propretés, instructions et values)


===Information spécialisé et des tableaux de compatibilités ===
===spécialisée et tableaux de compatibilités ===
Events  
Events  


*Event compatibility tables. Résume sur des tableau de Quirksmode, pas mise à jour mais encore utile (5/2008).  
*[https://www.quirksmode.org/dom/events/index.html Event compatibility tables.] Résumé sur des tableaux de Quirksmode.  
*DOM events (Wikipedia).  
*[http://en.wikipedia.org/wiki/DOM_Events DOM events] (Wikipedia, anglais).  
*DOM:event (Gecko référence DOM)  
*[https://developer.mozilla.org/en-US/docs/Web/API/Event DOM:event] (Gecko référence DOM, anglais)


==Tutoriels et des sites de tutoriel ==
==Tutoriels et sites de tutoriels ==
'''Attention''': Propose de quelques tutoriels n'est pas trop claire, mais ils sont bien supportés.  
'''Attention''' : Propositions de quelques tutoriels n'est pas trop claire, mais ils sont bien supportés.  


===Tutoriels (Débutant) ===
===Tutoriels (débutant) ===
*Javascript tutorials (Plusieurs codes). Bien.  
*[http://www.landofcode.com/javascript/ Javascript tutorials] (plusieurs codes, anglais). Bien.  
*JavaScript Tutorial (W3Schools)  
*[http://www.w3schools.com/js/ JavaScript Tutorial (W3Schools)] (anglais)  
*JavaScript 101  
*[http://javascript.about.com/od/reference/a/js101.htm JavaScript 101] (anglais)
*JavaScript from Scratch   
*[http://www.sitepoint.com/print/javascript-from-scratch JavaScript from Scratch] (anglais)  
*ABC of JavaScript. C'est une tutoriel interactive de JavaScript  
*[http://www.openjs.com/tutorials/basic_tutorial/ ABC of JavaScript.] C'est un tutoriel interactif de JavaScript (anglais)
*SELFHTML Tutoriel par Stephan Münz (Allemande et français)  
*[http://selfhtml.org/ SELFHTML] Tutoriel par Stephan Münz (allemand et français)  
:*JavaScript/DOM (Allemande)
*[http://de.selfhtml.org/javascript/index.htm JavaScript/DOM] (allemand)  
:*JavaScript/DOM (Français). Contient une introduction à JavaScript, à DOM et une référence objet.
*Welcome To JavaScript for the Total Non-Programmer (WebTeacher).


===Tutoriels général on-line ===
*[http://www.webteacher.com/javascript/ Welcome To JavaScript for the Total Non-Programmer] (WebTeacher) (anglais)
*JavaScript tutorial. Divers tutoriels par Mark "Tarquin" Wilton-Jones. C'est bien surtout si vous avez d'expérience sur le programmation.
*[https://www.codecademy.com/fr/learn/javascript Cours JavaScript (CodeAcademy)] Tutoriel d'apprentissage point par point (anglais)
*Web Design/An Introduction to Programming with Javascript (Wikiversity project.)  
*A re-introduction to JavaScript Introductions récents sur le langage de Mozilla. (2006)  
*JavaScript (Tutoriel de WikiBooks).


===Ancien types de JavaScript  ===
===Tutoriels généraux on-line ===
*[http://www.howtocreate.co.uk/tutorials/javascript/ JavaScript tutorial.] Divers tutoriels par Mark "Tarquin" Wilton-Jones. C'est bien surtout si vous avez de l'expérience en programmation. (anglais)
*[http://en.wikiversity.org/wiki/Web_Design/An_Introduction_to_Programming_with_Javascript Web Design/An Introduction to Programming with Javascript] (Wikiversity project.) (anglais)
*[http://developer.mozilla.org/en/docs/A_re-introduction_to_JavaScript A re-introduction to JavaScript] Introductions récentes sur le langage de Mozilla. (2006) (anglais)
 
===Anciens types de JavaScript  ===
(mais utile)  
(mais utile)  


*Stefan Koch's Voodoo's Introduction to JavaScript. Il n'existe pas moderne DOM . Il y a une page en français: Introduction à JavaScript
*[http://www.chez.com/qaghan/JavaScript/fscriptn.php Introduction à JavaScript]  Page en français:
*JavaScript and HTML: possibilities and caveats par Jukka "Yucca" Korpela, 2005.  
*[http://www.cs.tut.fi/~jkorpela/forms/javascript.html JavaScript and HTML: possibilities and caveats] par Jukka "Yucca" Korpela, 2005.


===Formes  ===
===Formes  ===
*JavaScript and HTML Tricks, par Joseph Myers, Webreference, Juin 2008.
Il n'y a pas de liens disponibles.
*How to Use a JavaScript Query String Parser,par Joseph Myers, Webreference, Juin 2008.
*How to Use Javascript to Validate Form Data, par Joseph Myers, Webreference, Oct. 2008.  


===Tutoriels de JavaScript, DOM et DHTML ===
===Tutoriels de JavaScript, DOM et DHTML ===
*Introduction to the DOM Introduction to the DOM of IE/ Firefox par Timothy Francis Brady.  
*[http://wsabstract.com/javatutors/dom.shtml Introduction to the DOM Introduction to the DOM of IE/ Firefox] par Timothy Francis Brady. (anglais)
*Dynamic Content with DOM-2 (Part I of II) par S.A. LePera, O'Reilly 2001
*[http://www.brainjar.com/ BrainJar.com.] (anglais) Expériences de Mike Hall sur la programmation web. Inclut des tutoriels bien et GNU licence code. Par exemple, [http://www.brainjar.com/dhtml/events/ The DOM Event Model] ou [http://www.brainjar.com/dhtml/drag/ Generic Drag] (anglais)
*BrainJar.com. Expériences de Mike Hall sur le programmation web. Inclue des tutoriels bien et GNU licence code. P.ex. The DOM Event Model ou Generic Drag  
*[http://www.howtocreate.co.uk/tutorials/javascript/dombasics DOM nodes and tree] (anglais) par Mark "Tarquin" Wilton-Jones. Les questions et les réponses fondamentales.  
*DOM nodes and tree par Mark "Tarquin" Wilton-Jones. Les questions et les réponses fondamentales.  


===Utilisateur JavaScript ===
===Utilisateur JavaScript ===
*Take Control with User JavaScript. Pour Opera  
*[http://www.opera.com/support/tutorials/userjs/specs/ Take Control with User JavaScript]. Pour Opera.
*Greasemonkey pour FF


===DOM CSS ===
===DOM CSS ===
*DOM CSS par Mark "Tarquin" Wilton-Jones. Un tutorial sur les styles.  
*[http://www.howtocreate.co.uk/tutorials/javascript/domcss DOM CSS] par Mark "Tarquin" Wilton-Jones. Un tutoriel sur les styles. (anglais)


===Tutoriels d'Ajax et de DHTML ===
===Tutoriels d'Ajax et de DHTML ===
*La page DHTML chez le centre de développement de Mozilla (demos)  
*La page [http://developer.mozilla.org/en/docs/DHTML DHTML] du centre de développement de Mozilla (demos) (anglais) 
*Dynamic HTML and XML: The XMLHttpRequest Object - Apple, 2004
*[http://en.wikipedia.org/wiki/AJAX Ajax (programming)]. Ajax ou Asynchronous JavaScript et XML est un terme pour décrire les techniques de développement web pour créer des applications interactives. (Article Wikipedia, 2005, anglais)  
*Ajax (programming). Ajax ou Asynchronous JavaScript et XML est une terme pour decrire les technique de developpement web pour créer des application interactive. (Article Wikipedia, 2005)
*Asynchronous JavaScript Technology and XML (AJAX) Avec le plateforme Java 2, Edition Enterprise (!), technical Sun Developer Network article, Juin 2005)  
*AJAX : Demystifying the buzz for all platforms. chez Web Forefront Mai 2005. Un article court intro
*Putting AJAX to work Article d'InfoWorld


===Tutoriels de JavaScript pour les programmeurs ===
===Tutoriels de JavaScript pour les programmeurs ===
*Illumination on JavaScript Prototypes, par Morris Johns.  
*[http://www.ccs.neu.edu/home/dherman/browse/linux/es4/src/spec/overview/gradual-typing.doc Evolutionary programming in ES4], 2007 (document à télécharger, en anglais)
*Object-Oriented JavaScript, Webreference, 2007 par Cristian Darie, Bogdan Brinzarea
*[https://developer.mozilla.org/fr/docs/Web/JavaScript/Introduction_%C3%A0_JavaScript_orient%C3%A9_objet/ Introduction à JavaScript orienté objet], MDN (français)
*evolutionary programming in ES4, 2007
 
===Canvas HTML5===
* [[Canvas (HTML5)]]


==Collections et liens des sites ==
==Collections et liens des sites ==
===Indexes Générale===
===Index Général===
*DMoz JavaScript (Index détaillé)
*[http://www.objenv.com/cetus/oo_javascript.html Object-Oriented Language: JavaScript / ECMAScript] (Liens de Cetus) (anglais)  
*Yahoo's js directory (Liste détaillé)
*[http://websitetips.com/dhtml/ DHTML, DOM] and [http://websitetips.com/javascript/ JavaScript, ECMAScript, AJAX] (WebsiteTips.com). (anglais)
*Mozilla's JavaScript Scripting Resources Un petit liste avec des liens utiles.  
*Object-Oriented Language: JavaScript / ECMAScript (Liens de Cetus)  
*DHTML, DOM and JavaScript, ECMAScript, AJAX (WebsiteTips.com).  


===Sites ressources avec des tutoriels et l'aide ===
===Sites ressources avec des tutoriels et l'aide ===
*Quirksmode CSS and Javascript tips par Peter Paul Koch. Tutoriel et exemples, tableaux de compatibilités.  
*[http://www.quirksmode.org/ Quirksmode CSS and Javascript tips] par Peter Paul Koch. Tutoriel et exemples, tableaux de compatibilités.  
*Webmonkey: Javascript collection. Il y a des liens bons mais les tutoriels sont anciens.
*JavaScript tutorials at webreference(Plusieurs!)


==Les sites avec des codes JavaScript==
==Les sites avec des codes JavaScript==
===Scripts et collections de script  ===
===Scripts et collections de script  ===
*Brothercake (Une collection bien)  
*[http://www.brothercake.com/site/resources/scripts/ Brothercake] (Une bonne collection) (anglais)  
*CodeThat. Gratuite.  
*[http://www.dhtmlgoodies.com/index.html?page=smallscripts/ DHTMLGoodies.com.] Il y a beaucoup de bons scripts. Le site est facile à utiliser. (anglais)
*DHTMLGoodies.com. Il y a beaucoup des scripts bons et actuel. Facile à utiliser leur site.  
*[http://www.dynamicdrive.com/ Dynamic Drive] Gratuite DHTML (peut-être que quelques scripts ne sont pas actuels) (anglais)  
*Doc JavaScript, une site webreference.com.
*[https://www.hotscripts.com/ Hotscripts JavaScript] (Une collection bien) (anglais)  
*Dynamic Drive Gratuite DHTML (peut-être quelques scripts ne sont pas actuels)  
*[http://www.javascriptkit.com/cutpastejava.shtml JavaScript Kit] Code pour copier/coller (plus de 400). Peut-être un peu ancien. (anglais)  
*HotScripts.com/JavaScript (Une collection bien)  
*[http://openjsan.org/ JavaScript Archive Network] (JSAN) (anglais)  
*Java Script Browser Sniffer chez webreference.com. Mise à jour 10/09/2006
*[http://www.howtocreate.co.uk/tutorials/javascript/examples Exemples] (anglais) et [http://www.howtocreate.co.uk/jslibs/ JavaScript libraries] (anglais) de [http://www.howtocreate.co.uk/tutorials/javascript/ JavaScript tutorial] (anglais) par Mark "Tarquin" Wilton-Jones.  
*JavaScript Kit Code pour copier/coller (plus que 400). Peut-être un peu ancien.
*JavaScript Made Easy. Quelques exemples jolis (mais la page donne des erreurs de JS... )  
*JavaScript Archive Network (JSAN)  
*JavaScript tutorials at webreference (il y a aussi un liste bien sur des sites avec des codes).  
*Scriptsearch. Une grande collection de scripts (aussi tutoriels, etc.)
*Top10 Most Useful JavaScripts chez Hyperdisc, Unitec.
*Examples and JavaScript libraries de JavaScript tutorial par Mark "Tarquin" Wilton-Jones.  


'''Pour des programmeurs'''
'''Pour des programmeurs'''
*BrainJar.com. Experiences de Mike Hall sur la programmation web. Il y a aussi des bons tutoriels et code du licence de GNU.  
*[http://www.brainjar.com/ BrainJar.com]. Expériences de Mike Hall sur la programmation web. Il y a aussi de bons tutoriels et code de licence de GNU. (anglais)
*DHTMLKitchen.  
*[http://www.fortybelow.ca/hosted/dhtmlkitchen/JavaScript-Query-Engines.html DHTMLKitchen]. (anglais)  
*DHTML Demonstrations Using DOM/Style (centre developpement de Mozilla)  
*[http://userjs.org/ userjs.org] (active jusqu'à 2006) (anglais)  
*userjs.org (active jusqu'à 2006)  


'''Exemples de livres'''  
'''Exemples de livres'''  
*JavaScriptWorld Une site de JavaScript et d'Ajax pour le web, Visual QuickStart Guide, edition six.  
*[http://www.javascriptworld.com/ JavaScriptWorld] Un site de JavaScript et d'Ajax pour le web, Visual QuickStart Guide, édition six. (anglais)
*PPK on JavaScript - the example scripts
*[http://www.quirksmode.org/book/examplescripts.html PPK on JavaScript - the example scripts] (anglais)
 
[[en:JavaScript]]
[[Category: Programmation]]
[[Category: Ebauches]]
[[Category: JavaScript]]
[[Category: Ressources STIC]]

Dernière version du 2 novembre 2020 à 16:51

JavaScript
brouillon débutant
2020/11/02

Définition

Cette page contient une petite liste de liens sur JavaScript, un Langage de script pour la programmation informatique. Des ressources sont également disponibles sur ce wiki, voir par exemple :

Références et Manuels

Introduction et résumé général

Références et manuels pour JavaScript

  • JavaScript du centre de developpement de Mozilla.
  • Guide de Core JavaScript 1.5 peut s'utiliser comme un tutoriel seulement pour le langage. Utiliser avec JS 1.2 et JS1.3. Le guide pour les objets JavaScript built-in non-standardized, utiliser les specs de DOM pour les DOM objets.
  • Guide JavaScript 1.5 (Copie locale d'une ancienne version de Netscape)
  • HTML 5 Dernière mise à jour 22 octobre 2020. Ce projet ajoute des particularités à HTML et au DOM qui facilitent l'écriture des applications Web-based (basé web). Les additions comprennent le contexte des menus, des canvas graphiques, les fenêtres pop-up et les événements server-sent...

Important : L'essentiel des langages JavaScript/JScript/Actionscript ont été définis par ECMAScript. Il y a peut-être quelques petites différences et divers degrés d'implémentation.

  • JSLint est un outil de validation online qui contrôle la partie professionnelle de JavaScript qui est un langage plus strict que la version définie par Edition 3 de ECMAScript Language Specification.
  • JavaScript Syntax (Wikipedia, in English)
  • Tout JavaScript 2ème Edition est un livre édité par le propriétaire de Tout JavaScript il a été publié le 21/10/2020 et s'adresse au débutant comme aux développeurs avancés.

Le Document Object Model (DOM)

Pour plus d'informations vous pouvez consulter ce lien : Document Object Model.

Spécifique JavaScript Référence DOM

  • Référence Mozilla DOM Index remarque les références (zip et PDF) plus tutoriels
  • Référence Mozilla DOM Gecko
  • Histoire : pour les anciens navigateurs de NS 4.7 et non-standardisé prétendu DOM 0 (p.ex. HTML inline, interfaces des navigateurs) vous pouvez aussi lire : Guide JavaScript 1.3 et Guide JavaScript 1.3 issue de Tecfa. Ce sont d'anciens documents mais ils sont encore de bons référents sur l'utilisation d'objets "standards" de JavaScript. En ce moment, ces documents ne sont pas disponibles en ligne (17/11/2018).

FAQ et petites références

  • Articles sur IRT : incluent FAQ sur JavaScript Dates, Formes, Frames, Images, Fichiers Source, Layers, Liens, Numéros, Strings, Tableaux et Fenêtres

spécialisée et tableaux de compatibilités

Events

Tutoriels et sites de tutoriels

Attention : Propositions de quelques tutoriels n'est pas trop claire, mais ils sont bien supportés.

Tutoriels (débutant)

Tutoriels généraux on-line

Anciens types de JavaScript

(mais utile)

Formes

Il n'y a pas de liens disponibles.

Tutoriels de JavaScript, DOM et DHTML

Utilisateur JavaScript

DOM CSS

  • DOM CSS par Mark "Tarquin" Wilton-Jones. Un tutoriel sur les styles. (anglais)

Tutoriels d'Ajax et de DHTML

  • La page DHTML du centre de développement de Mozilla (demos) (anglais)
  • Ajax (programming). Ajax ou Asynchronous JavaScript et XML est un terme pour décrire les techniques de développement web pour créer des applications interactives. (Article Wikipedia, 2005, anglais)

Tutoriels de JavaScript pour les programmeurs

Canvas HTML5

Collections et liens des sites

Index Général

Sites ressources avec des tutoriels et l'aide

Les sites avec des codes JavaScript

Scripts et collections de script

Pour des programmeurs

  • BrainJar.com. Expériences de Mike Hall sur la programmation web. Il y a aussi de bons tutoriels et code de licence de GNU. (anglais)
  • DHTMLKitchen. (anglais)
  • userjs.org (active jusqu'à 2006) (anglais)

Exemples de livres