En construction...

Références et exemples HTML, CSS, Javascript, PHP, ajax, java

Le but des pages qui suivent est de donner des références, des exemples et des productions concernant le HTML, le CSS, le Javascript, le PHP, ajax et java.
Il y aura des références en français et d'autres en anglais.

Pour apprendre une nouvelle notion, il est utile d'avoir :
° un bon cours ;
° une bonne référence (voir plusieurs références) ;
° des exemples ;
° des exercices ;
° de la pratique.
Le lien "documentation" ci-dessous donne des liens sur des cours et des références.
Le lien "Exemples" donnes de nombreux exemples.
Le lien "Exercices" donne des exercices guidés, d'autres se trouvent dans les cours.
Les liens "Productions" sont des exemples de productions assez complètes en javascript.


Références et exemples internes à mon site Web

Documentation, Concernant la création de pages Web, le HTML, le CSS et les langages associés.
Exemples, liste d'exemples utiles lors de la création de pages Web
Exercices, liste d'exercices de développement de javascript, avec des étapes intermédiaires.
Productions personnelles en 2009 - 2010, ce sont mes premiers essais en javascript.
Productions personnelles, exemples de productions personnelles ou remarquables.
Productions d'élèves en 2010, exemples de productions d'élèves.
Productions d'élèves en 2015, exemples de productions d'élèves.

Quelques références externes de base

Elles se retrouvent dans "Documentation", mais sont tellement utiles que je les ai mises ici.

En Français

Un cours sur le HTML5 et le CSS3, du site openclassrooms.com. J'ai acheté le livre qui se trouve intégralement sur leur site et qui est excellent.
Un cours sur le Javascript, du site openclassrooms.com. C'est un cours, pas une référence.
Une référence sur le Javascript, du site openclassrooms.com. C'est une référence, pas un cours.
Une références sur le javascript, du site toutjavascript.com.
Description des objets suivants et de leurs méthodes :
Array, Date, Function, Image, Math, Mots_clefs, navigator, Object, RegExp, String, window.

En Anglais

w3schools HTML Element Reference, tous les Tags HTML, les événements et plus...
w3schools CSS Reference, toutes les propriétés CSS.
w3schools javascript Reference, tous les objets javascript.
w3schools PHP 5 Reference, exemples et références PHP.

HTML.com, Learn to Code HTML & CSS
Javascript, learn javascript, du site HTML.com.





À reprendre et améliorer l'accessibilité.

Développements fait sous un autre site : http://claparede.educanet2.ch/gisin3os/index.html

Exemples de javascript fait en 2009 sur educanet2

Un micro-résumé de javascript au format .pdf.
Le micro-résumé de javascript au format .odt.

Un testeur de javascript.

Lien sur mon cours d'O.C. informatique.

Exemples du d'O.C. informatique 3ème 2014-15.

Exemples du d'O.C. informatique 3ème 2013-14.

Voici quelques sources que j'utilise pour apprendre et développer du javascript :

En français :

openclassrooms.com/courses , cherchez "javascript".
Un cours sur javascript. C'est un cours, pas une référence !
Syntaxe en javascript. Une référence, pas un cours.

http://www.toutjavascript.com/main/
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.

En anglais :

La référence du W3 sur javascript.
pour des fonctions globales.
pour des fonctions mathématiques..
pour des opérations sur des chaînes de caractères.
pour des commandes.
pour des dates ou mesure de temps.
pour des tableaux : "array".

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/

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 leçons 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 certains logiciels vous facilite beaucoup la tâche.
Je ne connais aucun éditeur de pages Web qui me satisfasse entièrement. En voici quelques-uns, mais chacun a ses défauts.

NetBeans : http://www.netbeans.org/
Excellant éditeur pour de l'HTML et du Javascript, mais pas en WYSIWYG.
C'est l'éditeur que j'utilise actuellement (en 2014).
La syntaxe 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 (2014) c'est avec eclipse LA référence pour l'édition de programmes en java et bien d'autres langages.

KompoZer.net   est un éditeur WYSIWYG gratuit. Mais il détruit le formattage du texte HTML que l'on a écrit.
Mozilla SeaMonkey   est un éditeur WYSIWYG 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, elle est effacée. => utilisable que dans des situations très simples.
Amaya   est un éditeur WYSIWYG gratuit. Il es développé par le groupe W3. Il a le même défaut que les précédents.
Bluegriffon.org   est un éditeur WYSIWYG gratuit. Il a le ême défaut que les précédents.

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/
J'ai lu mais pas testé que eclise possède un plug-in qui permet le développement de pages web en WYSIWYG.

J'ai utilisé Antechinus JavaScript Editor, 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é.

Aptana, à voir... ?

Adobe Dreamweaver 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é.

En anglais :
WebsiteSetup.ord explique comment créer un site Web en utilisant un CMS (Content Manager System), tel que WordPress.
L'avantage est qu'il ne faut pas codé de l'HTML et qu'on est aidé dans l'écriture du site Web.
Le désavantage est que l'on est dépendant de l'environnement WordPress.
Plusieurs environnements similaires ont existé, puis ont été abandonné, ce qui implique de tout recommencer. De plus, ces environnement assez complexes sont sensibles à des attaques et des failles de sécurités. Régulièrement des failles de sécurités sont découvertes dans ces environnement, il faut donc les mettre à jours régulièrement.
L'écriture de pages Web en HTML est plus complexe, mais plus sûr et sera fonctionnel durant de nombreuses années.

WebsiteSetup.org

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


Plan du Site : Home   arrow   bgweb.html ( = http://www.juggling.ch/gisin/bgweb/bgweb.html )


Page mise à jour le 14 septembre 2017 par Bernard Gisin     ( Envoyer un e-mail )
Hébergement par : www.infomaniak.ch