Sessions

Feburary 1-2. More Session Details Coming Soon

NBA + Angular = Game Detail

Ever wonder how large scale websites use and integrate enterprise Angular applications? Then you'll really want to hear this session! See how NBA.com developed a live game experience, entitled Game Detail, around NBA League Pass with Angular at scale. This session will explore different concepts like progressive decoupling, data management, API integrations, and overall software architecture. Come see what issues NBA.com faced while implementing Angular, and how we were able to overcome those challenges and be successful.

Try not to lose your marbles with RXJS

Rxjs is a powerful way to handle UI events or asynchronous data, but it can be very confusing as a beginner. We’ll talk about important principles to understand when getting started in Rxjs like the observable and observer pattern, hot and cold observables, and operators. Come to this talk if you are new to Rxjs or need to refresh your skills.

Smart Angular Elements. An Experiment

If you've heard of A-Frame, you'll know that A-Frame is cool. You'll also know that it's built on top of Web Components standards, which takes the whole idea of Custom Elements to a whole new (mind blowing) level. 

Now....Imagine a similar concept, but for Machine Learning and built with Angular Elements. How would that look like? And how should one even start to reason about it? 

If these are the kind of questions that have been keeping you up late at night (and I know they have) then you're in the right place, because this is exactly what this experiment is about!

Deploying angular to the cloud

You’ve built your app, but can you deploy it to the cloud with confidence? If you hesitated, then this session is for you! We’ll use the Angular CLI, AOT, and other tools to optimize our apps and inspect them. We’ll deploy our apps directly to the cloud from our editor, and then learn how to use CI/CD. Learn how to run your apps locally and in the cloud with confidence! You’ll shout “it works on my machine and in the cloud”. The good news is there are tools to make this all within your reach.

Service Workers & Cows — a love story

(In deep-theatre-guy voice) In a world, where Internet speeds can reach up to 6 megabits per second and cows reign supreme, one developer stands alone to discover the simplest way to cache EVERYTHING! Join her on this epic journey fraught with lag and peril where she'll battle config files and caching external assets, all the while dealing with the conflict of freshness vs cache-first styles looming ominously over her every move!

Will her love for cows be forever destroyed by slow network? Or will she embrace the challenge and overcome the lag with service worker power?! Find out, at ng-atl’s 2018 talk “Service Workers & Cows — a love story”.

The dark side of tuning Angular performance

Lazy loading is not enough, for the best performance in critical parts of your application?! How far can you go to increase performance?

Change detection, View encapsulation, Zones, TypeScript, Javascript, White Space, Memory Consumption all of these contribute to performance.

In this talk, you will learn how to measure performance and where you can look for the most significant gains, and how deep is the rabbit hole.

Dissecting the architectural process for creating reusable angular components

So you know the zappiest framework on earth now and cannot imagine going back to the old jQuery or Angular 1 days, but you still find yourself writing more code every time you have to implement a new feature. Other times you stumble into 3 different version of a slightly-different-yet-almost-similar-component. But you love angular, and you want to finish projects even faster or do more with less. 

If what I said above are your thoughts, you are ready for the next step. So take your angular knowledge to another level and learn the secrets of setting up scalable, maintainable, and performant front-end components. 

Some of the questions this session will cover:

1) How to create reusable components that are scalable across various applications and keep a tight control over consistency

2) What goes into architecting such components? What is the design philosophy behind such component architecture? 

I will also talk about the high-level thought process and overall considerations you have to keep in mind while architecting such components.

Reactive Programming: Future-Proof Your Code

There will always be a new JavaScript framework to learn. Technology will continue to evolve and change, and developers will continue to rewrite applications. Wouldn't it be amazing if we could just copy paste 90% of our code from framework to framework? 

Well, you can. Reactive programming enables just this AND the ability to future proof your code. 

Not only can reactive programming help with your solutions to JavaScript fatigue, but the concepts and technology remain consistent from framework to framework. Learn how to create a more composable application architecture and an arsenal of lego bricks with RxJS, a push based primitive and domain specific language that sits on top of JavaScript. 

With its more declarative syntax and intrinsic portability, learn how to use RxJS in Angular, React, and Vue and what the future holds for for reactive primitives in TC39 and WHATWG.

JavaScript is the new metal: the cloud vs the browser

One day we woke up and things were different. Maybe it happened overnight, maybe it took many years. Suddenly we are scripting against thousands of Virtual Machines from the command line while creating things today with JavaScript in the browser that were impossible yesterday. LiveScript becomes JavaScript becomes ES6 and now we're compiling C++ to JS and using WebRTC, WebVR, and WASM. Join Scott Hanselman as he explores the relationship between the Cloud and the Browser, many Languages and one Language, how it might all fit together and what might come next. NOTE: Non-technical business people and technical IT people alike will enjoy this lighthearted talk.

I Don’t Do Non-Technical Talks

