Trends von der Amazon AWS re:invent in Las Vegas. Letztes Jahr war "Cloud is the new normal", dieses Jahr ist das Motto "Cloud Migration" und "massive scale". Die Frage ist nicht mehr "ob", sondern "wie" gehts in die Cloud. Die Auswirkungen sind kaum absehbar: Geschäftsmodelle müssen sich ändern, Fachleute müssen ausgebildet werden, Amazon bringt immer neue Features. Kein Stein bleibt auf dem anderen.
Abschließend noch eine kleiner Ausflug in mein Spezialthema "Security", in dem sich auch alles ändern muss: SecDevOps, Security-as-Code, automated incident response,... Auch dazu drei Ankündigungen von Amazon: Cloud Config Rules, Inspector, Web Application Firewall.

Ich könnte mir vorstellen einen Talk über CSS Modules zu halten. Der Stoff hat Potenzial zur Diskussion und es ist bestimmt interessant Vor- und Nachteile abzuwägen (wobei für mich die Vorteile natürlich überwiegen 😜).

Zeitlich peile ich frühestens Anfang 2017 an, vorher werde ich leider nicht dazu kommen einen Talk vorzubereiten.

Dein Onkel will die Website für seine Metzgerei selbst pflegen können und für CrazyNewFrameworkFoo.js gibts kein gutes CMS-Backend? Außerdem liegt das Ding auf einem 1&1-Webspace für 1,99 € im Monat und der kann kein Python? Was bleibt übrig?

Wordpress. Aber das ist unbeliebt, sogar noch unbeliebter als PHP. Es ist unsicher, hat eine miese Legacy-Codebase und macht keinen Spaß. Das Wordpress-Ökosystem ist sogar noch schlimmer, viele Plugins sind riesige Sicherheitslücken und das Templating ist eine Katastrophe.

Manche würden sich ja lieber die Augen rauskratzen als Wordpress anzufassen. Dennoch:

WordPress is used by 58.8% of all the websites whose content management system we know. This is 25.4% of all websites.
(http://w3techs.com/technologies/details/cm-wordpress/all/all)

Für den Fall, dass irgendwer der W&W'ler mal genötigt sein sollte (aus Geldgründen?) eine WP-Site machen zu müssen, ein kleiner Überblick über Wordpress Best Practices 2016 und/oder ein paar Wertvolle Workflow-Tipps und -Tricks um nicht durchzudrehen.

Darüber könnte ich was erzählen, wenn gewünscht...

edit: Bessere Vorschläge für Vortragstitel erwünscht 💩

Welche Möglichkeiten gibt es den Deployment-Prozess auf git basieren zu lassen. Überblick über die üblichen Vorgehensweisen und mögliche Fallstricke. Vorstellung der Vorgehensweise für die wir uns intern entschieden haben.

Ein kleiner Rückblick...

• Microsoft Edge
• Perception of Time
• Disconnected Connection
• http://www.smashingmagazine.com/2015/09/why-performance-matters-the-perception-of-time/
• https://github.com/serrynaimo
• https://about.me/kaijaeger
• https://github.com/makenai
• https://github.com/cpojer
• http://de.slideshare.net/cczona/consequences-of-an-insightful-algorithm
• https://twitter.com/cczona
• https://webrtc-translate.herokuapp.com/rooms/a5530a26-dfd7-4e04-9053-656504071f46

@sokra, der Erfinder und Haupt-Maintainer von Webpack würde beim nächsten Web&Wine (wenn der Termin passt) einen Vortrag über Frontend-Optimization mit Webpack halten.

Das wären so die groben Themen:

• Optimizing initial download
• on demand loading
• prefetching the on demand chunk
• inlining CSS/Images/Fonts
• Long Term Caching optimization
• Caching in Multi-Page-Apps
• SPA + routing loading + caching, targeted build
• analysing compilation result, ES6 modules + Tree Shaking
• prerendering + FOUC
• HMR
• SourceMaps

Eventuell wäre es sinnvoll, vorher eine Webpack-Einleitung zu machen für Leute, die damit noch nicht in Berührung kamen. Ich könnte den MNUG-Talk nochmal halten.

Nur so als Feedback: wenn ihr wollt, dass mehr Leute Talks einreichen, wäre mehr als ein Tag Vorlauf auf den Termin nicht schlecht. Heute kann ich nicht, aber irgendwann würde ich schon mal was erzählen wollen.

Nur mal so 'ne Issue, Digger ;)

Meteor for Dummies

Es ranken sich diverse Mythen um ein Tool, welches ohne zehnstündigen Toolchain-Configaufwand eine arbeitsfähige ES2015-fähige Umgebung bereitstellt. Es bringt auch noch weitere Goodies mit, wie eine integrierte Datenübertragung zwischen Client/Server nach dem pub/sub-Modell. Dieses Tool nennt sich meteor!

Mit 1.3 (beta) hat sich bei Meteor einiges getan - Zeit für ein Recap!

Agenda

• Überblick über die Meteor Plattform
  • Neuerungen in 1.3
• Pros
• Cons
• Live Examples
• Ausblick auf 1.3+

An alle Haters: bringt eure Fäustlinge! :-)

