Image Image Image Image Image
Scroll to Top

To Top

Johannes' Blog

13

Aug
2016

Keine Kommentare

inAngular2
NativeScript

vonJohannes Hoppe

Dotnetpro: Mobile Apps mit NativeScript und Angular 2 entwickeln

On 13, Aug 2016 | Keine Kommentare | inAngular2, NativeScript | vonJohannes Hoppe

Dotnetpro Logo

A1609Mobile_21609108_Leseprobe_klein

In der Ausgabe 09/2016 des Fachmagazins Dotnetpro stellen Sebastian Witalec und ich das Open-Source-Framework NativeScript vor. Wir gehen auf die Internas von NativeSript ein und zeigen, wie man in Kombination mit Angular 2 / TypeScript mobile Apps entwickelt. Themen wie Zugriff auf native APIs, das Modulsystem, Styling, die Rendering-Architektur von Angular 2 und kompatible Editoren (Visual Studio 2015 / Visual Studio Code) geben einen fundierten Überblick über NativeScript und Angular 2. Natürlich darf auch eine Beispielanwendung nicht fehlen!

Das Beste aus allen Welten

08

Aug
2016

Keine Kommentare

inGeneral

vonJohannes Hoppe

Ein Jahr Telerik Developer Expert

On 08, Aug 2016 | Keine Kommentare | inGeneral | vonJohannes Hoppe

Seit knapp einem Jahr bin ich nun ein Telerik Developer Expert (TDE) und ich musste feststellen, dass ich noch gar nicht über das Programm berichtet habe.

developer experts

Das „Telerik Developer Expert Program“ ist eine Auszeichnung und ein Experten-Netzwerk von Progress. Momentan sind 37 Experten aus 13 unterschiedlichen Ländern vertreten. Jeder der Teilnehmer hat einen technologischen Schwerpunkt auf eines der Produkte von Progress / Telerik. Dazu gehören vor allem die Telerik Platform, Kendo UI, DevCraft, Sitefinity und natürlich NativeScript. Mich sieht man öfter auf Konferenzen zu Kendo UI, Angular 2 und NativeScript sprechen. Ebenso habe ich eine Reihe von Artikeln über diese Technologien in Fachmagazinen publiziert. Mit einer gehörigen Portion Stolz kann ich euch nun mitteilen:

Halbjährliche Reprofilierung bestanden! 😀
Ich darf somit auch weiterhin folgendes schicke Badge verwenden:

tde_badge_gray

19

Jun
2016

Keine Kommentare

inAngular2
NativeScript

vonJohannes Hoppe

Online-Artikel: NativeScript und Angular 2

On 19, Jun 2016 | Keine Kommentare | inAngular2, NativeScript | vonJohannes Hoppe

nativescript-loves-angular
Statt eigenständige, native Apps für die mobilen Betriebssysteme zu erstellen, können Sie auf hybride Apps auf Basis von HTML und JavaScript setzen. Dabei sind Beschränkungen schwer zu vermeiden. Das Open-Source-Framework NativeScript schickt sich an, die letzten vorhandenen Grenzen einzureißen: echte native Apps auf Basis von JavaScript.

 

screenguide_31

 

In der aktuellen Ausgabe des Magazins „Screenguide“ ist ein 6-seitiger Artikel zu NativeScript 2 und Angular 2 erschienen!
Der Artikel wurde von Sebastian Witalec und Johannes Hoppe geschrieben und kann neben der Print-Ausgabe auch kostenlos online gelesen werden:

Online Lesen

14

Jun
2016

Keine Kommentare

inNativeScript

vonJohannes Hoppe

Setting Up Android Emulators for NativeScript Development

On 14, Jun 2016 | Keine Kommentare | inNativeScript | vonJohannes Hoppe

nativescript-logoSometimes you write a blogpost to get your thoughts sorted. This post is a perfect example.
I hereby present a collection of commands for very impatient people to get a NativeScript project up and running. If you execute all of them you will be able to start any NativeScript demo, e.g. the great Groceries sample. We will set up an Android AVD and Genymotion.

On Windows systems, you can develop, build, and deploy NativeScript projects that target Android.
On OS X systems, you can develop, build, and deploy NativeScript projects that target iOS and Android.

18

Nov
2015

Keine Kommentare

inAngular2
Highlights

vonJohannes Hoppe

Fachartikelreihe: Angular 2.0 in der Web und Mobile Developer

On 18, Nov 2015 | Keine Kommentare | inAngular2, Highlights | vonJohannes Hoppe

angular2_webundmobile2
shield-large

