Veröffentlichung der Videomitschnitte der Contao Konferenz 2017

[planepix]

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

[planepix]

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

[BugBuster]

Der zweite ist ein FB Link, cooler wäre der direkte Link

[mlweb]

https://www.youtube.com/watch?v=S9RLClIYdFU

müsste es sein.

[BugBuster]

Der angezeigte Link ist OK, nur der verlinkte nicht, bzw. nur über FB Umweg. Ist jetzt nicht wirklich ein Problem, aber unschön.

[mlweb]

Ach so war das gemeint.

[planepix]

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

[planepix]

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

[planepix]

Aus unseren Videomitschnitten von der Contao Konferenz 2017 heute:

Erweiterung Contao Indexierung - Suche auf Office- und PDF-Dateien mit Michael Pfeiffer.

• Möglichkeiten / -bedarf Indexierung / Suche auch in Dateien
• Verschiedene Möglichkeiten der Content-Extrahierung
• Verschiedene Indexierung- / Suchanbieter (solR, elasticsearch, Tika)
• Apache Tika (Basis für alle gängigen Indexierungssysteme)
• Performancegrenzen
• Problematik / Lösungsansätze bei der Implementierung
• Integration in Contao
• Vorstellung / Arbeitsweise Modul TikaSearch (vollständige Integration in Contao)
• Systemvoraussetzungen
• Livedemo
• Fallstudie (mehrere 1000 Dateianhänge je Instanz mit erweitertem Berechtigungssystem auf einzelne Newsartikel)
• Erweiterungsmöglichkeiten
• Fragen und Antworten

Here we go:
https://youtu.be/N2NbQVo3zrY

[planepix]

„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

[planepix]

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

[planepix]

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

[planepix]

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

[planepix]

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

[planepix]

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

[planepix]

Das heute veröffentlichte Video steht ganz unter dem Motto „Alles bleibt anders” oder
„Das mache ich schon immer so - Ein Plädoyer an die stetige Weiterbildung”. Aktueller denn je. (tw)

Schau euch an was Joe Ray Gregory dazu zu sagen hat.

Als Webworker prasseln Unmengen an Technologien auf uns ein. Ständig tauchen neue Libraries, Programmiersprachen und Frameworks auf. Docker, Postcss, Microservices, Elixir, Progressive Webapps, Vue.js, ReactJS sind nur ein paar dieser “aktuellen neuen Technologien”. Gerade noch hat man sich an Sass oder less gewöhnt, da donnert auch schon Postcss um die Ecke und macht beide fast obsolet.

Auch mit Contao 4 steht uns eine Veränderung bevor die einen Lernprozess mit sich zieht. Das Symfony PHP Framework und der Dependancy Manager Composer sind nur zwei dieser “Neuheiten”.

“Das hat noch Zeit” oder “Das betrifft mich nicht” sind Sätze die man oft zu sich selbst sagt. In Wahrheit aber belügen wir uns oftmals selbst, haben keine Zeit, haben vielleicht sogar Angst und verpassen dadurch die Möglichkeit nicht nur am Pulse der Zeit zu bleiben sondern auch auch unsere Skills zu verbessern, unser Kapital.

In diesem Vortrag zeige ich auf wie wichtig es ist sich ständig Weiterzubilden und gebe Tipps und Tricks wie eine Weiterbildung auch in einem stressigen Alltag möglich ist. Nebenbei beleuchten wir natürlich ein paar dieser “neuen Technologien” und schauen was dahinter steckt.

Und Film ab:
https://youtu.be/ibQ9M6LfEsQ

[mlweb]

Möchtest Du diesen Beitrag nicht in der Diskussion Contao 4.4 Beta verlinken? Könnte doch zumindestens in Teilen passen und vielleicht auch zum Nachdenken anregen.

[planepix]

Nur zu mit dem Verlinken

[planepix]

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

[planepix]

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

[planepix]

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

[planepix]

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

[planepix]

Nachdem heute der letzte Videomitschnitt der diesjährigen Contao Konferenz online ging, bedanken wir
uns auch bei Joachim Nickel und seinem Videoteam (Marcus Lelle, Marc Schüler und Oliver Willmes)
für das Einfangen der Themen und Eindrücke.

Auch für die vielen Stunden des Videoschnitts, der Synchronisation, der Betitelung und manchem
mehr, was man später nicht sieht.

Ab und an steckt die Tücke im technischen Detail – für das kommende Jahr haben wir schon einiges
in Vorbereitungen, um die Qualität weiter zu verbessern.

Nicky Hoff hat die Gesamtübersicht aller Themen, Links zu den Folien sowie Videos unter
https://contao.org/de/veranstaltunge...renz-2017.html zusammengestellt.

Viel Spaß beim Gucken und der Vertiefung der gewonnenen Erkenntnisse.

Beste Grüße
Thomas

[mlweb]

Danke nicht nur ans Video-Team, sondern auch an alle die immer unermüdlich die Informationen für uns zusammentragen und versuchen diese für alle auffindbar zu "hinterlegen".