Veröffentlichung der Videomitschnitte der Contao Konferenz 2017
Liebe Community,
wir starten heute mit der Veröffentlichung der Videomitschnitte der Contao Konferenz 2017.
Am besten ein kühles Getränk dazu und dann dann YouTube „anwerfen” ;).
Den Anfang macht Sebastian Bergmann mit dem Thema „PHPUnit für Contao Entwickler”.
Wer sicher sein will, dass Software richtig funktioniert, muss sie laufend testen. Automatisierte Tests, die einem das ständige Drücken von F5 im Browser sowie das Verwenden von Debug-Statements wie var_dump() im Code ersparen, sind mehr als einen Blick wert. Erst recht, wenn man die durch manuelles Testen entstehenden Kosten vermeiden will.
Wie teste ich meinen Code mit möglichst wenig Aufwand? Wie führe ich so wenig Code wie möglich aus, um das zu testen, was mich wirklich interessiert? Und was hat das alles mit sauberem Code zu tun? In diesem Vortrag lernen Contao-Entwickler, warum sie PHPUnit in ihren Werkzeugkasten aufnehmen sollten.
Mit Sebastian Bergmann gab sich ein wahres PHP-Urgestein an der Contao Konferenz die Ehre. Sebastian Bergmann ist der Erfinder und noch immer Hauptentwickler des PHP-Testframeworks PHPUnit welches im Februar dieses Jahres in Version 6 erschienen ist und mit welchem auch alle neuen Contao 4 Komponenten automatisiert getestet werden und so für ein stabileres Contao sorgen.
Video auf YouTube ansehen
Viel Spaß bei Vertiefen der Erkenntnisse.
Sommergrüße
Thomas
„Visuelles Prototyping” mit Jonas Hellwig
Heute gehen wir mit dem Zweiteiler „Visuelles Prototyping” mit Jonas Hellwig aka kulturbanause an den Start.
Die Gestaltung flexibler Weblayouts stellt Designer vor neue Herausforderungen. Früher war es üblich, eine Website in einem Grafik- oder Bildbearbeitungsprogramm zu gestalten und anschließend an die Programmierung zu übergeben. Der Designer hatte daher mit der technischen Umsetzung nur wenig zu tun. Heute sind die Bereiche Design, UX und Entwicklung stark verzahnt. Screen-Designer müssen flexible Layouts entwerfen können, die über Interaktionen verfügen und Animationen, Verlinkungen und Scrolling-Effekte abbilden. Programme wie Photoshop, InDesign oder Illustrator sind dafür nicht geeignet, doch es gibt neue Programme und Tools, die Designern unter die Arme greifen.
In dieser Doppel-Session lernt ihr, worin der Unterschied zwischen einem statischen Layout und einem visuellen Prototypen besteht und warum die Arbeit mit Prototypen so erfolgreich und effektiv ist. Ihr erfahrt, worauf es bei der Gestaltung responsiver Websites ankommt. In diesem Zusammenhang werdet ihr auch die neue Generation der Web Design Tools kennenlernen. Programmen wie Adobe Muse, Adobe Comp CC, Webflow und nicht zuletzt der Browser bieten vielfältige Möglichkeiten, um praxistaugliche visuelle Prototypen und Web-Layouts zu erstellen. Die Zusammenarbeit mit den Kollegen aus der Konzeption und Entwicklung kann somit spürbar vereinfacht werden, ohne dass ihr selbst zu tief in die Web-Entwicklung einsteigen müsst.
Viel Spaß beim Gucken und Lernen
Thomas
Teil 1: https://youtu.be/IH90XMxJ5O0
Teil 2: https://youtu.be/S9RLClIYdFU
”CSS Grid: True Layout Arrives, Finally” with Jen Kramer.
Today we proudly present ”CSS Grid: True Layout Arrives, Finally” with Jen Kramer.
For years, front-end developers fumbled with hacking floats for layouts, often as part of a grid system. Media queries made these float-based grids more responsive to different screen dimensions, but unfortunately, the behaviors weren't always granular enough to work well with complex layouts. Now with the new Grid specification in CSS, we can easily define behaviors for each cell in our layouts in two dimensions. When combined with media queries, we can specify where each cell will be placed under a variety of conditions, in horizontal and vertical space. Similarities and differences with Flexbox will also be identified and discussed.
Zur Person:
For more than fifteen years, Jen Kramer has been educating clients, colleagues, friends and graduate students about the meaning of a "quality website." Since 2000, she has built websites that are supportive of business and marketing goals in a freelance capacity and as part of an agency.
Jen is a Lecturer at Harvard University Extension School in the Master's of Liberal Arts in Digital Media Design, teaching five courses per year, advising students, and assisting in curriculum design.
Das Video auf YouTube ansehen:
https://youtu.be/3k3Wt6pR9qE
„authProvider”. Anbinden von Contao an externe Authentifizierungsstellen.
Guten Morgen,
wir starten in die neue Woche mit dem Videomitschnitt von Stefan Lindecke aka lindesbs und dem Thema „authProvider” - Anbinden von Contao an externe Authentifizierungsstellen.
Als Beispiel:
• htaccess
• IMAPS
• LDAP
• oauth
Video auf YouTube ansehen: https://youtu.be/lGDqXLBMHqQ
Einen guten Start in die neue Woche.
Thomas
Die acht Todesgriffe des Design-Shaolin - Alexander Metzler
„Die acht Todesgriffe des Design-Shaolin” ist keine Neuauflage eines Spieleklassikers für die Spielkonsole, sondern der Titel des Vortrags von Alexander Metzler.
Noch immer drückt sich der ein oder andere um die Berufsbezeichnung Webdesigner. Warum eigentlich? Unser Beruf ist vielseitig, anspruchsvoll und immer am Puls der Zeit. Welche Fähigkeiten ein Webdesigner abdecken und warum wir unsere Berufsbezeichnung mit Stolz tragen sollten, zeigen die acht Todesgriffe des Design-Shaolin.
Zur Person: Seit 2003 realisiert Diplom-Designer Alexander Metzler mit seiner Firma [a-fusion] new.media.design in Frankfurt Print- und Webdesign für Kunden aus unterschiedlichsten Branchen.
Er ist aktives Mitglied der Joomla Community, organisiert die Joomla User Group Frankfurt / Rhein-Main und unterstützt die internationale Joomla Design Gruppe. Bei zu viel Freizeit macht er Marketing, Regie, Vorträge, ZDF-Streaming, Fußball, kochen, Hörbücher, boxen, sonnen und viele Bücher lesen.
https://youtu.be/CwOG8E5JMHY
Video „Catalog Manager” von und mit Alexander Naumov
Mit der Vorstellung des „Catalog Managers” von und mit Alexander Naumov verabschieden wir uns ins hoffentlich wieder sommerliche Wochenende. Ein tolles Wochenende euch und bis Montag.
Mit dem Catalog Manager kann jeder ohne Programmierkenntnisse Backend Module erstellen. Sie können schnell und einfach Übersichtsseiten mit Filter Formularen und Detailseiten erzeugen. Weiter können Sie Ihr Content mit Hilfe von Meta-Tags und Taxonomies auf der Webseite intelligent verteilen und zu guter Letzt gibt es noch das Frontend Editing.
Weitere Informationen zu Alexander Naumov: Derzeit bin ich angestellt bei tozen in Karlsruhe, bin 26 Jahre alt und habe schon mehr als 5 Jahre Berufserfahrung. Ich beschäftige mich mit Contao seit 2012. Angefangen habe ich als Frontend Entwickler aber mittlerweile mache ich viel lieber Backend Programmierung. Meine Contao Erweiterungen: ProSearch, F Modul und CatalogManager.
Video auf dem Contao YouTube-Kanal ansehen:
https://youtu.be/7MsOPQWNDqU
The new discipline of a frontend Architect” mit Marc Reimann
Die neue Woche starten wir mit dem Video „The new discipline of a frontend Architect” mit Marc Reimann.
Worum geht es dabei? Was steckt hinter dem Konzept?
Der Vortrag zeigt auf, wie sehr sich das Themenfeld Webentwicklung verändert und dass es vieler Disziplinen bedarf, die beherrscht werden müssen, um erfolgreich dabei zu bleiben.
Marc Reimann erläutert dabei die Grundgedanken hinter der Disziplin eines Frontend Architekten. Worauf sollte geachtet werden, bei dem Prozess eine Internetseite zu erstellen, wie kann die Qualität der Arbeit erhöht und gehalten werden, auch wenn das Projekt über Jahre hinweg weiter anwächst.
Die Grundlage bilden die vier Säulen der Frontend Architektur:
- the Code Pillar
- the Process Pillar
- the Testing Pillar
- the Documentation Pillar
Kurz vorgestellt werden Tools und Anregungen, die einem den Prozess erleichtern und verbessern können.
Gleich einen Kaffee holen und angucken:
https://youtu.be/MVsFKPRwRcI
Rückblick Contao Konferenz 2017 auf contao.org
Wir haben einen Rückblick auf die Contao Konferenz 2017 zusammengestellt.
Mit Impressionen und verlinkten Vorträge.
Viel Spaß beim Lesen und Gucken
Thomas
News auf contao.org lesen
„Abhängigkeiten in PHP Projekten mit Composer verwalten” mit Nils Adermann
Im heutigen Videomitschnitt erklärt Nils Adermann wie man „Abhängigkeiten in PHP Projekten mit Composer verwalten”.
Eine Vorstellung des Dependency-Managers Composer: Von den Hintergründen warum man Composer überhaupt benötigt und wieso das Verwalten von Abhängigkeiten komplexer ist, als man auf den ersten Blick denkt, über praktische Beispiele der Benutzung bis hin zu Tips & Tricks für den täglichen Gebrauch im Entwickleralltag. Der Vortrag liefert Antworten auf typischen Fragen: Wie versioniert man Pakete richtig? Wie konfiguriere ich Autoloading für neue Projekte oder alten existierenden Code? Wie gehe ich geschickt beim Aktualisieren meiner Abhängigkeiten vor?
Nils Adermann hat Composer, den PHP Dependency Manager, erfunden und, gemeinsam mit Jordi Boggiano, Private Packagist, den Service für private Composer Pakete, gegründet. Nach über einem Jahrzehnt in einer Vielzahl von Open Source Projekten und Firmen im PHP Umfeld kennt Nils die alltäglichen Probleme für PHP Entwickler aus erster Hand. Ziel seiner Projekte sind die Verbesserung des Arbeitens für Entwickler und das Bereitstellen von Werkzeugen für Firmen um PHP effizienter einzusetzen.
Video auf YouTube ansehen:
https://youtu.be/9rr84XofWsA
„So funktioniert die Contao Suche” mit Oliver Reifff
Heute an den Start geht Oliver Reiff mit seinem Vortrag „So funktioniert die Contao Suche”.
Die Suche ist ein mächtiges Core-Modul in Contao. Sie kann out-of-the-box genutzt werden - und funktioniert meistens wie gedacht.
So funktioniert die Contao-Suche:
• Welche Informationen werden überhaupt gefunden?
• Wie wird der Suchindex aufgebaut und aktuell gehalten?
Hier musst Du aufpassen:
• Warum werden ab und zu veraltete Informationen gefunden?
• Warum erscheinen manche Seiten mehrfach?
• Was passiert beim Löschen von Seiten oder Artikeln?
• Was ist zu beachten bei Multi-Domain und Multi-Language-Architekturen?
• Woher weiß der Suchindex, ob der Inhalt überhaupt für mich freigegeben ist bei geschützten Seiten?
So holst Du mehr aus der Contao-Suche raus:
• Wie stelle ich das Suchergebnis optimal dar?
• Kann ich zur Seite passende Bilder ausgeben?
• Und was kann ich mit der Contao-Suche noch alles erreichen?
Ohne suchen direkt zum Video:
https://youtu.be/_nveX3FhZm0
„MetaModels: Booster für den Content” und Ingolf Steinhardt aka zonky
Mit „MetaModels: Booster für den Content” und Ingolf Steinhardt aka zonky starten wir ins Wochenende.
Im ersten Teil des Vortrages soll auf die Einsatzmöglichkeiten der Erweiterung MetaModels eingegangen werden. Anhand von Beispielen werden sowohl die Vorteile als auch die Limitierungen von MetaModels aufgezeigt. Es soll die Entscheidung für einen Einsatz von MetaModels erleichtert und einen Einblick geben, welche Anforderungen mit der Contao-Erweiterung umgesetzt werden können.
Im zweiten Teil des Vortrages wird der Umsetzungsweg mit der Erweiterung MetaModels aufgezeigt, d.h. wie man mit MetaModels seine Daten im Backend von Contao eingeben kann und wie diese im Frontend wieder ausgegeben werden. In dem Vortrag wird der Schwerpunkt auf der Vorbereitung für eine Umsetzung liegen. Dabei wird insbesondere auf Möglichkeiten und Unterschiede der Datenbankstrukturen mit ihren Verknüpfungen eingegangen.
Jetzt auf YouTube ansehen:
https://youtu.be/gV1kaxohX1A
„SIWECOS - Sichere Webseiten und Content Management Systeme” mit Markus Wortmann
Wir gehen diese Woche in die letzte Runde der Videoveröffentlichungen von der Contao Konferenz 2017.
Den Anfang macht Markus Wortmann mit der Vorstellung von „SIWECOS - Sichere Webseiten und Content Management Systeme”.
SIWECOS steht für „Sichere Webseiten und Content Management Systeme“ und hilft kleinen und mittelständischen Unternehmen (KMU) Sicherheitslücken auf ihren Webseiten zu erkennen und zu beheben.
Im Fokus stehen einerseits konkrete Handlungsempfehlungen im Schadensfall, andererseits wird auch stark auf die Sensibilisierung von KMU im Bereich Cyber Sicherheit gesetzt. Ein Vulnerability Scanner überprüft in regelmäßigen Abständen die Serversysteme des Mittelständlers auf bekanntgewordene Schwachstellen oder die darauf installierten Webanwendungen auf Sicherheitslücken hin, alle Tools wurden unter der Prämisse secure by design entwickelt.
Ein Service für Webhoster kommuniziert aktiv akute Sicherheitslücken und bietet Filtermöglichkeiten an, um Cyberangriffe bereits zu stoppen, bevor sie den Kunden erreichen. So wird die Zahl der erfolgreichen Angriffe langfristig gesenkt und die Sicherheit im Internet erhöht. Gleichzeitig werden die Endanwender vor hohen finanziellen Schäden und möglichem Datenverlust bewahrt.
SIWECOS wird so langfristig die Webseitensicherheit erhöhen und bei KMU ein Bewusstsein für die Relevanz von IT-Sicherheit schaffen. KMU werden dazu befähigt auf Augenhöhe mit IT-Dienstleistern zu kommunizieren.
Jetzt auf YouTube ansehen:
https://youtu.be/vuYky2Wp-nE
Euch einen guten Wochenstart.
Thomas
„Make it flexible: Responsives Contao mit vw, em und flexbox” mit Eva Broermann
Eva Broermann zeigt im heutigen Videomitschnitt „Make it flexible: Responsives Contao mit vw, em und flexbox”.
Mit Hilfe von vw- und em-Einheiten sowie dem Einsatz von Flexbox, wird eine Contao-Website skalierbar und responsive. Dabei sparen wir einiges an Breakpoint-Definitionen ein.
Anhand eines ausgewählten Projekt-Beispiels beantworte ich folgende Fragen:
• Wo liegen die Herausforderungen bei diesem Ansatz?
• Was können wir skalieren, und was nicht?
• In welchen Einheiten soll ich denken?
• Wie hängt die Skalierung verschiedener CSS-Eigenschaften zusammen?
• The bottom line: kleiner geht's nicht. Und dann?
• Wie erreiche ich schöne Relationen?
• Wohin mit den CSS-Klassen?
• Wo liegen die Grenzen dieser Möglichkeiten?
Schaut selbst: https://youtu.be/fOq3vlEeuaA
„Performance Optimierung mit Contao 4” mit Janosch Oltmans
Guten Morgen,
zum Abschluss unserer Videoveröffentlichungen von der Contao Konferenz 2017 zeigt uns Janosch Oltmanns „Performance Optimierung mit Contao 4”.
Jeder wird es schon einmal erlebt haben: 80 % sind fertig, der restliche Aufwand macht aber noch einmal 80 % aus. Das Paretoprinzip gilt auch in der Webentwicklung. Erst recht, wenn es um die Performance geht. Ein Performance-Wert von 80/100 ist relativ schnell zu erreichen. Die letzten 20 % treiben einen aber schnell zur Verzweiflung.
In dieser Session befasse ich mich genau mit diesem Problem. Was lässt sich direkt während der Umsetzung berücksichtigen und an welchen Stellschrauben können wir drehen. Welche Punkte sind mit einem Einzeiler erledigt und für welche benötigen wir Erweiterungen oder müssen gar unseren Workflow anpassen.
Intensiv werden vor allem die Punkte „Inhalte above the fold“ sowie die Einbindung externer Ressourcen wie Grafiken, StyleSheets und JavaScript behandelt.
Jetzt auf YouTube ansehen:
https://youtu.be/wFeH9Ng3yxI