Angular 2.0 wird in naher Zukunft fertiggestellt sein. Es gibt es bereits regelmäßige Vorabversionen für interessierte Entwickler. Das Angular-Team hat sich entschieden, alte Zöpfe rigoros abzuschneiden und ein komplett überarbeitetes Framework zu entwickeln. Die neue Version bricht mit bestehenden Konzepten – was für viel Aufregung gesorgt hat. Die Template-Syntax ist neu, und man setzt nun Komponenten statt Controller ein. Auch der Einsatz von TypeScript rüttelt am Althergebrachten.

In einer fünfteiligen Artikelreihe werden Ferdinand Malcher, Gregor Woiwode und Johannes Hoppe die wichtigsten Aspekte des neuen Frameworks vorstellen:

 

Teil 1 – Modularer Code mit SystemJS und jspm

 

Weiterlesen…

Tags | , , , ,

27

Okt
2015

Keine Kommentare

inAngular2
AngularJS

vonJohannes Hoppe

Neues Video: Interview zu AngularJS mit Gregor Woiwode und Johannes Hoppe

On 27, Okt 2015 | Keine Kommentare | inAngular2, AngularJS | vonJohannes Hoppe

angular2_devspace2015_interview_thumbnail

In dem 15-minütigen Interview spricht Uli Armbruster mit Gregor Woiwode und Johannes Hoppe über AngularJS. Diskutiert werden unter anderem Stärken und Schwächen von Angular, Neuerungen in Version 2, die Bedeutung von TypeScript sowie das gemeinsame Buch, an welchem beide aktuell schreiben.

Weiterlesen…

23

Okt
2015

Keine Kommentare

inAngular2

vonJohannes Hoppe

Neues Video: Schnellstart mit Angular 2.0

On 23, Okt 2015 | Keine Kommentare | inAngular2 | vonJohannes Hoppe

angular2_devspace2015_preview

Angular 2 – Ein Schnellstart in das kommende Webframework von Google.

Wir sind schon jetzt Fans von diesem Framework. In unserer Live-Coding Session bauen wir für euch die Book-Rating-App und zeigen dabei Folgendes:

03:28 – Einstieg in Typescript
08:10 – Setup einer Angular2-App
19:55 – Erstellen von Components
31:14 – Verarbeitung von Formulardaten und Events

Weiterlesen…

22

Okt
2015

Keine Kommentare

inAngularJS
Clean Code Developer

vonJohannes Hoppe

Neues Video: JavaScript Unit- und Oberflächentests mit Karma & Protractor

On 22, Okt 2015 | Keine Kommentare | inAngularJS, Clean Code Developer | vonJohannes Hoppe

thumbnail_dwx15_karma_protractor

Dieser Vortrag wurde am 15.06.2015 bei der Developer Week 2015 aufgenommen.

Sauberer Code und Test Driven Development (TDD) sind die Grundlage für eine gute Architektur. Durch automatisierte Tests lässt sich sicherstellen, dass die Software fehlerfrei funktioniert und die fachlichen Spezifikationen erfüllt sind. In diesem Vortrag wird der Test-Runner Karmavorgestellt, mit welchem Unit-Test für JavaScript Anwendungen erstellt werden können. Zum Einsatz wird das BDD-Framework Jasmine kommen. Oberflächentests sind eine gute Ergänzung zu Unit-Tests, denn mit ihnen lässt sich die Anwendung aus der Sicht des Anwenders überprüfen. Hierfür wird Protractor beleuchtet, welcher auf Basis von Selenium End-To-End-Tests von JavaScript-Anwendungen und speziell von AngularJS-Anwendungen ermöglicht.

Weiterlesen…

10

Jan
2015

Keine Kommentare

inAngularJS
Highlights

vonJohannes Hoppe

Fachartikelreihe: Optimale Web-Umgebung mit AngularJS und ASP.NET

On 10, Jan 2015 | Keine Kommentare | inAngularJS, Highlights | vonJohannes Hoppe

Dotnetpro Logo

dotnetpro_webumgebung2

Wenn man seit einem Jahr eine große Single Page Application (SPA) auf Basis von  ASP.NET Web API und AngularJS entwickelt, dann hat man viel zu erzählen. Aus diesem Grund habe ich für die dotnetpro eine vierteilige Artikelserie geschrieben. In dieser Serie stelle ich eine Auswahl von Entwurfsmustern und Frameworks vor, welche AngularJS und die .NET-Welt optimal verbinden.

 

Teil 1 – Am Anfang war das Modul

 

13

Mrz
2016

Keine Kommentare

inNoSQL

vonJohannes Hoppe

NoSQL Vorlesung 2016

On 13, Mrz 2016 | Keine Kommentare | inNoSQL | vonJohannes Hoppe

