« Liens JavaScript » : différence entre les versions
Aller à la navigation
Aller à la recherche
(43 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 | 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 : | ||
* [[JavaScript]] | |||
* [[Initiation à la pensée computationnelle avec JavaScript]] | |||
*[ | |||
*[ | |||
=== | == Références et Manuels == | ||
*[http://developer.mozilla.org/en/docs/JavaScript JavaScript | === Introduction et résumé général === | ||
*[http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide Guide de Core JavaScript 1.5] peut utiliser comme un | *[http://en.wikipedia.org/wiki/Javascript JavaScript] (Wikipedia) | ||
===Références et manuels pour JavaScript === | |||
*[http://developer.mozilla.org/en/docs/JavaScript JavaScript du centre de developpement de Mozilla]. | |||
*[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://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] | *[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 | *[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) | *[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 | ===Le Document Object Model (DOM) === | ||
*[http://www.w3.org/DOM/Activity W3C Document Object Model (DOM) Activity Statement] (remarque | *[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 | 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 === | ||
*[ | *[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 | ||
*[ | *[https://developer.mozilla.org/fr/docs/Référence_DOM_Gecko 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). | |||
*Histoire: | |||
===FAQ et | ===FAQ et petites références === | ||
*[http://www.irt.org/script | *[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 | ||
=== | ===spécialisée et tableaux de compatibilités === | ||
Events | Events | ||
*[ | *[https://www.quirksmode.org/dom/events/index.html Event compatibility tables.] Résumé sur des tableaux de Quirksmode. | ||
*[http://en.wikipedia.org/wiki/DOM_Events DOM events] (Wikipedia). | *[http://en.wikipedia.org/wiki/DOM_Events DOM events] (Wikipedia, anglais). | ||
*[ | *[https://developer.mozilla.org/en-US/docs/Web/API/Event DOM:event] (Gecko référence DOM, anglais) | ||
==Tutoriels et sites de tutoriels == | |||
'''Attention''' : Propositions de quelques tutoriels n'est pas trop claire, mais ils sont bien supportés. | |||
==Tutoriels | ===Tutoriels (débutant) === | ||
' | *[http://www.landofcode.com/javascript/ Javascript tutorials] (plusieurs codes, anglais). Bien. | ||
*[http://www.w3schools.com/js/ JavaScript Tutorial (W3Schools)] (anglais) | |||
*[http://javascript.about.com/od/reference/a/js101.htm JavaScript 101] (anglais) | |||
*[http://www.sitepoint.com/print/javascript-from-scratch JavaScript from Scratch] (anglais) | |||
*[http://www.openjs.com/tutorials/basic_tutorial/ ABC of JavaScript.] C'est un tutoriel interactif de JavaScript (anglais) | |||
*[http://selfhtml.org/ SELFHTML] Tutoriel par Stephan Münz (allemand et français) | |||
*[http://de.selfhtml.org/javascript/index.htm JavaScript/DOM] (allemand) | |||
*[http://www.webteacher.com/javascript/ Welcome To JavaScript for the Total Non-Programmer] (WebTeacher) (anglais) | |||
*[http://www. | *[https://www.codecademy.com/fr/learn/javascript Cours JavaScript (CodeAcademy)] Tutoriel d'apprentissage point par point (anglais) | ||
*[ | |||
===Tutoriels | ===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 | *[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.) | *[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 | *[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) | ||
* | *[http://www.chez.com/qaghan/JavaScript/fscriptn.php Introduction à JavaScript] Page en français: | ||
*[http://www.cs.tut.fi/~jkorpela/forms/javascript.html 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 === | ||
Il n'y a pas de liens disponibles. | |||
===Tutoriels de JavaScript, DOM et DHTML === | ===Tutoriels de JavaScript, DOM et DHTML === | ||
*[http://wsabstract.com/javatutors/dom.shtml 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) | ||
*[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) | |||
*[http://www.brainjar.com/ BrainJar.com.] Expériences de Mike Hall sur | *[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. | ||
*[http://www.howtocreate.co.uk/tutorials/javascript/dombasics DOM nodes and tree] par Mark "Tarquin" Wilton-Jones. Les questions et les réponses fondamentales. | |||
===Utilisateur JavaScript === | ===Utilisateur JavaScript === | ||
*[http://www.opera.com/support/tutorials/userjs/specs/ Take Control with User JavaScript]. Pour Opera | *[http://www.opera.com/support/tutorials/userjs/specs/ Take Control with User JavaScript]. Pour Opera. | ||
===DOM CSS === | ===DOM CSS === | ||
*[http://www.howtocreate.co.uk/tutorials/javascript/domcss DOM CSS] par Mark "Tarquin" Wilton-Jones. Un | *[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 [http://developer.mozilla.org/en/docs/DHTML DHTML] | *La page [http://developer.mozilla.org/en/docs/DHTML DHTML] du centre de développement de Mozilla (demos) (anglais) | ||
*[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) | |||
*[http://en.wikipedia.org/wiki/AJAX Ajax (programming)]. Ajax ou Asynchronous JavaScript et XML est | |||
===Tutoriels de JavaScript pour les programmeurs === | ===Tutoriels de JavaScript pour les programmeurs === | ||
*[http:// | *[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) | ||
*[https://developer.mozilla.org/fr/docs/Web/JavaScript/Introduction_%C3%A0_JavaScript_orient%C3%A9_objet/ Introduction à JavaScript orienté objet], MDN (français) | |||
*[ | |||
===Canvas HTML5=== | |||
* [[Canvas (HTML5)]] | |||
==Collections et liens des sites == | ==Collections et liens des sites == | ||
=== | ===Index Général=== | ||
* | *[http://www.objenv.com/cetus/oo_javascript.html Object-Oriented Language: JavaScript / ECMAScript] (Liens de Cetus) (anglais) | ||
*[http://websitetips.com/dhtml/ DHTML, DOM] and [http://websitetips.com/javascript/ JavaScript, ECMAScript, AJAX] (WebsiteTips.com). (anglais) | |||
*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. | ||
==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 | *[http://www.brothercake.com/site/resources/scripts/ Brothercake] (Une bonne collection) (anglais) | ||
* | *[http://www.dhtmlgoodies.com/index.html?page=smallscripts/ DHTMLGoodies.com.] Il y a beaucoup de bons scripts. Le site est facile à utiliser. (anglais) | ||
*[http://www.dynamicdrive.com/ Dynamic Drive] Gratuite DHTML (peut-être que quelques scripts ne sont pas actuels) (anglais) | |||
* | *[https://www.hotscripts.com/ Hotscripts JavaScript] (Une collection bien) (anglais) | ||
*[http://www.javascriptkit.com/cutpastejava.shtml JavaScript Kit] Code pour copier/coller (plus de 400). Peut-être un peu ancien. (anglais) | |||
* | *[http://openjsan.org/ JavaScript Archive Network] (JSAN) (anglais) | ||
* | *[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 Archive Network (JSAN) | |||
* | |||
'''Pour des programmeurs''' | '''Pour des programmeurs''' | ||
*BrainJar.com. | *[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) | ||
*[http://userjs.org/ userjs.org] (active jusqu'à 2006) (anglais) | |||
*userjs.org (active jusqu'à 2006) | |||
'''Exemples de livres''' | '''Exemples de livres''' | ||
*JavaScriptWorld | *[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
- JavaScript (Wikipedia)
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)
- 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.
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
- Event compatibility tables. Résumé sur des tableaux de Quirksmode.
- DOM events (Wikipedia, anglais).
- DOM:event (Gecko référence DOM, anglais)
Tutoriels et sites de tutoriels
Attention : Propositions de quelques tutoriels n'est pas trop claire, mais ils sont bien supportés.
Tutoriels (débutant)
- Javascript tutorials (plusieurs codes, anglais). Bien.
- JavaScript Tutorial (W3Schools) (anglais)
- JavaScript 101 (anglais)
- JavaScript from Scratch (anglais)
- ABC of JavaScript. C'est un tutoriel interactif de JavaScript (anglais)
- SELFHTML Tutoriel par Stephan Münz (allemand et français)
- JavaScript/DOM (allemand)
- Welcome To JavaScript for the Total Non-Programmer (WebTeacher) (anglais)
- Cours JavaScript (CodeAcademy) Tutoriel d'apprentissage point par point (anglais)
Tutoriels généraux on-line
- JavaScript tutorial. Divers tutoriels par Mark "Tarquin" Wilton-Jones. C'est bien surtout si vous avez de l'expérience en programmation. (anglais)
- Web Design/An Introduction to Programming with Javascript (Wikiversity project.) (anglais)
- A re-introduction to JavaScript Introductions récentes sur le langage de Mozilla. (2006) (anglais)
Anciens types de JavaScript
(mais utile)
- Introduction à JavaScript Page en français:
- JavaScript and HTML: possibilities and caveats par Jukka "Yucca" Korpela, 2005.
Formes
Il n'y a pas de liens disponibles.
Tutoriels de JavaScript, DOM et DHTML
- Introduction to the DOM Introduction to the DOM of IE/ Firefox par Timothy Francis Brady. (anglais)
- BrainJar.com. (anglais) Expériences de Mike Hall sur la programmation web. Inclut des tutoriels bien et GNU licence code. Par exemple, The DOM Event Model ou Generic Drag (anglais)
- DOM nodes and tree (anglais) par Mark "Tarquin" Wilton-Jones. Les questions et les réponses fondamentales.
Utilisateur JavaScript
- Take Control with User JavaScript. Pour Opera.
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
- Evolutionary programming in ES4, 2007 (document à télécharger, en anglais)
- Introduction à JavaScript orienté objet, MDN (français)
Canvas HTML5
Collections et liens des sites
Index Général
- Object-Oriented Language: JavaScript / ECMAScript (Liens de Cetus) (anglais)
- DHTML, DOM and JavaScript, ECMAScript, AJAX (WebsiteTips.com). (anglais)
Sites ressources avec des tutoriels et l'aide
- Quirksmode CSS and Javascript tips par Peter Paul Koch. Tutoriel et exemples, tableaux de compatibilités.
Les sites avec des codes JavaScript
Scripts et collections de script
- Brothercake (Une bonne collection) (anglais)
- DHTMLGoodies.com. Il y a beaucoup de bons scripts. Le site est facile à utiliser. (anglais)
- Dynamic Drive Gratuite DHTML (peut-être que quelques scripts ne sont pas actuels) (anglais)
- Hotscripts JavaScript (Une collection bien) (anglais)
- JavaScript Kit Code pour copier/coller (plus de 400). Peut-être un peu ancien. (anglais)
- JavaScript Archive Network (JSAN) (anglais)
- Exemples (anglais) et JavaScript libraries (anglais) de JavaScript tutorial (anglais) par Mark "Tarquin" Wilton-Jones.
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
- JavaScriptWorld Un site de JavaScript et d'Ajax pour le web, Visual QuickStart Guide, édition six. (anglais)
- PPK on JavaScript - the example scripts (anglais)