Site de Patrick Darcheville

Bienvenue sur mon site garanti sans cookies, sans publicité et entièrement gratuit !

Mes tutos relatifs à la programmation Web "côté client"

La programmation web côté client (ou développement web frontal ou "front-end" en anglais) consiste à produire du code HTML, CSS & JavaScript ; code qui sera interprété par le navigateur web.
Les navigateurs récents interprètent non seulement HTML, CSS, JavaScript mais aussi les langages XML tel SVG.

Si vous êtes complètement ignorant en programmation Web, commencez par le tutoriel "Débuter en programmation web". Vous trouverez aussi dans le tuto que je viens de citer, quelques pages sur PHP & MYSQL. Le PHP n'est pas un langage pour le développement web "front end" mais pour le développement "back-end" (programmation web côté serveur). Il peut cependant s'avérer utile que vous ayez quelques notions de PHP, même pour le développement frontal ... Je pense en particulier aux fonctions include() & require de PHP ...

Si vous avez déjà des notions de HTML & CSS mais que vous voulez découvrir toutes les nouveautés apportées par les versions 5 de HTML et 3 de CSS visitez alors les tutos "Tutoriel HTML v5" et "Tutoriel CSS v3".

Si vous voulez créer des pages dynamiques il faut recourir à la programmation avec JavaScript. Le code JavaScript peut être notablement simplifié en utilisant le célèbre Framework jQuery qui fait aussi l'objet d'un tuto.

Maintenant si vous voulez produire des dessins, des animations graphiques pour vos pages utilisez le format SVG (dessins vectoriels).

Compte tenu de l'importance croissante du format SVG vous trouverez plusieurs tutoriels sur ce format d'images :

Pour dessiner dans une page Web, il existe aussi une librairie JavaScript Canvas implémentée par tous les navigateurs récents.

Les extraits de code sont contenus dans des zones de texte "textarea" redimensionnables.
Quand au rendu de ce code avec le navigateur, il est affiché soit dans un nouvel onglet (pensez à le fermer) soit dans un "iframe"

Les pages du site sont "responsive" (adaptés à tous types d'écrans), Cependant la densité inévitable du texte peut rendre la visite laborieuse sur un écran de mobile. Sur une tablette l'ergonomie est déjà plus satisfaisante.

Autres tutos de mon site

Mon site portait à l'origine sur la programmation web mais je veux faire profiter les internautes de mes modestes connaissances en biologie aquatique. Aussi ai-je rajouté un tuto sur la faune et flore aquatique.

Lorsque les fautes d'orthographe sont trop nombreuses et lourdes, c'est la compréhension même du texte qui devient difficile. J'ai donc décidé de contribuer modestement à l'amélioration de l'orthographe des francophones en rajoutant un tutoriel sur ce sujet. Il n'y a pas de fatalité ; avec un peu de réflexion et quelques astuces, on peut faire beaucoup moins de fautes !

J'ai un nouveau centre d'intérêt depuis peu : le langage de programmation Python qui est en même temps un langage performant mais aussi simple à aborder. Par ailleurs il est orienté objet. Je viens donc de rajouter récemment un tutoriel sur ce langage. Ce tuto devrait intéresser tous les lycéens puisque c'est le langage enseigné dans le deuxième cycle pour l'initiation à la programmation.