Exercice uniquement en HTML / CSS pour débutants.

Vous êtes développeur et cherchez de nouveaux défi pour vous améliorer et vous ne savez pas par où commencer ? Ne cherchez plus !

Dans cet article, nous allons vous dévoiler un projet en html et css, un exercice UNIQUEMENT en HTML/CSS, spécialement conçus pour les débutants et qui peut vous donner du fil a retordre.

Découvrez ce projet pratique devenir votre tremplin vers une carrière réussie dans le développement web.

Les solutions aux exercices prochainement.

Voir 3 exercices en vidéo (vous pouvez essayer les deux autres bien évidement :

Le pancake extensible avec HTML 4 et CSS Grid

En quoi consiste l’exercice numéro 1 ?
Il sert à vous apprendre à créer un layout courant que vous verrez tout au long de votre carrière et qui, si on est pas entrainé, peut vite devenir compliqué.

Mais alors quel est ce layout ?
voici un exemple en image :

Qu’est ce que cela veux dire ? Qu’est ce qu’on voit ?

On remarque que le Header se trouve collé tout au dessus et le Footer collé tout en bas et la particularité ici c’est que le main prendra le maximum de place disponible, que le footer restera TOUJOURS collé en bas et le header TOUJOURS collé tout en haut et ce quel que soit la hauteur de chacun des éléments.

Cet exercice peut être réalisé avec 2 ligne de code en CSS seulement.

Indice pour y arriver : dirige toi vers CSS Grid.
Voici le lien vers la documentation : https://developer.mozilla.org/fr/docs/Web/CSS/grid

Et un jeu pour t’entrainer et te perfectionner : https://cssgridgarden.com/#fr

 

Cet exercice vient de la chaine youtube Marcodeur qui s’adresse aux débutant et néophyte en code