Qu'est-ce que SASS ?

Поділитися
Вставка
  • Опубліковано 27 гру 2024

КОМЕНТАРІ • 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 Місяць тому

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

  • @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.

  • @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

  • @julienp4163
    @julienp4163 10 місяців тому

    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  10 місяців тому

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

  • @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 😔😔

  • @undagroundvangerzmusic
    @undagroundvangerzmusic Рік тому +2

    👍👍👍