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.
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!
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.
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.
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.
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.
Curious about how it all works? Come learn! Architectures will be explained; apps will be built; and fun will be had by all.
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.
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!
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.
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.
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!
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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
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.
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.
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.
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.
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.
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!).
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.
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!
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.
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.
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.
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.