Garder une trace

À la manière d'un journal de bord, je lance ce blog pour journaliser mes petites expériences.

04 06 2021

/Confinement

Hello ! On va pas se mentir, depuis le confinement, chacun a cherché à s'occuper autrement. Entre la cuisine, la lecture, les jeux vidéo... on a vu fleurir sur Youtube de nouvelles chaines consacrées à toutes ces nouvelles activités.

Ce temps livré a soi-même m'a permis de me réintéresser à une passion longtemps mise de côté mais jamais totalement abandonnée : le développement web.

Plusieurs chaines sur le sujet ont vu le jour ces derniers mois et m'ont permis de constater à quel point j'avais pris du retard !
React, VueJS, JAMStack, Docker... Tant de noms que j'avais vu passer sans vraiment savoir ce que c'était, et à quel point la manière de développer un site a changé.

/Repartir de zéro

Je me suis donc mis à regarder des vidéos sur les différents sujets, sans trop expérimenter, comme ça, pour me tenir un peu informer. Mais j'avais très envie de tester, de mettre en pratique.

Alors voila : Ce blog va me permettre de tenir un journal perso de cette remise à niveau. Pas de prise de tête, pas de deadline, seulement une façon pour moi de garder une trace de ce que j'apprend au fur et à mesure, de mes interrogations, de mes liens utiles, mes réussites, mes échecs, mes projets...

Mes connaissances actuelles se limitent à HTML, CSS (base), PHP (objet, mais aucune connaissance sur un quelconque framework). Je ne maitrise pas du tout Javascript (Qui le maitrise réellement d'ailleurs...)

/Commençons par le commencement

J'ai commencé par me faire un petit dépôt GitHub privé (j'apprend au passage la possibilité de le faire depuis le rachat par Microsoft !).
Je ne suis pas du tout graphiste et ça ne m'intéresse pas plus que ça de le devenir alors j'ai cherché un petit template html5 sympa, que j'ai trouvé sur HTML5 UP.
J'ai installé Docker Desktop sur Windows, et j'ai créé un petit fichier DockerCompose à la racine de mon projet :

version: '3.3'
  services:
    php:
        build: .
        ports:
            - '80:80'
        volumes:
            - './_site:/app/'

Le DockerFile se contente d'installer php et quelques extensions, et de modifier quelques configurations de base.

J'écris ce billet directement en HTML, dans le code source, et je me sers de Docker pour voir le résultat (même si, on est d'accord, pour du HTML, c'est totalement inutile).

Pour le déploiement, j'utilise dploy qui n'est plus maintenu depuis longtemps, mais qui me va très bien pour le moment. Ayant déjà NodeJS en local (installé de base avec Laragon, une stack Apache-MySql-PHP très complète), je l'ai installé globalement sur mon système.

/Et ensuite ?

Comme on peut le constater, il y a plusieurs points étranges pour le moment :

  • Même si l'utilisation de dploy n'est pas directement liée au blog, il serait intéressant d'intégrer NodeJS et l'installation de dploy directement dans le Docker
  • J'ai installé Laragon pour de précédents projets, mais me servir de Docker me permettra de m'en passer totalement, et de ne pas dépendre d'une version de php par exemple (ce qui est l'un des avantages d'utiliser Docker)
  • On en parle de saisir ce billet directement en dur ?

Je n'ai jamais été très fan de déployer une machine de guerre pour de petits projets, et je ne me voyais pas me servir de WordPress pour faire ce blog.
Je suis assez intrigué par l'idée de laisser ce blog sous forme de site statique, mais avec un peu d'aide en amont ! Il existe plusieurs générateurs de site statique, et j'ai découvert le projet Cecil, que je vais donc certainement exploré pour ce blog.

/Conclusion

Et voilà ! Il me reste à commit ce billet, faire un petit coup de dploy dans ma console, et ce sera en ligne !
Ce billet deviendra certainement une page À propos à l'avenir, pour guider le nouvel arrivant.
Les interactions directes avec un lecteur qui se serait perdu ici ne sont pas possibles pour le moment (le seront-elles un jour ?), mais je reste évidemment joignable sur les différents réseaux sociaux, dont les liens sont sur le site principal.