Titel: Design Thinking

• Dauer: 15 Minuten
• Wunschtermin: 13. Juni

Kurzbeschreibung: In meinem Vortrag werden die Grundlagen des Design Thinking erläutert. Dabei handelt es sich um ein Konzept zur kreativen Problemlösung mit dem Ziel in interdisziplinären Teams echte, herausragende Innovationen zu erschaffen.

Titel:

• Dauer: 30 oder 15 Minuten
• Wunschtermin:

Kurzbeschreibung: ...

Titel: Creating a basic Amazon Alexa skill

• duration: ~15 Minuten
• Wunschtermin: April 18th, 2017

Kurzbeschreibung: Much talked about - and also more and more often talked to - the new devices from Amazon are just another step towards voice controlled services that allow users to handle services provided via the interwebz in a very convenient and direct way.

Amazon's "Echo" and "Echo Dot" devices are a cheap and now easily available option, yet they are by no means the only devices that provide voice control.

I'll walk through the requirements and steps that allow creating voice controlled skills with Amazon Alexa and the provided and/or required infrastructure.

Hi ich könnte für das Treffen im Juni einen Vagrant Talk vorbereiten.

Vagrant ist eine Abstraktion über einer Virtuellen Maschine die das Entwicklungsenvironment kapseln soll, um auf einem System entwicklen zu können das möglichst nah am Produktivsystem ist.

Mir gehts dabei um eine Einführung und Ideensammlung für was man das Tool einsetzen kann. Es wird vermutlich nicht allzu umfangreich und eher nicht so spannend für Leute die Vagrant schon einsetzen.

Wie bekannt ist euch Vagrant denn bereits, besteht Interesse an so einer Einführung?

Letztes Jahr im Juni hatte ich React Native kurz vorgestellt. Damals war es noch recht frisch, inzwischen wird daran über ein Jahr fleißig weiterentwickelt und es ist einiges passiert.

Ich würde einen kurzen Überblick darüber geben was React Native ist und dann mich darauf konzentrieren was sich seit dem letzten Jahr getan hat und das in einer kleinen Live Demo zeigen:

• ES2015+ Unterstützung
• Android Unterstützung
• Hot Module Reloading
• Tooling rund um React Native (CLI, Third-party-apps wie RNPM, Exponent, etc.)

Länge: ca. 30 Minuten

Ich würde es gerne im Juni oder Juli Meetup (je nachdem wie es am euch besten passt) als Talk halten, wenn es gewünscht ist.

In den letzten 2-3 Jahren wurden nützliche CSS Module entwickelt, die einige CSS-Dauerbrenner-Probleme lösen. In diesem Talk würde ich gern ein paar der neuen Technologien vorstellen:

