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

Schlagwort: Coding

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...

Advent of Code

Etwas später aber doch gibt’s diesmal wieder ein paar nette Links um die Vorweihnachtszeit zu genießen und einfach mal spontan ein paar Codezeilen zu schreiben. Super klappt das mit den folgenden Webseiten:

http://adventofcode.com/
https://24ways.org/

Mein persönlicher Favorit an sich wäre : https://javascript30.com/

Abschließen natürlich für alle die sich auf den neuen Star Wars einstimmen wollen und dann noch spielend etwas tun wollen https://code.org/starwars   🙂 Habe fun and code on

#JS #Coding #CodeAdvent

Schreibe einen Kommentar...