You are viewing the 2015 event. Click here for this year's event.

Sessions

Keynote

Brad Green, Igor Minar and Jules Kremer

Tune in for the State of the Union talk on AngularJS & discover where we are with the framework, echoes from the future in Angular 2 and a few little surprises along the way.

View the slidesWatch the video

The "REAL" Keynote (Parody)

Shai Reznik and Lukas Ruebbelke

Did you know that JavaScript is being controlled by an ultra-secret, shadowy organization that has its origins in Smalltalk? Did you know that it is called TC39? As in TOTAL CONTROL 39! And suddenly it all makes sense!

Shai and Lukas take us on a non-sensical “tour” of the current web development landscape as it relates to the Angular developer. If you are a fan of entertainment then this talk is for you!

What's new in TypeScript

Bill Ticehurst

The quality of a craftman’s tools are an important piece of doing a good job. In modern JS, the quality of our tools allows us to write even better apps with more confidence in the finished product. In this talk, Bill will be talking about improvements in the TypeScript toolchain, compiler, and language, and how they help you write better Angular apps.

Watch the video

Angular 1.5 and beyond

ng1

Pete Bacon Darwin and Lucas Mirelmann

The latter part of 2015 is going to be exciting times for Angular as version 2 approaches production.

While AngularJS 1 continues to provide a solid development framework for hundreds if not thousands of live applications around the world we are looking at the future and how people might choose to upgrade from AngularJS 1 to Angular 2.

Angular 1.5 will include a number of changes that will support and encourage upgrading, as well as loads of bug fixes and useful features. In this talk, find out from two of the core AngularJS developers exactly what to expect in the next big AngularJS release.

View the slidesWatch the video

Full-Stack Angular 2

ng2

Jeff Whelpley and Patrick Stapleton

Angular is no longer just a client-side framework. You can use Angular 2 core and many of its related libraries on the server. This opens the doors for some interesting possibilities. In this talk, Jeff Whelpley will demonstrate how you can most effectively leverage all of the awesome tools that are now available in Angular 2 to build ultra-fast, powerful full-stack applications.

Watch the video

Creating WebGL components with Angular

ng1

Aysegul Yonet

3d web ui is not a thing just seen in the movies anymore. Let’s see how we can bring two of the great web technologies together, Three.js and AngularJS to create 3D components. While Three.js makes it easy to work with 3D objects, shaders and cameras, Angular lets us encapsulate the functionality into reusable components and customise in a declarative way.

Watch the video

Building native mobile apps with Angular 2.0 and NativeScript​

ng2

Sebastian Witalec

NativeScript is a free and open source JavaScript framework for building native iOS, Android, and Windows Phone apps, which you can use with Angular 2.0. But I know what you’re thinking: another way of building apps? What makes NativeScript special? Here are a a few cool things:

  • Direct access to native APIs—no plugins required. Want to create a file on Android? Run new java.io.File()—in JavaScript!
  • Completely native performance through the use of a JavaScript bridge natively available on all three mobile platforms.
  • Cross-platform libraries for common use cases. Need to call a JSON API? Run http.getJSON
  • Style native apps using CSS. Yep, that’s actually a thing.

Curious about how it all works? Come learn! Architectures will be explained; apps will be built; and fun will be had by all.

Watch the video

Angular Material in practice

Thomas Burleson

The current state of Angular Material. See how our component building blocks work together with minimal code to create a real, working, adaptive UI for an app. Learn about our latest component additions, timelines, and how we’re getting ready for Material in Angular 2.

View the slidesWatch the video

"Write once, run anywhere" with nw.js & Cordova: for real!

ng1

Christian Weyer and Manuel Rauber

See AngularJS in action beyond web applications in the browser: Let’s build an application that integrates with iOS, Android, Windows Phone and the major desktop platforms – with the help of nw.js and Cordova tooling. And still runs in the browser. Go!

Watch the video

Biological Modelling, powered by AngularJS

ng1

Gil Fink

Scalable Vector Graphics (SVG) is a markup language that enables the building of two-dimensional vector graphics in the browser. Combining SVG and AngularJS can help you build very interesting models such as graphs, gauges and even biological models.

In this session you will get to know how SVG and AngularJS can play together. You will also see an example of a genome viewer that was built using both SVG and AngularJS.

View the slidesWatch the video

Getting started in Angular 2

ng2

Rado Kirov and Naomi Black

A practical hands-on tour of Angular 2 key concepts! You’ll learn how cross-component communication, data rendering, user input handling, and url routing all work together as we build a functioning app.

View the slidesWatch the video

ngAnimate 2.0

