La théorie est une chose, la pratique en est une autre ! Cette formation va vous permettre de mettre en application tout ce que nous avons appris ensemble tout au long de ce parcours dédié au développement web moderne HTML 5 et CSS 3. Dans cette formation nous poursuivons la mise en application de tout ce que nous avons appris ensemble depuis le début de ce parcours dédié au développement front en HTML 5 ainsi qu'en CSS 3. Nous allons manipuler des formulaires afin de les rendre plus intéractifs, pour une meilleure expérience utilisateur. Nous manipulerons également nos pages web au travers d'effets parallaxe, d'effets responsives sur une image de fond ou mieux encore de l'ouverture d'une boîte Div. Nous verrons également pour manipuler la barre de navigation, et même de créer une barre horizontale qui va intéragir avec le contenu de la page web. Enfin, nous viendrons améliorer notre barre de navigation en foulttant les liens ou bien en ajoutant un triangle CSS.

1. Formation
CSS : Ateliers Complets avancés
Une formation
Carl BRISON

2. Cursus Développeur Front : HTML & CSS

3. Zoom sur le CSS

4. Une formation
Introduction
1. Gérer 2 parties d'une page web
2. Modifier la barre de défilement
3. Créer un parallaxe
4. Manipuler les champs d'un formulaire
5. Animer une zone HTML
6. Customiser une case à cocher
7. Effet responsive sur une image de fond
8. Flouter le fond d'une Div
9. Créer des triangles via le CSS
10. Ouvrir une Div en deux
Conclusion
Plan de la formation

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

6. Une formation
Connaissances requises
Connaître les langages HTML et CSS
Connaître les flexbox
Connaître CSS grid

8. Présentation des projets
de la formation
Une formation
Carl BRISON

9. Carl BRISON
Une formation
Ecrire le code HTML

10. Carl BRISON
Une formation
Mettre en place CSS Grid

11. Carl BRISON
Une formation
Mettre en place les medias
queries

12. Carl BRISON
Une formation
Fixer l'image à l'écran

13. Carl BRISON
Une formation
Faire respecter le côté
responsive de la page web

14. Carl BRISON
Une formation
Mettre en forme le texte

15. Carl BRISON
Une formation
Mettre en place les bases
du document HTML

16. Carl BRISON
Une formation
Modifier la barre de défilement

17. Carl BRISON
Une formation
Mettre en place la première
section

18. Carl BRISON
Une formation
Mettre en place les autres
sections

19. Carl BRISON
Une formation
Créer une zone article

20. Carl BRISON
Une formation
Mettre en place les bases
HTML du formulaire

21. Carl BRISON
Une formation
Mettre en place le CSS de base

22. Carl BRISON
Une formation
Mettre en place le CSS
du formulaire

23. Carl BRISON
Une formation
Mettre en place l'effet sur
les inputs

24. Carl BRISON
Une formation
Mettre en place les bases HTML

25. Carl BRISON
Une formation
Mettre en place l'image de fond

26. Carl BRISON
Une formation
Mettre en place le CSS
de comestique

27. Carl BRISON
Une formation
Animer la section

28. Carl BRISON
Une formation
Mettre en place
le code HTML du formulaire

29. Carl BRISON
Une formation
Mettre en place le code
CSS de base du document

30. Carl BRISON
Une formation
Mettre en place
le code CSS du formulaire

31. Carl BRISON
Une formation
Terminer le code CSS
du formulaire

32. Carl BRISON
Une formation
Mettre en place
le code HTML du formulaire

33. Carl BRISON
Une formation
Mettre en place le code CSS de
base des champs de formulaire

34. Carl BRISON
Une formation
Mettre en forme les champs de
formulaire qui ont le focus

35. Carl BRISON
Une formation
Installer la libraire fontawesome

36. Carl BRISON
Une formation
Importer les icones sur
la page web

37. Carl BRISON
Une formation
Positionner les icones
dans les champs du formulaire

38. Carl BRISON
Une formation
Mettre en forme les icones

39. Carl BRISON
Une formation
Positionner le formulaire

40. Carl BRISON
Une formation
Mettre en forme la page web

41. Carl BRISON
Une formation
Créer un fond aux icones

42. Carl BRISON
Une formation
Mettre en place
les bases HTML et CSS

43. Carl BRISON
Une formation
Mettre en forme le swith du label

44. Carl BRISON
Une formation
Déplacer le switch

45. Carl BRISON
Une formation
Mettre en place le code HTML

46. Carl BRISON
Une formation
Mettre en forme la boîte BOX

47. Carl BRISON
Une formation
Mettre en forme la page web

48. Carl BRISON
Une formation
Mettre en forme le formulaire

49. Carl BRISON
Une formation
Mettre en place le code HTML

50. Carl BRISON
Une formation
Mettre en place les bases
responsives de la page web

51. Carl BRISON
Une formation
Mettre en forme les titres H2

52. Carl BRISON
Une formation
Mettre en forme le formulaire

53. Carl BRISON
Une formation
Mettre en place l'effet lié à
l'image de fond

54. Carl BRISON
Une formation
Mettre en place les bases
de la barre de progression

55. Carl BRISON
Une formation
Mettre en place le fonctionnement
de la barre de progression

56. Carl BRISON
Une formation
Flouter le fond d'une boîte Div

57. Carl BRISON
Une formation
Créer un triangle en CSS

58. Carl BRISON
Une formation
Créer un mini site

59. Carl BRISON
Une formation
Mettre en place le triangle

60. Carl BRISON
Une formation
Mettre en place des bases

61. Carl BRISON
Une formation
Mettre en forme des bases

62. Carl BRISON
Une formation
Ouvrir la boîte

63. Carl BRISON
Une formation
Mettre en place
les codes de base

64. Carl BRISON
Une formation
Mettre en place le floutage

65. Conclusion
Une formation
Carl BRISON

66. Une formation
Bilan
Gérer 2 parties d'une page web
Modifier la barre de défilement
Créer un parallaxe
Manipuler les champs d'un formulaire
Animer une zone HTML
Customiser une case à cocher
Effet responsive sur une image de fond
Flouter le fond d'une Div
Ouvrir une Div en deux
Manipuler des objets de formulaire HTML