Jade et Node

Bonjour,

Je suis actuellement en stage et je viens de découvrir au cours des deux dernières semaines le node, js, HTML, CSS... (je suis donc une vraie débutante :) )

Aujourd'hui mon tuteur me demande de remplacer mon fichier HTML par un fichier jade. J'ai donc transformé mon fichier, mais je n'arrive pas à aller plus loin. En HTML, le fichier s'ouvrait sous une interface web. Comment l'ouvrir avec Jade ? Qu'elle est la grande différence entre Jade et HTML ?

Merci à celles et ceux qui me répondront :)

Comment ouvrir un fichier jade, comment implémente tu ton code?, j'en, serais un minimum pour t'aider idéalement ton fichier app.js et tout les routages..
La différence entre les deux ?
1) La syntaxe n'est pas la même
2) Le code est plus court
3) Jade offre des functions que html n'implémente pas comme each, les conditions et bien d'autres...

initialisation et configuration de jade de app a la vue.

Code:

---

1 2 3 4

// view engine setup app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'jade');

---

Bonne continuation.

En fait c'est bon. J'ai trouvé une solution :)

Mais j'ai une autre question : dans la partie node je déclare des valeurs. Comment puis je les lire dans la partie jade ?

Merci pour ton aide :)

Tu utilises Express.js ? Tu passes les paramètres à ta vue dans ta route avec res.render ou alors tu peux utiliser les variables globales à ton appli avec app.locals

Citation:

---

Envoyé par MeylKV

En fait c'est bon. J'ai trouvé une solution :)

Mais j'ai une autre question : dans la partie node je déclare des valeurs. Comment puis je les lire dans la partie jade ?

Merci pour ton aide :)

---

J'écris une variable littéralement.

Code:

---

1 2	#{'Je suis dans une template jade et voici mon message...'}

---

Affichage d'une variable déclaré côté "nodejs"

Code:

---

1 2

#{mavar}

---

Affichage d'un tableau nommé experiences est sous forme de données Json

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

each experience in experiences if experience.date != null div(class="span3 card ng-scope") ul li #{experience.date} li #{experience.employeur} li #{experience.fonction} li #{experience.taches} li #{experience.ressources} ...

---

Voilà en gros faut juste que tu fasse un tour pour comprendre les concepts de base de ce langage.
http://naltatis.github.io/jade-syntax-docs/

Merci. Ca m'a beaucoup aidé :)