ng2

Robert Messerle, Matias Niemelä and Rob Wormald

Animation in Angular2 has been redesigned from the ground up to fit the needs of next-gen web applications. With this powerful new system, ngAnimate2 comes packed with a completely new platform for rich sequencing, extensive CSS manipulation, a solid plugin architecture and support for interactive animations via animation timelines. Learn more by seeing what ngAnimate2 has to offer and be one with the new animation paradigm shift!

View the slidesWatch the video

Turn the performance knob to 11

ng1

Gleb Bahmutov

Once your Angular application has the features you need, the next step is usually focused on improving its performance, such as the initial load time and responsiveness to user’s commands.

The application has to execute quickly in order to be useful. Is the Angular framework fast or slow? I argue that it is very fast, but requires you to know how to measure and optimise the right bottlenecks.

View the slidesWatch the video

Protractor styleguide

Carmen Popoviciu and Andres Dominguez

Many best practices and styleguides, such as the one by John Papa, have evolved in the Angular ecosystem along the years. These guidelines share the learnings of many projects in order to help developers of the community write better code and ergo, better Angular applications.

In our talk, we would like to introduce a similar styleguide that we have been working on, for e2e testing with Protractor. This project evolved from our individual work on creating a set of internal standards that would guide teams in testing their applications.

The talk will tackle some opinionated best practices for writing Protractor tests: naming conventions, selector strategies, page objects, helper objects, performance considerations and some more general concepts about e2e testing.

Watch the video

Angular 2 Data Flow

ng2

Jeff Cross and Alex Rickabaugh

If an event fires in an Angular 2 app and no one is subscribed to it, does it really fire? Is “Pipe” just a fancy new name for Angular 1 filters? Is “$scope.$digest()” still a thing? Resident Angular team philosophers will do their best to explain the new ideas and tools to help data flow more naturally through Angular 2 applications.

View the slidesWatch the video

Testing strategies with Angular 2

ng2

Julie Ralph

Angular loves testability, and Angular 2 will continue to make it easy to write great test suites so that you’re confident in your site. Learn how to use karma and other tools to set up and debug tests, see how the Angular team creates their test suite, and meet new test helpers just for Angular 2 components.

View the slidesWatch the video

Becoming Betazoid: How to Listen and Empathize with Others in the Workplace

Joe Eames

Listening and empathy are things that we all sort of hand wave about. Most people think that empathy is something you have to be born with. When it comes to communication, we might think we’re good listeners, yet find that some of our relationships at work and even at home are suffering and we don’t know why. Listening and empathy are skills that anyone can develop, and they can benefit not only you, but those you interact with, and even the bottom line of your company. There are fewer things that make work more unbearable than difficult relationships. In this session I will show exactly what empathy is, and show you how to develop this trait to turn you into a great listener, which will help strengthen the bonds with those you spend your weekdays with.

Watch the video

Creating User Interface Component APIs in Angular and Web Components

Kara Erickson and Rachael L Moore

So you’ve embraced architecting your Angular application with reusable components – cheers to you! But you have UI components that need to communicate with each other or expose public methods, and you’re wondering about your options. In this talk, we’ll cover how new web component standards, like Custom Elements, handle this. Next, we’ll walk through how to accomplish it today in Angular 1.x – and bring it all together into what a solution will look like in upcoming Angular 2.

Watch the video

Iterative version upgrade strategies for large Angular applications

Jen Bourey

Learn how to bring the latest and greatest Angular technology to your project. We’ll focus on iterative upgrade strategies for in-production projects, learning how to adopt new angular versions and features without breaking existing code. Upgrade topics will include version upgrades (1.3->1.4 and 1.4->1.5), adopting the new Angular router, and a look forward towards upgrading to Angular 2. We will use real-world examples from the Google Cloud Developers Console, one of the biggest Angular-based applications at Google.

Watch the video

Building the Best Components

ng2

Jeremy Elbourn

The component is the new atomic unit of an Angular 2 application. So what makes a good component? This talk will explore how Angular 2 components are different from the directives you’re used to and provide some practical guidance on building them. We’ll also look at different types of tests you can write to guard against all kinds of regressions.

View the slidesWatch the video

Building cross-platform apps with Ionic 2

ng1

Adam Bradley

The Ionic and Angular teams have been working in parallel to extend Ionic’s performance in even more exciting ways than previous versions. We’ll review the new features of Ionic 2 and walk through the process of building a practical and highly performant app, using a single codebase for multiple platforms.

View the slidesWatch the video

Routing in Eleven Dimensions with Component Router

ng2

Brian Ford