We will never change how tech does business until we change how we define technical. Almost every CFP in some form or another, asks the submitter whether their proposed topic is technical or non-technical. “Non-technical” content does not hold the same value in the minds and wallets of many members in our communities. This kind of content is often seen as “filler” and unnecessary to the profession. No, the content I provide to the technology community is not programming specific but my ability to internalize and articulate this content in ways that enable programmers to hone their craft and to become better members of our community IS VERY TECHNICAL. And because not everyone can do what I do, I would say that I have a very specialized set of technical skills. In our efforts to become more inclusive and diverse, we must look beyond just gender and race and critically examine the various ways our intentional and unintentional behaviors may be placing barriers to entry for others.

Contributing to the Angular Docs

Learn the steps involved in contributing to the Angular docs. You'll learn how to setup the repo locally, make your changes, and what goes into submitting and landing a PR. Diving in is a great way to learn and build the community!

State management with ngrx

Managing state in large applications is hard. Let's talk about how reactive programming is awesome and how it can help us with managing complexity, data and scaling our applications. After this session, stores, effects, reducers and actions will no longer be a mistery but rather a key tool in simplifying our application's state.

ng-game-show - How well do you know Angular?

The craziest, funniest, most educating game show on the planet!

3 contestants will compete for fame and glory, but mainly for LEGIT prizes!

Test your knowledge and your cheekbones in this twice in a lifetime event 

Real testimonial: “I attended the ng-game-show. I can’t remember the last time I laughed so much, it was SO good and SO funny and, most important: it was educational. Amazing job!!” — @AnaCidre_ 

Fake testimonial: "I enjoyed it, why do you write what I'm saying?" - Shai's Mom

Recursive Forms, CVAs & Components

While building the Firestore Console, we needed a system of recursive forms that allowed for users to create json-like data structures via the UI. In order to do this we set up a system of nested forms and components that the user could interact with. This talk covers lessons learned while building these forms!

Logging, and Errors, and Metrics - Oh My!

As engineers, we build pretty cool Angular apps. Once users start using our cool apps… well, we run into the fun process of discovering errors. Keeping track of these issues can get messy, getting alerted is stressful, and measuring it can provide you with an overwhelming amount of information. So, how do we combine all these things to make our cool apps work even better than before? In this talk, we’ll dive into logging, errors, and metrics.

Machine Learning & Angular Testing w/ Dozn

Imagine the thousands, millions, and billions of possible actions a user can take on your Angular application. Now; multiply that by the number of framework updates, browser releases, and every other variable that has ever caused a “working feature” to have a user yelling at you. It’s a lot for one developer, or even a whole team, to keep track of. Join us as we dive deep into how we utilized Machine Learning principles to support E2E Testing in Angular & Ionic applications. A live demo, open source examples, and as many egg puns as you can handle. After all, there are a Dozn reasons you shouldn’t let your application break :)

Live App Updates Without The App Store

Updating Mobile apps especially on IOS can sometimes be very challenging. Apart from the long list of rules to be followed, there is also the long time it takes for an IOS app to get approved for the app store, which a waiting time that can range from days to weeks. On the web, this is not the case, as we can update our websites instantly with a single push to the cloud. But what if you were able to instantly update your mobile application without the App store? This talk will showcase how we can achieve this and instantly update a mobile app live on stage.

End the Test Engineer role: how cross-functionality leads to a better engineering process

The role of QA, QE, or SDET is becoming less efficient in the fast-moving world of modern applications and continuous delivery. As manual testing was replaced by automated testing, software engineers specializing in testing obtained development skill sets. Being able to both develop and write tests concurrently for modern applications leads to improved engineering productivity and a team-wide commitment to quality. Angular in particular provides excellent tooling to make development and testing seamless. By eliminating specialized roles, developing applications can be fast and effective, because the team owns all aspects of the software development life cycle

Webpack - Your New BFF

Webpack is JavaScript module bundler that has taken the world by storm, but a lack of great docs and wealth of boilerplates have led to many people using it, but not understand it. I will show you how to utilize Webpack for building out your applications. Once you see the magic available, Webpack will become your new BFF!

The parable of the blender

If no one ever sets out to make a bad product, then why does bad software exist? Despite our best intentions, large budgets, and top-tier talent, companies large and small still churn out products that no one wants. In every such case of “great landing, wrong airport”, the end user is nowhere to be found until after the product’s release. If we want to make great things, we need to get out of the building and talk to our customers.

In this talk you will learn how to involve end users in building your product without missing deadlines. You'll become a detective, searching for the user’s intentions beyond “It needs to work better” by asking the right questions at the right time to the right users. You’ll leave this talk understanding that software isn’t about microservices, TDD or the latest framework - it’s about solving people's problems.

PWA All The Things!

Progressive Web Apps are not replacing native mobile applications any time soon. Don’t disregard them just yet! They can take our web applications that we build or are currently running and make them better. By using support for offline caching, push notifications, home screen icons and more, we can upgrade our app to a PWA to make it more accessible, reliable and engaging! Let's take a look at how to to create or update our Angular applications. Then we will see what this looks like & acts like on multiple platforms so we know what all of our users are experiencing.

