http://www.opitz-consulting.com/go/3-4-898
JavaScript-Anwendungen werden immer leistungsfähiger, aber auch immer komplexer. Wie kann eine Anwendung trotz wachsender Größe wartbar und testbar bleiben? Entwurfsmuster wie Data Binding, Dependency Injection und Modularisierung helfen, dieses Ziel zu erreichen.
Tobias Bosch erläuterte in seinem Vortrag bei der WebTechConference am 17.10.2012 in Mainz die Konzepte und verdeutlicht sie an einem Beispiel mit AngularJS und jQuery Mobile.
--
Zukunft?! Wir arbeiten dran.
Mobile Solutions by OPITZ CONSULTING
http://www.opitz-consulting.com/go/3-4-898
Über uns:
Als führender Projektspezialist für ganzheitliche IT-Lösungen tragen wir zur Wertsteigerung der Organisationen unserer Kunden bei und bringen IT und Business in Einklang. Mit OPITZ CONSULTING als zuverlässigem Partner können sich unsere Kunden auf ihr Kerngeschäft konzentrieren und ihre Wettbewerbsvorteile nachhaltig absichern und ausbauen.
Über unsere IT-Beratung: http://www.opitz-consulting.com/go/3-8-10
Unser Leistungsangebot: http://www.opitz-consulting.com/go/3-8-874
Karriere bei OPITZ CONSULTING: http://www.opitz-consulting.com/go/3-8-5
http://www.opitz-consulting.com/go/3-4-11
JavaScript-Clients sind ein wichtiger Bestandteil des Mobile Computings, die wart- und testbare Entwicklung ist aber eine Herausforderung. Data Binding erleichtet das Unterfangen durch die klare Trennung von Anwendungscode und UI.
OPITZ CONSULTING Solution Architect Stefan Scheidt präsentierte diesen Vortrag am 27. März 2012 auf der Mobile Tech Conference MTC Spring 2012 in München.
--
Sie möchten mobile Geschäftslösungen in Ihrem Unternehmen nutzen? Wir beraten Sie gerne. Lesen Sie hier mehr zu unseren Leistungen in diesem Bereich und informieren Sie sich zu unserem Workshop für die professionelle Web-App-Entwicklung mit JavaScript: http://www.opitz-consulting.com/go/3-4-898
JavaScript-Clients sind ein wichtiger Bestandteil des Mobile Computings, die wart- und testbare Entwicklung ist aber eine Herausforderung. Data Binding erleichtet das Unterfangen durch die klare Trennung von Anwendungscode und UI. Stefan Scheidt, Senior Solution Architect bei OPITZ CONSULTING, hielt diesen Vortrag bei der Mobile Developer Conference (MDC) am 14.02.2012 in Hamburg.
http://www.opitz-consulting.com/go/3-4-898
JavaScript-Anwendungen werden immer leistungsfähiger, aber auch immer komplexer. Wie kann eine Anwendung trotz wachsender Größe wartbar und testbar bleiben? Entwurfsmuster helfen, dieses Ziel zu erreichen.
Stefan Scheidt, Solution Architect und Mobile-Web-Experte bei OPITZ CONSULTING, hielt diesen Vortrag bei der Mobile Tech Conference in Frankfurt a. M am 04.September 2012.
--
Zukunft?! Wir arbeiten dran.
Mobile Solutions by OPITZ CONSULTING
http://www.opitz-consulting.com/go/3-4-898
Über uns:
Als führender Projektspezialist für ganzheitliche IT-Lösungen tragen wir zur Wertsteigerung der Organisationen unserer Kunden bei und bringen IT und Business in Einklang. Mit OPITZ CONSULTING als zuverlässigem Partner können sich unsere Kunden auf ihr Kerngeschäft konzentrieren und ihre Wettbewerbsvorteile nachhaltig absichern und ausbauen.
Über unsere IT-Beratung: http://www.opitz-consulting.com/go/3-8-10
Unser Leistungsangebot: http://www.opitz-consulting.com/go/3-8-874
Karriere bei OPITZ CONSULTING: http://www.opitz-consulting.com/go/3-8-5
Java script data binding mit jQuery MobileStefan Scheidt
JavaScript-Clients sind ein wichtiger Bestandteil des Mobile Computings, die wart- und testbare Entwicklung ist aber eine Herausforderung. Data Binding erleichtet das Unterfangen durch die klare Trennung von Anwendungscode und UI und vereinfacht den Code dadurch deutlich. Der Vortrag erläutert das Konzept und verdeutlicht die Vorteile an einem Beispiel unter Einsatz von AngularJS und jQuery Mobile.
Max Pronko - Best practices for checkout customisation in Magento 2Meet Magento Italy
Checkout in Magento 2 has been re-implemented from scratch. Now it is a single page application (SPA).
It might be a challenging task to extend or customise Checkout in order to introduce new functionality.
In this topic Max Pronko has am shown best practices to elegantly extend checkout and introduce additional features.
Introducción WebComponents y Visual StudioDavid Chavarri
Introducción al desarrollo orientado a WebComponents y Polymer, donde veremos como construir componentes y como integrarlos entre ellos, también veremos como afrontar el desarrollo de una aplicación Web y como integrarla con backEnd en nuestro caso Visual Studio.
Espero que os parezca interesante.
http://www.opitz-consulting.com/go/3-4-11
JavaScript-Clients sind ein wichtiger Bestandteil des Mobile Computings, die wart- und testbare Entwicklung ist aber eine Herausforderung. Data Binding erleichtet das Unterfangen durch die klare Trennung von Anwendungscode und UI.
OPITZ CONSULTING Solution Architect Stefan Scheidt präsentierte diesen Vortrag am 27. März 2012 auf der Mobile Tech Conference MTC Spring 2012 in München.
--
Sie möchten mobile Geschäftslösungen in Ihrem Unternehmen nutzen? Wir beraten Sie gerne. Lesen Sie hier mehr zu unseren Leistungen in diesem Bereich und informieren Sie sich zu unserem Workshop für die professionelle Web-App-Entwicklung mit JavaScript: http://www.opitz-consulting.com/go/3-4-898
JavaScript-Clients sind ein wichtiger Bestandteil des Mobile Computings, die wart- und testbare Entwicklung ist aber eine Herausforderung. Data Binding erleichtet das Unterfangen durch die klare Trennung von Anwendungscode und UI. Stefan Scheidt, Senior Solution Architect bei OPITZ CONSULTING, hielt diesen Vortrag bei der Mobile Developer Conference (MDC) am 14.02.2012 in Hamburg.
http://www.opitz-consulting.com/go/3-4-898
JavaScript-Anwendungen werden immer leistungsfähiger, aber auch immer komplexer. Wie kann eine Anwendung trotz wachsender Größe wartbar und testbar bleiben? Entwurfsmuster helfen, dieses Ziel zu erreichen.
Stefan Scheidt, Solution Architect und Mobile-Web-Experte bei OPITZ CONSULTING, hielt diesen Vortrag bei der Mobile Tech Conference in Frankfurt a. M am 04.September 2012.
--
Zukunft?! Wir arbeiten dran.
Mobile Solutions by OPITZ CONSULTING
http://www.opitz-consulting.com/go/3-4-898
Über uns:
Als führender Projektspezialist für ganzheitliche IT-Lösungen tragen wir zur Wertsteigerung der Organisationen unserer Kunden bei und bringen IT und Business in Einklang. Mit OPITZ CONSULTING als zuverlässigem Partner können sich unsere Kunden auf ihr Kerngeschäft konzentrieren und ihre Wettbewerbsvorteile nachhaltig absichern und ausbauen.
Über unsere IT-Beratung: http://www.opitz-consulting.com/go/3-8-10
Unser Leistungsangebot: http://www.opitz-consulting.com/go/3-8-874
Karriere bei OPITZ CONSULTING: http://www.opitz-consulting.com/go/3-8-5
Java script data binding mit jQuery MobileStefan Scheidt
JavaScript-Clients sind ein wichtiger Bestandteil des Mobile Computings, die wart- und testbare Entwicklung ist aber eine Herausforderung. Data Binding erleichtet das Unterfangen durch die klare Trennung von Anwendungscode und UI und vereinfacht den Code dadurch deutlich. Der Vortrag erläutert das Konzept und verdeutlicht die Vorteile an einem Beispiel unter Einsatz von AngularJS und jQuery Mobile.
Max Pronko - Best practices for checkout customisation in Magento 2Meet Magento Italy
Checkout in Magento 2 has been re-implemented from scratch. Now it is a single page application (SPA).
It might be a challenging task to extend or customise Checkout in order to introduce new functionality.
In this topic Max Pronko has am shown best practices to elegantly extend checkout and introduce additional features.
Introducción WebComponents y Visual StudioDavid Chavarri
Introducción al desarrollo orientado a WebComponents y Polymer, donde veremos como construir componentes y como integrarlos entre ellos, también veremos como afrontar el desarrollo de una aplicación Web y como integrarla con backEnd en nuestro caso Visual Studio.
Espero que os parezca interesante.
Web Components und Polymer: Klassen für das Webinovex GmbH
Webanwendungen werden immer komplexer, jedoch fehlt dem heutigen Web eine logische Einteilung in einfach zu verwaltende Bausteine. Web Components ermöglichen die einfache, native Erstellung neuer HTML-Elemente, die eigene Logik und Styles kapseln. In dieser Session zeigen wir, was Web Components sind und wie sie bereits heute mit dem Polymer-Framework eingesetzt werden können. Welche Vorteile sich für Entwickler ergeben, soll anhand von praktischen Beispielen verdeutlicht werden, wo die Grenzen liegen selbstverständlich ebenfalls.
Speaker: Patrick Hillert, Christian Meder, inovex
Mehr Vorträge gibt es auch hier: https://www.inovex.de/de/content-pool/vortraege/
In diesem Webcast bekommen Sie Tipps und Hilfen auf dem Weg zu einer aufgeräumten Java Landschaft, mit der Sie Kosten und Risiken minimieren. Unsere Lizenzierungs- und Java-Experten sprechen dafür u. a. über diese Fragen:
* Wann ist Java "frei"? Und wann nicht?
* Wie Sie Java Installationen entdecken: Scanning-Tools und Inventarisierungslösungen
* Was steckt hinter Java, JDK und JRE? ... Mal genau erklärt
* Welche Open JDKs gibt es? Vor- und Nachteile, Supportmöglichkeiten
* Was wird morgen? Lifecycle Management, Release-Cadence-Wechsel
* Welche Oracle Lizenz-Metriken werden wann angewandt? Prozessor Core Metrik und NUP richtig zählen, Preislisten
* Geht es auch "ohne"?
* Welche Applikationen basieren auf Java?
* Wem gehört mein Java? Spezialfragen im Umfeld von Virtualisierung und Cloud
* Wie lassen sich Kosten sparen? Kostenminimierungsansätze
Die Aufzeichnung finden Sie hier:
https://youtu.be/k1ZpxoES18I
In diesem Webcast bekommen Sie Tipps und Hilfen auf dem Weg zu einer aufgeräumten Java Landschaft, mit der Sie Kosten und Risiken minimieren. Unsere Lizenzierungs- und Java-Experten sprechen dafür u. a. über diese Fragen:
* Wann ist Java "frei"? Und wann nicht?
* Wie Sie Java Installationen entdecken: Scanning-Tools und Inventarisierungslösungen
* Was steckt hinter Java, JDK und JRE? ... Mal genau erklärt
* Welche Open JDKs gibt es? Vor- und Nachteile, Supportmöglichkeiten
* Was wird morgen? Lifecycle Management, Release-Cadence-Wechsel
* Welche Oracle Lizenz-Metriken werden wann angewandt? Prozessor Core Metrik und NUP richtig zählen, Preislisten
* Geht es auch "ohne"?
* Welche Applikationen basieren auf Java?
* Wem gehört mein Java? Spezialfragen im Umfeld von Virtualisierung und Cloud
* Wie lassen sich Kosten sparen? Kostenminimierungsansätze
Die Aufzeichnung finden Sie hier: https://youtu.be/abVeIGmxYB0
This document provides an overview of a webinar on cloud-native architectures, API gateways, and service meshes. The webinar covered: challenges of cloud-native applications and distributed architectures; how API gateways and service meshes help address issues like connectivity, security, and observability; similarities and differences between API gateways and service meshes; and a demonstration of Kong API gateway and Kuma service mesh. The webinar concluded that API gateways and service meshes can work together to improve developer productivity and infrastructure management.
Folien zum Webcast mit Fritz Wein Weinhappl (Oracle) und Uwe Küchler (OPITZ) am 27. April 2021.
Die Aufzeichnung finden Sie unter: https://youtu.be/un4gzCsmfwg
This document outlines 10 propositions for professional software development. It discusses how feedback cycles and a DevOps culture are essential. It also emphasizes that every IT professional must master the git pull request model. Other key points include shifting work left to earlier stages, adopting cloud-native principles, and automating as many processes as possible to reduce turnaround times and handle complexity. An open mindset is vital to adapt to a quickly changing ecosystem, and hybrid multi-cloud is considered the default approach.
Web Components und Polymer: Klassen für das Webinovex GmbH
Webanwendungen werden immer komplexer, jedoch fehlt dem heutigen Web eine logische Einteilung in einfach zu verwaltende Bausteine. Web Components ermöglichen die einfache, native Erstellung neuer HTML-Elemente, die eigene Logik und Styles kapseln. In dieser Session zeigen wir, was Web Components sind und wie sie bereits heute mit dem Polymer-Framework eingesetzt werden können. Welche Vorteile sich für Entwickler ergeben, soll anhand von praktischen Beispielen verdeutlicht werden, wo die Grenzen liegen selbstverständlich ebenfalls.
Speaker: Patrick Hillert, Christian Meder, inovex
Mehr Vorträge gibt es auch hier: https://www.inovex.de/de/content-pool/vortraege/
In diesem Webcast bekommen Sie Tipps und Hilfen auf dem Weg zu einer aufgeräumten Java Landschaft, mit der Sie Kosten und Risiken minimieren. Unsere Lizenzierungs- und Java-Experten sprechen dafür u. a. über diese Fragen:
* Wann ist Java "frei"? Und wann nicht?
* Wie Sie Java Installationen entdecken: Scanning-Tools und Inventarisierungslösungen
* Was steckt hinter Java, JDK und JRE? ... Mal genau erklärt
* Welche Open JDKs gibt es? Vor- und Nachteile, Supportmöglichkeiten
* Was wird morgen? Lifecycle Management, Release-Cadence-Wechsel
* Welche Oracle Lizenz-Metriken werden wann angewandt? Prozessor Core Metrik und NUP richtig zählen, Preislisten
* Geht es auch "ohne"?
* Welche Applikationen basieren auf Java?
* Wem gehört mein Java? Spezialfragen im Umfeld von Virtualisierung und Cloud
* Wie lassen sich Kosten sparen? Kostenminimierungsansätze
Die Aufzeichnung finden Sie hier:
https://youtu.be/k1ZpxoES18I
In diesem Webcast bekommen Sie Tipps und Hilfen auf dem Weg zu einer aufgeräumten Java Landschaft, mit der Sie Kosten und Risiken minimieren. Unsere Lizenzierungs- und Java-Experten sprechen dafür u. a. über diese Fragen:
* Wann ist Java "frei"? Und wann nicht?
* Wie Sie Java Installationen entdecken: Scanning-Tools und Inventarisierungslösungen
* Was steckt hinter Java, JDK und JRE? ... Mal genau erklärt
* Welche Open JDKs gibt es? Vor- und Nachteile, Supportmöglichkeiten
* Was wird morgen? Lifecycle Management, Release-Cadence-Wechsel
* Welche Oracle Lizenz-Metriken werden wann angewandt? Prozessor Core Metrik und NUP richtig zählen, Preislisten
* Geht es auch "ohne"?
* Welche Applikationen basieren auf Java?
* Wem gehört mein Java? Spezialfragen im Umfeld von Virtualisierung und Cloud
* Wie lassen sich Kosten sparen? Kostenminimierungsansätze
Die Aufzeichnung finden Sie hier: https://youtu.be/abVeIGmxYB0
This document provides an overview of a webinar on cloud-native architectures, API gateways, and service meshes. The webinar covered: challenges of cloud-native applications and distributed architectures; how API gateways and service meshes help address issues like connectivity, security, and observability; similarities and differences between API gateways and service meshes; and a demonstration of Kong API gateway and Kuma service mesh. The webinar concluded that API gateways and service meshes can work together to improve developer productivity and infrastructure management.
Folien zum Webcast mit Fritz Wein Weinhappl (Oracle) und Uwe Küchler (OPITZ) am 27. April 2021.
Die Aufzeichnung finden Sie unter: https://youtu.be/un4gzCsmfwg
This document outlines 10 propositions for professional software development. It discusses how feedback cycles and a DevOps culture are essential. It also emphasizes that every IT professional must master the git pull request model. Other key points include shifting work left to earlier stages, adopting cloud-native principles, and automating as many processes as possible to reduce turnaround times and handle complexity. An open mindset is vital to adapt to a quickly changing ecosystem, and hybrid multi-cloud is considered the default approach.
44. jQuery Mobile und AngularJS
Das Problem:
Die DOM-Manipulationen von
jQuery Mobile und AngularJS
müssen koordiniert werden!
45. jQuery Mobile und AngularJS
Die Lösung:
jQuery Mobile Angular Adapter
46. jQuery Mobile Angular Adapter
Koordination von jQuery Mobile und AngularJS
Erweiterungen für mobile Web-Apps
Open Source unter
https://github.com/tigbro/
jquery-mobile-angular-adapter
48. Dependency Injection ist ein Entwurfsmuster
und dient dazu, die Abhängigkeiten zwischen
Komponenten zu minimieren.
Es überträgt die Verantwortung für das
Erzeugen und die Verknüpfung von Objekten an
ein extern konfigurierbares Framework
http://de.wikipedia.org/wiki/Dependency_Injection
49. Dependency Injection ist ein Entwurfsmuster
und dient dazu, die Abhängigkeiten zwischen
Komponenten zu minimieren.
Es überträgt die Verantwortung für das
Erzeugen und die Verknüpfung von Objekten an
ein extern konfigurierbares Framework
http://de.wikipedia.org/wiki/Dependency_Injection
52. Beispiel: Backend-Anbindung
var readUrl = 'https://secure.openkeyval.org/';
function read(key, success) {
var url = readUrl + key;
waitdialog.show();
jsonp(url, function(data) {
success(data);
waitdialog.hide();
});
}
53. Beispiel: Backend-Anbindung
var readUrl = 'https://secure.openkeyval.org/';
function read(key, success) {
var url = readUrl + key;
waitdialog.show();
jsonp(url, function(data) {
success(data);
waitdialog.hide();
});
}
54. Beispiel: Backend-Anbindung
var readUrl = 'https://secure.openkeyval.org/';
function read(key, success) {
var url = readUrl + key;
waitdialog.show();
jsonp(url, function(data) {
success(data);
waitdialog.hide();
});
}
55. Beispiel: Backend-Anbindung
waitDialog
todoController todoStore key value
key value key value ... ...
refreshTodos ... read ...
todoStore waitDialog
jsonp jsonp
key value
... ...
created by
Factories
56. Beispiel: Backend-Anbindung
waitDialog
todoController todoStore key value
key value key value ... ...
refreshTodos ... read ...
todoStore waitDialog
jsonp jsonp
key value
... ...
created by
Dependency Injection
57. Angular JS
Declarative MVC with
UI Templates Dependency Injection
Two-Way Framework
Data Binding
http://angularjs.org/#/
58. Services und DI mit Angular
function jsonpFactory() {
// returns jsonp function
// ...
}
function waitdialogFactory() {
// returns waitdialog object
// ...
}
59. Services und DI mit Angular
var module = angular.module("todo", []);
60. Services und DI mit Angular
var module = angular.module("todo", []);
module.factory('jsonp', jsonpFactory);
module.factory('waitdialog', waitdialogFactory);
61. Services und DI mit Angular
var module = angular.module("todo", []);
module.factory('jsonp', jsonpFactory);
module.factory('waitdialog', waitdialogFactory);
function todoStoreFactory(jsonp, waitdialog) {
function read(key, success) {
// use jsonp, waitdialog here
}
return {
read: read
};
}
62. Services und DI mit Angular
var module = angular.module("todo", []);
module.factory('jsonp', jsonpFactory);
module.factory('waitdialog', waitdialogFactory);
function todoStoreFactory(jsonp, waitdialog) {
function read(key, success) {
// use jsonp, waitdialog here
}
return {
read: read
};
}
todoStoreFactory.$inject = ['jsonp', 'waitdialog'];
63. Services und DI mit Angular
var module = angular.module("todo", []);
module.factory('jsonp', jsonpFactory);
module.factory('waitdialog', waitdialogFactory);
function todoStoreFactory(jsonp, waitdialog) {
// ...
}
todoStoreFactory.$inject = ['jsonp', 'waitdialog'];
module.factory('todoStore', todoStoreFactory);
64. Controller und DI mit Angular
function TodoController($scope, todoStore) {
...
}
TodoController.$inject = ['$scope', 'todoStore'];
module.controller("rylc.TodoController", TodoController);
65. Controller und DI mit Angular
function TodoController($scope, todoStore) {
...
}
TodoController.$inject = ['$scope', 'todoStore'];
module.controller("rylc.TodoController", TodoController);
66. Controller und DI mit Angular
function TodoController($scope, todoStore) {
...
}
TodoController.$inject = ['$scope', 'todoStore'];
module.controller("rylc.TodoController", TodoController);
67. jQuery Mobile Angular Adapter
Koordination von jQuery Mobile und AngularJS
Erweiterungen für mobile Web-Apps
Open Source unter
https://github.com/tigbro/
jquery-mobile-angular-adapter
87. In the hive 11: nectar and pollen
by Max xx, http://www.flickr.com/photos/max_westby/4567762490
Books
By Rodrigo Galindez, http://www.flickr.com/photos/rodrigogalindez/4637637337/
IMG_1300-Edit
by Susan E Adams, http://www.flickr.com/photos/susanad813/3912914836/
Doble Via
by amslerPIX, http://www.flickr.com/photos/amslerpix/6242266697/
MacBook Pro Keyboard
by superstrikertwo, http://www.flickr.com/photos/superstrikertwo/4989727256/
Stubborn Last Drop
by RogueSun Media, http://www.flickr.com/photos/shuttercat7/627798443/