Component Router is a futuristic routing system for Angular 1 and 2 that may or may not have been constructed from recovered extraterrestrial technology. We’ll show how it helps organize your application, explain the linking DSL, and show how to make use of lifecycle hooks. Then we’ll talk about advanced features and auxiliary routing.

View the slidesWatch the video

Modern authentication solutions with OAuth 2.0, OpenId Connect and AngularJS

ng1

Manfred Steyer

Nowadays every internet user has numerous passwords for different internet applications. The popular OAuth 2.0 protocol, supported by huge companies such as Google, Facebook and Twitter, promises to remedy this. This session shows what is behind OAuth 2.0, for which scenarios it is actually intended, where the dangers and challenges lie, and what OpenID Connect has to do with it. It also demonstrates how the standards mentioned can be applied together with AngularJS and UI Router, and the pitfalls of doing so.

Watch the video

These are not the models you’re looking for

ng2

Martin Gontovnikas

AngularJS gives us a lot of freedom at the time of creating our model objects. Most of us end up creating plain Javascript objects, which isn’t always the best solution. In this session we’ll learn how we can leverage Prototypes and Classes to make our models smarter and easier to use and maintain.

Watch the video

TypeScript tooling for greater productivity

ng2

Martin Probst and Alex Eagle

Learn how to be amazingly productive with Angular 2 & TypeScript. We’ll show how to organise your codebase, build up a development toolchain, and deliver a fast, working application.

View the slidesWatch the video

Cutting Angular's Crosscuts

ng1
ng2

Minko Gechev

No matter how DRY our code gets, there are times when the object-oriented paradigm is just not powerful enough to handle all code duplications. Applying logging and authorisation, for example, makes us copy and paste snippets all around our code-base without being able to isolate them in separate modules. This makes our code more coupled; less reusable and maintainable.

The aspect-oriented programming comes with a solution for such “cross-cutting concerns”. It is already widely used in the Java world, in AspectJ and Spring. In my talk I will bring the aspect-oriented programming paradigm to Angular. I’ll explain how to deal with duplications and make our code more maintainable using AOP with the new ECMAScript 7 decorators’ syntax.

View the slidesWatch the video

Building performant components for AngularJS

ng1

Niall Crosby

Enterprise applications built on AngularJS typically have a data grid at their core. If you use AngularJS patterns all the way, your application can suffer in performance. This talk will explain the design philosophy that was followed to create an AngularJS grid that is lightning fast, yet AngularJS compatible. Such designs can be used to build other reusable components going forward, giving foundations for great AngularJS applications.

Watch the video

Modularity and packaging for Angular2 applications

ng2

Pawel Kozlowski

ES2015 modules are here to stay and Angular2 fully embraces them. Your applications can also take advantage of the new module system to better structure large code-bases, load modules on demand, avoid names
collision etc.

But while ES2015 modules bring tons of improvements and new possibilities, they come with they own set of challenges. In this talk we are going to look into various strategies for developing, packaging and deploying fully modular Angular2 web applications. We will ponder pros and cons of each approach and try out different tools that allows us to use the module system from the future in today’s browsers.

View the slidesWatch the video

Creating realtime apps with Angular 2 and Meteor

ng2

Uri Goldshtein

Meteor is an open source JavaScript application platform for building realtime web and mobile applications. Meteor is also the perfect backend for Angular 2.0 applications. In this talk, you will learn how to create a real time full-stack Angular 2.0 Meteor app in minutes. You will also learn about the details of the integration, the similarities between the philosophies of both platforms, and the future collaborations between the two.

Watch the video

Sign up journey at Sky TV - building advanced forms for millions of users

ng1

Ricardo Mallols

AngularJS form handling capabilities are just amazing!

We’ll study a sexy way to display multiple kinds of (standard and non standard) input fields. We’ll analyse different strategies to validate them in a hierarchical, structured and scalable way, providing real time contextual feedback to the user in order to keep the best UX possible.

Watch the video

Using Web Workers for more responsive apps

ng2

Jason Teplitz

Angular 2’s split rendering structure allow us to automagically run most of Angular and your code on a separate processor core via Web Workers. See live demos, and find out how to get started on the early version of this feature.

View the slidesWatch the video

Better concepts, less code in Angular 2

ng2

Victor Savkin and Tobias Bosch

Learn how Angular 2 makes hard problems simple by introducing new powerful concepts.

We will show it by building a complex widget in Angular 2 that will demonstrate features like content projection, querying for directives and asynchronous control flow.

View the slidesWatch the video

How to design large AngularJS applications that scale

ng1