NativeScript and CodeSharing

When it comes to sharing code between Angular web projects and NativeScript mobile apps there are several landmines you will want avoid. Even in today’s innovative frontend world, there really is no magic bullet to enable codesharing. Achieving success when marrying the 2 technologies varies a lot depending on several important factors. Nathan Walker has been experimenting and developing in this arena ever since both technologies emerged and has encountered a couple of important take aways. In this session, you’ll learn several important *Major Keys* to maximize code reuse with real world case studies.

Modern Testing Strategies for Reactive Applications

In the world of Angular applications, testing is key to protect against regressions and validating functionality. With apps becoming more reactive with observables, testing how these independent pieces work becomes more important. Learn how these testing patterns and practices will ease the burden of testing your Angular application. From unit testing presentation components, integration testing with smart components, testing observables, state management and end-to-end tests, you can use these strategies to make your testing your reactive application easier and to simplify your testing triangle.

It's Not Dark Magic - Pulling Back the Curtains From Your Stylesheets

Chances are if you're a web developer you're going to have to write some CSS from time to time. When you first looked at CSS it probably seemed like a breeze. You added some border here, changed some colors there. JavaScript was the hard part of front end development! Somewhere during your progression as a front end developer that changed though! What's worse is that many developers in the front end community have simply learned to dismiss CSS as a toy language. The truth however is that when we hit a wall many of us don’t actually understand what our CSS is doing under the hood! We all like to make jokes about it, but how many of us have actually taken the time to try and understand the CSS we're writing. How many of us have actually reasonably debugged an issue to the next lowest abstraction layer when we hit a wall? All too often we settle for the first StackOverflow answer, hacks, or we just let the issue go entirely. In this talk we're going to finally take a step back and stop mindlessly throwing darts at the dart board! We’ll discuss the most common issues developers face such as, z-index, the cascade, and positioning in depth by diving deep into the browser's internal rendering engine structure to see how are styles are actually parsed. Sure, you may still not have an eye for design, but you might just walk away a CSS guru!

Emotional Intelligence for Engineers

Software may be built on machines, but it’s built by and for human beings. To be a highly effective software engineer, you must be able to navigate human interactions successfully. Emotional intelligence is the set of competencies that will allow you to do just that! Whether you’re discussing tradeoffs with your UX designer, convincing your team to adopt a new tool, or just reviewing someone’s code, interpersonal skills are essential. Emotional intelligence not only helps in our interactions with others; it also includes self-awareness, which allows us to motivate ourselves, manage stress, and avoid burnout. This talk will give you a better understanding of your own behavior, and it will also help you to cultivate empathy for the people on your team. You’ll learn a suite of practical tools that will empower you to prevent burnout, improve productivity, and tackle difficult conversations at work. You’ll leave inspired to apply these new skills to unlock your full potential as a developer and a human being!

Create web components and use them anywhere!

Many of us who work at larger companies often have to work with different teams, each using their web framework of choice. This means that projects often end up having a slightly different look and feel, as well as a lot of similar but non-sharable code. Web components were invented to solve some of these issues in part by making sharable components, which can be used standalone or within existing projects, based on different frameworks. During this talk, we will introduce web components and provide examples of how to get started, as well as how to use these components in your existing projects.

Breaking Down Reactive Forms

Angular offers two options for building forms in your application: Reactive Forms and Template Driven Forms. In this talk, Bonnie will focus on reactive forms and explain the structure, data model, and setup. You’ll learn about the synchronous flow of data between the UI and server, covering how your component can quickly respond to user input how to update the server once your input is validated. You’ll also see how you can easily validate and test your reactive form. If you’re one of the many people leaning toward reactive style programming, you’re going to love reactive forms!

Beyond the Angular CLI

The cat is out of the bag, people know about the Angular CLI and what it can do for them. But what is coming? What else can it do? What changes and improvements can I expect? Come learn what the Angular CLI can do and will evolve into.

Angular's User Authentication Tool Belt

Your Angular app is nearly done and now you just need to add authentication before it goes out to the real world. Simple, right? Not always. There are a lot of moving parts when it comes to authentication and authorization in general and it gets even worse for single page apps. Fortunately for us, Angular provides some great tools that help to make our lives easier when it comes to implementing auth. In this talk you’ll learn about Angular’s user authentication tool belt and how you can get started with it today. You’ll also come away knowing what JSON Web Tokens are and how they can be used alongside features baked into Angular to help you solve authentication and authorization in your apps.

Angular as strategy for collaboration and scale

We on the Angular team care most about seeing the amazing things you all build with the platform. Because of this, we've always focused on how teams can scale from the smallest prototypes to Google-scale consumer and enterprise applications. Come hear about how we've designed for productive teams and eliminating development roadblocks at Google and throughout the open source world.