Vous êtes ici : Accueil > Formations > FlexBox : Rendre les pages flexibles

Formation FlexBox : Rendre les pages flexibles

Maîtrisez la mise en page et l'alignement Flex sous CSS3 avec la propriété FlexBox
Présentation
Plan détaillé
Ressources
Discussion
Avis (0)

Description de la formation

Dans cette formation FlexBox, vous allez maîtriser la mise en page et l'alignement Flex sous CSS3 avec la propriété FlexBox.

# HTML, CSS et la propriété FlexBox

+ Html et CSS

HTML est un langage de balises qui va nous permettre de pouvoir structurer nos pages web. Tandis que Le langage CSS permet de mettre en forme le document HTML.

+ C'est quoi HTML ?

HTML (Hyper TextMarkup Language) est un langage de balisage permettant de créer une page Web. Les pages Web sont généralement affichées dans un navigateur Web. Ils peuvent inclure du texte, des liens, des images et même du son et de la vidéo. HTML est utilisé pour marquer et décrire chacun de ces types de contenu afin que le navigateur Web puisse les afficher correctement.

+ C'est quoi CSS ?

Alors que HTML est utilisé pour structurer une page Web, notamment définir des éléments tels que les titres et les paragraphes et vous permettre d'incorporer des images, des vidéos et d'autres médias, CSS (Cascading Style Sheets) permet de spécifier le style de la page Web ; les mises en page, les couleurs et les polices sont toutes déterminées avec CSS. Vous pouvez considérer HTML comme la fondation d'une maison et CSS comme les choix esthétiques comme si vous faîtes la différence entre un manoir victorien et une maison moderne du milieu du siècle.

+ C’est quoi FlexBox ?

Flexbox dans CSS3 est un modèle de boîte flexible qui succède aux solutions de display "inline" et "float" pour gérer la disposition des éléments et structure des pages web.

# Ce que vous allez apprendre dans cette formation FlexBox ?

Vous allez passer en revue l'ensemble des différentes propriétés CSS liées à la technologie FlexBox.

Tout d'abord vous allez apprendre les comportements de base par défaut des FlexBox afin de bien prendre en main cette superbe technologie sans pour autant être dérouté par des comportements inattendus.

Ensuite vous allez aborder le sujet des axes, la notion est essentielle pour bien comprendre pour être ensuite à l'aise avec la technologie FlexBox.

Vous allez par la suite apprendre à manipuler des contenus, à les rendre totalement flexibles. Cela signifie qu'ils se positionneront exactement comme vous l'aurez décidé et qu'en plus ils adapteront leur comportement suivant la largeur de l'écran de la personne qui viendra visiter la page.

+ Le formateur expert Carl BRISON

Au long de cette formation Avancée en HTML et CSS, le formateur expert Carl BRISON sera votre guide et vous aidera à maîtriser les notions avancées en HTML et CSS. Comme il vous dotera avec des astuces et techniques de bonne pratiquer susceptibles d'optimiser le travail de développement Web de vos projets professionnels.

+ Les bénéfices de cette formation FlexBox

A l'issue de cette formation, vous serez à l'aise avec les concepts et notions de la propriété FlexBox, ce qui vous permet de développer vos compétences professionnelles. Cette formation constitue un autre pas dans votre carrière de développeur-se Web Front End.

+ Les formations HTML et CSS :

Le cursus des formation HTML et CSS se compose de :

Formation HTML et CSS : Le guide du débutant

Formation HTML et CSS - Le niveau avancé

•Formation FlexBox - Rendre les pages flexibles

Formation Flexbox et Bootstrap 4 : Le Guide Complet du Responsive

Objectifs

Manipulation du conteneur et des contenus avec FlexBox

Alignement des items avec les propriétés CSS3 FlexBox

Apprendre à gérer de l'espace des conteneurs avec FlexBox

Se familiariser avec la notion d’axe FlexBox

Concevoir et gérer un site web responsive

Prérequis

Connaître les bases des langages HTML & CSS

Public concerné

Toute personne voulant apprendre à concevoir un site web responsive 

Etudiants en développement web

Autodidactes

Formateur : Carl BRISON
Date de mise en ligne : 23-09-2020

Evaluations


5
(10 votes)
5
10
4
0
3
0
2
0
1
0
Ceci peut aussi vous intéresser