GithubGoogleDoc

29 Présentation & suite

# Présentation

Préparez-vous maintenant à présenter votre portfolio.

:memo: Note

Veuillez présenter en particulier les choses que vous avez résolues spécialement ou différemment du modèle. Montrez-nous également le comportement reponsive de votre page.

  • Qu'est-ce qui a été difficile et qu'est-ce qui a été facile ?

  • Qu'avez-vous apprécié, moins apprécié?

  • Quel est le défi ou le détail dont vous êtes le plus fier ?

  • Expliquer un détail de code ?

  • Qu'est-ce que vous retirez de ce cours ?

:hand: Tâches

Veuillez saisir le lien vers votre site web dans ce document Google

Félicitations !

Vous avez travaillé sur tous les chapitres et avez réussi le cours. Peut-être avez-vous également réussi à résoudre certains défis ? Nous espérons que vous avez apprécié le cours et que vous en retirerez de nouvelles connaissances qui vous aideront dans votre parcours professionel.

# Feedback

:hand: Tâches

Afin de pouvoir adapter et améliorer en permanence notre cours et notre guide, nous comptons sur vos commentaires. Veuillez prendre un moment et répondre à quelques questions de manière anonyme.

remplir le formulaire de retour d'information

:memo: Note

La liste suivante devrait vous servir de référence pour d'autres sujets importants. Certaines d'entre eux seront expliquées par les intervenants pendant le cours, en fonction du temps disponible.

# Accessibilité (Accessibilité)

L'accessibilité dans le développement du web signifie que les personnes ayant des limitations physiques (par exemple un handicap visuel) peuvent également exploiter des sites web. Contrairement aux utilisateurs qui s'orientent visuellement et cliquent sur des surfaces avec la souris ou le doigt, ces utilisateurs utilisent généralement le clavier en combinaison avec un lecteur d'écran. Il s'agit de programmes qui lisent à haute voix le contenu des sites web.

La création de sites web accessibles avec HTML et CSS est relativement facile à condition de respecter quelques règles de base.

Principes d'accessibilité

  • Définir les titres des pages, les balises "meta" et la langue du document

  • Utilisez des balises sémantiques (par exemple <footer> et <header>) au lieu d'éléments <div> sans signification

  • Choisissez des contrastes de couleurs suffisants et des tailles de police généreuses

  • Ne jamais supprimer complètement l'état de mise au point (le contour lors de la mise au point des liens ou des champs de saisie)

  • Permet une navigation facile avec la touche de tabulation

  • Utiliser des titres hiérarchiquement corrects (<h1>-<h6>)

  • Décrire les graphiques avec l'attribut "alt" et éviter les graphiques avec du texte

  • Utilisez les attributs aria si nécessaire. Ils aident le lecteur d'écran à interpréter correctement le contenu.

L'adhésion à ces normes n'améliore pas seulement l'accessibilité, elle fournit également une bonne base pour l'optimisation des moteurs de recherche.

En savoir plus sur Accessiblité

SEO (optimisation pour les moteurs de recherche)

Si vous voulez être trouvé sur des moteurs de recherche comme Goolge ou DuckDuckGo, il y a beaucoup de choses à prendre en compte. Beaucoup de choses coïncident avec les principes d'accessibilité. Cependant, il y a quelques éléments supplémentaires à garder à l'esprit.

Principes du SEO

  • Alignez votre contenu avec ce que les visiteurs taperaient dans un moteur de recherche.

  • Rédiger des titres et des méta descriptions significatifs

  • Rédiger des textes plus longs et de qualité

  • Éviter les doublons, les duplications de contenu

  • Optimisez la taille de vos images

  • Optimiser la vitesse des pages

  • Assurer une bonne expérience utilisateur sur toutes les tailles d'écran, des polices de caractères lisibles, des liens et des boutons faciles à cliquer.

  • Utiliser des mots-clés dans l'URL

  • Utiliser les liens internes

  • Assurez-vous que d'autres sites web ont un lien avec le vôtre (backlinks)

En suivant ces règles de base, votre site web devrait idéalement être trouvé. Cependant, il n'y a aucune garantie. Vous n'avez aucune influence directe sur la priorisation des résultats de votre site web sur les moteurs de recherche.

En savoir plus sur le référencement

# Outils et organisation du travail

Il existe de nombreux petits outils et aides qui vous facilitent le codage de site plus ou moins complexe.

# Plugins de l'éditeur

Vous pouvez installer les plugins suivants pour Visual Studio Code, l'un des éditeurs de code les plus populaires à l'heure actuelle. Bien entendu, les mêmes plugins et des plugins similaires sont également disponibles pour d'autres éditeurs.

# Git (Versioning)

Avec Git, vous pouvez versionner votre site web. Vous pouvez revenir à une version plus ancienne à tout moment, par exemple, si un bogue le rend nécessaire. Git est également un outil important lorsque plusieurs développeurs travaillent ensemble sur un projet, afin qu'ils n'écrasent pas les progrès de développement des autres. Git reconnaît si des modifications ont été apportées au même dossier et avertit en conséquence lorsqu'il fusionne plusieurs efforts de développement parallèles. Ce guide a également été conçu dans l'optique d'un flux de travail Git.

  • Git (Site officiel de Git)

  • Github (la plus grande plateforme de codage au monde basée sur Git)

  • Gitlab (même concept que Github, fournisseur différent)

  • Bitbucket (même concept que Github, fournisseur différent)

# Framework

Il n'est pas toujours nécessaire de réinventer la roue et de tout écrire à partir de zéro. Un framework est une sorte de bibliothèque avec des éléments et des fonctions préétablis sur lesquels vous pouvez vous appuyer.

# Ressources

# Exemples de codes et inspiration.

# Trouver de l'aide

(Magazines et blogs) Magazines et blogs

Chaînes Youtube Chaînes YouTube

# Apprentissage et tutoriaux

Précédent28 Valider et testerSuivantDéfis

Dernière mise à jour