{{tag>cours dev développement web css sass html}}
====== Simplifiez vous le CSS avec Sass ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-s... rooms.com/|Openclassrooms]].
Prérequis : voir le cours [[cours:informatique:dev:web:creez_votre_site_web_avec_html5_et_css3:000_start|Créez votre site web avec
llez plus loin ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-c... e apprentissage de JavaScript, rendez-vous sur le cours [[https://openclassrooms.com/fr/courses/6175841-a... sites web dynamiques !
J'ai d'ailleurs rédigé un cours sur PHP : [[https://openclassrooms.com/courses/co... tique (mindmap) sur laquelle nous avons listé nos cours en développement. Ils sont regroupés par thématiq
{{tag>cours dev développement web css sass html}}
====== Adaptez votre code sur tous supports ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-s... che le site web. Cette notion est abordée dans le cours [[cours:informatique:dev:web:creez_votre_site_web_avec_html5_et_css3:420_responsive_design_et_media_quer
{{tag>cours dev développement web css sass html}}
====== Définissez des priorités ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-s... ider ses connaissances : n’hésitez pas à relire [[cours:informatique:dev:web:creez_votre_site_web_avec_ht... _integrer_le_css_dans_la_page_html|ce chapitre du cours sur l’intégration du CSS]] sur la différence entr
{{tag>cours dev développement web css sass html}}
====== Déployez votre code Sass en ligne ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-s... Félicitations ! 🎉 YOU DID IT ! Vous avez fini ce cours.
Avant de vous laisser partir et voler vers d’au... Allez plus loin =====
<note>
Pour les besoins du cours, nous avons omis de parler de plusieurs fonctionn
ces dynamiques ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-c... les liens lorsqu'on pointe dessus. Laissez libre cours à votre imagination, il n'y a pas de limite.
===... s intéresse, je vous conseille de jeter un œil au cours [[https://openclassrooms.com/fr/courses/5919246-c
bouton d'envoi ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-c... n'apprendrons pas à le faire dans le cadre de ce cours.
On peut changer le texte affiché à l'intérieur ... courses/concevez-votre-site-web-avec-php-et-mysql|cours sur le langage PHP]] pour ceux que cela intéresse
{{tag>cours dev développement web css sass html}}
====== Passez au niveau supérieur avec Sass ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-s... nctionnalités Sass à découvrir. Mais le but de ce cours étant de vous faire découvrir et pratiquer Sass,
{{tag>cours dev développement web css sass html}}
====== Utilisez les variables et mixins ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-s... s **nulls** et les **fonctions**.
<note>
Dans ce cours, nous aborderons seulement les 3 premiers élément
{{tag>cours dev développement web css sass html}}
====== Améliorez vos mixins grâce aux fonctions ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-s... r votre code. Toutes les notions apprises dans ce cours rendent Sass plus efficace et peuvent propulser v
e avec Flexbox ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-c... s. Nous verrons ça dans la prochaine partie de ce cours.
===== Alignez les éléments sur un axe principal
s de CSS Grids ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-c... en page à l'aide des CSS Grids]] ;
* Suivre le cours [[https://openclassrooms.com/fr/courses/5295881-c
{{tag>cours dev développement web css sass html}}
====== Simplifiez votre code ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-s
{{tag>cours dev développement web css sass html}}
====== Clarifiez votre HTML avec BEM ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-s
{{tag>cours dev développement web css sass html}}
====== Quiz : Structurer son code ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-s
