• 15 hours
  • Medium

Free online content available in this course.

course.header.alt.is_video

course.header.alt.is_certifying

Got it!

Last updated on 11/12/19

Log in or subscribe for free to enjoy all this course has to offer!

Course introduction

Le CSS fournit tous les outils pour créer des pages web qui soient belles et responsives, c’est-à-dire adaptées à toutes les tailles d’écrans. Mais c’est aussi un langage réputé pour être difficile à organiser, avec peu de structure inhérente. Avec toutes ses options de couleur, de mise en page et de typographie, un fichier .css peut rapidement devenir assez touffu et on peut s’y perdre très facilement, surtout lorsque la quantité de code devient importante. Cela peut convenir pour des projets de petite taille, mais si vous voulez devenir un développeur professionnel, vous allez être confronté aux problématiques suivantes :

  • Comment écrire du CSS qui soit propre, organisé et surtout bien structuré ?

  • Comment m’assurer que mon code est maintenable et modulable ?

  • Comment coder plus vite et de manière plus efficace ?

Ce cours va vous montrer comment faire tout ça, et plus encore ; et ce, en nous basant sur un portfolio !

Image du portfolio
Le portfolio

Nous commencerons par voir comment structurer votre code en apprenant ce qu’est la spécificité, en appliquant la structure BEM et en utilisant des préprocesseurs CSS. Ensuite, nous nous plongerons dans les méandres de l’écriture .scss avec Sass. Une fois que vous aurez intégré toutes ces notions, nous passerons à l’étape supérieure en travaillant avec quelques fonctionnalités performantes Sass telles que les variables, les fonctions, les conditions, les mixins et les extensions. Et ce n’est pas tout ! Dans la quatrième partie, nous ferons de vous un véritable ninja du développement en vous montrant comment incorporer des techniques avancées telles que les boucles et les maps, ainsi que comment rendre votre site web responsive et compatible avec tous les navigateurs.

Alors, prêt à sauter à pieds joints dans le code ? Rejoignez-moi dans le premier chapitre !

Example of certificate of achievement
Example of certificate of achievement