Un petit mail de Anthony Welc reçu ce matin qui traite de Gulp SASS et Pug

Gulp-SASS-PUG

Quand on commence à apprendre à coder sur le web ça démarre toujours par HTML et CSS.

Dans l'idée c'est bien. C'est accessible. On peut vite créer des trucs sympa.

Le problème c'est qu'on nous les présente souvent comme quelque chose de super simple. Que n'importe qui peut faire.

On voit même souvent des dév dénigrer leurs copains spécialisés HTML/CSS.

Alors que concrètement le CSS même si c'est pas compliqué de comprendre son fonctionnement c'est pas pour autant qu'avoir des feuilles de styles propres, organisées et qui fonctionnent pour 90% des utilisateurs c'est facile !

C'est même méga galère.

Et pour le HTML c'est pareil. T'as déjà essayé de gérer à la main toutes les balises pour optimiser le rendu ? Que quand tu postes sur twitter, facebook et compagnie un lien de ton site ça fasse une belle vignette ? Que sur l'iPhone X ton affichage prenne en compte la partie qui revient sur l'écran ?

Hey ouais y'a pas de fonctions fléchées mais ça reste un vrai boulot.

C'est pour ça qu'on a créer des outils super comme Sass et Pug.

A quoi ils servent ?

Ils génèrent pour toi ton HTML et ton CSS.

Sass c'est pour le CSS et Pug pour le HTML.

Par exemple ils te permettent de créer des boucles.

Genre : j'ai reçu des données comportant 12 lignes, fait moi autant de <li> que nécessaire pour les afficher.

Tu peux avoir des variables. Faire des calculs. Etc...

Ça prend un peu de temps à apprendre mais après ta vie est beaucoup plus simple.

Un effort une fois pour de la tranquillité ensuite. (enfin faut quand même bosser hein ;) )

Et dans les programmes, dans les cours pour apprendre à faire des sites web...

... on nous présente ça comme des technos avancées.

Du coup on repousse leur apprentissage. On se dit que c'est pour quand on sera vraiment bon en HTML et CSS de base déjà.

Alors que c'est tout l'inverse.

On devrait l'apprendre direct.

Parce que tous les pro codent avec ça. Parce que c'est mieux. Parce que c'est plus agréable. Parce que tu fais moins de fautes.

Alors pourquoi les débutants qui par définition connaissent moins de choses devraient faire des trucs plus compliqués ?

C'est con non ?

Y'a un ordre de chose à connaître qui a été instauré il y a longtemps qu'on utilise encore. Alors qu'aujourd'hui le web est différent.

L'autre jour un dév me disait que c'était n'importe quoi d'utiliser Pug sur du front-end puisqu'à la base c'est un langage de template serveur.

Il a du arrêter de se former depuis trop longtemps.

Aujourd'hui on a tous les outils à notre disposition pour faire tout le boulot du serveur chez-nous, en local. On code avec des outils modernes, les fichiers sont générés et op ça fait des chocapic.

Sans déconner tu te prends une (ou un je sais pas) après-midi pour te former à Gulp par exemple et après t'as ton système pour coder efficacement.

Pug vers HTML
Sass vers CSS
Combiner les fichiers
Alléger les fichiers et les images
Rendre Javascript compatible partout
et faire un peu ce que tu veux en gros
Et ça faut pas attendre pour l'apprendre. Même si on te dit le contraire. Parce que quand tu deviens pro parce que tu décroches un job ou que tu t'installes en indépendant...

... bah c'est mieux d'utiliser les outils de pro.

C'est comme si tu voulais devenir un pro du saut en hauteur et que tu t'entraîne uniquement à sauter en ciseau alors que pendant la compétition tout le monde fait un Fosbury-flop. T'es battu direct.

Alors ça demande un peu plus de travail au début pour maîtriser ce saut mais à la fin c'est comme ça que tu bas les records.

Donc si t'as 3 trucs à regarder le plus vite possible : Sass (et SCSS), Pug, et Gulp. Y'a d'autres trucs sympa mais avec ce tiercé là t'es bien.

C'est aussi pour ça que j'ai sorti des formations sur ces trois sujets très tôt dans le programme Hardcoders. Pour être sûr que tout le monde ait des bases solides.

Mais t'étais peut-être pas là quand c'est sortie donc j'ai fait un pack spécial TECHNO MODERNE.

La nouvelle façon de faire du HTML avec PUG
Découvrir Sass, le CSS booster aux stéroïdes
Apprendre Gulp et utiliser les lignes de commandes
Si tu n'utilises pas encore ces technos c'est le moment de te lancer.

Même si tu ne veux pas prendre les formations chez moi c'est pas grave du moment que tu prends le temps d'au moins aller voir comment ça fonctionne.

Tu peux y accéder ici. Les 3 pour le prix d'une. https://anthonywelc.com/pack-techno-moderne/

Mais forcément je laisse pas traîner une promo comme ça pendant mille an.