Category Code

Un site gratuit sur le web en 5 leçons - 5.La publication et l'hébergement

Nous voici à la 5ème et dernière leçon de cette série. Vous êtes normalement en possession d’un site fonctionnel que vous avez pu adapter selon vos désirs. Il ne reste plus qu’à le publier et à le partager sur les réseaux pour le partager avec le monde entier. Dans ce cas-là, on se tourne en général vers un hébergeur. Il existe beaucoup d’hébergeurs de sites web mais souvent, c’est délicat à gérer pour un néophyte.

Un site gratuit sur le web en 5 leçons - 4.Les templates

Si vous êtes arrivé à cette leçon-ci et que vous avez compris les 3 premières, je vous garantis, vous avez déjà fait le plus compliqué. Cette étape-ci n’est qu’une application des connaissances apprises dans les leçons précédentes. Comme vous l’entendrez de la plupart des personnes qui travaillent dans l’informatique, il y a un dicton qui dit, il ne faut pas réinventer la roue. Et bien dans ce cas-ci, c’est exactement ce que l’on va faire.

Inspecter du code dans votre navigateur

Je vous ai déjà parlé des éditeurs de code et le fait que j’ai jeté mon dévolu sur vscode depuis quelques temps pour coder. Mais j’ai oublié de vous parler d’un outil qui vous sera sûrement utile quel que soit votre niveau en web. Cet outil, c’est l’inspecteur de code que vous pouvez trouver dans la plupart des navigateurs modernes. Pour l’activer dans google chrome ou firefox, il suffit dans une page web de cliquer droit sur la souris et dans le menu proposé, vous aurez la possibilité de soit inspecter ou alors d’examiner l’élément.

Un site gratuit sur le web en 5 leçons - 3.Les grilles

La leçon précédente posait les bases de l’HTML/CSS. Avec de l’entrainement, vous verrez que l’on prend vite le pli et c’est assez facile à pratiquer finalement. Mais tout recommencer à chaque création de page, c’est un peu pénible surtout le placement des différents éléments de la page. Depuis quelques années, il faut aussi prendre en compte les différents écrans. Alors ça c’est devenu le gros morceau du web de nos jours.

Un site gratuit sur le web en 5 leçons - 2.HTML & CSS

Voici un article qui a pour but de vous initier au HTML/CSS qui est le langage par défaut interprêté par les navigateurs pour afficher une page web. HTML: je décris mon contenu Le HTML est le langage informatique standard évalué par les différents navigateurs. La plupart des site sont donc construits en HTML. Si l’on construit un site en HTML/CSS, on crée un site qu’on va appeler plus généralement site statique.

Un site gratuit sur le web en 5 leçons - 1.Git: les bases

Git, c’est quoi Bienvenue dans la première partie de ce tutoriel. Cette première partie est consacrée à GIT. Même si vous ne comprenez pas tout du premier coup, ne vous inquiétez pas. Vous allez voir, de nouveaux horizons vont s’ouvrir. Git est le système de versioning de fichiers le plus connu et le plus répandu. Alors d’abord un système de versioning, qu’est ce que c’est ? Vous avez sûrement déjà été confronté à ce problème, vous avez écrit un texte sur votre ordinateur (sur word par exemple).

Un site gratuit sur le web en 5 leçons - Améliorer vos compétences

Ca y’est, je me lance dans un premier long tutoriel qui va vous permettre de créer votre premier petit site internet statique. je vous montrerai aussi comment le publier et l’héberger sur internet facilement pour qu’il soit accessible à tous. Dans ce tuto, nous aborderons les matières suivantes: git, github, Html/Css, Bootstrap. J’essayerai d’être concis et de vous montrer un exemple simple mais pas simpliste. Nous ne pourrons bien entendu pas parcourir l’ensemble de ces matières, ce serait beaucoup trop vaste.

Bannière animée: After Effect + Bodymovin, une très bonne combinaison

Les animations de bannière sur le web ont pas mal évoluées depuis que je suis dans le métier. On est passé du gif où il fallait toujours trouver le bon équilibre entre animation fluide et qualité d’image. Le poids était souvent celui qui gagnait et on se retrouvait avec une qualité très basse ou alors des animations saccadées. L’alternative se trouvait au sein de Flash. On pouvait sauver son animation en swf et les navigateurs supportaient la lecture de banner en flash.

Vscode, un éditeur pour les gouverner tous

Un des outils le plus important quand on crée des sites sur internet, c’est l’éditeur de code. Il en existe toute une série. Certains font le pari de se spécialiser et d’autres restent assez généraliste. Je vais vous donner ci-dessous mon top 3 et je terminerai avec le bonus qui pour moi est venu surclasser la concurrence il y a quelques temps déjà: Sublime text Atom Brackets Il y a quelques années, on passait notre temps à trouver une alternative à dreamweaver.

Portainer, une interface pour gérer ses conteneurs

Un petit rappel concernant docker et son installation Docker, ça peut paraître compliqué quand on n’y connait rien en admnistration serveur. Je l’ai déjà expliqué dans un article précédent, Docker va s’occuper de segmenter dans des conteneurs des applications. On peut donc en faire tourner toute une série sur un serveur ou sur un ensemble de serveurs. Le deuxième obstacle pour les non-initiés, c’est l’apprentissage du terminal. J’espère que les non-barbus ne viennent pas de déguerpir.