2017-02-21 4 views
-1

Ich bin ein Back-End-Entwickler, aber in letzter Zeit war es meine Aufgabe, ein NODE.js-Projekt zu entwickeln. Während der Server-Teil für mich in Ordnung scheint, kämpfe ich um die Entwicklung der Front-End-Seiten. Um diese Seiten zu vereinfachen und zu komprimieren, habe ich begonnen, Pug (früher Jade) zu verwenden. Meine Seiten sehen jedoch einfach etwas zu minimalistisch aus.Wie verbessert man NODE.js Pug Templates Entwicklung?

Wie kann ich ein solches Webdesign verbessern? :)

ich glaube, dass es sollte etwas besserer Weg, diese Seiten zu entwickeln, anstatt es zu tun nur durch „Textzeilen“ ...: \

Mit freundlichen Grüßen, Lorenzo

P. S. ein Mops „Code“ Beispiel, das mit einem grauen Knopf, zwei Textfelder und zwei Etiketten in einer leeren Seite führt:

html 
    body 
    form(action='/login', method='post') 
     div 
     label Username: 
     | 
     input(type='text', name='username') 
     br 
     div 
     label Password: 
     | 
     input(type='password', name='password') 
     div 
     input(type='submit', value='Submit') 
+0

Wenn ich richtig verstehe, ist Ihr Problem, dass Ihre Seiten (oder vielleicht Quelle? Ich bin mir nicht sicher) zu einfach/klein aussehen? Ich halte das für ein Plus, um ganz ehrlich zu sein. Es wäre schön, wenn Sie versuchen könnten, Ihre Frage besser zu klären, vielleicht einen Code hinzuzufügen. –

+1

Werfen Sie einen Blick auf Bootstrap. Ebenfalls. Wenn Sie Jade mögen, gibt es Werkzeuge, um HTML in Jade zu konvertieren, so dass Sie Bootstrap-Vorlagen zu Jade migrieren können. – bitifet

+0

@bitifet das sieht interessant aus! Weißt du, ob es auch visuelle Unterstützung gibt (z. B. WYSIWYG)? –

Antwort

0

@bitifet beantwortet diese Frage durch den Vorschlag Bootstrap-Framework zu verwenden. Das Bootstrap-Framework bietet eine einfache Möglichkeit, der Webanwendung "Glocken und Whistels" hinzuzufügen.

Verwandte Themen