HTML : Bordel ça sert à quoi les flexboxs et les grid ?

Genre avant je voyais full <header> <nav> <footer> et autre connerie
maintenant que j'analyse une page web y'a que des <div> utilisant les flexbox

Quelqu'un m'explique bordel ? Plus besoin de mettre les balises classiques ?

up

up

up

C'est la grosse grosse base maintenant en css
Ca permet de faire soit des grilles soit des layouts

Header et div c'est juste du semantic tags ça n'a rien à voir avec flexbox ni grid et il faut privilégier header footer etc

Flexbox et grid c'est juste du css ça permet de placer tes éléments

Le 10 décembre 2022 à 15:25:08 :
C'est la grosse grosse base maintenant en css
Ca permet de faire soit des grilles soit des layouts

Ok mais ducoup imaginons que je veuilles faire un menu de navigation comme celui de jvc au dessus là

Je fais quoi ?
Je met des <div> dans un <nav> ?

Le 10 décembre 2022 à 15:25:46 :
Header et div c'est juste du semantic tags ça n'a rien à voir avec flexbox ni grid et il faut privilégier header footer etc

Flexbox et grid c'est juste du css ça permet de placer tes éléments

This, flexbox et grid, ça te permet très rapidement de placer tes composants, par contre faut être un mauvais dev pour ne pas mettre la bonne sementic. Tu peux utiliser les header/footer et autres avec flex et grid

Le 10 décembre 2022 à 15:29:11 :

Le 10 décembre 2022 à 15:25:46 :
Header et div c'est juste du semantic tags ça n'a rien à voir avec flexbox ni grid et il faut privilégier header footer etc

Flexbox et grid c'est juste du css ça permet de placer tes éléments

This, flexbox et grid, ça te permet très rapidement de placer tes composants, par contre faut être un mauvais dev pour ne pas mettre la bonne sementic. Tu peux utiliser les header/footer et autres avec flex et grid

mais ducoup j'imbrique mes containers <div> dans un <nav> par exemple ou l'inverse ?

Le 10 décembre 2022 à 15:27:53 zinzin3632 a écrit :

Le 10 décembre 2022 à 15:25:08 :
C'est la grosse grosse base maintenant en css
Ca permet de faire soit des grilles soit des layouts

Ok mais ducoup imaginons que je veuilles faire un menu de navigation comme celui de jvc au dessus là

Je fais quoi ?
Je met des <div> dans un <nav> ?

Tu peux mettre des div dans le nav oui, si tu as des éléments à séparer, en général dans une nav on utilise un ul et les li pour faire la nagivations

Le 10 décembre 2022 à 15:30:43 zinzin3632 a écrit :

Le 10 décembre 2022 à 15:29:11 :

Le 10 décembre 2022 à 15:25:46 :
Header et div c'est juste du semantic tags ça n'a rien à voir avec flexbox ni grid et il faut privilégier header footer etc

Flexbox et grid c'est juste du css ça permet de placer tes éléments

This, flexbox et grid, ça te permet très rapidement de placer tes composants, par contre faut être un mauvais dev pour ne pas mettre la bonne sementic. Tu peux utiliser les header/footer et autres avec flex et grid

mais ducoup j'imbrique mes containers <div> dans un <nav> par exemple ou l'inverse ?

C'est à toi de voir au niveau de la structure perso si j'ai un div en tant que élément frère, j'utilise à nouveau un div pour rester cohérent, ensuite tu peux mettre ta nav dedans

Y'a des plus en plus de contenu généré automatiquement donc dans beaucoup de pas des tonnes de div un peu crades quand les layouts sont mal faits.

Mais flexbox et grid n'ont rien à voir.

Tu peux aller voir sur différent site avec une nav pour voir leurs structure HTML avec l'inspecteur si tu doutes

Le 10 décembre 2022 à 15:32:07 :

Le 10 décembre 2022 à 15:30:43 zinzin3632 a écrit :

Le 10 décembre 2022 à 15:29:11 :

Le 10 décembre 2022 à 15:25:46 :
Header et div c'est juste du semantic tags ça n'a rien à voir avec flexbox ni grid et il faut privilégier header footer etc

Flexbox et grid c'est juste du css ça permet de placer tes éléments

This, flexbox et grid, ça te permet très rapidement de placer tes composants, par contre faut être un mauvais dev pour ne pas mettre la bonne sementic. Tu peux utiliser les header/footer et autres avec flex et grid

mais ducoup j'imbrique mes containers <div> dans un <nav> par exemple ou l'inverse ?

C'est à toi de voir au niveau de la structure perso si j'ai un div en tant que élément frère, j'utilise à nouveau un div pour rester cohérent, ensuite tu peux mettre ta nav dedans

hummm d'accord, je dois réviser
Ca vaut vraiment le coup que je tryhard le full stack plutôt que go wordpress ou shopify ?

Le 10 décembre 2022 à 15:34:10 :

Le 10 décembre 2022 à 15:32:07 :

Le 10 décembre 2022 à 15:30:43 zinzin3632 a écrit :

Le 10 décembre 2022 à 15:29:11 :

Le 10 décembre 2022 à 15:25:46 :
Header et div c'est juste du semantic tags ça n'a rien à voir avec flexbox ni grid et il faut privilégier header footer etc

Flexbox et grid c'est juste du css ça permet de placer tes éléments

