Formation SASS, COMPASS ET LESS

SIMPLIFIER LA CRÉATION ET LA MAINTENANCE DE VOS CSS :

Alors que le développement Web est aujourd'hui une véritable industrie, l'intégration HTML/CSS souffre encore de freins techniques limitant la réutilisation du code et sa maintenance. Découvrez comment les préprocesseurs CSS Sass et Less aident à gagner en productivité et à rationaliser cette étape du développement.

Objectifs pédagogiques :

  • Comprendre les enjeux actuels liés à l'intégration CSS
  • Savoir identifier le préprocesseur adapté à ses besoins
  • Maîtriser les outils Sass, Compass et Less pour gagner en productivité et en maintenabilité
  • Appliquer les bonnes pratiques dans l'organisation de ses projets et dans la rédaction de feuilles de style
  • Profiter des apports de ces outils pour exploiter pleinement les fonctionnalités CSS3
<

Tarification et déroulement

Formation Accélérée

2000 DH ≈ €

  • Type de formation : Individuel
  • Volume horaire : 16 heures
  • Début de la formation : Dans un délais de 24 h aprés la validation de votre inscription
  • Horaire : Flexible selon votre disponibilité et la disponibilité de l'enseignant
  • Répartition des heures de la formation : vous pouvez terminer dans un délais de 2 jours ou bien répartir votre heures selon votre rythme, votre engagement

Formation continue

1000 DH/Mois ≈ €

  • Type de formation : Individuel
  • Volume horaire : 16 heures
  • Durée de la formation : 2 mois
  • Début de la formation : Dans un délais de 24 h aprés la validation de votre inscription
  • Déroulement : Une séance de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription

Formation continue

400 DH/Mois ≈ €

  • Type de formation : En groupe
  • Volume horaire : 16 heures
  • Durée de la formation : 2 mois
  • Début de la formation : Le
  • Dernier délais d'inscription : Le
  • Déroulement : Une séance de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription pour s'adapter aux emplois de temps des inscrits
×

Formulaire d'inscription au Competence Center

Virement Bancaire
En espèce

Comment dois-je faire pour payer les frais d'inscription

Competence Center met à votre disposition des méthodes de paiement flexibles et en toute sécurité

➨ Paiement par virement bancaire (RIB : 127270212119022082000414).

➨ Paiement en cash chez notre centre (À côté de la pharmacie Bahja sur l'avenue Mhd 5, au-dessus du café El Mamouniya).

Programme de formation

1POURQUOI LES PRÉPROCESSEURS CSS ? :

  • Rappels de syntaxe CSS.
  • Les difficultés du métier d'intégrateur Web.
  • Les préprocesseurs : à quoi ça sert ?
  • L'approche DRY.
  • Les principaux préprocesseurs.

2 SASS, LES BASES :

  • Présentation et objectifs.
  • Mise en place de l'environnement de développement.
  • Les différentes syntaxes : Sass vs Scss.
  • L'imbrication, les variables et les sélecteurs.
  • Les conditions, boucles et fonctions mathématiques.

    • Tp :Installer Sass. Créer une page à l'aide de Sass. Convertir une page CSS vers Sass.

3SASS, UTILISATION AVANCÉE :

  • Les mixins et l'héritage @extend.
  • Organisation d'un projet : partials et import.
  • Intégrer des media queries dans Sass.
  • Les fonctions de couleur.
  • Générer des thèmes graphiques.
  • Configuration avancée : livereload, compression et configuration du format de sortie.
  • Déboguer les CSS générées.

    • Tp : Structurer un projet complexe et mettre en place un mécanisme de thème sur un site.

4 BONNES PRATIQUES ET TECHNIQUES AVANCÉES :

  • Idées reçues sur les bonnes pratiques d'intégration.
  • Les pièges à éviter (inception, portée des variables...).
  • Conventions de codes et CSS modulaires : les guides SMACSS, BEM...
  • CSS hautes performances et postprocesseurs.
  • Workflow et travail en équipe.
  • Optimisations.

    • Tp : Application de la méthodologie SMACCS. Optimiser le code et le temps de chargement/rendu.

5 LES COMPOSANTS DE BASE :

  • Les menus déroulants.
  • Les composants de navigation et de pagination.
  • Les barres de progression.
  • Les tableaux, les listes d'éléments.
  • Les tableaux, les listes d'éléments.

    • Tp : Conception d'une page Web pour un site Internet ou intranet intégrant plusieurs composants Bootstrap.

6L'EXTENSION COMPASS :

  • Présentation et apports de Compass.
  • Installation et configuration.
  • Les mixins CSS3 : animation, border-radius, shadow...
  • Les sprites CSS : de la théorie à la pratique.
  • Utilisation des fonts CSS : @font-face, icon-font.
  • Les grilles CSS et les helpers de layout.
  • Les principaux plug-ins et outils associés.

    • Tp : Intégration avancée : CSS3, layout helpers, Sprites & Grid CSS.

7 LESS :

  • Installation et configuration.
  • Le langage et la syntaxe de base.
  • Les variables et opérations.
  • Les règles imbriquées, mixins et fonctions natives.
  • Outils complémentaires.
  • Comparaison avec Sass & Compass.

    • Tp : Installation et configuration de Less. Portage d'un projet Sass en Less.

Notre priorité

Formation flexible

Vous souhaitez actualiser vos connaissances ou acquérir un diplôme ? Choisissez parmi les différentes formations en informatique le cours qui vous convient, à vos rythme, tout au long de vos formation.

Qualités requises

L’informatique est un outil majeur de stratégie et de compétitivité. Il est devenu indispensable aux entreprises et au grand public... Profitez des conseils avec nous pour bien maîtriser l’informatique.

Formation à distance

Il est possible de devenir webmaster, webdesigner ou référenceur... Profitez avec notre centre des formations diplômantes et certifiantes à distance pour s’orienter aux métiers du web.

prix compétitifs

Depuis la création de notre centre, nous ne cessons de développer nos connaissances pour assurer de formation performante avec un prix abordable, raisonnable et particulièrement avantageux.