IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Angular Discussion :

Angular et PUG


Sujet :

Angular

  1. #1
    Membre éprouvé
    Profil pro
    Inscrit en
    janvier 2007
    Messages
    1 660
    Détails du profil
    Informations personnelles :
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : janvier 2007
    Messages : 1 660
    Points : 900
    Points
    900
    Par défaut Angular et PUG
    Bonjour

    L'un d'entre vous à t'il utilisé ANGULAR avec PUG ?
    Mon API de composant est KENDO pour Angular

    Merci de vos réponses
    Phil

  2. #2
    Membre émérite
    Avatar de dukoid
    Homme Profil pro
    Développeur informatique
    Inscrit en
    novembre 2012
    Messages
    2 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : novembre 2012
    Messages : 2 077
    Points : 2 965
    Points
    2 965
    Par défaut
    heuu non
    c'est koi le pb ?

  3. #3
    Membre éprouvé
    Profil pro
    Inscrit en
    janvier 2007
    Messages
    1 660
    Détails du profil
    Informations personnelles :
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : janvier 2007
    Messages : 1 660
    Points : 900
    Points
    900
    Par défaut
    Bonjour

    Jusqu'a present j'avais prévu d'utiliser BOOTSTAP5 car je migre une application en BOOTSTRAP3 et ANGULARJS vers ANGULAR12/13
    J'ai une nouvelle collègue qui souhaiterais utiliser PUG que je ne connais pas
    Mon soucis est que je dois m'assurer qu'avec les composants Angular de KENDO cela va fonctionner avant de lui dire oui
    Je cherche donc des informations
    Merci

  4. #4
    Membre émérite
    Avatar de dukoid
    Homme Profil pro
    Développeur informatique
    Inscrit en
    novembre 2012
    Messages
    2 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : novembre 2012
    Messages : 2 077
    Points : 2 965
    Points
    2 965
    Par défaut
    c'est quoi PUG ?

    kendo ok

    sinon tu peux voir du coté d'angular material qui est gratuit

    il faut faire l'inventaire des composants de l'ancienne version et voir si ils sont présent dans la liste des composants de kendo ou material ....
    à mon avis ça devrait être positif pour les 2 !

  5. #5
    Membre éprouvé
    Profil pro
    Inscrit en
    janvier 2007
    Messages
    1 660
    Détails du profil
    Informations personnelles :
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : janvier 2007
    Messages : 1 660
    Points : 900
    Points
    900
    Par défaut
    bonjour

    pour PUG
    https://blog.ippon.fr/2018/07/03/introduction-a-pug/

    pour Kendo, cela m'est imposé

    le message d'erreur en Angular12
    Error: src/app/app.component.pug:26:2 - error NG5002: Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.)

  6. #6
    Membre émérite
    Avatar de dukoid
    Homme Profil pro
    Développeur informatique
    Inscrit en
    novembre 2012
    Messages
    2 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : novembre 2012
    Messages : 2 077
    Points : 2 965
    Points
    2 965
    Par défaut
    pour quelles raisons pug et pas autres choses ?
    si je sais pourquoi, je pourrais peut etre t'orienté sur des solutions plus adaptés

    parceque ça m'a l'air complexe et inutile ce pug

  7. #7
    Membre éprouvé
    Profil pro
    Inscrit en
    janvier 2007
    Messages
    1 660
    Détails du profil
    Informations personnelles :
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : janvier 2007
    Messages : 1 660
    Points : 900
    Points
    900
    Par défaut
    Bonjour

    Le Pug m"est proposé par un des dev junior qui vient de rentrer dans l’équipe, perso je ne connaissais pas.
    J'essaye de m'informer pour voir si cela est utile, mon but initial était de migrer une charte graphique écrite en bootstrap3

  8. #8
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    janvier 2019
    Messages
    707
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : janvier 2019
    Messages : 707
    Points : 1 030
    Points
    1 030
    Par défaut
    utilises les standard comme angular material !

    pour les grilles css, utilises flexbox et en plus, eventuellement css grid. se sont des standards !

    flexbox: pour mettre en page des flux de données (liste de produit...)
    css grid: pour créer un gabarit (header, content, footer...)


    pug n'a rien à faire dans un projet angular

  9. #9
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    16 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 16 093
    Points : 40 981
    Points
    40 981
    Par défaut
    Bonjour,
    PUG est un « convertisseur » de code en code HTML conforme. Écrire moins là où le code HTML est verbeux.

    Il suffit de regarder la documentation officielle pour en voir les possibilités.

    J'essaye de m'informer pour voir si cela est utile, mon but initial était de migrer une charte graphique écrite en bootstrap3
    PUG ne te servira à rien, il ne résoudra pas pour toi les soucis CSS que tu peux rencontrer.

    Tu auras par exemple :
    Code pug : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    section
      p.first-paragraph Texte du 1st paragraph
      p.second-paragraph.autre-classe Texte du 2nd paragraph
    qui donneras
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <section>
      <p class="first-paragraph">Texte du 1st paragraph</p>
      <p class="second-paragraph autre-classe">Texte du 2nd paragraph</p>
    </section>
    mais pas mieux.


    J'ai une nouvelle collègue qui souhaiterais utiliser PUG que je ne connais pas
    Je ne connais pas en profondeur PUG mais cela peut effectivement te permettre d'« accélerer » l'écriture des composants mais avec de grosses restrictions quand même.

    Demande par exemple à ta nouvelle collègue comment elle écrirait en PUG le src/app/hero-list.component.html pour obtenir le résultat de la documentation.
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <h2>Hero List</h2>
    <p><i>Select a hero from the list to see details.</i></p>
    <ul>
      <li *ngFor="let hero of heroes" (click)="selectHero(hero)">
        {{hero.name}}
      </li>
    </ul>
    <app-hero-detail *ngIf="selectedHero" [hero]="selectedHero"></app-hero-detail>

    On trouve des PUG to HTML voire des HTML to PUG.

    Cela peut donc être une aide pour écrire moins pour faire plus (tiens cela me rappelles quelque chose) mais je présume que vous avez des conventions d'écriture et c'est celles-ci qu'il faut respecter.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Angular et REST
    Par Jarell dans le forum AngularJS
    Réponses: 10
    Dernier message: 28/04/2014, 11h31
  2. Angular.js et framework php
    Par bractar dans le forum AngularJS
    Réponses: 2
    Dernier message: 26/09/2013, 22h39
  3. Sortie de Pugs 6.2.13
    Par GnuVince dans le forum Langage
    Réponses: 1
    Dernier message: 18/10/2006, 00h11
  4. [Plugin]Liste des Pug-in installés
    Par Sim dans le forum Eclipse Java
    Réponses: 4
    Dernier message: 13/05/2004, 17h24

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo