Tutorial materialisieren
Materialise ist eine UI-Komponentenbibliothek, die mit CSS, JavaScript und HTML erstellt wurde. Materialise UI-Komponenten helfen beim Erstellen attraktiver, konsistenter und funktionaler Webseiten und Web-Apps, während moderne Webdesign-Prinzipien wie Browser-Portabilität, Geräteunabhängigkeit und angemessene Verschlechterung eingehalten werden. Es hilft bei der Erstellung schneller, schöner und reaktionsschneller Websites. Es ist von Google Material Design inspiriert.
Dieses Tutorial richtet sich an Profis, die die Grundlagen von Materialise und deren Verwendung zum Erstellen schnellerer, schöner und reaktionsschneller Webseiten und Apps erlernen möchten. Dieses Tutorial erklärt alle grundlegenden Konzepte von Materialise.
Bevor Sie mit diesem Lernprogramm fortfahren, sollten Sie über grundlegende Kenntnisse in HTML, CSS, JavaScript, DOM (Document Object Model) und jedem Texteditor verfügen. Darüber hinaus ist es hilfreich, wenn Sie wissen, wie webbasierte Anwendungen funktionieren.
Für die meisten Beispiele in diesem Tutorial finden Sie a Try-itMöglichkeit. Verwenden Sie diese Option, um Ihre Materialise-Programme vor Ort auszuführen und Spaß am Lernen zu haben. Versuchen Sie das folgende Beispiel mit demTry-it Option in der oberen rechten Ecke des folgenden Beispielcodefelds verfügbar.
<!DOCTYPE html>
<html>
<head>
<title>The Materialize Example</title>
<meta name = "viewport" content = "width = device-width, initial-scale = 1">
<link rel = "stylesheet"
href = "https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel = "stylesheet"
href = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
<script type = "text/javascript"
src = "https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js">
</script>
</head>
<body>
<div class = "card-panel teal lighten-2"><h3>Hello World!</h3></div>
</body>
</html>