Sessions

Keynote

ONE Day One at 09:40 to 10:30

Miško Hevery and Jules Kremer

Miško HeveryJules Kremer

Secure your Angular applications

TWO Day One at 11:00 to 11:45

What do Chrome extensions written in Angular and secure websites have in common? They take Content Security Policy seriously! In this presentation I will show:

  • how bad things happen to good people
  • how to switch from chasing the bad guys to protecting yourself
  • how to secure your web application against cross-site scripting attacks

Gleb Bahmutov

Gleb Bahmutov

Mini Workshop: New Data Architecture in Angular 2

THREE Day One at 11:00 to 12:45

Angular 2 introduces a new Data Architecture based on Reactive Programming using RxJS 5. We are really excited to see the new approach using Observable sequences aka Observables. We will cover a basic introduction of Angular 2 followed by RxJS 5 and the new HTTP API covering some basic use cases.

Gerard Sans

Gerard Sans

One Code to rule them all: Cross-platform development with Angular 2, Cordova & Electron

TWO Day One at 11:50 to 12:15

Bring your Angular 2 applications to any platform - no matter whether you think about web, mobile apps or full-blown desktop applications. See how to achieve the goal with just a single codebase by using famous frameworks like Apache Cordova and GitHub Electron. Join Christian Weyer and Thorsten Hans on the journey through the cross-platform land.

Christian Weyer and Thorsten Hans

Christian WeyerThorsten Hans

Panel Q&A: Architecture

FIVE Day One at 11:50 to 12:45

Ben Lesh, Miško Hevery, Uri Goldstein and Victor Savkin

Ben LeshMiško HeveryUri GoldsteinVictor Savkin

Office Hours

FOUR Day One at 13:45 to 14:35

Miško Hevery, Jen Looper, Pascal Precht, Gerard Sans and Sani Yusuf

Miško HeveryJen LooperPascal PrechtGerard SansSani Yusuf

Panel Q&A: User Interface

FIVE Day One at 13:45 to 14:35

Jeremy Elbourn, Thomas Burleson, Matias Niemela, Aysegul Yonet, Kara Erickson and Marcy Sutton

Jeremy ElbournThomas BurlesonMatias NiemelaAysegul YonetKara EricksonMarcy Sutton

Cross Site Request Funkery: Securing Your Angular Apps From Evil Doers

TWO Day One at 13:50 to 14:10

The web is full of exploits, and CSRF is one that every web app should protect itself from. This talk will explain how CSRF works and how Angular’s HTTP stack can protect you from it.

Dave Smith

Dave Smith

Why common sense is not enough: user testing and prototyping

TWO Day One at 14:15 to 14:35

Common sense is not enough - always check if you and your users talk the same language. How early prototyping (Angular & NodeJS) and continuous guerilla testing discovers the gaps between developers' and users' expectations - success story of 'Min Bedrift (My enterprise) 2.0', self-service solution for corporate customers of Telenor, one of the largest mobile carriers in the world. 

Ekaterina Orlova

Ekaterina Orlova

Building Progressive Web Apps and Hybrid Apps with Ionic

ONE Day One at 14:40 to 15:05

The team at Ionic has been a proponent for the web since the very beginning. The Ionic Framework was originally created to help web developers become mobile developers, but it has quickly become so much more. With the recent rave surrounding Progressive Web Apps, Ionic is the ideal solution for developers who, alongside building hybrid apps, also want to deploy to the mobile web, or even desktop web, using the same code base. We’ll discuss how easy it is to create a high performant Ionic app using one code base that runs on the desktop web, mobile web, native app stores, and more. Along with Ionic’s ability to be distributed across different channels, we’ll also go over how Ionic can automatically adjusts its design so it feels right at home to the end-user. With Ionic 2, theming has become simpler than ever with three unique design modes: Material Design, iOS, and Windows, that can each be customized to fit your brand. 

Adam Bradley and Brandy Carney

Adam BradleyBrandy Carney

Go beast mode with realtime reactive interfaces in Angular 2 and Firebase (observables)

TWO Day One at 14:40 to 15:05

Angular 2 is built with reactive mechanisms baked right into the framework. State change happens in one place in your application and it is automatically streamed through your components and to your views. What happens when we extend the equation to handle streaming data from the server to everyone's views? It is hard not to get power drunk on the beast mode!

Lukas Ruebbelke

Lukas Ruebbelke

Mini Workshop: Consumer IoT with Angular 2 Workshop (Part 1)

THREE Day One at 14:40 to 15:35

Gil Fink and Uri Shaked

Gil FinkUri Shaked

Panel Q&A: Testing

FIVE Day One at 14:40 to 15:35

Julie Ralph, Ekaterina Orlova, Carmen Popoviciu and Joe Eames

Julie RalphEkaterina OrlovaCarmen PopoviciuJoe Eames

Redux with AngularJS

ONE Day One at 15:10 to 15:35

AngularJS has now been around for more than 2 years. That means, there are behemoth apps that are written in Angular 1.0 and desperately require a facelift. If you are stuck maintaining such an application, like I was, this talk would help you to incrementally add ES6 and Redux to your application to make it modern and maintainable.

Pavithra Kodmad

Pavithra Kodmad

Storytelling with your data

TWO Day One at 15:10 to 15:35

Angular2 comes with great performance improvements and better tools than ever to build interactive data visualizations for the web. Check out how you can leverage ngAnimate, RxJS and Angular2 change detection to tell a story 60fps.

Aysegul Yonet

Aysegul Yonet

Optimizing Angular 2 Apps

ONE Day One at 16:05 to 16:50

Minification used to be a topic for library developers who distribute a foo-min.js script for users to drop into their page. With ES6 modules, we can do better, by minifying the entire application along with its dependencies into a single .js bundle. We will cover the tooling pipeline, from Angular's template compiler, through tree-shaking, bundling, and minification.

Martin Probst

Martin Probst

Learning the New Tech Lingua Franca: Social Media

TWO Day One at 16:05 to 16:25

Whether you are a developer or business person in the tech community, you must understand the lingua franca of the tech community: social media.

Business no longer gets done behind closed doors, but online through various mediums such as Twitter and Github.

This talk walks you through the reasons having a presence as a developer, recruiter, CEO, or marketer and communicating through social mediums is required for you to succeed.

We'll talk about the do's and don'ts of interaction and walk through a practical approach to building your social presence.
 

Tracy Lee

Tracy Lee

Mini Workshop: Consumer IoT with Angular 2 Workshop (Part 2)

THREE Day One at 16:05 to 17:20

Gil Fink and Uri Shaked

Gil FinkUri Shaked

Panel Q&A: Mobile & Progressive Web Apps

FIVE Day One at 16:05 to 16:50

Brandy Carney, Adam Bradley, Jen Looper, Jeff Cross and Alex Rickabaugh

Brandy CarneyAdam BradleyJen LooperJeff CrossAlex Rickabaugh

Creating consumable components

TWO Day One at 16:30 to 16:50

How to make your components a pleasure for other devs to use: The best way to setup a project, because it's different than setting up an app; How to make it easy to style, designing a good interface, different strategies for state management, and naming.

Scott Moss

Scott Moss

Why I am betting my future on Angular 2

ONE Day One at 16:55 to 17:20

As developers, team leaders, CTOs etc, we are like gamblers.

Every couple of years we're gambling on a new technology stack that we hope will survive the test of time.

But you see, I’m more like a poker player.

And in poker, it’s not only about the cards you’ve been dealt, it’s also about the entire room, the people you play with, what were the last 20 moves being played, and 50 other factors that you take in consideration before you make your move.

I'm betting ALL IN on Angular 2 for the next few years, and this is why...

Shai Reznik

Shai Reznik

Neural Networks and Machine Learning. Building Intelligent Angular Applications

TWO Day One at 16:55 to 17:20

You think that ng2 apps are cool, but we think there’s something even cooler: Smart ng2 apps!

A few months ago people were saying that the AI and ML future is still a few years away. But that is not true. That future is NOW and it’s EXCITING!

