Tag / Tage des Codes: Reise des Lernens und Wachstums

Do, 26. September 2024

Hallo zusammen!

In erster Linie möchte ich Grëg Häris und dem gesamten Entwicklerteam meinen herzlichen Dank für Ihre unerschütterliche Ermutigung aussprechen. Als ich mich an der 100-Tage-Code-Herausforderung beteiligte, hatte ich nur einen flüchtigen Vorgeschmack darauf, wie entscheidend Dev für meinen Fortschritt sein würde. Das Bloggen auf Dev hat für mich den Online-Lernkreis vervollständigt, indem ich alles, was ich lerne, integriert und in einem realen Kontext teste. Wie bei Codecademy-Lektionen ist Lernen sozial und die Möglichkeit, auf Dev zu posten, ist ein Geschenk und eine multidirektionale Erfahrung, da ich auch so viel von euch allen lerne.

Herausforderungen meistern
Das Leben warf mir einige Überraschungen zu, die meinen Blog-Plan durcheinander brachten. Ich übernehme hierfür die volle Verantwortung. Trotz dieser Herausforderungen habe ich weiter programmiert, auch wenn es zeitweise nur eine Stunde am Tag war. Ich musste Prioritäten setzen und leider musste das Bloggen in den Hintergrund treten. Nach einigem Nachdenken beschloss ich, meine etwa zehntägige Abwesenheit als Sperre zu bezeichnen. Obwohl es nicht ideal ist, nicht zu bloggen, war es ein notwendiger Kompromiss. Abholung am 78. Tag.

Bloggen und Codieren in Einklang bringen
Da mir klar ist, dass das Bloggen Aufwand erfordert, habe ich beschlossen, bis zu zwei Tage pro Woche für andere Programmierangelegenheiten als das Bloggen einzuplanen. Ich werde versuchen, dies auf die Wochenenden zu beschränken, aber es könnte jeden Tag sein. Wie Sie vielleicht bemerkt haben, ist mein Blogging-Stil hausgemacht und einige unserer Aufgaben werden immer anspruchsvoller.

Heutiges Lernen: Pfeilfabrikfunktionen
Heute habe ich erfahren, dass sich Pfeilfabrikfunktionen je nach Textkörperinhaltsstil unterschiedlich verhalten, was sich erheblich auf ihre Flexibilität auswirken kann. Beim Online-Lernen werden diese nuancierten Details oft beschönigt und fügen so eine faszinierende Ebene hinzu, die ich teilen kann.

Projekthighlight: Outfit of the Day Generator
Nehmen Sie zum Beispiel die heutige Aufgabe. Es begann ganz einfach: ein Offline-Nachrichtengenerator, der mindestens drei Daten nutzt. Die Idee bestand darin, so etwas wie eine Wahrsagerin, ein Horoskop oder eine beliebige Nachricht zu erstellen, die sich auf drei Informationen bezieht. Ich habe mich aus Spaß dafür entschieden, einen „Outfit des Tages“-Generator zu erstellen.

Der schwierige Teil kam als nächstes. Ich hätte es einfach halten können, indem ich ein Objekt zum Speichern der drei Datenbits und eine nachrichtengenerierende Funktion mit einer Hilfsfunktion zum zufälligen Zuweisen der Datenteile erstellt hätte. Ich wollte jedoch Fabrikfunktionen üben, und das war eine perfekte Gelegenheit.

Factory-Funktionen stellen keine grundsätzliche Herausforderung dar, enthalten jedoch sowohl Daten als auch Funktionen. Ich habe gelernt, dass die Art und Weise, wie der Körper geschrieben ist, bestimmt, wie andere Teile geschrieben werden, und dass einige Teile implizit funktionieren. Damit Objektmethoden vollständig auf die Daten des Objekts zugreifen können, ist die Schlüsselwortfunktion erforderlich. Der traditionelle Textkörperinhaltsstil ist flexibler, während der prägnante Textkörperinhaltsstil Objekte implizit zurückgibt. Mein Code unten zeigt prägnant:

// Object of available outfit items
const items = {
  shirt: ['swag t-shirt', 't-shirt with clever saying', 'sweater', 'hoodie'],
  pants: ['cargo pants', 'jeans', 'chinos'],
  shoes: ['sneakers', 'boots', 'sandals'],
  accessory: ['backpack', 'poof ball hat', 'ball cap', 'sunglasses']
};

// Utility function to randomly select an item in each category
const selectRandomItem = category => {
  const randomIndex = Math.floor(Math.random() * items[category].length);
  return items[category][randomIndex];
};

// Outfit factory function
const outfitFactory = () => ({
  shirt: selectRandomItem('shirt'),
  pants: selectRandomItem('pants'),
  shoes: selectRandomItem('shoes'),
  accessory: selectRandomItem('accessory'),
  logOutfit: function() { 
    // Note: ': function' so method can be used with dot notation
    console.log("Outfit:");
    console.log(`Shirt: ${this.shirt}`);
    console.log(`Pants: ${this.pants}`);
    console.log(`Shoes: ${this.shoes}`);
    console.log(`Accessory: ${this.accessory}`);
  }
});

const outfit = outfitFactory();
outfit.logOutfit();

// Output, randomly selected: 
// Outfit:
// Shirt: swag t-shirt
// Pants: cargo pants
// Shoes: boots
// Accessory: backpack

GitHub Branching nutzen
Schließlich zielt dieses Projekt darauf ab, uns die Arbeit mit GitHub mithilfe von Branching zu erleichtern, so wie wir es als angehende Entwickler tun werden. Obwohl ich Git seit ein paar Jahren informell verwende, eröffnet die Verzweigung Funktionen wie Pull-Requests, das Zusammenführen und Rebasing von Zweigen sowie Stash und Pop oder Apply, die für mich neu sind.

Viel Spaß beim Codieren!

Das obige ist der detaillierte Inhalt vonTag / Tage des Codes: Reise des Lernens und Wachstums. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!