Pendant que j'apprends le javascript, je fait quelques pages
d'exemples. Donc ces pages sont essentiellement destinées
à moi-même.
(Une mini-présentation de javascript faite au cours MITIC de l'IFMES)
Développements fait sous un autre site : http://claparede.educanet2.ch/gisin3os/index.html
Voici quelques sources que j'utilise pour apprendre et développer du javascript :
http://www.toutjavascript.com/main/ en français
C'est un excellant site, qui vous enseigne les bases du javascript,
vous donne des renseignement sur des outils proches du javascript,
comme le DHTML et le PHP et vous donne plus de 130 exemples en
javascript.
http://www.getelementbyid.com/news/index.aspx en anglais ou
http://www.getelementbyid.com/scripts/index.aspx
en anglais
Plus de 40 bons exemples en javascript pour faire du DHTML (Dynamic Hyper Text Markup Language)
C'est à dire des pages web dynamiques.
http://www.webreference.com/js/ en anglais
Une référence concernant le web. (Aussi : http://www.webreference.com/, plus général)
http://www.w3schools.com/js/default.asp en anglais
Une référence concernant le web, pour apprendre. (Aussi : http://www.w3schools.com/, plus général)
http://devedge.netscape.com/central/javascript/ en anglais
Le site de Netscape concernant le javascript.
Voici d'autres site que j'ai notés dans mes signets (=favoris),
mais que je n'ai pas beaucoup utilisé.
http://richard.geneva-link.ch/951v.html en français
Un cours d'introduction à javascript, bien fait et humoristique.
http://wwwedu.ge.ch/cptic/prospective/enseignements/sic/pages_web/scripts.html en français
Les pages web de référence d'un enseignant qui donne des
cours de formations sur la création de pages web au CPTIC.
Il donne de nombreuses références et ressources dans : http://wwwedu.ge.ch/cptic/prospective/enseignements/sic/pages_web/ressources.html
http://www.javascript.com/ en anglais
Informations sur le javascript.
http://javascript.internet.com/ en anglais
Beaucoup d'information sur le javascript, avec des exemples.
http://www.ccim.be/ccim328/js/indexsc.htm en français
Donne des lessons simple sur le javascript, mais n'a pas été mis à jours depuis plusieurs années.
http://www.javascriptcity.com/
en anglais
Lessons de javascript, exemples, ressources, liens vers d'autres sites.
Par exemple, il donne les liens vers les sites expliquant le javascript, de
Netscape et celui de Microsoft.
http://www.walterzorn.com/
Des exemples et routines toutes faites en javascript.
Les routines sont excellantes, faciles à utiliser, malgré que
je ne les comprendes pas.
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/script56/html/js56jsoriJScript.asp en anglais
C'est un peu le chenille. Je ne m'y retrouve pas trop.
Voici des références d'éditeurs pour le javascript.
On peut développer du javascript en utilisant n'importe quel éditeur de texte. Mais certain logiciels vous facilite beaucoup la tache.
J'utilise Antechinus JavaScript Editor version 10.0, qui n'est pas parfait,
mais bien fait. Référence : http://www.c-point.com/
en anglais
J'ai testé le logiciel pour écrire du code javascript : http://www.trans4mind.com/personal_development/jsEditorTutorial/
en anglais, mais je ne l'ai pas trop aimé. Aucun éditeur
n'est vraiment bien, mais celui que je préfère est le
premier de la liste de référence que je donne.
J'ai testé le logiciel eclipse, qui est plus axé sur le langage
java, mais permet aussi de développer du javascript. Mais attention,
j'ai mis plusieurs heures à comprendre comment il fonctionne. De plus,
j'ai du rechercher sur internet des suppléments, pour le faire fonctionner
en français et pour l'utiliser avec javascript. C'est un logiciel lourd
et compliqué, mais une fois qu'il est installé, il est bon. Référence
: http://www.eclipse.org/ en anglais
Pour un plug-in à rajouter au logiciel eclipse, pour éditer du
javascript, voir : http://sourceforge.net/projects/jseditor/
http://www.ee.ryerson.ca/~hkataria/
NetBeans : http://www.netbeans.org/
Excellant éditeur pour de l'HTML et du Javascript, mais pas en WYSIWYG.
La syntax est bien colorée, beaucoup d'aide durant l'édition,
le marquage automatique du tag de fin lorsqu'on est sur le tag de début,
de même pour les parenthèses.
A l'origine, cet éditeur était fait pour développer du
java.
Actuellement (2009) c'est avec eclipse LA référence pour l'édition
de programmes en java et bien d'autres langages.
Je ne connais aucun éditeur de pages web qui me satisfasse entièrement.
En voici quelques-un, mais chacun a ses défauts.
KompoZer.net est gratuit, mais détruit
le formattage du texte HTML que l'on a écrit.
Mozilla SeaMonkey est gratuit,
c'est un logiciel intégré qui possède un éditeur
HTML intégré, mais qui a le même défaut que KompoZer.
De plus, si une partie de la page contient du PHP, il est effacé.
=> utilisable que dans des situations très simples.
Actuellement, j'utilise Macromedia Dreamweaver, version 3.0, acheté il
y a plus de 10 ans.
Adobe Dreamweaver CS4
est une des références actuelle pour le développement de
site web. Mais le prix de plus de 600 CHF ( 400 euros) n'est pas encourageant.
Je n'ai pas trouvé d'anciennes versions, bon marché.
Adobe GoLive est une
autre référence, que je ne connais presque pas. A l'origine plus
axée sur Mac.
Son développement a été arrêté par Adobe,
vu son rachat de Dreamweaver.
J'ai lu mais pas testé que eclise
possède un plug-in qui permet le développement de pages web en
WYSIWYG.
Voici des références de quelques Navigateurs :
Mozilla SeaMonkey
Un navigateur de la même famille que Netscape, gratuit. Il contient aussi
un éditeur de pages web.
En février 2009, la version 1.1.14 est la standard.
Mozilla Firefox
Un navigateur de la même famille que Netscape, gratuit. Il est excellant,
c'est une référence actuellement.
En février 2009, la version 3.0.6 est la standard.
Netscape n'est plus développé, mais remplacé par Firefox
Opera
Un navigateur alternatif, comme il y en a beaucoup d'eautres, mais qui vaut
le détour.
La page de téléchargement est en anglais, mais le navigateur fonctionne
en français.
En cherchant les mots : navigateur, mozilla, netscape, opera, avantbrowser,
safari, vous trouverez d'autres navigateurs.
(Safari est un navigateur de référence sur le Mac. Il n'existe
pas de version windows à ma connaissance)
Internet Explorer
Malgré que c'est le navigateur le plus utilisé, c'est aussi celui
qui respecte le moins les standards défini par la communauté Internet.
Donc je ne l'utilise que rarement, pour des tests et quand l'accès à
une page web mal faite m'est indispensable.
Voici LA référence qui m'a donné envie d'apprendre le javascript.
ZERO, des maths pour le collège et des énigmes logiques
Voici quelques exemples que j'ai développé moi-même, pour apprendre.
Exemples de Java scripts et d'images roll-over.
Un exemple de page protégée par un pseudo mot de passe.
Exemple de gestion d'événements.
Exemple d'information sur l'ordinateur.
Pour ceux qui croient que Windows XP est stable avec Internet
Explorer, voici un petit exemple javascript, qui plante Windows XP
quand il est exécuté avec Internet Explorer. J'ai eu tant
de plantées complètes du système Windows XP, que
j'ai fini par mettre cette exemple.
Cliquez ici pour aller dans la page qui donnera le lien sur le fichier qui plante Windows XP avec IE.
Exemple de gestion de sons. Ancienne version : gestion de sons ancien
Exemple de capture du clavier et d'affichage à l'écran.
Exemple d'images associées aux liens.
Exemple de jeux pour apprendre le livret.
Exemple de gestion de son par un timer.
Exemple 1 d'une image qui se déplace.
Exemple 2 d'une image qui se déplace au hasard.
Exemple 3 d'images qui se déplacent.
Exemple 4 d'images qui se déplacent (script dans un fichier externe).
Exemple 1 de positionnement d'images avec la souris.
Exemple 2 de positionnement d'images avec la souris.
Exemple 3 de positionnement d'images avec la souris (script dans un fichier externe).
Exemple d'écriture dans une fenêtre de debbuging.
Exemples de production en javascript de mes élèves de 3ème OS application des mathématiques, développé au printemps 2010.
Un jeu de tir développé par Raphaël Lutz : Tir au canon avec du vent.
Une table de jeu de go pour deux joueurs développé par Younes Louhichi : Jeu de Go.
Un jeu d'ampoules à allumer développé par Ivan Ardizzone : Jeu d'ampoules. Version modifiée par moi.
Un jeu de tir sur un vaisseau ennemi développé par Alexandre Doyen : Tir sur vaisseau ennemi.
Un jeu de casse briques développé par Ahmed Hagose : Casse briques.
Un jeu de tri de déchets développé par Aurélie Pham : Tri de déchets.
Un jeu de jet pack développé par Lionel Jeanneret : Jet Pack.
Un jeu d'aventure développé par Mathieu Aberle : Jeu d'aventure.
Un jeu de "Memory" développé par Lisa Rigotti : Jeu de Memory.
Un début de jeu d'échecs développé par Michael Pedro : Jeu d'échecs.
Un début de jeu de Super Mario, développé par Sari Alwan : Super Mario.
javascript.html
( = http://www.juggling.ch/gisin/javascript/javascript.html )