Soyez le premier à commenter cet article !

Décortiquons un peu ce site !

L'article

Posté le 13 Apr 2018 à 18:19 / Modifié le 13 Apr 2018 à 18:29

philippebeck.jpg

Construction de mon site web, avec le minimum de code extérieur & définit par les critères suivants : Architecture => utilisation de PJS comme squelette d’application + Meta => Canonical, Google Site Verification, OpenGraph & Twitter Card + Global => animations au chargement sur la barre de navigation & sur toutes les pages principales, de l’accueil aux atlas + animations au survol sur toutes les images des projets du portfolio & de nombreux boutons du site + Accueil => affichage d’images aléatoires sur la page d’accueil + Layout => changement de couleur de certains éléments du header & du footer selon le moment de la journée + Header => header avec photo utilisateur réagissant au survol par une animation + Footer => footer proposant des liens vers les plateformes liées à la programmation + SVG => intégration de SVG directement dans le HTML pour minimiser les requêtes serveurs, lorsque c’est possible + Portfolio => inclusion de mon Portfolio avec les projets GitHub, les pens CodePen, les certificats de parcours OpenClassrooms, les cours et les certificats associés OpenClassrooms & SoloLearn + mise en place de données structurées : Schema.org/CreativeWork sur les 7 projets & les 2 pens & Schema.org/Course sur les 52 cours (sémantique/SEO) + PJS => inclusion des documentations complètes des 3 principaux outils, avec une présentation sommaire de PJS + mise en place de données structurées : Schema.org/SoftwareApplication sur les 4 outils de conception web (sémantique/SEO) + Blog => inclusion d’une partie Blog, avec ajout possible de commentaires, via un compte utilisateur + commentaires agrémentés des diverses infos habituelles dont la photo de profil du commentateur + Partie Univers => inclusion d’une galerie sur l’astronomie proposant au minimum une cinquantaine de clichés de Hubble, avec un Slider des plus belles images en entête, ne nécessitant pas jQuery + Photos => chaque photo a une page dédié proposant des infos générales & des liens, dont les principaux identifiants des objets celestes, mais aussi l’image sous plusieurs formats (original TIF, dimensions originales JPG, fonds d’écran tablette, laptop & desktop, World Wide Telescope), ainsi que des accès directs vers les données des objets photographiés sur les bases de données officielles (LEDA, CDS/IAU, NASA/NED), sans oublier les crédits d’utilisation des images + Atlas => inclusion d’un tableau listant 19 atlas célestes rares, anciens & en couleur, leur auteur, avec lien vers le wiki de l’auteur et/ou de l’atlas, ainsi que vers les galeries de cartes célestes + Cartes => chaque atlas a une page dédié contenant une galerie de toutes les cartes de l’atlas + mise en place de données structurées : Schema.org/CreativeWork sur les 19 atlas (sémantique/SEO) + Utilisateur => il s’agit de 3 pages : une pour la création du compte utilisateur, une pour sa modification & une pour sa connexion + Administration => de nombreuses pages, car l’admin permet le CRUD sur de nombreux contenus : articles, commentaires, utilisateurs, projets, pens, parcours & cours, donc des pages de création & de modification sont présentes + Upload => plusieurs contenus permettent l’upload d’images : articles, utilisateurs & projets + Jury => une partie consacré à la présentation des projets est présente, mais cachée comme l’admin, accessible uniquement par le jury & moi-même + Comments => toutes lignes commentées + GIMP / Inkscape => certains traitements effectués sur certaines images (portfolio, PJS & atlas) + Htaccess => htaccess configuré pour renvoyer http vers https & www.philippebeck.net vers philippebeck.net + Réseaux Sociaux => intégration d’un bouton de suivi Twitter sur l’accueil & le portfolio + intégration de boutons de partages FaceBook, Twitter & LinkedIn sur chaque outils dans la section Pjs & sur chaque article du Blog + Sitemap => sitemap,xml en place & liée à la Google Search Console + Indexation => 94 pages indexées par Google + Liens => autres sites ayant des liens vers philippebeck.net : stackoverflow.com / programfaqs.com / openclassrooms.com / npmjs.com / librairies.io / github.com / packagist.org + 897 liens internes + GitHub => code open-source disponible sur GitHub : https://github.com/philippebeck/philippebeck + Production => https://philippebeck.net

Les Commentaires

Ajouter un commentaire