ºÝºÝߣshows by User: johannes-weber / http://www.slideshare.net/images/logo.gif ºÝºÝߣshows by User: johannes-weber / Tue, 02 May 2017 16:02:12 GMT ºÝºÝߣShare feed for ºÝºÝߣshows by User: johannes-weber Progressive Web Apps - Intro & Learnings /slideshow/progressive-web-apps-intro-learnings/75606404 progressivewebappsmayflowerberlinmeetup-170502160212
There's been a lot of talk lately about Progressive Web Apps. The main purpose is to provide an app-like user experience. For those who haven't heard of them, progressive web apps aim to bridge the gap between the mobile web and native apps by providing things like the ability to install, provide offline support, run background processes and send push notifications. What are the non-technical doubts about using it? How does it work? Is it worth to dig into PWA now?]]>
There's been a lot of talk lately about Progressive Web Apps. The main purpose is to provide an app-like user experience. For those who haven't heard of them, progressive web apps aim to bridge the gap between the mobile web and native apps by providing things like the ability to install, provide offline support, run background processes and send push notifications. What are the non-technical doubts about using it? How does it work? Is it worth to dig into PWA now?]]> Tue, 02 May 2017 16:02:12 GMT /slideshow/progressive-web-apps-intro-learnings/75606404 johannes-weber@slideshare.net(johannes-weber) Progressive Web Apps - Intro & Learnings johannes-weber There's been a lot of talk lately about Progressive Web Apps. The main purpose is to provide an app-like user experience. For those who haven't heard of them, progressive web apps aim to bridge the gap between the mobile web and native apps by providing things like the ability to install, provide offline support, run background processes and send push notifications. What are the non-technical doubts about using it? How does it work? Is it worth to dig into PWA now? <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/progressivewebappsmayflowerberlinmeetup-170502160212-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> There&#39;s been a lot of talk lately about Progressive Web Apps. The main purpose is to provide an app-like user experience. For those who haven&#39;t heard of them, progressive web apps aim to bridge the gap between the mobile web and native apps by providing things like the ability to install, provide offline support, run background processes and send push notifications. What are the non-technical doubts about using it? How does it work? Is it worth to dig into PWA now?
Progressive Web Apps - Intro & Learnings from Johannes Weber
]]> 246 3 https://cdn.slidesharecdn.com/ss_thumbnails/progressivewebappsmayflowerberlinmeetup-170502160212-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Progressive Web Apps /slideshow/progressive-web-apps-64733004/64733004 progressivewebapps-160805133111
There’s been a lot of talk lately about Progressive Web Apps. The main purpose is to provide an app-like user experience. For those who haven’t heard of them, progressive web apps aim to bridge the gap between the mobile web and native apps by providing things like the ability to install, provide offline support, run background processes and send push notifications. How does it work? What does it mean from the technical point of view? Is it worth to dig into PWA now? What are the non-technical doubts about using it? Johannes Weber shows PWA in action and is intended to answer all these questions.]]>
There’s been a lot of talk lately about Progressive Web Apps. The main purpose is to provide an app-like user experience. For those who haven’t heard of them, progressive web apps aim to bridge the gap between the mobile web and native apps by providing things like the ability to install, provide offline support, run background processes and send push notifications. How does it work? What does it mean from the technical point of view? Is it worth to dig into PWA now? What are the non-technical doubts about using it? Johannes Weber shows PWA in action and is intended to answer all these questions.]]> Fri, 05 Aug 2016 13:31:11 GMT /slideshow/progressive-web-apps-64733004/64733004 johannes-weber@slideshare.net(johannes-weber) Progressive Web Apps johannes-weber There’s been a lot of talk lately about Progressive Web Apps. The main purpose is to provide an app-like user experience. For those who haven’t heard of them, progressive web apps aim to bridge the gap between the mobile web and native apps by providing things like the ability to install, provide offline support, run background processes and send push notifications. How does it work? What does it mean from the technical point of view? Is it worth to dig into PWA now? What are the non-technical doubts about using it? Johannes Weber shows PWA in action and is intended to answer all these questions. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/progressivewebapps-160805133111-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> There’s been a lot of talk lately about Progressive Web Apps. The main purpose is to provide an app-like user experience. For those who haven’t heard of them, progressive web apps aim to bridge the gap between the mobile web and native apps by providing things like the ability to install, provide offline support, run background processes and send push notifications. How does it work? What does it mean from the technical point of view? Is it worth to dig into PWA now? What are the non-technical doubts about using it? Johannes Weber shows PWA in action and is intended to answer all these questions.
Progressive Web Apps from Johannes Weber
]]> 524 4 https://cdn.slidesharecdn.com/ss_thumbnails/progressivewebapps-160805133111-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Formular handling in AngularJS https://de.slideshare.net/slideshow/formular-handling-in-angularjs/53585694 finalforms-angularjs-151006081340-lva1-app6892
Bei der Entwicklung von AngularJS Anwendungen stellt das Formularhandling zu beginn eine große Herausforderung dar. Wie funktioniert die Validierung, welche Möglichkeiten gibt es eigene Validatoren einzubinden? Die ºÝºÝߣs befassen schneiden folgende Themen an und veranschaulichen diese in einer Demo: ModelController, FormController, Validierung, Custom Validators ºÝºÝߣs zum Talk von Johannes Weber (@jowe) des ersten AngularJS Munich Meetups vom 13. Februar 2014]]>
Bei der Entwicklung von AngularJS Anwendungen stellt das Formularhandling zu beginn eine große Herausforderung dar. Wie funktioniert die Validierung, welche Möglichkeiten gibt es eigene Validatoren einzubinden? Die ºÝºÝߣs befassen schneiden folgende Themen an und veranschaulichen diese in einer Demo: ModelController, FormController, Validierung, Custom Validators ºÝºÝߣs zum Talk von Johannes Weber (@jowe) des ersten AngularJS Munich Meetups vom 13. Februar 2014]]> Tue, 06 Oct 2015 08:13:40 GMT https://de.slideshare.net/slideshow/formular-handling-in-angularjs/53585694 johannes-weber@slideshare.net(johannes-weber) Formular handling in AngularJS johannes-weber Bei der Entwicklung von AngularJS Anwendungen stellt das Formularhandling zu beginn eine große Herausforderung dar. Wie funktioniert die Validierung, welche Möglichkeiten gibt es eigene Validatoren einzubinden? Die ºÝºÝߣs befassen schneiden folgende Themen an und veranschaulichen diese in einer Demo: ModelController, FormController, Validierung, Custom Validators ºÝºÝߣs zum Talk von Johannes Weber (@jowe) des ersten AngularJS Munich Meetups vom 13. Februar 2014 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/finalforms-angularjs-151006081340-lva1-app6892-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Bei der Entwicklung von AngularJS Anwendungen stellt das Formularhandling zu beginn eine große Herausforderung dar. Wie funktioniert die Validierung, welche Möglichkeiten gibt es eigene Validatoren einzubinden? Die ºÝºÝߣs befassen schneiden folgende Themen an und veranschaulichen diese in einer Demo: ModelController, FormController, Validierung, Custom Validators ºÝºÝߣs zum Talk von Johannes Weber (@jowe) des ersten AngularJS Munich Meetups vom 13. Februar 2014
from Johannes Weber
]]> 645 10 https://cdn.slidesharecdn.com/ss_thumbnails/finalforms-angularjs-151006081340-lva1-app6892-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 AngularJS Munich Meetup #7 - Intro /slideshow/angularjs-munich-meetup-7-intro/52813853 meetup7intro-150915173433-lva1-app6892
Introduction ºÝºÝߣs from the 7th AngularJS Munich Meetup on Sept. 15th 2015 hosted by http://www.wunderkraut.com Presenter: Johannes Weber (@jowe)]]>
Introduction ºÝºÝߣs from the 7th AngularJS Munich Meetup on Sept. 15th 2015 hosted by http://www.wunderkraut.com Presenter: Johannes Weber (@jowe)]]> Tue, 15 Sep 2015 17:34:33 GMT /slideshow/angularjs-munich-meetup-7-intro/52813853 johannes-weber@slideshare.net(johannes-weber) AngularJS Munich Meetup #7 - Intro johannes-weber Introduction ºÝºÝߣs from the 7th AngularJS Munich Meetup on Sept. 15th 2015 hosted by http://www.wunderkraut.com Presenter: Johannes Weber (@jowe) <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/meetup7intro-150915173433-lva1-app6892-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Introduction ºÝºÝߣs from the 7th AngularJS Munich Meetup on Sept. 15th 2015 hosted by http://www.wunderkraut.com Presenter: Johannes Weber (@jowe)
AngularJS Munich Meetup #7 - Intro from Johannes Weber
]]> 860 4 https://cdn.slidesharecdn.com/ss_thumbnails/meetup7intro-150915173433-lva1-app6892-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 #perfmatters - Optimizing the Critical Rendering Path https://de.slideshare.net/slideshow/critical-rendering-path-perfmatters/49491996 criticalrenderingpathperfmatters-150617064154-lva1-app6891
Für eine bessere Performance unserer Website ist die Optimierung unseres HTML, CSS und JavaScript nicht alleine ausreichend. Neben diesem ist die Verbeserung des kritischen Rendering-Pfads entscheidend. Er behandelt den Vorgang zwischen dem Empfang der Daten und deren Verarbeitung zur Darstellung im Browser. Unser Ziel ist es, Inhalte zu priorisieren um damit das erste Rendering erheblich zu verkürzen. Es hinterlässt eine veränderte Vorstellung von Gewschindigkeit bei den Nutzern. Als Entwickler schreiben wir das Markup und unsere Seite erscheint im Browser. Doch wie genau wird unser HTML, CSS und JavaScript vom Browser verarbeitet um dargestellt zu werden? Welche Möglichkeiten und Tools gibt es um den Prozess zu optimieren? Wie sieht das in der Praxis aus? Neben diesen Fragen beschäftigt sich der Talk mit der Analyse bereits optimierter Websiten sowie einem praktischen Beispiel in dem die Schritte von der Analyse zur Optimierung veranschaulicht werden. Der Talk fand am 16. Juni 2015 auf der Developer Week 2015 (#DWX15) in Nürnbert statt. Die original ºÝºÝߣs sind auf Google Drive unter https://goo.gl/UnW7YN zu finden.]]>
Für eine bessere Performance unserer Website ist die Optimierung unseres HTML, CSS und JavaScript nicht alleine ausreichend. Neben diesem ist die Verbeserung des kritischen Rendering-Pfads entscheidend. Er behandelt den Vorgang zwischen dem Empfang der Daten und deren Verarbeitung zur Darstellung im Browser. Unser Ziel ist es, Inhalte zu priorisieren um damit das erste Rendering erheblich zu verkürzen. Es hinterlässt eine veränderte Vorstellung von Gewschindigkeit bei den Nutzern. Als Entwickler schreiben wir das Markup und unsere Seite erscheint im Browser. Doch wie genau wird unser HTML, CSS und JavaScript vom Browser verarbeitet um dargestellt zu werden? Welche Möglichkeiten und Tools gibt es um den Prozess zu optimieren? Wie sieht das in der Praxis aus? Neben diesen Fragen beschäftigt sich der Talk mit der Analyse bereits optimierter Websiten sowie einem praktischen Beispiel in dem die Schritte von der Analyse zur Optimierung veranschaulicht werden. Der Talk fand am 16. Juni 2015 auf der Developer Week 2015 (#DWX15) in Nürnbert statt. Die original ºÝºÝߣs sind auf Google Drive unter https://goo.gl/UnW7YN zu finden.]]> Wed, 17 Jun 2015 06:41:54 GMT https://de.slideshare.net/slideshow/critical-rendering-path-perfmatters/49491996 johannes-weber@slideshare.net(johannes-weber) #perfmatters - Optimizing the Critical Rendering Path johannes-weber Für eine bessere Performance unserer Website ist die Optimierung unseres HTML, CSS und JavaScript nicht alleine ausreichend. Neben diesem ist die Verbeserung des kritischen Rendering-Pfads entscheidend. Er behandelt den Vorgang zwischen dem Empfang der Daten und deren Verarbeitung zur Darstellung im Browser. Unser Ziel ist es, Inhalte zu priorisieren um damit das erste Rendering erheblich zu verkürzen. Es hinterlässt eine veränderte Vorstellung von Gewschindigkeit bei den Nutzern. Als Entwickler schreiben wir das Markup und unsere Seite erscheint im Browser. Doch wie genau wird unser HTML, CSS und JavaScript vom Browser verarbeitet um dargestellt zu werden? Welche Möglichkeiten und Tools gibt es um den Prozess zu optimieren? Wie sieht das in der Praxis aus? Neben diesen Fragen beschäftigt sich der Talk mit der Analyse bereits optimierter Websiten sowie einem praktischen Beispiel in dem die Schritte von der Analyse zur Optimierung veranschaulicht werden. Der Talk fand am 16. Juni 2015 auf der Developer Week 2015 (#DWX15) in Nürnbert statt. Die original ºÝºÝߣs sind auf Google Drive unter https://goo.gl/UnW7YN zu finden. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/criticalrenderingpathperfmatters-150617064154-lva1-app6891-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Für eine bessere Performance unserer Website ist die Optimierung unseres HTML, CSS und JavaScript nicht alleine ausreichend. Neben diesem ist die Verbeserung des kritischen Rendering-Pfads entscheidend. Er behandelt den Vorgang zwischen dem Empfang der Daten und deren Verarbeitung zur Darstellung im Browser. Unser Ziel ist es, Inhalte zu priorisieren um damit das erste Rendering erheblich zu verkürzen. Es hinterlässt eine veränderte Vorstellung von Gewschindigkeit bei den Nutzern. Als Entwickler schreiben wir das Markup und unsere Seite erscheint im Browser. Doch wie genau wird unser HTML, CSS und JavaScript vom Browser verarbeitet um dargestellt zu werden? Welche Möglichkeiten und Tools gibt es um den Prozess zu optimieren? Wie sieht das in der Praxis aus? Neben diesen Fragen beschäftigt sich der Talk mit der Analyse bereits optimierter Websiten sowie einem praktischen Beispiel in dem die Schritte von der Analyse zur Optimierung veranschaulicht werden. Der Talk fand am 16. Juni 2015 auf der Developer Week 2015 (#DWX15) in Nürnbert statt. Die original ºÝºÝߣs sind auf Google Drive unter https://goo.gl/UnW7YN zu finden.
from Johannes Weber
]]> 1706 313 https://cdn.slidesharecdn.com/ss_thumbnails/criticalrenderingpathperfmatters-150617064154-lva1-app6891-thumbnail.jpg?width=120&height=120&fit=bounds presentation 000000 http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 LeanJS - Lean startup with JavaScript /slideshow/leanjs-lean-startup-with-javascript/49394248 leanstartupen-150615075814-lva1-app6891
In our daily work we are often faced with rapidly changing requirements and environments. Tand the lean principles in combination with JavaScript provide us a great toolset for solving a lot of common problems. Lean JS is centered around the principle of quickly preserving value with less work. It’s about being less wasteful and shortening the product development cycles by adopting a combination of business-hypothesis-driven experimentation, iced by iterative product releases and validated learning. It`ll result in a ramped-up lead time with less waste, and empower your team to reach its goals more effective. In this talk we will show you practical examples and demonstrate how to avoid common pitfalls in a world with a lot of unknown unknowns.]]>
In our daily work we are often faced with rapidly changing requirements and environments. Tand the lean principles in combination with JavaScript provide us a great toolset for solving a lot of common problems. Lean JS is centered around the principle of quickly preserving value with less work. It’s about being less wasteful and shortening the product development cycles by adopting a combination of business-hypothesis-driven experimentation, iced by iterative product releases and validated learning. It`ll result in a ramped-up lead time with less waste, and empower your team to reach its goals more effective. In this talk we will show you practical examples and demonstrate how to avoid common pitfalls in a world with a lot of unknown unknowns.]]> Mon, 15 Jun 2015 07:58:14 GMT /slideshow/leanjs-lean-startup-with-javascript/49394248 johannes-weber@slideshare.net(johannes-weber) LeanJS - Lean startup with JavaScript johannes-weber In our daily work we are often faced with rapidly changing requirements and environments. Tand the lean principles in combination with JavaScript provide us a great toolset for solving a lot of common problems. Lean JS is centered around the principle of quickly preserving value with less work. It’s about being less wasteful and shortening the product development cycles by adopting a combination of business-hypothesis-driven experimentation, iced by iterative product releases and validated learning. It`ll result in a ramped-up lead time with less waste, and empower your team to reach its goals more effective. In this talk we will show you practical examples and demonstrate how to avoid common pitfalls in a world with a lot of unknown unknowns. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/leanstartupen-150615075814-lva1-app6891-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> In our daily work we are often faced with rapidly changing requirements and environments. Tand the lean principles in combination with JavaScript provide us a great toolset for solving a lot of common problems. Lean JS is centered around the principle of quickly preserving value with less work. It’s about being less wasteful and shortening the product development cycles by adopting a combination of business-hypothesis-driven experimentation, iced by iterative product releases and validated learning. It`ll result in a ramped-up lead time with less waste, and empower your team to reach its goals more effective. In this talk we will show you practical examples and demonstrate how to avoid common pitfalls in a world with a lot of unknown unknowns.
LeanJS - Lean startup with JavaScript from Johannes Weber
]]> 621 2 https://cdn.slidesharecdn.com/ss_thumbnails/leanstartupen-150615075814-lva1-app6891-thumbnail.jpg?width=120&height=120&fit=bounds presentation 000000 http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 The evolution of Angular 2 @ AngularJS Munich Meetup #5 /slideshow/the-evolution-of-angular-2-angularjs-munich-meetup/48480886 theevolutionofangular2-angularjsmunichmeetup5public-150522130130-lva1-app6892
The evolution of Angular 2 Angular 1 was born in 2009. Since that a lot of web standards are born and supported by most of the browsers natively. So it's time to use the new possibilities. That's how Angular 2 started. It's not just a major update. It's a whole rewrite! The key theme of this talk it to get an overview of Angular 2. I’ll walk you through what you need to know to stay up to date, explain the main concepts behind A2 and the current state. It is rounded off with some practical suggestions on how to proceed today - to make the transition from Angular 1.x to Angular 2.x easier. Original slides with animated gifs can be found here: https://docs.google.com/presentation/d/122ptcLESkfSw8omK9ekG8FksD_zvegGrqOL2GR5PE80/edit?usp=sharing]]>
The evolution of Angular 2 Angular 1 was born in 2009. Since that a lot of web standards are born and supported by most of the browsers natively. So it's time to use the new possibilities. That's how Angular 2 started. It's not just a major update. It's a whole rewrite! The key theme of this talk it to get an overview of Angular 2. I’ll walk you through what you need to know to stay up to date, explain the main concepts behind A2 and the current state. It is rounded off with some practical suggestions on how to proceed today - to make the transition from Angular 1.x to Angular 2.x easier. Original slides with animated gifs can be found here: https://docs.google.com/presentation/d/122ptcLESkfSw8omK9ekG8FksD_zvegGrqOL2GR5PE80/edit?usp=sharing]]> Fri, 22 May 2015 13:01:29 GMT /slideshow/the-evolution-of-angular-2-angularjs-munich-meetup/48480886 johannes-weber@slideshare.net(johannes-weber) The evolution of Angular 2 @ AngularJS Munich Meetup #5 johannes-weber The evolution of Angular 2 Angular 1 was born in 2009. Since that a lot of web standards are born and supported by most of the browsers natively. So it's time to use the new possibilities. That's how Angular 2 started. It's not just a major update. It's a whole rewrite! The key theme of this talk it to get an overview of Angular 2. I’ll walk you through what you need to know to stay up to date, explain the main concepts behind A2 and the current state. It is rounded off with some practical suggestions on how to proceed today - to make the transition from Angular 1.x to Angular 2.x easier. Original slides with animated gifs can be found here: https://docs.google.com/presentation/d/122ptcLESkfSw8omK9ekG8FksD_zvegGrqOL2GR5PE80/edit?usp=sharing <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/theevolutionofangular2-angularjsmunichmeetup5public-150522130130-lva1-app6892-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> The evolution of Angular 2 Angular 1 was born in 2009. Since that a lot of web standards are born and supported by most of the browsers natively. So it&#39;s time to use the new possibilities. That&#39;s how Angular 2 started. It&#39;s not just a major update. It&#39;s a whole rewrite! The key theme of this talk it to get an overview of Angular 2. I’ll walk you through what you need to know to stay up to date, explain the main concepts behind A2 and the current state. It is rounded off with some practical suggestions on how to proceed today - to make the transition from Angular 1.x to Angular 2.x easier. Original slides with animated gifs can be found here: https://docs.google.com/presentation/d/122ptcLESkfSw8omK9ekG8FksD_zvegGrqOL2GR5PE80/edit?usp=sharing
The evolution of Angular 2 @ AngularJS Munich Meetup #5 from Johannes Weber
]]> 1901 3 https://cdn.slidesharecdn.com/ss_thumbnails/theevolutionofangular2-angularjsmunichmeetup5public-150522130130-lva1-app6892-thumbnail.jpg?width=120&height=120&fit=bounds presentation 000000 http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 A Story about AngularJS modularization development /slideshow/module-management-angularjs/44081202 modulemanagementangularjs-150130110404-conversion-gate02
The more your AngularJS App is growing the more important is modularization. It starts with the naming convention, file structure, AMD, goes through the build process, loading and packaging strategies and ends in the browser. We are going to give proposed solutions in practice as a ground for discussion. Further, you are welcome to present your ideas in slides or code, which demonstrate how to manage modularization in Angular.js projects. Speaker Bio: Johannes Weber has spent more than 10 years in front- and backend development. He works for Mayflower GmbH where he focuses on the migration of SPA and MPA. David Amend ist seit Jahren im Banken-Umfeld mit Schwerpunkt auf der Frontend-Entwicklung mithilfe von Java und JavaScript in Projekten tätig.]]>
The more your AngularJS App is growing the more important is modularization. It starts with the naming convention, file structure, AMD, goes through the build process, loading and packaging strategies and ends in the browser. We are going to give proposed solutions in practice as a ground for discussion. Further, you are welcome to present your ideas in slides or code, which demonstrate how to manage modularization in Angular.js projects. Speaker Bio: Johannes Weber has spent more than 10 years in front- and backend development. He works for Mayflower GmbH where he focuses on the migration of SPA and MPA. David Amend ist seit Jahren im Banken-Umfeld mit Schwerpunkt auf der Frontend-Entwicklung mithilfe von Java und JavaScript in Projekten tätig.]]> Fri, 30 Jan 2015 11:04:04 GMT /slideshow/module-management-angularjs/44081202 johannes-weber@slideshare.net(johannes-weber) A Story about AngularJS modularization development johannes-weber The more your AngularJS App is growing the more important is modularization. It starts with the naming convention, file structure, AMD, goes through the build process, loading and packaging strategies and ends in the browser. We are going to give proposed solutions in practice as a ground for discussion. Further, you are welcome to present your ideas in slides or code, which demonstrate how to manage modularization in Angular.js projects. Speaker Bio: Johannes Weber has spent more than 10 years in front- and backend development. He works for Mayflower GmbH where he focuses on the migration of SPA and MPA. David Amend ist seit Jahren im Banken-Umfeld mit Schwerpunkt auf der Frontend-Entwicklung mithilfe von Java und JavaScript in Projekten tätig. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/modulemanagementangularjs-150130110404-conversion-gate02-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> The more your AngularJS App is growing the more important is modularization. It starts with the naming convention, file structure, AMD, goes through the build process, loading and packaging strategies and ends in the browser. We are going to give proposed solutions in practice as a ground for discussion. Further, you are welcome to present your ideas in slides or code, which demonstrate how to manage modularization in Angular.js projects. Speaker Bio: Johannes Weber has spent more than 10 years in front- and backend development. He works for Mayflower GmbH where he focuses on the migration of SPA and MPA. David Amend ist seit Jahren im Banken-Umfeld mit Schwerpunkt auf der Frontend-Entwicklung mithilfe von Java und JavaScript in Projekten tätig.
A Story about AngularJS modularization development from Johannes Weber
]]> 1871 4 https://cdn.slidesharecdn.com/ss_thumbnails/modulemanagementangularjs-150130110404-conversion-gate02-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Debugging War Stories & Strategies to Survive on RejectJS 2014 /johannes-weber/debugging-war-stories-strategies-to-survive-on-rejectjs-2014 debuggingwarstories-rejectjs2014-johannesweber-140911135614-phpapp01
Imagine you’ve received a bug report from your favourite app. It happened on a complex system and you wouldn’t actually know what each part is doing. In this case, the first defense is trying to reproduce it with enabled DevTools. Either you know how to fix it immediately or you waste a lot of time with solving it without success. Have you ever experienced one of these bugs? Trying to fix them for hours without any result? It sucks and simply wastes too much precious time. This talk is going to dive deep into advanced debugging JavaScript apps. We talk about the most powerful strategies and less known techniques in order to be more effective in fixing THE problem.]]>
Imagine you’ve received a bug report from your favourite app. It happened on a complex system and you wouldn’t actually know what each part is doing. In this case, the first defense is trying to reproduce it with enabled DevTools. Either you know how to fix it immediately or you waste a lot of time with solving it without success. Have you ever experienced one of these bugs? Trying to fix them for hours without any result? It sucks and simply wastes too much precious time. This talk is going to dive deep into advanced debugging JavaScript apps. We talk about the most powerful strategies and less known techniques in order to be more effective in fixing THE problem.]]> Thu, 11 Sep 2014 13:56:14 GMT /johannes-weber/debugging-war-stories-strategies-to-survive-on-rejectjs-2014 johannes-weber@slideshare.net(johannes-weber) Debugging War Stories & Strategies to Survive on RejectJS 2014 johannes-weber Imagine you’ve received a bug report from your favourite app. It happened on a complex system and you wouldn’t actually know what each part is doing. In this case, the first defense is trying to reproduce it with enabled DevTools. Either you know how to fix it immediately or you waste a lot of time with solving it without success. Have you ever experienced one of these bugs? Trying to fix them for hours without any result? It sucks and simply wastes too much precious time. This talk is going to dive deep into advanced debugging JavaScript apps. We talk about the most powerful strategies and less known techniques in order to be more effective in fixing THE problem. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/debuggingwarstories-rejectjs2014-johannesweber-140911135614-phpapp01-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Imagine you’ve received a bug report from your favourite app. It happened on a complex system and you wouldn’t actually know what each part is doing. In this case, the first defense is trying to reproduce it with enabled DevTools. Either you know how to fix it immediately or you waste a lot of time with solving it without success. Have you ever experienced one of these bugs? Trying to fix them for hours without any result? It sucks and simply wastes too much precious time. This talk is going to dive deep into advanced debugging JavaScript apps. We talk about the most powerful strategies and less known techniques in order to be more effective in fixing THE problem.
Debugging War Stories & Strategies to Survive on RejectJS 2014 from Johannes Weber
]]> 1058 2 https://cdn.slidesharecdn.com/ss_thumbnails/debuggingwarstories-rejectjs2014-johannesweber-140911135614-phpapp01-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Updated: Fiese Fallstricke, sexy Strategien /slideshow/updated-fiese-fallstricke-sexy-strategien/36997603 fiesefallstrickesexystrategien-140715080915-phpapp02
Hier findest du die ºÝºÝߣs von Johannes Weber zum oben genannten Thema. Zusammenfassung: Was Responsive Webdesign meint, ist klar: Ein Layout, das sich flexibel an die Bildschirmgröße des Clients anpasst – für einen perfekten Auftritt auf dem Smartphone ebenso wie auf dem UltraHD-TV. Was so schön klingt, birgt aber auch viele Fallstricke. Der Vortrag wird einige dieser vorstellen: Von extravaganten Kundenwünschen, den häufigsten Fehlern im RWD, überraschender Browser-Inkompatibilität und der Verwendung von iFrames bis hin zu responsiven HTML-Newslettern. Abgerundet wird die Session durch Beispiele für den Workflow und das Thema SEO im Zusammenhang mit Responsive Webdesign.]]>
Hier findest du die ºÝºÝߣs von Johannes Weber zum oben genannten Thema. Zusammenfassung: Was Responsive Webdesign meint, ist klar: Ein Layout, das sich flexibel an die Bildschirmgröße des Clients anpasst – für einen perfekten Auftritt auf dem Smartphone ebenso wie auf dem UltraHD-TV. Was so schön klingt, birgt aber auch viele Fallstricke. Der Vortrag wird einige dieser vorstellen: Von extravaganten Kundenwünschen, den häufigsten Fehlern im RWD, überraschender Browser-Inkompatibilität und der Verwendung von iFrames bis hin zu responsiven HTML-Newslettern. Abgerundet wird die Session durch Beispiele für den Workflow und das Thema SEO im Zusammenhang mit Responsive Webdesign.]]> Tue, 15 Jul 2014 08:09:14 GMT /slideshow/updated-fiese-fallstricke-sexy-strategien/36997603 johannes-weber@slideshare.net(johannes-weber) Updated: Fiese Fallstricke, sexy Strategien johannes-weber Hier findest du die ºÝºÝߣs von Johannes Weber zum oben genannten Thema. Zusammenfassung: Was Responsive Webdesign meint, ist klar: Ein Layout, das sich flexibel an die Bildschirmgröße des Clients anpasst – für einen perfekten Auftritt auf dem Smartphone ebenso wie auf dem UltraHD-TV. Was so schön klingt, birgt aber auch viele Fallstricke. Der Vortrag wird einige dieser vorstellen: Von extravaganten Kundenwünschen, den häufigsten Fehlern im RWD, überraschender Browser-Inkompatibilität und der Verwendung von iFrames bis hin zu responsiven HTML-Newslettern. Abgerundet wird die Session durch Beispiele für den Workflow und das Thema SEO im Zusammenhang mit Responsive Webdesign. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/fiesefallstrickesexystrategien-140715080915-phpapp02-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Hier findest du die ºÝºÝߣs von Johannes Weber zum oben genannten Thema. Zusammenfassung: Was Responsive Webdesign meint, ist klar: Ein Layout, das sich flexibel an die Bildschirmgröße des Clients anpasst – für einen perfekten Auftritt auf dem Smartphone ebenso wie auf dem UltraHD-TV. Was so schön klingt, birgt aber auch viele Fallstricke. Der Vortrag wird einige dieser vorstellen: Von extravaganten Kundenwünschen, den häufigsten Fehlern im RWD, überraschender Browser-Inkompatibilität und der Verwendung von iFrames bis hin zu responsiven HTML-Newslettern. Abgerundet wird die Session durch Beispiele für den Workflow und das Thema SEO im Zusammenhang mit Responsive Webdesign.
Updated: Fiese Fallstricke, sexy Strategien from Johannes Weber
]]> 533 2 https://cdn.slidesharecdn.com/ss_thumbnails/fiesefallstrickesexystrategien-140715080915-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds presentation White http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 AngularJS with RequireJS /johannes-weber/angularjs-with-requirejs angularjswithrequirejs-pdf-140630115212-phpapp02
These are the slides from Johannes Weber's talk which were presented on AngularJS Lightning Talks #2 (2014-06-26) in Munich. More details about the event: http://www.meetup.com/AngularJS-Munich/events/164424472/]]>
These are the slides from Johannes Weber's talk which were presented on AngularJS Lightning Talks #2 (2014-06-26) in Munich. More details about the event: http://www.meetup.com/AngularJS-Munich/events/164424472/]]> Mon, 30 Jun 2014 11:52:12 GMT /johannes-weber/angularjs-with-requirejs johannes-weber@slideshare.net(johannes-weber) AngularJS with RequireJS johannes-weber These are the slides from Johannes Weber's talk which were presented on AngularJS Lightning Talks #2 (2014-06-26) in Munich. More details about the event: http://www.meetup.com/AngularJS-Munich/events/164424472/ <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/angularjswithrequirejs-pdf-140630115212-phpapp02-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> These are the slides from Johannes Weber&#39;s talk which were presented on AngularJS Lightning Talks #2 (2014-06-26) in Munich. More details about the event: http://www.meetup.com/AngularJS-Munich/events/164424472/
AngularJS with RequireJS from Johannes Weber
]]> 8272 7 https://cdn.slidesharecdn.com/ss_thumbnails/angularjswithrequirejs-pdf-140630115212-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds presentation White http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Responsive Webdesign: Fiese Fallstricke und sexy Strategien https://de.slideshare.net/slideshow/do-vo-responsive-webdesign-26568516/26568516 dovo-responsivewebdesign-130926024034-phpapp02
Der neue Mayflower-Donnerstagsvortrag am Standort München, dieses Mal mit Web-Experte Johannes Weber. Kostenfrei für alle, die vorbeischauen mögen:-) Thema: Was Responsive Webdesign meint, ist klar: Ein Layout, das sich flexibel an die Bildschirmgröße des Clients anpasst. Für einen perfekten Auftritt auf dem Smartphone ebenso wie dem UltraHD-TV. Was so schön klingt, birgt aber auch viele Fallstricke. Der Vortrag wird einige von ihnen Vorstellen: Von extravaganten Kundenwünschen, überraschender Browser-Inkompatibilität und der Verwendung von iFrames bis hin zu responsiven HTML-Newslettern. Abgerundet wird der Talk durch verschiedene Beispiele für den Workflow, Testing-Strategien und dem Thema SEO im Zusammenhang mit Responsive Webdesign.]]>
Der neue Mayflower-Donnerstagsvortrag am Standort München, dieses Mal mit Web-Experte Johannes Weber. Kostenfrei für alle, die vorbeischauen mögen:-) Thema: Was Responsive Webdesign meint, ist klar: Ein Layout, das sich flexibel an die Bildschirmgröße des Clients anpasst. Für einen perfekten Auftritt auf dem Smartphone ebenso wie dem UltraHD-TV. Was so schön klingt, birgt aber auch viele Fallstricke. Der Vortrag wird einige von ihnen Vorstellen: Von extravaganten Kundenwünschen, überraschender Browser-Inkompatibilität und der Verwendung von iFrames bis hin zu responsiven HTML-Newslettern. Abgerundet wird der Talk durch verschiedene Beispiele für den Workflow, Testing-Strategien und dem Thema SEO im Zusammenhang mit Responsive Webdesign.]]> Thu, 26 Sep 2013 02:40:33 GMT https://de.slideshare.net/slideshow/do-vo-responsive-webdesign-26568516/26568516 johannes-weber@slideshare.net(johannes-weber) Responsive Webdesign: Fiese Fallstricke und sexy Strategien johannes-weber Der neue Mayflower-Donnerstagsvortrag am Standort München, dieses Mal mit Web-Experte Johannes Weber. Kostenfrei für alle, die vorbeischauen mögen:-) Thema: Was Responsive Webdesign meint, ist klar: Ein Layout, das sich flexibel an die Bildschirmgröße des Clients anpasst. Für einen perfekten Auftritt auf dem Smartphone ebenso wie dem UltraHD-TV. Was so schön klingt, birgt aber auch viele Fallstricke. Der Vortrag wird einige von ihnen Vorstellen: Von extravaganten Kundenwünschen, überraschender Browser-Inkompatibilität und der Verwendung von iFrames bis hin zu responsiven HTML-Newslettern. Abgerundet wird der Talk durch verschiedene Beispiele für den Workflow, Testing-Strategien und dem Thema SEO im Zusammenhang mit Responsive Webdesign. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/dovo-responsivewebdesign-130926024034-phpapp02-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Der neue Mayflower-Donnerstagsvortrag am Standort München, dieses Mal mit Web-Experte Johannes Weber. Kostenfrei für alle, die vorbeischauen mögen:-) Thema: Was Responsive Webdesign meint, ist klar: Ein Layout, das sich flexibel an die Bildschirmgröße des Clients anpasst. Für einen perfekten Auftritt auf dem Smartphone ebenso wie dem UltraHD-TV. Was so schön klingt, birgt aber auch viele Fallstricke. Der Vortrag wird einige von ihnen Vorstellen: Von extravaganten Kundenwünschen, überraschender Browser-Inkompatibilität und der Verwendung von iFrames bis hin zu responsiven HTML-Newslettern. Abgerundet wird der Talk durch verschiedene Beispiele für den Workflow, Testing-Strategien und dem Thema SEO im Zusammenhang mit Responsive Webdesign.
from Johannes Weber
]]> 2274 2 https://cdn.slidesharecdn.com/ss_thumbnails/dovo-responsivewebdesign-130926024034-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Facebook, Google, Youtube & co https://de.slideshare.net/slideshow/facebook-google-youtube-co/12001333 2012-03-13facebook-youtube-und-co-120314042649-phpapp02
]]>
]]> Wed, 14 Mar 2012 04:26:46 GMT https://de.slideshare.net/slideshow/facebook-google-youtube-co/12001333 johannes-weber@slideshare.net(johannes-weber) Facebook, Google, Youtube & co johannes-weber <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/2012-03-13facebook-youtube-und-co-120314042649-phpapp02-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br>
from Johannes Weber
]]> 1110 14 https://cdn.slidesharecdn.com/ss_thumbnails/2012-03-13facebook-youtube-und-co-120314042649-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 User centered design - Personas /slideshow/user-centered-design-personas/11780637 usercentereddesign-120228043155-phpapp02
]]>
]]> Tue, 28 Feb 2012 04:31:53 GMT /slideshow/user-centered-design-personas/11780637 johannes-weber@slideshare.net(johannes-weber) User centered design - Personas johannes-weber <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/usercentereddesign-120228043155-phpapp02-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br>
User centered design - Personas from Johannes Weber
]]> 357 2 https://cdn.slidesharecdn.com/ss_thumbnails/usercentereddesign-120228043155-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 jQuery Performance /slideshow/jquery-performance/11780598 jsperformance-jquery-jowe-120228042910-phpapp01
]]>
]]> Tue, 28 Feb 2012 04:29:07 GMT /slideshow/jquery-performance/11780598 johannes-weber@slideshare.net(johannes-weber) jQuery Performance johannes-weber <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/jsperformance-jquery-jowe-120228042910-phpapp01-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br>
jQuery Performance from Johannes Weber
]]> 362 2 https://cdn.slidesharecdn.com/ss_thumbnails/jsperformance-jquery-jowe-120228042910-phpapp01-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Usability Test Inlandsüberweisung https://de.slideshare.net/slideshow/usability-test-inlandsberweisung/11780570 usab-test-slide-120228042711-phpapp02
]]>
]]> Tue, 28 Feb 2012 04:27:08 GMT https://de.slideshare.net/slideshow/usability-test-inlandsberweisung/11780570 johannes-weber@slideshare.net(johannes-weber) Usability Test Inlandsüberweisung johannes-weber <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/usab-test-slide-120228042711-phpapp02-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br>
from Johannes Weber
]]> 671 4 https://cdn.slidesharecdn.com/ss_thumbnails/usab-test-slide-120228042711-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Paper: Steuerung öffentlicher Screens https://de.slideshare.net/slideshow/paper-steuerung-ffentlicher-screens/11780550 fpsteuerung-oeffentlicher-screensxxweber-johannes-120228042523-phpapp02
]]>
]]> Tue, 28 Feb 2012 04:25:21 GMT https://de.slideshare.net/slideshow/paper-steuerung-ffentlicher-screens/11780550 johannes-weber@slideshare.net(johannes-weber) Paper: Steuerung öffentlicher Screens johannes-weber <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/fpsteuerung-oeffentlicher-screensxxweber-johannes-120228042523-phpapp02-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br>
from Johannes Weber
]]> 953 6 https://cdn.slidesharecdn.com/ss_thumbnails/fpsteuerung-oeffentlicher-screensxxweber-johannes-120228042523-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds document Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Steuerung öffentlicher Screens https://de.slideshare.net/slideshow/steuerung-ffentlicher-screens/11780545 serveranwendungen-120228042449-phpapp01
]]>
]]> Tue, 28 Feb 2012 04:24:47 GMT https://de.slideshare.net/slideshow/steuerung-ffentlicher-screens/11780545 johannes-weber@slideshare.net(johannes-weber) Steuerung öffentlicher Screens johannes-weber <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/serveranwendungen-120228042449-phpapp01-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br>
from Johannes Weber
]]> 481 2 https://cdn.slidesharecdn.com/ss_thumbnails/serveranwendungen-120228042449-phpapp01-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Customer Centered Design https://de.slideshare.net/slideshow/customer-centered-design/11780527 cct-index-v1kopie-120228042317-phpapp02
]]>
]]> Tue, 28 Feb 2012 04:23:16 GMT https://de.slideshare.net/slideshow/customer-centered-design/11780527 johannes-weber@slideshare.net(johannes-weber) Customer Centered Design johannes-weber <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/cct-index-v1kopie-120228042317-phpapp02-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br>
from Johannes Weber
]]> 443 16 https://cdn.slidesharecdn.com/ss_thumbnails/cct-index-v1kopie-120228042317-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Hardware Usability Testing https://de.slideshare.net/johannes-weber/hardware-usability-testing praesi-v1-120228042052-phpapp02
]]>
]]> Tue, 28 Feb 2012 04:20:51 GMT https://de.slideshare.net/johannes-weber/hardware-usability-testing johannes-weber@slideshare.net(johannes-weber) Hardware Usability Testing johannes-weber <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/praesi-v1-120228042052-phpapp02-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br>
from Johannes Weber
]]> 893 9 https://cdn.slidesharecdn.com/ss_thumbnails/praesi-v1-120228042052-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 https://cdn.slidesharecdn.com/profile-photo-johannes-weber-48x48.jpg?cb=1560839994 https://cdn.slidesharecdn.com/ss_thumbnails/progressivewebappsmayflowerberlinmeetup-170502160212-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/progressive-web-apps-intro-learnings/75606404 Progressive Web Apps -... https://cdn.slidesharecdn.com/ss_thumbnails/progressivewebapps-160805133111-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/progressive-web-apps-64733004/64733004 Progressive Web Apps https://cdn.slidesharecdn.com/ss_thumbnails/finalforms-angularjs-151006081340-lva1-app6892-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/formular-handling-in-angularjs/53585694 Formular handling in A...