Qu'est-ce que SASS ?

Поделиться
HTML-код
  • Опубликовано: 16 янв 2025

Комментарии • 21

  • @EcoleduWeb
    @EcoleduWeb  Год назад

    🎓 Tous mes cours sur l'École du Web (pour les obtenir tous d'un coup) : www.ecole-du-web.net/
    📚 Tous mes cours sur UDEMY : liste-des-cours.com/

  • @brunoamuzu
    @brunoamuzu 2 месяца назад

    Stp, est-ce que tu peux parler des différences entre les variables du CSS et du sass ?

  • @undagroundvangerzmusic
    @undagroundvangerzmusic Год назад +2

    👍👍👍

  • @Alone_Cit
    @Alone_Cit Год назад +1

    Depuis le temps que je cherche une vidéo qui explique mieu le sass avec illustration j'ai ttouver mais je cherche toujours un framework js tu pourrai faire un video sur les frameworks stp

    • @tfgg1490
      @tfgg1490 Год назад

      choisi svelte js sa apporte beaucoup de posiblite

  • @davysebbah7623
    @davysebbah7623 Год назад

    Ne peut-on pas également créer un fichier index.css qui centraliserait d'autres fichiers .css et ainsi rendre modulaire la gestion du style telle que Sass le permet ?

    • @EcoleduWeb
      @EcoleduWeb  Год назад

      On peut utiliser @import en pur CSS, mais ce n'est pas performant.
      Et c'est globalement beaucoup moins efficace et bien fait que @use et @forward.

    • @donPEREdone
      @donPEREdone Год назад

      Il suffit de faire @import (« chemin-du-fichier »). Le css le permet déjà, pas besoin de sass pour ça 😊

    • @donPEREdone
      @donPEREdone Год назад

      Il ne faudrait pas oublier que tout ce que fait le sass est faisable en css puisque le sass n’est qu’un script de css. C’est valable pour tous les framework et pas mal de bibliothèques, sass, node, react, etc... mais ça demande connaître parfaitement le css et le js.

    • @EcoleduWeb
      @EcoleduWeb  Год назад

      Non, @import crée énormement de requêtes bloquantes couteûses en performance.
      Il est bien meilleur de n'avoir qu'un seul fichier.css à télécharger.@@donPEREdone

    • @EcoleduWeb
      @EcoleduWeb  Год назад

      Non à nouveau, on peut recréer SASS, mais il faudrait utiliser un language de programmation.
      Et je ne vois pas l'intêret de recréer des outils déjà existant à la main.

      Il est impossible d'utiliser des conditions, des boucles, des mixins, des fontions, des @extend, des imbrications(pour l'instant), une modularisation(performante) et des variables SASS(qui ne se comportent pas comme des variables CSS) en pur CSS.
      SASS n'est pas un script de CSS comme React est un Framework JS.
      SASS est actuellement codé en JS(TS : github.com/sass/sass) et transforme un fichier(s).scss/sass en fichier(s).css.@@donPEREdone

  • @alexchaussaroux
    @alexchaussaroux Год назад +1

    Hello à tous, très bonne vidéo comme d'habitude. Cependant, tu peux enlever le fichier CSS map qui ne sert à rien en prod avec la commande suivante : sass --watch Assets/sass/style.scss:Assets/Css/style.css --no-source-map.

    • @EcoleduWeb
      @EcoleduWeb  Год назад +1

      Merci l’ami mais il ne sert pas à rien.
      Il permet de visualiser son code SASS avec les devtools.
      Si on ne veut pas de cette fonctionnalité, on peut en effet rajouter un no-source-map à la commande de compilation.

  • @ciborg2119
    @ciborg2119 Год назад

    slt j'arrive pas a m'abonner a la newletter😰

    • @EcoleduWeb
      @EcoleduWeb  Год назад

      Salut, tu as rentré ton mail et tu n'as pas reçu le mail de bienvenue ?

    • @ciborg2119
      @ciborg2119 Год назад

      @@EcoleduWeb je n'ai rien recus

    • @EcoleduWeb
      @EcoleduWeb  Год назад

      Tu as bien été enregistré, mais le mail n'a pas été envoyé, tu peux me contacter sur Linkedin/Discord/Mail si tu souhaites que je te l'envoie.@@ciborg2119

    • @ciborg2119
      @ciborg2119 Год назад

      c'est bon j'ai recus le mail.@@EcoleduWeb

    • @ciborg2119
      @ciborg2119 Год назад

      apparemment il n'y a pas de cours gratuit 😔😔

  • @julienp4163
    @julienp4163 11 месяцев назад

    Merci pour la vidéo. L'intérêt du css en cascade c'est aussi de retrouver plus rapidement les class que je veux modifier lors d'une recherche sur l'ensemble du document. Finalement avec une imbrication de type scss, lors d'une recherche j'aurai seulement le dernier élément qui va s'afficher .photo par exemple 10 fois. Alors qu'avant j'aurais eu header .photo, body .photo, footer .photo... Etc. Y a t-il une solution ? Merci

    • @EcoleduWeb
      @EcoleduWeb  11 месяцев назад

      Bonne remarque, la solution est de ne pas utiliser l'imbrication, ce n'est clairement pas obligatoire. 👍