Drücke "Enter", um den Text zu überspringen.

Schlagwort: 100DaysOfCode

Benutzername bei Commit in Git

Heute einmal ein kleines Tutorial wie man seinem  Benutzernamen bei einem  commit in Git auch richtig zuordnen kann.

Manchmal passiert es, vor allem wenn man den Rechner neu aufsetzt, dass man ein paar kleine Einstellungen vergisst. Wie beispielsweise sein Git Usernames und Email Adresse mit dem verwendeten Editor abzugleichen. Wir mir heute passiert, bzw. aufgefallen ist. Habe ich am Wochenende wieder einiges für meinen Zertifizierung erarbeitet und wollte das dann auch umgehend commiten, was ich auch getan habe, allerdings wurde diese Aktivität zwar aufgezeichnet, weil ins Repository übernommen, aber nicht meinem Usernamen zugeordnet.

Also was tun? Im Wesentlichen kann man sowohl Benutzernamen als auch Email Adresse auf GIT Konsolenebene setzen.

Die notwendigen Zeilen Kommandos sind wie folgt

  • Set Username:
    git config --global user.name "DeinUserName"
  • Test Username:
    git config user.name
  • Set EMail Adress
    git config --global user.email "DeineEMail@hier.rein"
  • Test EMail Adress
    git config --global user.email

Aufwand, ganze 2 Minuten, Erfolg dauerhaft 🙂

#100DaysOfCode #GIT #Commit #Identity

Schreibe einen Kommentar...

Simple Arrays – mit dem Spread Operator

Heute sehen wir uns einmal Arrays an. Simple formuliert ist kann ein Array mehrere Elemente mit verschiedenen Werten enthalten, was es damit natürlich ungleich mächtiger als eine Variable macht. Beispiel eines simplen Arrays mit 2 Werten:

// Array Grundlagen
var fruits = ['Apple', 'Banana'];
console.log(fruits.length);

// Erzeugen einer Kopie des Arrays mit Slice
var fruitCopy = fruits.slice();
console.log(fruitCopy.length);

// Hinzufügen von Mango an Position 1 und kein Löschen
fruitCopy.splice(1,0, "Mango");
console.log(fruitCopy.length);
console.log(fruitCopy);

Um die Werte eines Arrays in ein anderes, quasi auf die schnelle einzubauen gibt es mit ES6 den Spread Operator. Wie so etwas aussieht seht ihr anbei.

// Erzeugen 2er simpler Arrays
var arr1 = [1, 2, 3]; // arr1
var arr2 = [4, 5, 6]; // arr2
// Nutzung des REST beziehungsweise dem Spread Operator ... mit ES6
//arr1.splice(1,0, arr2[0], arr2[1], arr2[2]); // Splice, hinzufügen der Werte im Arr 2 in Arr1 an position 1
arr1.splice(1,0, ...arr2); // Splice, hinzufügen der Werte im Arr 2 mit dem Rest/Spread Parameter
console.log("Mit Rest Parameter ... : " + arr1); // ergibt 1, 4, 5, 6, 2, 3

Natürlich ist noch einiges mehr möglich, mehr dazu gibt es im Developer Network von mozilla.org

#malwasschnelles #2cents #100daysofcode #javascript

Schreibe einen Kommentar...

Something Good – Utah Saints

Und heute einmal ein Video. Einfach zum entspannen. Hilft immer, vor allem wenn der Tag besser sein hätte können ==> Utah Saints – Something Good

Mehr kann und will man nicht dazu sagen, außer:

“The freshest move i have ever seen, like he was floating on air”

#CodeOn #100DaysofCode #SomethingGood #WorkLifeBalance

Schreibe einen Kommentar...

Delete from Array

Heute sehen wir uns mal an wie man etwas aus einem Array löschen kann. Das klappt einwandfrei, wenn man den DELETE Operator verwendet. Nein hier wird kein Speicher freigegeben, sondern nur eine Eigenschaft aus einem Array inklusive Wert gelöscht. Ich hab hier mal ein Array zusammengestellt.


