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

Workshops

Our workshops take place the day before the conference. Each is a full day – 9:30 to 17:00. Please bring your own laptop, and note that workshop and conference tickets are sold separately.

We're running a free ngGirls workshop. Scroll down to learn more.

Building High-Performance PWAs

The web is back and Progressive Web Apps are where it’s at! From faster time to interaction to features on demand and powering your mobile strategy, there are many benefits to taking a PWA approach. And with more feature support being adopted by browser vendors (like iOS working to support Service Workers), the cross-platform story just keeps getting better as well. In this workshop, you will learn how to build high-performance Progressive Web Apps that are ready to make the most of the web today.

You will learn how to:

  • Build a PWA with the Angular CLI
  • Use service workers
  • Create installable applications
  • Pre-render server side
  • Measure and analyze performance

We will also focus on thinking in terms of PWAs. We’ll cover tools and techniques to measure and analyze the effectiveness and you’ll discover how you can build great PWAs that scale.  

What you’ll need:

  • Your own laptop - you will be hands-on building application code
  • A basic understanding of Angular - the course does not teach Angular

About Jeff Cross and Justin Schwartzenberger

Jeff is a co-founder of nrwl.io, providing Angular consulting to enterprise teams. He was one of the earliest core team members on AngularJS 1.x. He developed the Angular Http and AngularFire2 modules, contributed to RxJS 5, and was most recently the Tech Lead of the Angular Mobile team at Google.

Justin is a product manager and consultant at nrwl.io. He has built enterprise applications with AngularJS and Angular and has multiple training courses at Lynda.com and Pluralsight. Justin is the host of the weekly AngularAir live video broadcast, a frequent conference speaker and an open source contributor.

Upgrading From AngularJS to Angular: An Incremental Approach

There are a ton of enterprise apps in production that are built with AngularJS (1.x). And there are proven paths to getting those migrated to Angular. From doing a rewrite to horizontal or vertical slicing to run AngularJS and Angular code side by side, upgrading from AngularJS is well within reach. In this workshop, you will learn about these different approaches to doing an upgrade and will work through upgrading an existing AngularJS app via the vertical slicing approach.

You will learn how to:

  • Create an Angular upgrade shell to run AngularJS and Angular code side by side
  • Migrate routing and components from AngularJS to Angular
  • Migrate tests from AngularJS to Angular
  • Convert existing adhoc state management to NgRx
  • Set up lazy loading and preloading

Whether your code base is small or large, this workshop will set you up with the knowledge and tools you need to successfully plan and implement an upgrade strategy for your existing AngularJS application.

What you’ll need:

  • Your own laptop - you will be hands-on building application code
  • A basic understanding of AngularJS and Angular - the course does not teach AngularJS/Angular

About Victor Savkin

Victor is a co-founder of nrwl.io, providing Angular consulting to enterprise teams. He was previously on the Angular core team at Google, and worked on the dependency injection, change detection, forms, and router modules.

Ultimate Workshop - NGRX

Learn how to master Redux-style state management with ngrx/store and ngrx/effects. This workshop covers the concepts of state management, and its implementation with Angular. We’ll be exploring architectural patterns and how we can integrate ngrx to achieve effective and maintainable state management.

You’ll be able to understand Observable based reactive patterns, actions, reducers, side-effects, single stores and how to handle immutability. Primed with new knowledge, you’ll be able to implement effective state management in Angular applications without thinking twice.

What you'll need:

  • Your own laptop - you will be hands-on building and testing code

About Todd Motto

Todd is a Google Developer Expert (GDE) for both Angular and Web Technologies, and was one of the first to be invited by Google to the GDE Program back in 2014. Todd has been working with Angular for over 5 years, writes technical posts on his personal blog, and he regularly talks at industry leading conferences on Angular and web. All his real-world experience and knowledge are baked into Ultimate Angular's training material.

Angular Testing for Hackers

In this workshop, we will cover the entirety of testing with Angular. From unit testing components and services to end-to-end testing, we will dig into every aspect of testing your Angular applications.

You will learn how to:

  • Set up your testing environment
  • Write effective unit and end to end tests
  • Test Angular services, pipes, directives and components
  • Use Angular helper functions for dependency injection
  • Test asynchronous code

In addition to learning how to write tests, we will also discuss various forms of testing such as TDD, and discuss where a given method is appropriate. We will also cover how to keep your tests maintainable so that they can be worked on by other developers months and years later.

What you'll need:

  • Your own laptop - you will be hands-on building and testing code
  • A basic understanding of Angular - the course does not teach Angular
  • A desire to make the world a better place (through testing)

About Joe Eames

Joe is a Viking (at heart). By day he is a mild-mannered author for Pluralsight.com. By night he is a mild-mannered organizer of ng-conf. He is a Google Developer Expert in Angular, gives lots of talks & workshops, and loves all things web.

Taming Forms in Angular

Workshop provided by thoughtram

In this training, we'll discuss template-driven and reactive forms by creating an application that uses various form control types.

You'll learn how to:

  • Create forms using ngForm, ngModel and ngModelGroup
  • Use built-in validators and how to create your own custom validator
  • Create async validators
  • Use reactive form APIs to take your form to the next level, using FormControl, FormGroup and FormBuilder APIs
  • Create custom form controls

This workshop is intended for developers with an intermediate working knowledge of Angular.

About Thomas Burleson and Dominic Elm

Thomas is the Team Lead for Google's AngularJS Material. For over 3 years he has been spearheading the AngularJS Material efforts with a team of amazing developers. He is also the architect/project lead for @angular/flex-layout and an Angular Master Class trainer with thoughtram.io. You may have read his blog articles there or perhaps you attended his training classes. He is the co-author for two new thoughtram courses: * Angular with Redux + ngRx * Advanced Testing with Angular He is a frequent speaker at ng-Conf and AngularConnect. He loves collaborating with the Angular community and developers.

Dominic is an entrepreneur, passionate Web Developer, Angular, Firebase and ReactiveX enthusiast, sportsman and he's also into Design. Dominic shares his knowledge and passion for Angular as a Trainer at thoughtram.

Angular Jump Start

Workshop provided by thoughtram

We will spend one full day building our first Angular application, touching the most important parts of the framework.

We are going to learn how to:

  • Bootstrap an application and display data
  • Create and inject services using the new Dependency Injection
  • Perform http calls using the revamped http layer based on observables
  • Implement basic routing using the new component router
  • Create simple forms that take advantage of two-way data binding

After this training we will all have built an Angular application covering all the learnings from the day.

About Maxim Salnikov

Maxim is an Oslo-based Web UI Engineer and a Google Developer Expert in Web Technologies and Angular. He is a founder and active contributor to Mobile Era and ngVikings and a leader of Norway’s largest meetups dedicated to web front-end and mobile: Framsia, Angular Oslo, Mobile Meetup Oslo.

ng Girls

ngGirls

We're thrilled to host an ngGirls workshop at AngularConnect 2017. The full-day workshop is free for women to attend and aims to introduce women to developing web applications and to increase diversity in the industry.

For more information about the workshop and to apply for a place, click here.

Share the love: tell a friend or colleague about the workshop!

Are you interested in sponsoring the ngGirls workshop? Get in touch.

Sponsors

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