Neural Networks and Machine Learning are not a trivial subject, but we believe they are an absolutely fascinating subject that challenges us not just as developers or creators but also as thinkers and envisioners of our future.

Just close your eyes for a moment and try to imagine how it all works and looks like...

Fascinating right? And you don’t even know the half of it! But we would definitely like to show you!

Carmen Popoviciu and Thomas Burleson

Carmen PopoviciuThomas Burleson

Keynote

ONE Day Two at 09:10 to 09:55

Igor Minar and Rob Wormald

Igor MinarRob Wormald

RxJS 5 - Thinking Reactively

ONE Day Two at 10:00 to 10:45

Do you find yourself lost trying to choose the right operator to compose your observables? Do you struggle with how to structure your observable chains?

Do you feel like you're *almost* there, but you're just missing *something*? Don't worry, we've all been there, even the "experts". So let's get started down the path to being an Rx expert!

In this talk, I will discuss common patterns and practices you can use in RxJS with Angular 2, or any other framework, to make your life easier. I'll also go over some common gotchas and problems and how to get around them. Hopefully you'll leave this talk knowing how to "think reactively"

Ben Lesh

Ben Lesh

Move, shake and drop with NativeScript and Angular 2

TWO Day Two at 10:00 to 10:45

Writing mobile apps is hard enough, but when you need to include an integrated web site with your native mobile app, things really get crazy. Partnering an Angular 2 codebase with a NativeScript app, however, can create beautiful music.

In this session, you'll learn how to create a Spotify-enabled music app with a beautiful audio visualization using Angular 2 for the web. Then, you'll see how to spin up a NativeScript app to compliment this music app, which will allow users to customize the graphics accompanying the music with their own custom drawn art. Draw a tiny graphic on mobile, see it appear on web.

This session will showcase the magic of Angular 2 enhanced with a NativeScript-build mobile app, all songified with Spotify, with a special treat at the end to complete our sound and light show!

Jen Looper

Jen Looper

Mini Workshop: Angular Material (Part 1)

THREE Day Two at 10:00 to 11:15

Learn how Angular Material can be easily used to quickly build ES6 web applications. See how features like Layouts, Containers, and Angular 1 Material components can be combined to radically accelerate your app UX development. See how JSPM, ES6, and the Angular 1.5 component API can be used to simplify your development and bring the fun back to web app debugging.

Aaron Frost and Thomas Burleson

Aaron FrostThomas Burleson

Panel Q&A: Tooling

FIVE Day Two at 10:00 to 10:45

Jeff Whelpley, Igor Minar, Rob Wormald, Igor Kamenetsky and Stephen Fluin

Jeff WhelpleyIgor MinarRob WormaldIgor KamenetskyStephen Fluin

Angular Community Up & Running

TWO Day Two at 10:50 to 11:15

No CLI for this yet… How do you set up an active Angular community? From idea to deployment, from motivation to product, Shmuela and Nir will tell the journey of building up an active group of Angular 2 coders - beginners and experts, which not only develops but also gives back.

Shmuela Jacobs and Nir Kaufman

Shmuela JacobsNir Kaufman

From .component() to @component()

TWO Day Two at 11:45 to 12:05

Exploring the depths of creating Angular 2 Components with @Component and ES6 classes. This talk dives into concepts we all know and love(d) in Angular 1.x. From binding data to Component properties, exposing custom events, through to multi-point transclusion and mastering @Host, @HostChild/HostChildren, @ViewChild/ViewChildren to create complex Components and Directives.

Todd Motto

Todd Motto

Mini Workshop: Angular Material (Part 2)

THREE Day Two at 11:45 to 13:00

Learn how Angular Material can be easily used to quickly build ES6 web applications. See how features like Layouts, Containers, and Angular 1 Material components can be combined to radically accelerate your app UX development. See how JSPM, ES6, and the Angular 1.5 component API can be used to simplify your development and bring the fun back to web app debugging.

Aaron Frost and Thomas Burleson

Aaron FrostThomas Burleson

Panel Q&A: Security and Performance

FIVE Day Two at 11:45 to 12:30

Martin Probst, Gleb Bahmutov, Dave Smith, Tim Ruffles and John Mueller