let vereine = {
GAK: 1,
AustriaSalzburg: 2,
Sturm: 3
};

//Nun löschen wir den Stadtverein mit einem einfachen

delete vereine.Sturm;

// Ausgabe der richtigen Vereine
console.log(vereine);

Das Resultat ergibt natürlich nur mehr 2 Einträge. Einmal der GAK und dann noch die Austria Salzburg.
Delete from Array

In diesem Sinne, happy coding und bis bald. Mehr Informationen gibts wie immer auf dem MDN Netzwerk

#100DaysOfCode #JavaScript #Array #Delete #GAK

Schreibe einen Kommentar...

Arrays in JavaScript

Heute hab ich mich einmal etwas mit Arrays in JavaScript beschäftigt. Nicht wirklich schlimm, wenn man die genauen Strukturen kennt. Und um es gleich etwas spannender zu machen, hab ich mir gedacht erstellen wir einmal ein schnelles cooles Array mit einem Satz welches sich in unterschiedliche Tiefen erstreckt. Eigentlich nennt man das ein multidimensionales Array.

Codebeispiel eines Arrays

Ausgeben kann man sich das nun alles, wenn man quasi mit console.log durchs Array wandert. Siehe den Output hier.

Console Output

In diesem Sinne, alles gute, bis bald und #codeOn #100DaysOfCode #Deutsch

Und wie immer gibt’s mehr auf der deutschsprachigen Seite von Mozilla Developers. Diesmal findet ihr alles unter ARRAY

Schreibe einen Kommentar...

Simples HTML 5 mit Emmet erstellen

Heute möchte ich euch einfach einmal vorstellen wie schnell man mit EMMET standardisierte Templates erstellen kann. Und das BESTE dabei ist, dass EMMET standardmäßig im Visual Studio Code mitinstalliert ist. Zumindest in der aktuellen Version ( Sept 2018 )

html:5

ergibt, meistens via Tabulator Taste, :

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
    <body>

    </body>
</html>

Weitere Elemente können angehängt werden, beispielsweise wird hier eine html 5 Basisstruktur erzeugt, danach ein Element, hier ist es Title, mit dem Wert My Title erzeugt:

html:5>title{My Title}

Das Resultat sieht dann wie folgt aus:

Emmet HTML5

Eigentlich recht fein. Natürlich kann man EMMET unglaublich erweitern und mit einer Zeile damit sich sehr viel erleichtern. Nachzulesen gibt es das unter anderem auf einem sogenannten Emmet Cheat Sheet.

#EMMET #HTML5 #VisualStudioCode #Coding #100DaysOfCode

Schreibe einen Kommentar...

JavaScript Slice Methode

Schneidet man mit SPLICE einen Teile des Arrays ab, lässt sich mit der JavaScript Slice Methode eine flache Kopie, von einem zuvor definierten Teil, erstellen. Dabei wird sowohl Beginn als auch Endpunkt festgelegt. Das besondere Dabei, das originale Array wird dabei NICHT verändert.

Die Syntax wie folgt

arr.slice([begin[, end]])

Ein Anwendungsbeispiel dafür könnte wie folgt aussehen.

// Schneidet das Array an Position 3 bis zum Ende aus und speichert es in einer neuen Variablen
let slice1 = arr.slice(2);

Ein  Funktionsaufruf könnte wie folgt aussehen

function forecast(arr2) {
// Beginnt bei Position 2 und endet bei Position 4 OHNE Position 4 mitzunehmen
// Null-basierter Index bevor die Extraktion endet. slice extrahiert bis zu, aber nicht inklusive end.
let sliced = arr2.slice(2, 4);
return sliced;
}

// Console Log mit Anfangswerten
console.log(forecast(['cold', 'rainy', 'warm', 'sunny', 'cool', 'thunderstorms']));

Slice Funktion

Mehr gibts wie immer am Developer Network unter dem Motto SLICE Methode

#100DaysOfCode, #JavaScript, #Coding, # SliceMethode

Schreibe einen Kommentar...

Die SPLICE Methode

