Formation CSS Grid : Maîtriser le Responsive

Tuto vidéo Déplacement d'un contenu particulier

Déplacement d'un contenu particulier lié à une grille css
Présentation
Plan détaillé
Ressources
Discussion
Avis (2)

Description de la formation

Vous allez apprendre dans cette formation CSS Grid la mise en page de vos pages HTML d'une façon simple et facile et vous allez par conséquent maîtriser le responsive sous CSS3.

# C'est quoi CSS Grid ?

Une grille CSS (CSS Grid) peut être définie comme un ensemble croisé de lignes verticales et horizontales. La disposition CSS Grid sépare une page en sections principales. La propriété Grid CSS3 propose un système de disposition basé sur une grille comportant des lignes et des colonnes, qui facilite la conception de pages Web sans positionnement ni flottement. La disposition de la grille nous donne un moyen de créer des structures de grille représentées en CSS, pas en HTML.

Similaire au tableau, La CSS Grid permet à un utilisateur d'aligner les éléments en lignes et en colonnes. Mais comparé aux tableaux, il est facile de concevoir la mise en page avec la grille CSS. Nous pouvons définir des colonnes et des lignes sur la grille en utilisant les propriétés grid-template-rows et grid-template-columns.

Un conteneur de grille peut être créé en déclarant display : grid ou display : inline-grid sur un élément. Le conteneur Grid contient les éléments d'une grille qui sont placés à l'intérieur des lignes et des colonnes.

# Vous allez apprendre dans cette formation CSS Grid

Dans cette formation, vous allez apprendre à utiliser la technologie du CSS moderne Grid. Vous allez voir les différentes propriétés CSS3 liées à Grid.

Tout d'abord vous allez apprendre ce qu'est un conteneur et ce que sont les contenus. Ainsi vous pourrez comprendre comment il peut être facile de les manipuler en utilisant efficacement la technologie Grid du CSS3.

Vous allez par la suite apprendre à définir des colonnes ainsi que des lignes afin de faciliter la mise en page de nos différents items. Vous pourrez facilement donner une valeur de largeur à nos colonnes ainsi qu'une hauteur à nos lignes et ainsi définir une véritable grille où vous pouvez définir l'emplacement du header, de la nav, de l'article, du footer ou de toute autre boîte que vous aurez définie en HTML.

Vous allez voir également que grâce à la technologie CSS Grid, vous allez pouvoir déplacer très facilement les différents items sur l'écran sans toucher à aucun moment le code HTML.

A la fin de cette formation, vous serez parfaitement opérationnel pour mettre en page n'importe quel site web en utilisant la technologie moderne CSS Grid.

+ Le formateur expert Carl BRISON

Au long de cette formation CSS Grid, vous serez accompagné-e par le formateur Carl BRISON, qui sera votre guide pour maîtriser toutes les notions sur le module CSS Grid. Aussi, il vous dotera des astuces et bonnes pratiques à appliquer dans vos projets en développement de pages web responsives avec CSS3 et HTML.

+ Les bénéfices de laformation CSS Grid

A l'issue de cette formation, vous aurez tous les moyens et connaissances pour créer et mettre en page des site web responsive à l'aide de CSS3 et le module CSS Grid et ainsi vous gagner en compétences professionnelles sans oublier de laproductivité et la performance dans votre carrière de développeur web.

+ Les formations HTML et CSS

Le cursus des formations HTML5 et CSS3 se compose de : 

Objectifs

  • Savoir manipuler le conteneur et le contenu avec CSS Grid
  • Apprendre l'alignement des contenus avec CSS3
  • Savoir éditer de lignes et de colonnes et définir les zones CSS
  • Apprendre la manipulation du desktop et mobile first
  • Savoir travailler avec les Medias Queries

Prérequis

Public concerné

  • Toute personne désireuse d’apprendre à concevoir un site internet.
  • Etudiants débutants en développement web
Formateur : Carl BRISON
Date de mise en ligne : 13-08-2020

Evaluations


4.9
(12 votes)
5
11
4
1
3
0
2
0
1
0

Ce qu'ils disent de cette formation


  • Excellent ce cours. Par contre vous parlez de FlexBox dans ce cours. Avez-vous fait une vidéo sur cette notion ?

    Il y a 15 jours

    Bonjour cher Joseph,

    Je vous remercie pour votre intérêt.

    Nous sommes très content que vous soyez satisfaits de notre plateforme et nos formations :)

    Nous partageons de plus en plus de formations en IT grâce à vous.

    Effectivement la nouvelle formation sur FlexBox est en cours de préparation elle sera mise en ligne très prochainement d'ici quelques semaines ;)

    Bonne journée.  

    Il y a 15 jours
  • Merci beaucoup professeur pour cette formation, j'ai une petite reclamation la video de conclusion n'est pas disponible

    Il y a 29 jours

    Bonjour cher Adil,

    Je vous remercie pour votre intérêt;

    Le souci est résolu, la vidéo de conclusion est désormais disponible sur la formation.

    Je vous souhaite un excellent apprentissage sur notre plateforme :wink:

    Bonne journée. 

    Il y a 19 jours
Ceci peut aussi vous intéresser