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 →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 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 →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 →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 →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 →Les cookies de session sont essentiels pour un site web, à la différence des autres types de cookies.
Voir la vidéo →Les sélecteurs en CSS permettent de cibles les éléments HTML à designer.
Consulter la fiche →Les boucles sont des structures de contrôle incontournables des langages de programmation. Voici les boucles disponibles en PHP.
Consulter la fiche →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 →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 →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 →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 →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 →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 →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 →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 →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 →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 →Comme tous les langages, le JavaScript utilise des variables pour stocker et manipuler les informations.
Consulter la fiche →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 →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 →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 →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 →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 →