Benutzer:DavX/WebDev
aus Degupedia, der freien Wissensdatenbank
| » | Startseite | Fütterungskonzept | Literatur | Chile | Pflanzenbuch | Code | Open Source | Archiv |
Unterseiten: WebDev | Metadata | Admin & VM | Script-Tools | ARM | Windows (edit)
| Inhaltsverzeichnis |
Aktuelles
Webseite
|
Website
Bootrstrap
|
Karten / Map Sonstiges
|
Liste bearbeiten (http://www.degupedia.de/wiki/index.php?title=Vorlage:DavX/WebDev_Aktuelles&action=edit)
Grundlagen
Tools
Vagrant. Eine Entwicklungsumgebung für einheitliches Deployment von Systemen. Für Einsteiger empfiehlt sich die Kombination von Vagrant mit Virtualbox, welche im Hintergrund die Systemimages (Boxes) ausführt. Vagrant sorgt für die Konfiguration, wobei es neben Shellscripts auch spezielle Konfigurationstools wie Ansible oder puppet unterstützt. Und es stellt einen einfachen Zugang und Synchronisation der Ordner zur Verfügung. Die Konfiguration ist sehr einfach gehalten, da nur eine Konfigurationsdatei (Vagrantfile) im aktuellen Projektordner nötig ist und beim ersten Start von der Kommandozeile das Box-Image von einem Repository-Server heruntergeladen und danach nach der Konfigurationsdatei eingerichtet wird.
www.vagrantup.com
Composer (für PHP). Ein Tool, das die Installation von PHP-Bibliotheken vereinfacht. Unter anderem setzt auch MediaWiki auf Composer.
- https://code.tutsplus.com/tutorials/easy-package-management-with-composer--net-25530
- https://www.semantic-mediawiki.org/wiki/Help:Using_Composer
Process Wire. Das Besondere an Process Wire ist, dass dieses CMS dem Programmierer viel Freiraum lässt und statt einem System, das ihn einschränkt ein CMS bietet, das zwar ein fixfertiges Backend hat, aber dessen Frontend unkompliziert mit PHP-Code beliebig komplexe Sachen gestalten lässt. Zu den Vorteilen von Process Wire zählt neben dem hochwertigen Backend und dem puristischen Ansatz eine gute Bildverwaltung, die auch einfache Bildmanipulationen zulässt (Grösse ändern, Bild zuschneiden).
- Vergleich zwischen Process Wire und WordPress (https://www.tba-berlin.de/webdesign/cms/processwire-vs-wordpress/)
- Process Wire Basics: Installation (https://webdesign.tutsplus.com/tutorials/how-to-install-and-setup-processwire-cms--cms-25509)
- Process Wire einrichten und Basics zur Programmierung (http://webkrauts.de/artikel/2012/processwire)
- Eine detailliertere Anleitung zum programmieren von Process Wire (http://t3n.de/news/processwire-cms-675223/)
Offizielle Infos:
- Dokumentation (https://processwire.com/docs/)
- Process Wire Module (http://modules.processwire.com/)
Git.
Techniken
- YAML (https://de.wikipedia.org/wiki/YAML)
- Grundlagen
- Bibliotheken
- Responsive Design
- Semantic Web
- Wikipedia: Semantic Data Model (https://en.wikipedia.org/wiki/Semantic_data_model)
- Semantic MediaWiki (https://www.semantic-mediawiki.org/wiki/Semantic_MediaWiki) (vgl. Wikipedia (https://en.wikipedia.org/wiki/Semantic_MediaWiki))
- Hier gibt es einige Publikationen über Semantic Web: Korrekt.org Publications (http://korrekt.org/page/Publications#Journal_publications)
Frameworks
- HTML5 Frameworks
- Bootstrap
- Kube
- JS Frameworks
- jQuery (http://jquery.com/)
- Underscore.js (http://underscorejs.org/) (Framework, das ohne Abhängigkeiten daher kommt, mit der Absicht, dass es sich möglichst gut mit anderen Frameworks verträgt)
- Sonstiges
- Handsontable (https://handsontable.com/) (Excel ähnliche Tabellen)
- PapaParse (http://papaparse.com/) (schnelle CSV Bibliothek)
- FontAwesome (http://fontawesome.io/)
- twemoji (https://github.com/twitter/twemoji) [1] (https://blog.farrant.me/adding-emoji-support-to-any-website/) (Emoji fürs Web)
Tipps und Praxis
jQuery
Probleme mit jQuery Icons
Problem: Bei jQuery UI lassen sich die Icons nicht vergrössern oder verkleinern, bzw. wer es trotzdem tun will, der muss zu üblen Hacks greifen. Als Alternative bietet sich FontAwesome (http://fontawesome.io/) an:
- Flexible Size, Flexible Color Icons for jQuery-UI (http://outbottle.com/flexible-size-flexible-color-icons-for-jquery-ui/)
- Fontawesome.io (http://fontawesome.io/)
