Beiträge von Stef

Ich habe so beim recherchieren mal so ein Beitrag zu der Ordnerstruktur von Profis gelesen. Aber die haben keine Beispiele gezeigt.

Ich möchte mal wissen wie so eine grundlegende Ordnerstruktur aussieht, dass man auch alles findet und nicht durcheinander kommt.

Aber eigentlich hat ja jeder seine eigene Ordnerstruktur. Man verwendet schließlich die Strutktur die einem mehr zusagt und mit der man besser zu recht kommt.

Ich würde es wie folgt machen:

- Ordner Webseite

- media (in der sind die Fotos, Audios, ...)

- pages (hier wird in html, js, php unterteilt)

- Libaries (hier kommen die ganzen benötigten Bibliotheken rein)

Was meint ihr zu diesem Aufbau denn ?

Ok. Alles klar.

Wie sieht denn bei dir so eine Ordnerstruktur aus ?

Hey,

dafür brauchst du javascript. Wenn man es mit CSS machen sollte, wäre es sehr komplex.

Schau mal hier: http://highslide.com/

Hey,

gehe auf die Dateien, dann rechts klick dan wähle Eigenschaften aus. Bei öffnen mit änderst du es dann zum Zielbrowser.

Hey,

ich habe ein paar Fragen zu der Ordnerstruktur eines Webprojektes:

1. Wie sieht denn eure allgemeine Ordnerstruktur für ein Webprojekt aus?
2. Habt ihr spezielle Kriterien für die Ordnerstruktur?

Würde mich auf Antorten freuen.

Grüße,

Stef

Hey,

am besten folgt ihr diesem Leitfaden für SEO: https://github.com/xFuture603/Front-End-Checklist

wolf : Ich sehe dies anders. Dieses Buch behandelt sehr viele Sachen von Javascript, auch das was in dem kleinen JS-Tutorial behandelt wird. Für die Personen, die gerne mit einem Buch lernen,nicht mehr im WWW nach den anderen Themen, welches das Buch behandelt, suchen möchten, ist das Openbook doch besser. Nur für die Leute die es schnell lernen möchten, bzw. nur sehen
möchten wie was funktioniert, wäre die abgespeckte Varainte doch besser.

Es kommt immer auf die Person an.

PS: Irgendwas stimmt grad mit diesem Editor nicht, darum sieht der Beitrag etwas komisch aus.

Menemey : Schau dir mal dein Menü an. Du hast ja auch Menüunterpunkte. Nun wenn du auf ein Menüoberpunkt gehst wie z.b. Photograf dann werden die Untermenüs angezeigt. Nun wenn ich versuche diese anzuwählen schließt sich das Untermenü wieder und wie du sehen kannst ist zwischen dem Photograf und Which Camera? eine kleine Lücke. Diese musst du bei allen Menüunterpunkten beheben. Sonst kommt man ja garnicht auf die Menüunterpunkte drauf.

Hey,

du müsstest mal deine Menüelemente weiter oben platzieren, denn so komme ich zu den einzelnen Menüpunkten nur sehr schwer dran.

Aha ok dachte es wird URL gennant. URL kann man es aber auch nennen denke ich?

Nehme ein anderes HTML-Element. Tables sind eh von ihrer Eigenschaften ganz merkwürdig (schwer responsive zu bekommen, usw.. ), finde ich.

Welches Element würde passen?

1. <section> - für den Container in dem die Profildaten angegeben werden
2. 4 x <div> - für die 4 Daten (mit Flexbox positioniert)
3. In diesen 4 <divs> dann <p>

Andere Frage: Wie kann man es sich vorstellen? Wie und in welchem Zusammenhang werden die Daten ausgegeben?

Hey,

wenn du bei einem freehoster dir einen free-acount erstellst, dann musst du auch den Namen des Freehosters in der URL der Seite angeben.

Ich nutze Bplaced.net. Diese haben zwar noch nicht die PHP 7 Version auf deren Server, was ich ziemlich schade finde, aber freehoster werden da eh nie aktuell sein. Ist halt kostenlos. Soweit bin ich mit bplaced auch ganz zufrieden.

Wenn du deinen Namen verwendest, dann würde deine URL zur Seite so lauten: Menemey.bplaced.net

Dieses kleine Tutorial finde ich ziemlich spärlich. Was ich dir raten kann ist ein Openbook von Rheinwerk. Ist online frei zugänglich, vom Jahr 2014 (denke es ist noch soweit ganz aktuell). Link dazu: http://openbook.rheinwerk-verlag.de/javascript_aja…76b0bd8025c78fa . Oder andere tiefergreifende Tutorials.

Hey,

der Gruppenbrauch ist eigentlich sehr einfach zu verstehen.

Beispiel: Du hast 5 Beiträge und zu diesen 5 Beiträgen Kommentare. Nun möchtest du erreichen, dass die Kommentare aber unterhalb den dazugehörigen Beiträgen ausgegeben werden. Dafür setzt du eine Variable mit dem Wert null. Dann führst du ein if-statement aus und überprüfst ob diese variable ungleich der gezogenen ID aus der DB ist, wenn ja wird 1 Beitrag ausgegeben, am ende des If-Blocks weist du dann der variable die Id aus der DB zu. Nun ist ja die Variable gleich der ID aus der DB und es wird der Else-Block bzw. der andere Code dann ausgeführt. Dieser gibt dann die ganzen Kommentare welche zu diesem Beitrag gehören aus.

