Archivo Explosivo: Javascript

Objektorientierte Programmierung – Prototypenbasierte Programmierung

Prototypenbasierte Programmierung beschreibt klassenloses objektorientiertes Programmieren. Die Vererbung wird über das Dekorieren von Objekten erreicht – Prototypen. Dieses Modell wird als klassenlose/prototyporientierte/prototypenbasierte/instanzorientierte Programmierung bezeichnet.

Prototypenbasierte Programmierung am Beispiel Javascript

<script>

// Prototyp Auto wird erstellt  
function Auto(Marke) 
{
    this.Marke = Marke;
}

// Funktion für Prototyp wird erstellt
Auto.prototype.sagHallo = function()
{
    console.log('Hallo, ich bin ein ' + this.Marke + '!');
};

// Instanziierung des Prototypen Auto als Auto1 und Auto2
var Auto1 = new Auto('Hyundai');
var Auto2 = new Auto('Fiat');

// Funktionsaufruf durch die Instanzen
Auto1.sagHallo(); // Ausgabe: Hallo, ich bin ein Hyundai!
Auto2.sagHallo(); // Ausgabe: Hallo, ich bin ein Fiat!

// Vererbung des Prototypen Auto als neuer Prototyp Kleinwagen
function Kleinwagen(Marke)
{
    // Eigenschaften Vererbung
    Auto.call(this, Marke);
};

// Erstellung eines neuen Objekts Kleinwagen anhand des Prototypen Auto
Kleinwagen.prototype = Object.create(Auto.prototype);

// Instanziierung des Prototypen Kleinwagen
Kleinwagen.prototype.constructor = Kleinwagen;

// Ersetzen der Funktion sagHallo des Prototypen Auto
Kleinwagen.prototype.sagHallo = function(){
    console.log('Hallo, ich bin ein Kleinwagen ' + this.Marke + '!');
};

// Instanziierung des Prototypen Kleinwagen als Kleinwagen1
var Kleinwagen1 = new Kleinwagen('Fiat 500');

// Funktionsaufruf der neuen Funktion sagHallo
Kleinwagen1.sagHallo(); // Ausgabe: Hallo ich bin ein Kleinwagen Fiat 500!

// Der instanceof-Operator prüft die Anwesenheit des constructor.prototype in der Prototypenkette eines Objekts (Kleinwagen1 und Auto).
console.log(Kleinwagen1 instanceof Auto);

</script>

Eine gute Anlaufstelle für Javascript ist das Mozilla Developer Network (developer.mozilla.org/de/docs/Web/JavaScript) und die entsprechende ECMA-Script-Sprachdefinition (ecma-international.org/ecma-262/7.0/index.html

Archivo Explosivo: Javascript
quill-rich-text-editor

Quill – RTE

Quill – Api Driven Rich Text Editor Über 10.000 Sterne auf GitHub und OpenSource.

Archivo Explosivo: Javascript
Fuse.js

Fuzzy-Suche in Javascript – Fuse.js

Fuse.js

Als „FuzzySearch“ bezeichnet man eine unscharfe Suche in gegebenen Datensätzen. Man kann zum Beispiel mit der Eingabe Esen nach Essen suchen, oder mit der Eingabe Esse, oder mit der Eingabe Essn, oder mit der Eingabe…

Kurz und knapp: Mit Hilfe von diversen Algorithmen wird eine gewisse Fehlertoleranz bei der Eingabe der Suchbegriffe beachtet und es werden trotzdem wertvolle Treffer gefunden. Fuse.js bildet dies wunderbar in Javascript ab.

Archivo Explosivo: Javascript

Constructr CMS 3.0

ConstructrCMS (https://github.com/phaziz/ConstructrCMS-3) based on FatFree-Framework, Materialize CSS, MySQL/PDO, jQuery/Javascript and Passion!

That’s it for now (Version 3.0 / 2015-07-29):

– Page-Management
– Create, edit, re-order/order, activate/deactivate and delete Pages
– Page specific CSS- and JS-Content
– Markdown Content-Management with Live-Preview
– Create, edit, re-order/order, activate/deavtivate and delete Content-Elements
– Template-Management
– EASY PHP-Templates
– Asset-Management (Uploads) with Live-Preview
– Add, edit, delete, Uploads
– User Management
– Create, edit, delete User-Accounts
– User Rights-Management
– Activate/Deactivate UserRight
– User Password resetting

INSTALLATION:
– VISIT THE INSTALLER AT http://yourdomain.tld/CONSTRUCTR-CMS-SETUP/

CHANGELOG
– 2015-07-29 AutoInsert Markdown for Files / little Bugfixes and minor Features
– 2015-07-28 Webinstaller / little Bugfixes and minor Features
– 2015-07-23 Grande Update IV…
– 2015-03-23 Grande Update III…
– 2015-03-21 Grande Update II…
– 2015-03-19 Grande Update…
– 2015-03-18 Initial commit

Archivo Explosivo: Javascript
ConstructrCMS 2.0

Constructr CMS 2.0

Bald ist es soweit – Constructr CMS Version 2.0 auf Basis eines neuen PHP-Frameworks (FatFree)…

weiterlesen >

Archivo Explosivo: Javascript
http://spiel.phaziz.com/

Javascript Spiel „Zahlenpaare suchen“

Repository: https://github.com/phaziz/MathingNumbersGame
Demo: http://spiel.phaziz.com

Ich wünsche viel Vergnügen beim Spiel!

Permalink
8. Februar 2015
CSSGitHubHTML5JavascriptProgrammierung
Archivo Explosivo: Javascript
Animsition - A simple and easy jQuery plugin for CSS animated page transitions.

Animsition

Javascript Animation + CSS Transistion = Animsition. Aktuell 58 nette Effekte für animierte Seitenübergänge per Javascript und CSS.

Quelle Beitragsbild: Animsition Homepage.

Archivo Explosivo: Javascript
MrRender V4.1

MiniCMS Mr. Render V4.1

MiniCMS Mr. Render V4.1 / Mini-CMS Application in PHP / Demo

  • Eine einzige Klasse.
  • 4 Funktionen – 160 Zeilen Code.
  • Saubere URL’s mit ModRewrite (.htaccess).
  • Caching in reinen Text-Dateien.
  • Routing über definiertes Array.
  • Beliebige Verschachtelung von virtuellen Verzeichnissen.
  • Jedes Template-Design ist möglich.
  • Einfache Template-Funktionen: {@ Funktionsname @}.
  • 404 Fehlerseite (inkl. 404-notfound-Header).
  • Installation in Unterverzeichnissen und Subdomains einfach möglich.

 0)
				{
					$RET = '
Permalink
15. Dezember 2014
HTML5JavascriptphazizPHPProgrammierung
Archivo Explosivo: Javascript
ConstructrCMS 1.04.0

Constructr CMS

Constructr CMS

Archivo Explosivo: Javascript
MiniCMS

Mini CMS

Ein minimales PHP-Content Management System für die Auslieferung von statischen Dokumenten.

  • Minimal und superschnell.
  • Nur knappe 60 Kilobyte groß.
  • Ab PHP 5.3.
  • Beliebiges Inhalts-Verzeichnis für die statischen Dokumente.
  • Beliebige Dateiendung (.php, .html, …).
  • Logging-Funktion.
  • Automatischer Menü-Generator (bisher für eine Ebene von Seiten / noch keine verschachtelten Strukturen).
  • Diverse Hilfsfunktionen.
  • Installation in jedem Unterverzeichnis möglich.
  • Demo
  • Download via GitHub
Permalink
3. Dezember 2014
GitHubHTML5JavascriptPHPProgrammierung