Bibliothèque ouverte

Ressources
gratuites

Fiches pratiques, tutoriels vidéo, outils et références — une sélection soigneusement choisie pour les apprenants et les concepteurs du digital.

25+Ressources disponibles
8Thématiques
100%Gratuites
html 📄 Fiche 09-02-2026
Les liens relatifs

Sujet souvent délicat pour les débutants mais essentiel en informatique et en web particulièrement, les liens relatifs sont ceux qui permettent de naviguer de page en page sur un site internet.

Consulter la fiche →
wordpress 📄 Fiche 29-01-2026
Installer un wordpress sur son ordinateur

Savoir installer WordPress en local permet d'apprendre, tester ou préparer un projet, sans avoir à apsser par un hébergeur et donc sans engager des frais.

Consulter la fiche →
excel ▶ Vidéo 22-01-2026
Excel : l'efficacité réside dans la méthode

Excel est un outil puissant que l'on ne présente plus. Mais pour en tirer le meilleur, il faut bien organiser et structurer ses données. Dans cet exemple concret nous partons d'un fichier client pour l'optimiser.

Voir la vidéo →
vscode ▶ Vidéo 06-01-2026
Snippets sur VSCode

Il y a souvent du code très récurrent. Pour gagner du temps et ne pas tout retaper continuellement, on peut créer et utiliser des snippets, des bouts de code enregistrés dans notre IDE. Explication et démonstration avec le logiciel VSCode.

Voir la vidéo →
html 📄 Fiche 21-10-2025
Structure de la page

C'est la notion de base pour débuter son apprentissage en HTML : structurer la page HTML pour qu'elle soit conforme aux recommandations.

Consulter la fiche →
html 📄 Fiche 21-10-2025
Les formulaires

Omniprésents sur le web (recherches, paiement, filtres, avis, chat, posts ...), les formulaires sont indispensables à connaître pour un développeur, même débutant.

Consulter la fiche →
php ▶ Vidéo 09-04-2025
Les cookies de session

Les cookies de session sont essentiels pour un site web, à la différence des autres types de cookies.

Voir la vidéo →
css 📄 Fiche 08-04-2025
Les sélecteurs CSS

Les sélecteurs en CSS permettent de cibles les éléments HTML à designer.

Consulter la fiche →
php 📄 Fiche 31-03-2025
Les boucles en PHP

Les boucles sont des structures de contrôle incontournables des langages de programmation. Voici les boucles disponibles en PHP.

Consulter la fiche →
php 📄 Fiche 31-03-2025
Les variables en PHP

Les variables sont des espaces de stockage dans lesquels on peut placer du texte, des chiffres, entiers ou réels, mais aussi des booléens voire des fichiers.

Consulter la fiche →
php ▶ Vidéo 22-03-2025
Concept de routing

Le concept de route ou de routing est un concept clé de la programmation web. Dans cette fiche, je vous propose de comprendre le principe.

Voir la vidéo →
php ▶ Vidéo 15-03-2025
Les includes en PHP

Les includes en PHP permettent d'inclure un fichier dans un autre fichier, permettant ainsi d'éviter la réécriture de code.

Voir la vidéo →
design ▶ Vidéo 07-03-2025
Introduction à Figma

Le logiciel Figma est un leader incontournable du maquettage et du prototypage web. Découvrez son interface dans ce premier épisode.

Voir la vidéo →
javascript ▶ Vidéo 04-03-2025
Menu responsive

Le responsive est essentiel aujourd'hui. En plus de l'aspect (css) il est important de créer un événement JS pour afficher et masquer la navigation.

Voir la vidéo →
javascript ▶ Vidéo 03-03-2025
Lightbox en JS

La lightbox permet de créer un effet de popup sur une image. Quand on clique dessus, l'image apparaît en grand au-dessus du reste du contenu.

Voir la vidéo →
css ▶ Vidéo 02-03-2025
wireframe

Faire un wireframe est la première étape de la création d'un site. Dans cette vidéo, nous vous proposons de la méthodologie sur ce sujet.

Voir la vidéo →
javascript 📄 Fiche 02-03-2025
Boucle FOR en JS

Les boucles sont des instructions essentielles dans tous les langages de programmation. Dans cette fiche, nous vous proposons de découvrir la boucle for en JavaScript.

Consulter la fiche →
html 📄 Fiche 02-03-2025
Sémantique HTML

Une notion importante en seo ! La sémantique c'est le fait de faire sens avec du code. Le code lu, simplement, sans connaissance particulière, doit faire sens. Cet usage du code html doit conduire à un meilleur référencement naturel.

Consulter la fiche →
html 📄 Fiche 02-03-2025
Les listes en HTML5

Les listes en HTML sont un élément essentiel qu'il est nécessaire de maîtriser parfaitement. Elles servent d'une part à créer des listes, comme sur un logiciel de traitement de texte, mais également à créer les menus déroulants en css.

Consulter la fiche →
javascript 📄 Fiche 28-02-2025
Les variables en JS

Comme tous les langages, le JavaScript utilise des variables pour stocker et manipuler les informations.

Consulter la fiche →
design 🔗 Site externe 26-02-2025
www.dafont.com

Ce site répertorie un grand nombre de typographies, libres ou non.

Accéder au site →
css 📄 Fiche 25-02-2025
Menu déroulant

Les menus déroulants sont un élément essentiel de la navigation web. Grâce aux listes HTML et au CSS, il est possible de créer des menus déroulants élégants sans utiliser de JavaScript.

Consulter la fiche →
html 🔗 Site externe 25-02-2025
www.validator.w3.org

Le site officiel du W3C (organisme qui régule les langages du web). Vous pouvez copier/coller ou importer votre fichier de code pour le faire valider et vous assurer de respecter les standards définis. Le traitement des erreurs doit se faire dans l'ordre car une erreur au début peut engendrer de nombreux messages d'erreur dépendants.

Accéder au site →
design 🔗 Site externe 25-02-2025
www.pixabay.com

Le respect du copyright est essentiel en web comme ailleurs. Vous apprécierez que le vôtre soit respecté ! Sur ce site, vous trouverez des images, des vidéos, des sons libres de droits avec parfois une demande de citation que vous placerez dans le ALT de votre image ou dans vos mentions légales.

Accéder au site →
design 🔗 Site externe 25-02-2025
www.unsplash.com

Ce site ressemble également à pixabay mais sa spécialité ce sont les photos HD. Des payasages superbes et des détails parfois époustouflants. Pensez bien à gérer la taille de vos images sur vos sites. Le temps de chargement est un élément clé du référencement.

Accéder au site →
design 🔗 Site externe 25-02-2025
www.freepik.com

Ce site ressemble à pixabay mais il est davantage orienté sur le vectoriel. Vous y trouverez également des fonds et des mockups intéressants.

Accéder au site →

Envie d'aller plus loin ?

Découvrez nos formations complètes sur ces mêmes thématiques.

Voir les formations