Vous souhaitez apprendre à utiliser la technologie du CSS moderne, à savoir les flexbox ? Ce cours répond parfaitement à vos attentes ! Nous allons passer en revu l'ensemble des différentes propriétés CSS liées à la technologie flexbox. Tout d'abord nous allons apprendre ensemble 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 nous absorderons le sujet des axes. Cette notion est essentielle à bien comprendre pour être ensuite à l'aise avec la technologie des flexbox. Nous apprendrons à manipuler des contenus, à les rendre totalement flexibles. Cela signifie qu'ils se positionneront exactement comme nous l'aurons décidé et qu'en plus ils adapteront leur comportement suivant la largeur de l'écran qui viendra visiter la page.

1. Une formation
Carl BRISON
Formation
FlexBox
Rendre les pages flexibles

2. Cursus Développeur Front : HTML & CSS

3. Une formation
Introduction
1. Fonctionnement de flexbox
2. Les comportements par défaut
3. L'axe principal et l'axe secondaire
4. Manipulation des items
5. Application de toute la puissance de flexbox
6. Apprendre à travailler efficacement
7. Les propriétés de flexbox avancées
Conclusion
Plan de la formation

4. Une formation
Public concerné
Toute personne désireuse d’apprendre
à concevoir un site internet
Etudiants débutants en développement
web

5. Une formation
Connaissances requises
Connaître les langages HTML et CSS

6. Une formation
Livre conseillé

8. Carl BRISON
Une formation
Déclarer notre premier flexbox

9. Carl BRISON
Une formation
Manipuler des conteneurs

10. Carl BRISON
Une formation
Comprendre la direction
des items

11. Carl BRISON
Une formation
Comprendre le retour à la
ligne en direction row

12. Carl BRISON
Une formation
Découvrir la propriété raccourcie
de la direction et du retour à ligne

13. Carl BRISON
Une formation
Présentation

14. Carl BRISON
Une formation
Aligner suivant
l'axe principale en ligne

15. Carl BRISON
Une formation
Aligner suivant
l'axe principale en colonne

16. Carl BRISON
Une formation
Aligner suivant
l'axe secondaire en colonne

17. Carl BRISON
Une formation
Aligner suivant
l'axe secondaire en ligne

18. Carl BRISON
Une formation
Aligner un item particulier

19. Carl BRISON
Une formation
Ordonner l'affichage des items

20. Carl BRISON
Une formation
Augmenter la largeur des items

21. Carl BRISON
Une formation
Diminuer ou fixer la largeur
des items

22. Carl BRISON
Une formation
Manipuler dynamiquement
suivant l'axe secondaire vertical

23. Carl BRISON
Une formation
Manipuler dynamiquement suivant
l'axe secondaire horizontal

24. Carl BRISON
Une formation
Découvrir le jeu

25. Carl BRISON
Une formation
Répondre au qestionnaire
de 1 à 4

26. Carl BRISON
Une formation
Répondre au questionnaire
de 5 à 8

27. Carl BRISON
Une formation
Répondre au questionnaire
de 9 à 12

28. Carl BRISON
Une formation
Répondre au questionnaire
de 13 à 16

29. Carl BRISON
Une formation
Répondre au questionnaire
de 17 à 20

30. Carl BRISON
Une formation
Répondre au questionnaire
de 21 à 24

31. Carl BRISON
Une formation
Comprendre le viewport

32. Carl BRISON
Une formation
Comprendre les médias
queries

33. Carl BRISON
Une formation
Mettre en page le HTML

34. Carl BRISON
Une formation
Mettre en page la vue
desktop

35. Carl BRISON
Une formation
Mettre en page la vue mobile

36. Carl BRISON
Une formation
Comprendre le comportement
des contenus

37. Carl BRISON
Une formation
Manipuler la propriété
flex-grow

38. Carl BRISON
Une formation
Comprendre le côté fléxible
des contenus

39. Carl BRISON
Une formation
Conclure sur la propriété
flex-grow

40. Carl BRISON
Une formation
Manipuler la propriété
flex-basis

41. Carl BRISON
Une formation
Manipuler la propriété
flex-shrink

42. Carl BRISON
Une formation
Conclure sur la propriété
flex-shrink

43. Carl BRISON
Une formation
Découvrir la propriété
générique flex

44. Carl BRISON
Une formation
Exercice 1:
Créer une barre de nav
(1/2)

45. Carl BRISON
Une formation
Exercice 1:
Créer une barre de nav
(2/2)

46. Carl BRISON
Une formation
Exercice 2:
Créer une mise en page de type journal

47. Carl BRISON
Une formation
Découvrir la valeur baseline

48. Carl BRISON
Une formation
Analyser le projet et mettre
en place les bases HTML

49. Carl BRISON
Une formation
Mettre en place la base CSS
responsive du site

50. Carl BRISON
Une formation
Mettre en place la base CSS
responsive du header

51. Carl BRISON
Une formation
Mettre en place le détail
des zones du header

52. Carl BRISON
Une formation
Finaliser le header

53. Carl BRISON
Une formation
Mettre en place le détail
des zones de l'article

54. Carl BRISON
Une formation
Mettre en place le détail
de la DIV contenue dans la section

55. Carl BRISON
Une formation
Mettre en place la boîte div
de la propriété flex-direction

56. Carl BRISON
Une formation
Mettre en place les boîtes div des
propriétés flex-wrap et flex-flow

57. Carl BRISON
Une formation
Mettre en place la boîte div
de la propriété justify-content

58. Carl BRISON
Une formation
Mettre en place la boîte div
de la propriété align-items

59. Carl BRISON
Une formation
Mettre en place la boîte div
de la propriété align-content

60. Carl BRISON
Une formation
Mettre en place les boîtes div
des propriétés align-self et order

61. Carl BRISON
Une formation
Mettre en place les boîtes div des
propriétés flex-grow, flex-shrink,
flex-basis et flex

62. Carl BRISON
Une formation
Mettre en place le footer

63. Une formation
Carl BRISON
Conclusion
FlexBox
Rendre les pages flexibles

64. Une formation
Fonctionnement de flexbox
Les comportements par défaut
L'axe principal et l'axe secondaire
Manipulation des items
Application de toute la puissance de flexbox
Apprendre à travailler efficacement
Les propriétés de flexbox avancées
Bilan

65. Cursus Développeur Front : HTML & CSS