Sebastian Fröstl and Gernot Höflechner

We present design patterns for building large AngularJS applications. The central idea is to combine microservices with an underlying unidirectional data-flow and drastically reduce directive responsibilities. We are convinced that applying this architecture will also prepare your app for easier upgrading to AngularJS 2.

View the slidesWatch the video

ngDarwinAward

Scott Moss

Watch the video

Optimize Yourself: 5 Key Traits of High-Performing Humans

Sylvana Rochet

You’ve got the technical skills, you’ve gotten the promotions, and you’re constantly taking on new challenges. Each new project requires you to learn new tools quickly and to work against the clock. How do you keep yourself sane, happy, engaged and performing at your best? This is where “holistic intelligence” skills come in handy. Don’t let the term fool you; this is simple stuff. I will teach you how to leverage accessible, every day traits that you can turn into high-octane tools for your career (and life!).

Watch the video

D3 in Angular, Angular in D3

ng1

Tim Ruffles

Do the interactions in your application feel tired? D3 will fix that.

But bringing D3 into Angular’s team will cause a ruckus. Both have exciting views on how to write apps. Unfortunately they’re polar opposites.

I want to save you from making the same mistakes I made, and tell you about how I finally resolved this clash of egos.

Watch the video

Building apps with Firebase and Angular 2

ng2

Sara Robinson

Firebase is a powerful platform for building mobile and web applications. Use Firebase to store and sync data instantly, authenticate users, and easily deploy your web app. In this talk, you’ll learn how you can use Firebase to add a backend to your Angular app in minutes. Sara will demonstrate how to get started with Firebase and Angular 2. At the end she’ll risk it all by live coding and deploying an app with Firebase and Angular!

Watch the video

Protractor, ES6 Generators and Co.js

ng1

Uri Shaked

Protractor is a great framework when it comes to testing your AngularJS applications, abstracting away many of the challenges connected with writing asynchronous testing code. In real-life, however, you usually have to call the database or perform other asynchronous requests, and this is where the Control Flows abstraction starts to break down.

In this talk we will learn how to use the new ES6 featured called Generators together with the Co library in order to achieve simple, predictable end-to-end testing flows.

Watch the video

RxJS In-Depth

Ben Lesh

Watch the video

Getting Comfortable Being Uncomfortable

Aimee Knight

There’s no denying that engineers are in high demand. Bootcamps are popping up everywhere, and while they’re churning out highly motivated juniors, often it’s seniors that companies are really after. So how do we bridge this gap together? On the surface it often looks like we’ve ‘naturally’ developed into our current roles. And, as we progress it’s incredibly easy to forget what it was like being new. Rest assured however, for most the journey has been filled with a whole lot of grit, determination, and discipline. In this talk, we’ll discuss lessons learned one year after going from a bootcamp grad, to a full time, full stack JavaScript developer. Plan to walk away empowered, and with renewed passion for the incredible industry we’re all a part of!

Watch the video

Debugging Angular 2 Apps with Batarangle

ng2

Yuri Takhteyev and Igor Krivanov

When debugging your Angular 2 apps, you don’t want to find yourself without tool support. Angular 1.x has Batarang. Angular 2 has Batarangle! Responding to a call from the Angular team, Rangle.io has started working on a Chrome plugin to help inspect Angular 2 applications. We are looking to combine the best ideas from Batarang, ng-inspector, React Developer Tools, and Ember Inspector as well adding a few extras. In this talk we’ll be showing our progress to date, looking a bit under the hood at the implementation, and also issuing a call for ideas, use cases, alpha users and contributors.

Watch the video

Extreme Programming in a Nutshell

Rachel Davies and Vikki Read

Description: We work in the fast paced world of social video advertising, where we find eXtreme Programming (XP) helps us to deliver new features with confidence. XP is a team based approach, developing code in pairs helps us learn from each other at the same time as spotting problems quickly. We also invest in automated tests and monitoring to ensure all our features continue to work as expected. Come to this session to hear about how XP can help you develop code you can be sure works and have fun at the same time.

View the slidesWatch the video

Using AngularJS on LG and PlayStation

ng1

Andrew Merrell

We started with AngularJS on the web, then we took it mobile and even server side. Now we’re using it on LG and PlayStation to watch TV!

NOW TV’s customers have one clear mindset when they switch on their device; to discover and watch TV. We provide a premium experience whilst battling the challenge of supporting multiple devices and creating a single codebase that runs across them all.

Our customers demand high standards as high as our own, we’ll give insight into how we test on these devices; how AngularJS helped us to go from minimal testing to automating everything insight.

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?