This, flexbox et grid, ça te permet très rapidement de placer tes composants, par contre faut être un mauvais dev pour ne pas mettre la bonne sementic. Tu peux utiliser les header/footer et autres avec flex et grid

mais ducoup j'imbrique mes containers <div> dans un <nav> par exemple ou l'inverse ?

C'est à toi de voir au niveau de la structure perso si j'ai un div en tant que élément frère, j'utilise à nouveau un div pour rester cohérent, ensuite tu peux mettre ta nav dedans

hummm d'accord, je dois réviser
Ca vaut vraiment le coup que je tryhard le full stack plutôt que go wordpress ou shopify ?

Tryhard fullstack si tu veux un vrai job bien payé et recherché.
Go wordpress si tu veux devenir un sous-homme intégrateur web

Le 10 décembre 2022 à 15:34:10 zinzin3632 a écrit :

Le 10 décembre 2022 à 15:32:07 :

Le 10 décembre 2022 à 15:30:43 zinzin3632 a écrit :

Le 10 décembre 2022 à 15:29:11 :

Le 10 décembre 2022 à 15:25:46 :
Header et div c'est juste du semantic tags ça n'a rien à voir avec flexbox ni grid et il faut privilégier header footer etc

Flexbox et grid c'est juste du css ça permet de placer tes éléments

This, flexbox et grid, ça te permet très rapidement de placer tes composants, par contre faut être un mauvais dev pour ne pas mettre la bonne sementic. Tu peux utiliser les header/footer et autres avec flex et grid

mais ducoup j'imbrique mes containers <div> dans un <nav> par exemple ou l'inverse ?

C'est à toi de voir au niveau de la structure perso si j'ai un div en tant que élément frère, j'utilise à nouveau un div pour rester cohérent, ensuite tu peux mettre ta nav dedans

hummm d'accord, je dois réviser
Ca vaut vraiment le coup que je tryhard le full stack plutôt que go wordpress ou shopify ?

Honnêtement je ne connais pas le marché wordpress et shopify, donc je ne pourrai pas te dire, moi je suis fullstack JS, avec Vue JS et y'a un marché mais je te conseillerai de partir sur du React JS une fois que tu as appris et maîtriser les bases HTML/js/CSS. Les bases sont très importante avant de partir sur un framework

Le 10 décembre 2022 à 15:35:39 :

Ca vaut vraiment le coup que je tryhard le full stack plutôt que go wordpress ou shopify ?

Tryhard fullstack si tu veux un vrai job bien payé et recherché.
Go wordpress si tu veux devenir un sous-homme intégrateur web

Je serais pas aussi catégorique même si je suis aussi d'avis de d'abord go fullstack.
Mais WP est tellement un standard + aujourd'hui tu peux complètement faire du headless avec l'API et faire du dev React avec WP.

Les flexboxs et les grids sont des outils utilisés en CSS pour faciliter la mise en page des éléments d'une page web.

Les flexboxs sont utilisés pour créer des structures de layout flexibles et réactives. Ils permettent aux éléments d'une page web de s'adapter automatiquement à différentes tailles d'écran et de dispositifs, ce qui est utile pour créer des sites web responsives. Les flexboxs sont également utiles pour aligner et distribuer les éléments d'une page web de manière cohérente et harmonieuse.

Les grids, également appelés grilles de mise en page, sont utilisés pour créer des structures de layout plus complexes et sophistiquées. Ils permettent de définir des zones de la page web qui peuvent accueillir différents éléments, ce qui facilite la création de mises en page plus structurées et organisées. Les grids sont utiles pour créer des sites web qui nécessitent une disposition précise et un placement précis des éléments.

En résumé, les flexboxs et les grids sont des outils utiles pour la mise en page des pages web, et peuvent être utilisés ensemble ou séparément selon les besoins de votre site web.

Le 10 décembre 2022 à 15:37:32 :

Le 10 décembre 2022 à 15:35:39 :

Ca vaut vraiment le coup que je tryhard le full stack plutôt que go wordpress ou shopify ?

Tryhard fullstack si tu veux un vrai job bien payé et recherché.
Go wordpress si tu veux devenir un sous-homme intégrateur web

Je serais pas aussi catégorique même si je suis aussi d'avis de d'abord go fullstack.
Mais WP est tellement un standard + aujourd'hui tu peux complètement faire du headless avec l'API et faire du dev React avec WP.

ouai donc dans tous les cas j'apprends le backend quoi, c'est pas encore GR par des sites automatisés ?

Enfaite je veux améliorer ma culture info en général pour go freelance dans plein de domaine info

Le 10 décembre 2022 à 15:39:14 :

Le 10 décembre 2022 à 15:37:32 :

Le 10 décembre 2022 à 15:35:39 :

Ca vaut vraiment le coup que je tryhard le full stack plutôt que go wordpress ou shopify ?

Tryhard fullstack si tu veux un vrai job bien payé et recherché.
Go wordpress si tu veux devenir un sous-homme intégrateur web

Je serais pas aussi catégorique même si je suis aussi d'avis de d'abord go fullstack.
Mais WP est tellement un standard + aujourd'hui tu peux complètement faire du headless avec l'API et faire du dev React avec WP.

ouai donc dans tous les cas j'apprends le backend quoi, c'est pas encore GR par des sites automatisés ?

Enfaite je veux améliorer ma culture info en général pour go freelance dans plein de domaine info

Oui essaye de te faire des projets qu'on appelle : CRUD