dhbw_mosbach_2014
„NoSQL“ steht für „Not only SQL“ und bezeichnet jene Datenbanken, die ohne relationale Datenbanktabellen auskommen. Im Folgenden finden Sie eine Reihe von Unterlagen und Downloads für meine Vorlesung bei der Dualen Hochschule Baden-Württemberg Mosbach.

Teams

  1. Team: Zeitung
  2. Team: Kino (Sneak Preview Prognose)
  3. Speisekarte
  4. Haus-Generator
  5. Bibliothek (Buchverwaltung)

Eure Aufgabe

  • Entwickelt ein MongoDB-Schema für das Projekt
  • Präsentiert das Schema dem Kurs
  • Tipp: je spezifischer der Anwendungsfall beschrieben ist, desto leichter wird die Präsentation
  • Materialen: Präsentation auf einem Studentenlaptop am Beamer

Downloads

 

Preview Folien

05

Jan
2016

Keine Kommentare

inGeneral

vonJohannes Hoppe

Endspurt Call for Papers #dwx16 – Schwerpunkt JavaScript

On 05, Jan 2016 | Keine Kommentare | inGeneral | vonJohannes Hoppe

developer-week-2016

Am 20.-23. Juni 2016 findet wieder die Developer Week Konferenz (DWX) in Nürnberg statt. Gesucht werden Vorträge aus allen Bereichen der Entwickler-Welt. Ich bin erneut Mitglied des Advisory-Boards und Programm-verantwortlicher zum Thema „JavaScript“. Ich suche Top-Sprecher, welche die neuesten Technologien und die unglaublichen Möglichkeiten der beliebten Schriftsprache dem interessierten Publikum näher bringen können.

js

19

Nov
2015

Keine Kommentare

inGeneral

vonJohannes Hoppe

Atom is spyware: disable metrics [solved]

On 19, Nov 2015 | Keine Kommentare | inGeneral | vonJohannes Hoppe

atom_spy

Today I realized that Atom reports usage information to Google Analytics (package: metrics). Additonally, the Exception Reporting (package: exception-reporting) reports uncaught Atom exceptions to bugsnag.com – without user permission. For obvious reasons I don’t agree to some silent tracking without any consensus!

 

Collected Data

  • A unique UUID v4 random identifier is generated according to RFC4122
    • (This was recently changed, before it was: „A unique identifier that is generated by computing the SHA-1 of the machine’s MAC address“)
  • The screen width and height
  • The version of Atom being used

Tags | , , , , , , ,

05

Nov
2015

Keine Kommentare

inAngular2

vonJohannes Hoppe

DDC DevSession:
Schnellstart mit Angular 2.0

On 05, Nov 2015 | Keine Kommentare | inAngular2 | vonJohannes Hoppe

DDC2015_Programm-1

 

Mit den DevSessions führt die DDC Konferenz 2005 ein neues Format ein: In einem Pitch stellen die Experten ihr Thema vor, um dann in einer halbtägigen Praxis-Session die Technologien mit den Teilnehmern zu erarbeiten. Gregor Woiwode und ich werden euch gemeinsam fit für Angular 2.0 machen!
thumbnail
DevSession 6: „Schnellstart mit Angular 2.0“
30.11.2015 in Köln
Start: 15:00 Uhr
Ende: 18:30 Uhr

 

Schwerpunkte
  • Einstieg in Typescript
  • Setup einer Angular2-App
  • Erstellen von Components
  • Verarbeitung von Formulardaten und Events

 

Anforderungen für Teilnehmer:
Laptop (Betriebsystem egal) mit vorinstallierter Software:

  • Chrome
  • Atom Editor
  • node.js

Vorkenntnisse in AngularJS sind hilfreich aber nicht notwendig.

30

Okt
2015

Keine Kommentare

inAngular2

vonJohannes Hoppe

Atom mit TypeScript und Angular 2.0 nutzen

On 30, Okt 2015 | Keine Kommentare | inAngular2 | vonJohannes Hoppe

atom_angular

Manfred Steyer hat in einem Blogpost beschrieben, wie man ein Setup für Visual Studio Code, TypeScript und Angular 2.0 aufstellt. Ganz ähnlich hierzu will ich kurz beschreiben, wie man ein schnelles Setup für den Editor Atom aufbaut. Ich gehe davon aus, dass das 5 Min Quickstart Tutorial bekannt ist.

Es soll kein Transpiling von TypeScript zur Laufzeit stattfinden. Wandelt man TypeScript direkt im Browser um, so erhält man logischerweise keinen komfortablen Hilfestellungen durch den Compiler beim Entwickeln. Weiterhin ist das Transpiling zur Laufzeit keine Lösung für den produktiven Einsatz. Es soll also in diesem Post ausschließlich um die Integration mit Atom und atom-typescript gehen.

Tags | , , ,