Manchmal muss man Elemente in einem JavaScript Array löschen um das so bereinigte Array weiter zu verarbeiten. Die Antwort darauf ist die sogenannte splice() Methode. Damit kann sowohl der Startpunkt als auch die Anzahl der zu löschenden Elemente eines Arrays festgelegt werden.

Wie das beispielsweise aussehen könnte habe ich hier schnell mal niedergeschrieben. Nehmen wir einmal an wir haben in einem Array sowohl Nummer als auch Strings wollen aber nur die Nummern addieren. Dazu entfernen wir zuerst einmal die Strings welche hier praktischerweise im Array hintereinander positioniert sind. Dazu müssen wir die Position der Elemente im Array definieren und entfernen, wie man das macht siehe angefügtes Bild.

Splice Methode

Dies stellt nur eine simple Möglichkeit dar wie man Splice anwendet, Möglichkeiten unbegrenzt. Mehr Informationen wie immer auf der Mozilla Developer Page unter SPLICE Methode.  Bis bald und Code on 🙂

#100DaysOfCode #JavaScript #splice #OpenSource

Schreibe einen Kommentar...

POP und SHIFT

Heute gibts es das Gegenteil bei JavaScript Arrays zu Unshift und PUSH. ES handelt sich dabei um SHIFT und POP

  • pop() entfernt das letzte Element des Arrays und gibt es zurück
  • shift() entfernt das erste Element des Arrays und gibt es zurück

Wie das dann in einem Codebeispiel aussieht seht ihr hier

function popShift(arr) {
let popped = arr.pop(); // gibt complete zurück( Letzes Element im Array)
let shifted = arr.shift(); // gibt challenge zurück ( 1. Element im Array)
return [shifted, popped];
}
console.log(popShift(['challenge', 'is', 'not', 'complete']));

Das Ergebnis unsere kleinen Funktion sehen wir hier

Pop und SHIFT im Code Beispiel
Weitere Links beziehungsweise Details findet ihr hier auf dem Mozilla Developer Network.
POP METHODE und SHIFT METHODE

In diesem Sinne, bis bald
#100DaysOfCode #JavaScript #JS #POP()#SHIFT() #Array

Schreibe einen Kommentar...

Unshift und Push

September ist immer Schulbeginn oder aber auch der richtige Zeitpunkt etwas Neues beispielsweise JavaScript zu (er)lernen. Ich für meinen Teil hab mir gedacht, dass ich nun auch mal anfange kleinere Details preiszugeben. Simple und einfache Aufgaben via den angeführten Code darzustellen.

Im JavaScript gibts es beispielsweise die UNSHIFT und PUSH Funktionen. Während die PUSH Funktion jedem ein Begriff ist, stellt sich hin und wieder die Frage was denn die UNSHIFT so alles kann.

Einfach erklärt:

  • Mit Unshift lassen sie Elemente an den ANFANG eines Arrays hinzufügen.
  • Im Gegensatz dazu ist die PUSH Methode ja dazu da weitere Elemente am Ende des Arrays anzuhängen.

Wollen wir beispielsweise in einem leeren Array die Nummern 1-9 ausgeben, manche in Zahlen die Anderen im String Format können wir das recht simpel darstellen.


function mixedNumbers(arr) {
    // Mit Unshift füge ich am Array Anfang etwas hinzu
    arr.unshift('I', 2, 'three');
    // Mit Push werden die Zahlen am Ende angeführt
    arr.push(7, 'VIII', 9);
    return arr;
  }
  //  Hier wird nun das Array Ausgegeben mit den Werten aus
  // Unshift , den eingegebenen Werter im Concole.log und Push
  console.log(mixedNumbers(['IV', 5, 'six']));
  // Das Resultat in der Console sind demnach die Zahlen 1-9 dargestellt durch die entsprechenden Ziffern und Strings

Push und UNSHIFT

Gar nicht so schwer oder? Weiterführende Links gibt’s hier:
Die UNSHIFT Methode & Die PUSH Methode

Bis bald und liebe Grüße

#100DaysofCode #JavaScript #Array #MozillaDeveloper

Schreibe einen Kommentar...