Martin ProbstGleb BahmutovDave SmithTim RufflesJohn Mueller

360 & VR Vídeo with Angular 2

TWO Day Two at 12:10 to 12:30

If you didn't noticed 360 & VR video is here to stay.

In this talk I'll show you how to create engaging experiences with 360 & VR as a new video format for your customers by mixing Three.js and Angular 2.

It is highly recommended to bring your own Google Cardboard and some pop-corn!

Raul Jimenez

Raul Jimenez

Look Deeply Into Your App with Augury

ONE Day Two at 12:35 to 13:00

Augury is a Chrome Developer Tools extension that allows developers to visualize their Angular 2.0 application’s component tree and the data associated with it. Our goal with this project is two-fold: help developers find bugs in their Angular 2.0 applications but also allow them to visualize their applications and their higher level structure at runtime. Our long term vision is also to help developers optimize the performance of their application using this tool.

Augury itself is an open source effort started at Rangle.io and is developed using TypeScript and Angular 2.0.

Igor Kamenetsky

Igor Kamenetsky

AngularJS in industry: Developing responsive aviation weather products with an agile, cross site team

TWO Day Two at 12:35 to 13:00

A co-presented talk by Purple Secure Systems and the Met Office walks the audience through a case study of the development of a suite of responsive AngularJS projects to deliver the latest aviation weather data to the aviation industry.  

The speakers will cover how a cross-site, dual organisation agile team upgraded three existing flex products over the last couple of years to AngularJS webapps. Starting with zero Angular experience for the first product, the speakers will discuss their lessons learnt and how they were able to apply their experience gained in the subsequent projects. 

One of the main features of these apps is the “common map” component. The component combines AngularJS and OpenLayers3 to visualise observed and forecast weather layers. The architectural design of this component will be visited, addressing how it was designed for use across multiple Met Office products, using existing web services.

Elizabeth Robinson

Elizabeth Robinson

Mini Workshop: Angular 2 Forms

THREE Day Two at 14:00 to 15:20

Anas Firdousi

Anas Firdousi

How fast can web-apps be?

TWO Day Two at 14:05 to 14:25

We hear lots about the performance of various frameworks, but how fast can a browser-based app be? We'll dig into JS performance, rendering, network and understand the upper limit on your app's performance.

Tim Ruffles

Tim Ruffles

Connect your Angular app to any existing backend with GraphQL

TWO Day Two at 14:30 to 14:50

GraphQL was born inside Facebook and is quickly becoming a new standard for fetching data to web and mobile clients.

It has many benefit comparing to REST like performance on the network and easier maintainability.

In this talk you will learn what is GraphQL, why is it great for Angular developers and how to easily integrate it with your Angular applications, no matter which backends you need to connect to and how many backends you have.

Uri Goldstein

Uri Goldstein

Universal Tooling

ONE Day Two at 14:55 to 15:20

With great power comes great…complexity? You can do so many new and amazing things with Angular 2 that just aren't feasible with Angular 1, but the tool chain required to get it all working can be daunting. The mental hurdles to overcome can be even worse when you add Angular Universal to the mix and have to consider running your app on multiple platforms (i.e. in the browser and on the server).

Fortunately, the Angular core team and many Angular 2 libraries (including Angular Universal) have started to place a much bigger emphasis on the CLI and simplifying the tool chain in order to make setup and maintenance much easier.

In this talk, Jeff will go over the Angular Universal CLI integration and discuss several supporting services that you should be using when you render your Angular 2 app on the server.

Jeff Whelpley

Jeff Whelpley

Testing for accessibility in Angular 1 and 2

TWO Day Two at 14:55 to 15:20

If you're using Angular, you're well positioned to add accessibility tests in your development workflow. In this talk, I'll show you how to leverage open source accessibility tools to improve software quality for everyone, including people with disabilities.

Marcy Sutton

Marcy Sutton

Sponsors

Many thanks to our wonderful sponsors. If you’d like to get involved in supporting AngularConnect, please request a sponsor pack.

Want occasional speaker and session updates direct to your inbox?