Hey,

ich würde mal sagen, wenn man dies mit ner while schleife ausgiebt, dann sollte es doch alles geordnet funktionieren. Ich verstehe nicht wie es nun so sein kann.

Desweiteren musst du da den Gruppenbruch anwenden. Siehe dazu auch dies

Zeige mal ein Beispiel mit dem Gruppenbruch dann werde ich mal meine Variante dazu posten.

Habe für dich ja sowas schon programmiert...

Hey,

wenn ich dies so teste, dann bekomme ich keine Kommentare gezeigt. Aber wenn die Kommentare oberhalb des Beitrags, zu welchen diese gehören, angezeigt werden, dann liegt es wohl an der Ausgabe der Kommentare. Dann musst du die Ausgabe unterhalb des Beitrages platzieren.

Hey,

hört sich schon leicht an. Aber die Umsetzung ist dann doch etwas komplizierter.

Wenn ich deine Seite versuche zu öffnen, bekomme ich nur eine 403 Forbidden Seite angezeigt. Jap. Der Lerneffekt ist beim nachprogrammieren schon stärker gegeben. Nur stärker wäre er gegeben, wenn man mit einem erfahrenen Programmierer zusammenarbeitet und man es erklärt bekommt.

Ich habe mal so aus meiner Sicht den Code kommentiert, ist das so richtig?:

 //initialize after DOM is ready
      //Warten bis Seite fertig geladen wurde und dann wird die funktion init von der Klasse currency aufgerufen
$(function(){
  currency.init(); 
});

var currency = {
  // Eigenschaften intialisieren
  select: null,
  form: null,
  outputAmount: null,
  
  rates: {},
  
  init: function(){
    // alle benötigten HTML-Elemente in variable, bzw. objekt, speichern
    this.select = $('#Currencies');
    this.form = $('#Form');
    this.outputAmount = $('#OutputAmount');
    this.outputDate = $('#OutputDate');
    
    // fügt auf die Form die Events submit sowie change hinzu, bei dem die Seite nicht neu geladen wird. Mit dem Call erhält man die Daten aus den this-elementen und dem mitgegebenen Parameter
    this.form.on('submit', function(ao_event){
      ao_event.preventDefault();
      currency.calculate.call(this, ao_event);
    });
    this.form.on('change', function(ao_event){
      currency.calculate.call(this, ao_event);
    });
  
    //Benötigte Daten via Ajax von der API holen und das Ergebnis in die variable speichern, der Inhalt sind da alle verschiedenen Kurse
    $.ajax({
      url: 'https://api.fixer.io/latest?base=EUR'
    })
    .done(function(lo_result) {
      currency.rates = lo_result.rates;
      
      //Für jedes element in der variable currency.rates wird eine function ausgeführt, welche jeden Kurs in ein option-tag einfügt. Dieser Select Liste wird bei jedem Durchgang immer der nächste Kurs mitdrangehongen. Sonst wära da nur ein Kurs
      $.each(currency.rates, function(ls_key){
        lo_option = $('<option/>');
        lo_option.text(ls_key);
  
        currency.select.append(lo_option);
      });

      // sagt aus, dass man auch andere Kurse wählen kann. Ebenso wird als Wert des select-menüs die Währung USD genommen
      currency.select.attr('readonly',false);
      currency.select.val('USD');
      
      // Datum erstellen
      lo_date = new Date(lo_result.date);
      // hier wird das Datum ausgegeben
      currency.outputDate.val(lo_date.toLocaleDateString('en-US', {}))
      
      //run the first calculation
      currency.calculate();
    })
    .fail(function() {
      alert('Can not retrive currency rates!');
    });
  },
  
  calculate: function(ao_event){
    //get form data as object (key => value)
    //Hier wird der Inhalt des Formulares in normale Strings umgewandelt (mit serializeArray) und zusammengerechnet (mit reduce). Dann wird das ergebnis zurückgegeben. 
    lo_form_data = currency.form.serializeArray().reduce(function(obj, item) {
      obj[item.name] = item.value;
      return obj;
    }, {});
    
    //calculate
    //Woher hast du amount bei lo_form_data ? 
    li_result = lo_form_data.amount * currency.rates[lo_form_data.currency];
    
    //output
    //Ausgabe mit 2 Kommestellen
    currency.outputAmount.val(li_result.toFixed(2));
  }
};

Hey,

es liegt daran, dass du dies bevor die ganze Seite geladen ist schon ausführst.

Damit es funktioniert musst du ein einfaches $(document).ready(function(){ //hier dein code }); erstellen. In diesem schreibst du dann deinen Jquery-Code. Diese Funktion sorgt dafür, dass erst gewartet wird bis die Seite startbereit ist, also geladen ist. Erst dann wird der Jquery-Code ausgeführt.

Stef

Ok. Danke der Info.

Super Beispiel. Sieht sehr professionel aus.

Hey,

Joins sind ab und zu doch unübersichtlich oder man kommt mit denen kaum klar. Aber manchmal können sie echt sehr hilfreich sein. Extra Selects sind aber auch gut. Ist zwar ein wenig mehr Code aber die sind meiner Meinung bei einfachen Verknüpfungen doch besser.

Aso. Dann habe ich wohl das ganze Prinzip der Normalisierung nicht so richtig verstanden. Danke für die ausführliche Erklärung. Wieder was dazugelernt.