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

Exemples, liste d'exemples utiles lors de la création de pages Web, avec du CSS, javascript et PHP.
Productions d'élèves et personnelles utilisant le javascript.
Productions personnelles depuis 2009.
Exemples provenant de mon cours d'OC informatique de 3ème de 2014-2015.
Exercices, liste d'exercices de développement de javascript, avec des étapes intermédiaires.
Documentation et liens concernant le HTML, CSS, javascript, PHP et des images.
Anciens liens : Javascript   CSS   PHP

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.
Beaucoup d'images animées ou non.
Plan du site précédent. Voir entre autre "Trucs et Astuces.

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 javascript Tutorial, plus d'objets, d'instructions et de fonctions javascript.
w3schools PHP 5 Reference, exemples et références PHP.

Event flow, Information sur la gestion des événements, en anglais.
HTML.com, Learn to Code HTML & CSS
Javascript, learn javascript, du site HTML.com.

Informations concernant la balise <meta> (tag META).

guru99, en anglais.
De nombreux tutoriels libres en anglais sur, Javascript, PHP, SQL, Java, Python. Pas sur HTML, ni sur CSS.

Éditeurs HTML


Lien pour accédez au contenu de votre site Web : Accès FTP à votre site Web.

Comment transférer par FTP une page Web depuis Seamonkey :
À fonctionné une fois, mais ne fonctionne pas depuis chez moi.
Publier :
Nom du site : le nom que vous voulez
Titre de la page : le titre de la page
Nom du fichier : exemple_1.html
Répertoire pour la page Web:   on laisse vide
Paramètres :
Nom du site : le nom que vous voulez   le même que précédemment
Adrsse de publication : ftp://borj.ftp.infomaniak.com/
Adresse HTTP de la page initiale : http://www.juggling.ch/zgisin
Nom d'utilisateur : borj_zgisin
Mot de passe : Votre mot de passe

Piskel, un logiciel de création d'images animées.




À 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://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
Leçons 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 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 janvier 2019, la version 72 est la standard.
about:config, explication des entrées.

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 30 janvier 2020 par Bernard Gisin     ( Envoyer un e-mail )
Hébergement par : www.infomaniak.ch