• Flexbox
• Variables
• Grid Layout
• Pointer events
• Shadow DOM (eigentlich kein CSS-Feature, hat aber vermutlich großen Einfluß auf die Art, wie wir CSS schreiben)
• CSS Scoping
• Mixins?
• object-fit / object-position
• intrinsic/extrinsic sizing
• will-change (https://drafts.csswg.org/css-will-change/#using)
• Containment (https://drafts.csswg.org/css-containment/#example-88a015d5)
• CSS display module (https://drafts.csswg.org/css-display/) (box-supress)
• Interaction media queries
• Houdini Drafts
• Vielleicht Snap Points
• Vielleicht noch CSS Masking

Und wer einen Marketingnamen braucht: Ich nenne es....

CSS4

• Gary Bernhardt: The Birth & Death of Javascript [29:22]

JSON Schema, JSON LD und MDE

Link zum Talk

Ich könnte mir vorstellen kurz JSON Schema vorzustellen, was es ist und was man damit machen kann. Kann dann auch kurz zwei Projekte vorstellen in denen es verwendet wurde (http://plasticjs.org/ & https://www.npmjs.com/package/mobo).

Das Thema MDE / MDD (Model Driven Engineering / Development) wäre ein guter Anschluss und übrigens ein sehr interessanter Ansatz mit der steigenden Komplexität umzugehen (was @henning-koch ja bei seinem talk letztesmal angesprochen hat). Da bin ich jetzt kein Experte, aber eine Diskussion dazu wäre sicher spannend!

Was meint Ihr?

Simon

Ich habe Tankred Hase (@tanx), den Mitgründer von Whiteout.io, die leider Ende letzten Jahres ihren Dienst einstellen mussten, gefragt, ob er gerne einen Vortrag über die "Lessons Learned" in Sachen E-mail-Verschlüsselung für Otto-Normal-User halten würde. Er hat dazu auch Anfang Dezember einen interessanten Blogpost veröffentlicht.

Er hat Interesse bekundet und wäre ab Ende März wieder in München. Das wäre also vielleicht was für das April Meetup? Vielleicht haben ja auch die Boxcryptors (@Robert-F) noch was interessantes zum Thema End-to-End-Encryption?

Der Titel hier ist nur ein Arbeitstitel, das genaue Thema kann sich noch ändern.

Ich könnte mir vorstellen für den Juni Meetup einen Talk zu React Native (https://facebook.github.io/react-native/) zu halten. React Native erlaubt es, seine React-Kenntnisse auf mobile Plattformen anwenden und mit JavaScript native Apps zu entwickeln. Ich würde eher einen groben Umriss mit kleiner Live-Demo geben als auf einzelne Punkte zu stark einzugehen.

Grobe Punkte:

• Was ist React Native? Wie funktioniert es im Vergleich zu Alternativen wie NativeScript, Cordova, etc.
• Wo ist der Unterschied zu React?
• Was brauche ich und erste Schritte
• Live Demo
• Debugging und Pitfalls
• (Optional) Einbindung nativer Schnittstellen

Ich bin auf euere Meinungen und Vorschläge gespannt.

Edit: Link und kurze Beschreibung zu React Native ergänzt

Für das nächste Meetup hätte ich folgenden Talk-Vorschlag: Dieser Talk ist ein bisschen anders als meine bisherigen technischen Talks, dieser hier geht etwas mehr in die organisatorische Richtung.

Ich möchte hier die Reise von einem unkoordinierten Entwicklerhaufen zu einem Team beschreiben, das wie Uhrwerk funktioniert. Folgende Punkte will ich dabei ausführen:

• Release Prozess
• Testprozess
• Codequalität
• Continous Integration & Continous Delivery
• Planbarkeit & Estimierung
• Joel-Test

Gespickt ist der Talk natürlich mit diversen Anekdoten. Bei vielen dieser Punkte werde ich nur einen kurzen Abriss geben, um eher das große Ganze beschreiben.

Länge: ca. 30 Minuten

@frostney: Du wolltest vielleicht einen Babel Talk halten? Hab ich das richtig in Erinnerung?

Titel: How I created a desktop app in minutes

• Length: 30mins (15mins basics, 15mins demo)
• Date: Probably May or June?

I'll show how Electron works, why it is so popular and how easy it is to actually develop a real application with it. My demo will use ember-electron because it abstracts a lot of the deeper stuff away quite easily, but everything shown can be applied to any other single page application as well.

German or English, whatever fits.

Hey Leute,

wir waren dieses Jahr auf der Xamarin Evolve in Orlando und würden gern davon berichten und euch zeigen, was die Jungs so an neuen Features entwickelt haben.
Das ganze hat zwar wenig mit Web-Technologie zu tun, aber es tut ja auch immer ganz gut, mal zu schauen, was sich bei anderen Lösungsansätze für das Cross-Plattform-Thema so tut.

Wenn Interesse besteht, könnten wir im Juni nen Talk machen....

Viele Grüße,
Chris

Ich möchte Getränke stellen
Bitte gebt mir einen Tip: Wie geht das?
Anzahl? Art? Liefern?
Wein kann ich mitbringen, aber fast jeder trinkt was anderes....

Gab's da schon was zu bei Web&Wine? Die Möglichkeiten sind ziemlich beeindruckend und da ich nun ein bisschen damit experimentieren konnte, kann ich gerne einen kurzen Talk darüber halten.

Ich könnte mir vorstellen einen Talk über FxOS zu halten. Je nach Audience kann ich da etwas tiefer (oder eben nicht) einsteigen.

Grobe Punkte:

• Plattform (Aufbau & Entwicklung in den letzten 2 Jahren)
• API-Übersicht
• Designprinzipien von FxOS
• Entwicklung und Debugging mit WebIDE
• Hands on mit einem Developer Device (Flame)

Weitere Vorschläge zu dem Thema sind willkommen!

Carsten

Titel: The future of frontend tooling

• Dauer: 30 Minuten
• Wunschtermin: Nächstes W&W

Den Talk hab ich schon bei der JSConf Island gehalten und er befasst sich mit neuen Webtechnologien wie ES2015 Modules, HTTP2 und Web Components. Ausschnitte davon stammen von dem W&W Talk im Dezember 2015. Dieser Talk ist aber besser vorbereitet und sorgfältiger recherchiert :). Außerdem hat sich noch ein bisschen was getan.

Kurzbeschreibung:

Our frontend toolstack has become quite complex over the past few years. In order to overcome typical problems when building large websites, we've built a variety of tools with shiny names like Grunt, Gulp or Webpack. However, things are about to change. With new technologies like HTTP2, ES2015 and Web Components around the corner, we need to ask ourselves: are the best practices from today still valid in the future? What kind of tools will we be using in the next few years? Will we need them at all? In my talk, I am going to show you how these new technologies will change the way we work.

Titel: HTTPS mit Let's Encrypt

• Dauer: 30 Minuten
• Wunschtermin: ab März/April

Kurzbeschreibung:

Seitdem Let's Encrypt 2016 gestartet ist hat das Projekt einen durchschlagenden Erfolg zu verzeichnen: es wurden bisher über 20 Millionen Zertifikate ausgestellt und es sind fast 25 Millionen Fully Qualified Domains aktiv. Viele Webhoster unterstützen das Deployment von Let's Encrypt Zertifikaten mittlerweile automatisch über ihre Webinterfaces. Gerade im professionellen Bereich gibt es allerdings höhere Anforderungen durch Techniken wie HSTS in Kombination mit HPKP, die etwas mehr Hintergrundwissen und Konfigurationsaufwand erfordern.

In dem Talk würde ich kurz auf die Basics eingehen und dann auf die Punkte:

• Einrichtung mit verschiedenen Webservern
• Welche Tools gibt es zur Automatisierung (certbot, tiny-acme)
• Advanced Configs (HSTS + HPKP mit Backup-Zertifikaten)

@pichfl

A superset of JavaScript with typing.

http://www.typescriptlang.org/

For the talk I mainly thought of a comparison to JavaScript, brief summary of benefits and downsides.

• introduction on what a-frame is and how it works
• focus on new interaction possibilities on websites

Titel: Better Styles with StyleLint

• Length: 15 minutes
• Date: Probably April or May or later, whatever fits your schedule

We began using StyleLint at anfema last year and we never looked back. Having a way to publish and maintain a strict ruleset on how to write CSS (and SASS, etc) helped to align the team. Why should only JS have all the fun of cruel linter warnings and errors? StyleLint is easy to setup and use.

German or English, whatever suits your crowd.

Titel: Are these my assets?

• Dauer: 10 Minuten (Lightning)
• Wunschtermin: 18. April

Kurzbeschreibung:
Validierung von Assets über Checksummen -> Schutz vor Manipulation

Das Thema ist kurzfristig bei meiner Bachelorarbeit rausgefallen und ich finde es interessant, darüber mal zu sprechen. Hatte ich so vorher gar nicht auf dem Schirm.

Ich könnte mir vorstellen einen Talk über Offline First! Konzepte zu halten. Das Thema ist im Rahmen von Progressive Web Apps ziemlich heiß und Service Worker sind das Stichwort!

Zeitlich peile ich frühestens Anfang 2017 an, vorher werde ich leider nicht dazu kommen einen Talk vorzubereiten.

Ich kann mal ein Demo machen, in der ich zeige wie wir GitLab CI benutzen (https://about.gitlab.com/gitlab-ci/)

Wenn zur Entwicklung kommt, beschäftigen mich aktuell drei größere Baustellen:

• Ember.js, was einen ES6-Workflow forciert
• Ein Static-Site-Generator mit ES2016-Support mit Gulp, Babel und möglichst kleinen single task npm modules
• Tooling für ein Node.js-Projekt auf Basis von Koa.js und Babel (Yay, async und wie man nebenbei einen eigenen Reporter für eslint und mocha baut)

Dabei kommen immer wieder folgende Themen auf:

• ES2015/16
• Babel (und wie man es mit sämtlichen anderen Teilen des Workflows verbindet)
• eslint
• Gulp
• PostCSS
• BrowserSync

Wäre da was dabei was euch interessiert? Ich habe demnächst etwas Zeit übrig und würde was vorbereiten.

Ich hatte das ja schon ein bisschen mit dem Flexbox-Talk angedacht, hab den Talk dann aber doch auf Flexbox fokussiert: Ich würde gern einen Talk halten in dem ich einen Überblick über all die neuen CSS features die in der Pipeline sind gebe.

Als Notiz an mich selber:

• Variables
• Grid Layout
• Pointer events
• Shadow DOM (eigentlich kein CSS-Feature, hat aber vermutlich großen Einfluß auf die Art, wie wir CSS schreiben)
• CSS Scoping
• Mixins?
• object-fit / object-position
• intrinsic/extrinsic sizing
• will-change (https://drafts.csswg.org/css-will-change/#using)
• Containment (https://drafts.csswg.org/css-containment/#example-88a015d5)
• CSS display module (https://drafts.csswg.org/css-display/) (box-supress, contents, run-in)
• Interaction media queries
• Houdini Drafts
• Vielleicht Snap Points
• Vielleicht noch CSS Masking
• https://hashnode.com/post/will-modern-css-eliminate-the-need-of-preprocessors-citb3frl809u78y534zy9dj4d
• https://speakerdeck.com/malyw/you-might-not-need-a-css-preprocessor?utm_source=hashnode.com

Ich bin nicht böse, wenn ihr andere Talks priorisiert, ich will ja keine Rampensau sein. Nur falls euch mal die Themen ausgehen :)

• In den letzten Jahren wurde viel Tuning um HTTP 1.1 herum gebaut (Konkatenieren von CSS/JS, mehrere Asset-Hosts ("Domain sharding"), CSS inlining, Image inlining, Image Sprites)
• RFC für HTTP/2 ist fertig
• Viele aktuelle Browser haben es schon implementiert
• Vieles von den aktuellen Techniken wird damit obsolet oder ist sogar kontraproduktiv

Kurze Zusammenfassung zu dem aktuellen Stand der Web Components Spezifikationen und verwandter Technologien.

• Shadow DOM
• Custom elements
• HTML templates
• HTML imports / ES6 modules

http://webcomponents.org

Gerne auch mit einigen Beispielen versehen.

Erweiterbar um Vergleich mit aktuellen Web Frameworks wie React, Angular, Ember, etc. Besonders spannend wäre Polymer noch in dem Kontext.

(Muss nur schauen wie es zeitlich aussieht einen Talk daraus zu machen.)

Titel:

• Dauer: 30 oder 15 Minuten
• Wunschtermin:

Kurzbeschreibung: ...

@schacki: Hattest du da nicht vor mal einen Talk dazu zu halten? Vielleicht März oder April?

Titel: How did I survive my hardware project

• Dauer: 30 Minuten
• Wunschtermin: Juli

Kurzbeschreibung:
It's just a summary of my experiences doing something with hardware completely out of my comfort zone.

• How did I get the idea?
• Why did I do it?
• What was I thinking?
• How did I survive?
• And why would I recommend it?

Titel: Building modern Web Apps without wasting so much time

• Dauer: 30 Minuten
• Wunschtermin: ab Mitte März

As the Web Platform becomes ever more capable, web applications are increasingly ambitious and users adopt their expectations along the way. This leaves developers with numerous challenges to solve that were mostly unheard of even one or two year ago. While there is a plethora of solutions to these problems available and new ones are popping up each day, most of these are not yet based on well established patterns and conventions, leaving developers with having to connect the dots themselves. Doing so means teams spend a significant amount of their time not building the core product and generating business value but figuring out solutions to more fundamental challenges.

In this talk I'll show how conventional solutions backed by vivid communities as well as established, proven tools liberate teams from solving problems that should not actually be in their problem domain at all. Instead they can focus on iterating on their core product while still keeping up with the latest and greatest in web technology and meeting ever increasing user expectations. We will look at all levels of the stack and cover backend and frontend as well as the data transport layer between the two.

Lightning Talk
Vorschlag zur Gründung eines OpenDeviceLab in Augsburg.

• Was ist ein ODL?
• Wo kann ich mir eins anschauen?
• Suche nach Räumlichkeiten/Partnern

https://github.com/ODL-Augsburg
Wer direkt mitmachen will pingt mich über die üblichen Kanäle an :)