Angular videos from AngularMix, Angular Connect & NG-BE – Angular Talks Q4 2017

This is the second Angular post on MeetupFeed, showcasing 93 talks recorded during the last quarter of 2017 at meetups and conferences like AngularMix, Angular Connect or NG-BE.

Angular Talks Q4 2017



Don’t forget to subscribe to our newsletter: a monthly email with new, categorized talks and nothing else! Or you could just follow us on twitter. The next post with 2018 talks is coming in April.

If you find this quantity overwhelming, you migh want to check out our beta app for browsing around talks: https://www.meetupfeed.com/topic/angular/1

ngSeattle (Seattle, WA)

Barking up the wrong (Url)Tree — How can you avoid my Router mistakes (14:53)

Jen Bourey (Google)

An in-depth discussion of how to use Angular’s router, and how it differs from AngularJS. Learn from Google’s experiences with the router when migrating a large-scale app to Angular. Jen currently serves as a Tech Lead in Google’s Cloud Platform, one of Google’s biggest Angular-powered applications. She has over 10 years of experience building web portals and has contributed to several open-source projects.

Mastering AngularJS Stack traces (20:34)

Michael Leibman (Google)

Do you work on a large AngularJS application? Are your stack traces lying to you? Learn why that happens and how to make sense of them and to get loads of additional useful information in the process! Michael Leibman is a developer at Google working on improving the performance and latency of the Google Cloud Console. Before that, he has led the development of the last two versions of the Google Contacts (google.com/contacts). He is also the author of SlickGrid. In his spare time, he enjoys playing guitar and solving Hanayama puzzles.

Protractor, e2e tests are cool again (22:51)

Craig Nishina (Google)

Protractor is an end-to-end test framework for your Angular applications. We’ll show you how to set up your Protractor in TypeScript, some of the recent features in Protractor, and how to run your tests in continuous integration on Jenkins. Craig Nishina is a developer at Google working on Ads. In a previous career, Craig worked as a civil engineer designing buildings, but he much prefers writing code over building structures. When he is not contributing to Protractor and webdriver-manager, he enjoys playing golf and traveling.

Q&A (14:44)

After the talks, we’ll have a panel Q&A where we’ll answer any questions you have about the Google Seattle office, how teams at Google use Angular, and what we’re working on.

NgRX Design Patterns (48:35)

Mikael Mörlund & Oleg Manyak (BlackRock)

How can NgRX help with managing state in Angular? Learn how to set up a new project with NgRX and use it in your next application. Action, reducers, effects, …. Everything from how to solve common problems, to simplify testing and debugging.

ngrx meets ag-Grid – Interoperating with 3rd-party library (12:26)

Grace Liao (BlackRock)

Life is rosy when you have NgRX doing all the state management for you as a developer. Yay! But, wait…What happens when you need to integrate a third party library that doesn’t talk redux? Ah-oh. In this talk, Grace shares her struggles and findings integrating ag-grid into an NgRX application.

Configurable data Visualization using Angular + Highcharts (35:11)

Mohy Eid (BlackRock)

Learn how to build solution that enable aggregating the data and visualize it using Angular and Highcharts. Build a reusable procedures that is configuration based to visualize flat data in a reusable pattern.

STL Angular Meetup (St. Louis, MO)

E2E Testing with Angular

Dylan Schulte (Bullhorn)

Dylan will be presenting on end-to-end automation. He will be sharing the learning process the development team went through as they built their protractor automation suite from the ground up, finishing with lessons learned on working with protractor in conjunction with a quickly expanding product. He will also be diving into some of the decisions that we made here at Bullhorn around automation and nightly runs, also covering some interesting tools that Bullhorn uses!

Comparison of Frameworks

Joshua Godi (Bullhorn)

Joshua will be comparing the top three frameworks today. He will cover Vue, React and Angular. Pointing out the difference and similarities of all three. How each one tackles initial setup, bootstrapping, routing, CLI tools, etc… He will create the same sample application on each framework and he will compare the production sizes, build processes and more!

Lightning Talks

  1. Angular + Electron Presenter: Nathan Dickerson, Bullhorn Description: Electron is the premier way to build a cross-platform desktop app using web technologies. Popular apps that are built on Electron include Slack, VS Code, and Postman. It’s now easier than ever to start a new Angular desktop app using Electron or port an existing Angular app to the desktop. In this lightning talk, we will walk through the creation of a new example app and show how we have used Electron to power our Bullhorn DataLoader app.
  2. Server Side Rendering with Angular Universal Presenter: Peter Monroe, Bullhorn Description: Server side rending with Angular is new to me, but caught my attention as the solution to the SEO issue with Angular apps. I will walk through the basic setup of an Angular Universal app as well as discussing tips I have learned so far.
  3. Event Driven Angular w/ Kafka Presenter: Amrutha Rajiv, Bullhorn Description: Event Driven application with Kafka: How to use Kafka alongside angular to build a robust chat application
  4. E2E Testing with Angular Presenter: Dylan Schulte, Bullhorn Description: Dylan will be presenting on end-to-end automation. He will be sharing the learning process the development team went through as they built their protractor automation suite from the ground up, finishing with lessons learned on working with protractor in conjunction with a quickly expanding product.
  5. Johego: From Idea to Enterprise with Ionic Presenter: Michael Kehoe, Johego Description: Johego is a nonprofit tech startup that is using Ionic to help social workers, police officers, and other public servants connect people in need with services: overnight shelter, medical assistance, mental health treatment, and more. In this presentation, you’ll learn how Ionic helped Johego transition from an idea to an enterprise.

Rocky Mountain Angular (Denver, CO)

Upgrading AngularJS Apps to Angular

Reid Villeneuve (BrieBug)

Angular has become a major player in the web development landscape and many businesses are choosing it to start their new projects. What do interested teams have for their mature AngularJS codebases, though? During November’s meetup, we explore the migration options that the Angular team provides, as well as the pros and cons of each. We’ll then look at a quick AngularJS to Angular transition example!

Reid Villeneuve is a high-energy developer with BrieBug, a Denver-based software consulting company. Having started his programming experience modifying video games at a young age, software engineering has been a long-standing passion of his. Always pursuing new avenues of curiosity, he enjoys teaching people what he learns, and loves to hear when his teachings help people achieve new heights in their own careers. Outside of the programming field, Reid can be found riding his bicycle, engaging in role-playing games such as Dungeons and Dragons, and, of course, playing video games.

Packaging Component Libraries | Angular CLI

Shannon Buys

The Angular CLI makes bootstrapping an app dead simple. But what about component libraries that need to be distributed as packages? In today’s JavaScript landscape, developers will consume packages in many different ways—some may use SystemJS or Webpack, others might consume packages in Node or maybe in the browser as a UMD bundle. The Angular Package Format supports all of the commonly used development tools and workflows and adds emphasis on optimizations that result either in smaller application payload size or faster development iteration cycle (build time). While support for building packages in this format is on the Angular CLI roadmap, it is not available today. We will look at a community-supported alternative, ng-packagr, that can be used today to build redistributable component libraries while retaining the benefits of the CLI for building demo and documentation apps in the same codebase.

Angular HTTP Interceptors: There and back again

Ado Kukic (Auth0)

The 4.3 release of Angular introduced a new HTTP client library and with it brought back a beloved feature from AngularJS – interceptors. Interceptors in the Angular teams own words “When your application makes a request, interceptors transform it before sending it to the server, and the interceptors can transform the response on its way back before your application sees it.” In this talk, we show you how to create HTTP Interceptors with Angular 4.3+, use cases for the interceptors – in our case and probably the most common case; authentication and authorization, as well as additional best practices and tips and tricks using the new HttpClient library.

Ado is a full-stack developer and developer evangelist at Auth0. Mixing his passion of programming and education, he creates tutorials, courses, and other educational content focusing on security, authentication, and much more. On the front-end, he prefers Angular, while on the backend he flip-flops between Node.js and Golang.

AngularMix (Orlando, FL)

AngularMix Keynote

Brad Green (Google)

Brad Green presents a conference overview to AngularMix Orlando 2017 attendees

ngUpgrade

Miško Hevery (Google)

What’s Up with the Web

Stephen Fluin (Google)

“Containerizing” Angular with Docker

Dan Wahlin

Optimize and Deploy Your Angular App

John Papa (Microsoft)

Software Engineering as an Engineering Discipline

Igor Minar (Google)

Advanced Angular Concepts

Alex Rickabaugh (Google)

Angular Labs: A Glimpse at Angular Elements

Rob Wormald (Google)

Angular CDK: The Component Dev Kit

Jeremy Elbourn (Google)

Angular with Bazel and Closure

Alex Eagle (Google)

Nx: The New Way to Build Enterprise Angular Apps

Jeff Cross & Victor Savkin (Narwhal)

AngularMix end of day Angular Panel with Q&A

VA

Modeling Redux State

Jesse Sanders (BrieBug)

One of the challenges of using the Redux (ngrx) architecture for a large, complex application is deciding how to model the state object. We will dive into what types of data should be kept in the state (hint: there’s no “right” answer), why it should be normalized, and how to organize state to reduce duplicate and nested data and keep reducer logic simple.

Jesse Sanders is the founder and CEO of BrieBug, a premier broker of technology solutions.

AngularNYC (New York, NY)

Patterns on top of Patterns: A discussion of ngrx-entity

Nate Kidwell

We will do an exploration of ngrx-entity, the new kid on the ngrx block. After exploring what benefits it brings to the table, we will run through a fun example Other parts of ngrx will be mentioned, but no knowledge of ngrx or redux will be assumed.

A taste of IoT using Web Bluetooth & Angular

Xavier Lozinguez (FrenchToasters)

This demo will show you how to integrate bluetooth devices within an angular application using the web-bluetooth standard. We will review the different step in the process, highlighting the shortcomings due to the limited browser adoption and how to bypass those using Angular Native and Ionic.

Cloudinary + Angular

Prosper Otemuyiwa

The web’s ubiquity is making it possible to distribute engaging media experiences to users around the world. In this talk, Prosper will show the audience how to leverage different techniques to serve images and videos with optimal performance with Angular. Furthermore, he’ll talk about the integration of the best of breed APIs such as Google Vision, AWS Recognition and Cloudinary to make rich media smart & faster.

Ultimate hybrid Angular apps overview

Sani Yusuf

You and your team have this great Idea and you have your users using different devices and operating systems to access the same application. Some users are on the Web, some on Mobile some of their Desktop and you also have to worry about what operating system they are on and also have to consider how your application is presented on each device & operating system.

What if there was a way to code your app without worrying too much about operating systems/devices/screen sizes and just focusing on getting your idea across to your users regardless. Join me on a journey where I show you how to use Angular, Ionic & the PWA standard to build apps for IOS, Android, Windows, Web, Mac & PC with the same code all using just HTML5.

AngularConnect 2017 (London, UK)

Day 1 Keynote

Jules Kremer & Igor Minar

Jules is Head of Angular Developer Relations at Google. When not working with developers, Jules is often bending into pretzel-like shapes, climbing mountains or drinking really awesome beer. Igor is a software engineer at Google. He is a lead on the Angular project, practitioner of test driven development, open source enthusiast, hacker. In his free time, Igor enjoys spending time with his wife and two kids, doing outdoor activities (including but not limited to sports, gardening and building retaining walls).

Day 2 Keynote

Stephen Fluin

Stephen is a Developer Advocate working on the Angular team. Before joining Google, he was a Google Expert. Stephen loves to help enterprises use technology more effectively.

Angular Core Team Q&A

Angular Core Team

From Buildings to Software – Paving the Way to Construction

Katerina Skroumpelou

As an architectural engineer by training, and working as a web dev for the past couple of years, Katerina will explain how architecture has defined the way she designs web apps and pages and how Angular has supported her in organising content. “A web page for me is like the facade of a house. From day one into web development, I looked at apps as if setting down plans for a new building. The process, like the process of building from the ground an establishment. I want to talk about scaffolding. I want to extend on designing the building blocks, the bricks made out of components. And as the construction is evolving, how materials fill in the empty spaces, making them consistent.”

Katerina is a front-end developer at Upstream. In the past, she worked as a web developer at the National Centre for Scientific Research “Demokritos”. Before diving into web development, she studied Architectural Engineering and Spatial Analysis at the Centre for Advanced Spatial Analysis at UCL and took a number of post-graduate courses at the School of Electrical and Computer Engineering of NTUA. She is indigenous to the internet, and she loves web development. So much that she does not understand the distinction between work and life sometimes. Or so her friends say. She lives in Athens, Greece.

Purely Fast

Minko Gechev (Rhyme.com)

One thing is sure – performance matters! Blocking the main thread of an application, causing frame drops, is one of the most efficient ways to get rid of a significant portion of our users. Fortunately, the day could be saved, thanks to functional programming. Coming with, at first, abstract ideas, functional programming brings the concepts of immutability and purity, which combined together can dramatically improve the rendering performance of our application. In this talk, we’ll apply concepts from functional programming in the face of pure components, pure pipes and persistent data structures. We’ll demonstrate in detail how we can use them to build high-performant Angular applications.

Minko is co-founder & CTO at Rhyme.com with a strong passion for open source. He loves to experiment with theoretical concepts and apply them in practice. Minko teaches, speaks and writes about JavaScript, Angular and computer science. Some of the projects he works on are his book ‘Switching to Angular’, the official Angular style guide, codelyzer, angular-seed, and many others.

Introduction to Web Application Security

Dominik Kundel (Twilio)

Dominik is a Developer Evangelist for Twilio in Berlin. He has a passion for JavaScript, hackathons, teaching and good whiskey. You will usually find him speaking at meetups and conferences, mentoring at hackathons and CoderDojos or working on open source projects.

The Science of What Makes Us Tick

Alan Furlong

If you want your teams to be more engaged, empowered and motivated, if you’re wishing to improve your team or your own personal skills, this session will explain the science that reveals what makes people tick and practical ways to address those challenges successfully. In this interactive, fact-based and entertaining session Alan Furlong will explain the tectonic shifts that are occurring in the workplace today, why tech companies are at the leading edge of that change and as a consequence, why our personal, professional and leadership tool-kits are outdated and need an upgrade. What they share is fascinating research and case studies from positive psychology, neuroscience, social science, systems thinking and other disciplines that ultimately create an “ah ha” moment for anyone who has been struggling personally or with people issues.

Alan Furlong has built two successful tech businesses from scratch and taught the science of Human Flourishing since 2012. He is accredited in Positive Psychology studying with Tal Ben Shahar from Harvard University and is a regular contributor to Thrive.com, Arianna Huffington’s new business. He is also funny as heck on stage.

From Donkey to Unicorn, A new approach to AngularJS migration

Asim Hussain

According to builtwith.com over 400,000 AngularJS apps have been created and released into the wild. In this talk, I’ll present a new migration approach. One that works for even the most complex and challenging legacy AngularJS applications. One that works even if your AngularJS code is not up to today’s standards. One that works even if you are not already an SPA. One that works when you are migrating a number of other legacy libraries at the same time you are migrating AngularJS. If you have already tried migrating your existing AngularJS application and hit a brick wall, or are overwhelmed with the number of changes you’ll have to make to your existing AngularJS app to even begin the process of migration, then this talk is for you.

Asim is a developer, trainer and speaker with over 16 years experience working for organisations such as the European Space Agency, Google and now Microsoft, where he is a Senior Cloud Developer Advocate. He’s also author of the book “Angular: From Theory to Practice” and has taught over 50,000 students Angular, JavaScript and Ionic through his site codecraft.tv.

Exciting World of WebVR

Aysegul Yonet (A360)

As much fun as Facebook Spaces experience and watching a basketball game in Virtual Reality headset are, we have not witnessed the real power of WebVR yet. Neuroscientists and doctors are discovering the how they can utilize WebVR for pain management, depression and Alzheimer disease. Tech leaders like Google is collaborating with teachers to create educational discovery applications to bring experiences to students all around the world that would otherwise never get to explore. Smithsonian museum is scanning all of their archives for you to experience their collection in a way you have never done before. Join us connecting the world with this new technology. Let’s create your first Angular WebVR component and look at the amazing tools we have together.

Aysegul is a Sr. Software Engineer working at A360. Aysegul hosts Women Who Code and Girl Develop It JavaScript Meetups in San Francisco. She also teaches workshops for D3.js, AngularJS, and MEAN stack. Aysegul is CTO of AnnieCannons, Inc, a nonprofit organization that trains human trafficking survivors in web development.

Internationalization, New and Upcoming Features

Olivier Combe

Making an application in multiple languages is already such a complex and tedious task that you shouldn’t have to worry about all of the technical details. It should all be handled by your framework. Angular is finally catching up on the essential i18n features that you need for your applications and libraries. I will show you the new and upcoming features of Angular v5 and explain the challenges that it will solve for you.

Olivier is a member of the Angular Core team and works on i18n. He is a passionate front-end engineer who loves interacting with the community by doing open source projects (ocLazyLoad, ngx-translate), being a panellist at Angular-Air, giving talks or just chatting on Twitter and Slack.

Talk to Your App

Shmuela Jacobs

Technology has given us means to communicate with computers – interfaces such as keyboard, mouse, and touch screen. But when we look to the future, we expect a more natural, intuitive, agile way to use applications: speech. As you can see, the future is already here and voice driven interactions are becoming mainstream. Not only can voice driven interface upgrade our users’ experience, but it opens a world of opportunities for unique use cases. Shmuela will show you how you can leverage Google Cloud Speech API with Angular and Firebase to enable your application listen and respond to its users.

Shmuela is a front-end developer, consultant, speaker, and community activist. She is the founder of ngGirls organisation and Angular Nights meetup group. During her academic studies (M.Sc. in Information Management Engineering and B.Sc. in Physics) Shmuela had combined her passions of coding and teaching as a software developer, teaching assistant, science museum guide, and researcher. Today she continues to enjoy these activities developing with Angular and sharing her knowledge and experience in meetups and conferences. Shmuela lives in Tel Aviv with her husband Haggai, their deaf dog Ziggi, and one-eyed cat Franco.

Manage Your Huge Codebase like a Boss

Jeff Whelpley (GetHuman)

John Papa’s style guide has many great tips for managing code for your Angular app. But…what about when you are managing many different apps? Do you use one monorepo or many smaller repos? Where does your shared code live? How do you manage breaking changes across your apps? In this talk, I will draw from my own experience to lay out the different options available and provide my recommendations for best practices with the management of many different Angular apps under the same umbrella.

Jeff is the CTO of GetHuman. He is also a Google Developer Expert (GDE), Boston Angular Meetup co-organizer, former host of AngularAir, a frequent guest on Adventures in Angular, and Boston AI Meetup co-organizer.

GraphQL-Anywhere

Uri Goldshtein & Kamil Kisiela

We all heard about GraphQL, a powerful query language, for any data. But what if we could use that powerful query language to manage our local state between components? In this talk, Uri and Kamil will talk about the latest release of apollo-angular 1.0 and the new possibilities it brings to Angular applications, not only over the network but for your local data as well.

Uri is a core open source developer at Meteor Development Group at the Apollo team. He is the creator of the angular-meteor library and the Angular-Apollo library which lets Angular developers integrate GraphQL into their apps. Lately he is be working on the GraphQL-Subscriptions library and the WebSocket transport which let’s GraphQL developers add real-time capabilities into their apps. Uri travels around the world building infrastructure, applications and helping developers.

Kamil is a freelance developer living in Poland and is the author of Apollo-Angular library that brings GraphQL into Angular. He calls himself an Open Source enthusiast and actively contributes to the Apollo and the Meteor Communities. Kamil is passionate about cycling and other outdoor activities.

Angular Elements

Rob Wormald

Angular Elements is an Angular Labs project that allows Angular developers to use the skills they know from building Angular applications and extend them to make reusable components. This session will provide you an overview of Angular Elements and walk through building one.

Rob is a Javascripter from Austin, Texas currently living in the San Francisco Bay Area, Developer Advocate for Angular at Google, and founder of the Reactive Extensions for Angular2 project – NgRx.

Angular Forms

Kara Erickson

In this talk, we’ll start by discussing some helpful patterns for creating successful forms, from error message handling to on-demand validation. We’ll also review what’s new in Angular forms and what might be coming up next.

Kara is a software engineer on the Angular team at Google and a co-organizer of the Angular-SF Meetup. Prior to Google, she helped build UI components in Angular for guest management systems at OpenTable. She enjoys snacking indiscriminately and probably other things too.

State Management Patterns and Best Practices with NgRx

Victor Savkin

NgRx is the default state state-management library for Angular. It’s simple and flexible, and, as a result, a lot depends on how you use it. Victor helps a lot of enterprise companies build large Angular applications with NgRx, and in this talk he will share some of the best practices and patterns that work well.

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.

MobX – Performance and Sanity

Adam Klein

The 2 major challenges for frontend apps these days are maintaining a sane architecture, and good performance. MobX introduces a great way to manage a reactive state with a single source of truth, using plain objects and decorators. This talk will introduce the idea and concept behind MobX, and how it can completely turn your web development process around.

Adam is a web developer by day, open sourcerer by night (angular-tree-component, mobx-angular). Adam is one of Israel’s leading community activists, an international speaker, and one of the organizers of AngularUP conference. He used to be an international salsa dancer and choreographer, but still finds speaking about code more exciting than dancing in front of an audience.

Testing Angular Apps. At Scale.

Jan Molak

Angular became the framework of choice for numerous large-scale projects in the media, e-commerce, financial and banking sectors to name but a few. However, even though the framework itself has changed and improved dramatically since it was originally introduced, the way we design the acceptance tests and the design patterns we use to do that is still stuck in 2009. This makes it difficult to write E2E tests and use Protractor at scale, especially on projects where multiple teams are involved. In this talk I will demonstrate Serenity/JS, a TypeScript implementation of the popular Serenity BDD library, that lets you test Angular apps using the Screenplay Pattern and benefit from the powerful reporting features provided by Serenity BDD. Combining the advantages of Protractor, the expressive Screenplay DSL, tooling support for TypeScript, and the powerful reporting features of Serenity BDD, Serenity/JS is set to become the tool of choice for your Angular automated testing!

Jan is an independent trainer, consultant and a full-stack developer who spent the last 12 years building and shipping software ranging from best-selling, award-winning AAA video games through high-traffic websites and web apps to search engines, complex event processing and financial systems. Jan is the author of Serenity/JS, Jenkins Build Monitor, Chai Smoothie; contributor to Karma, Protractor, Cucumber.js and dozens of other open-source projects. Jan started coding aged 10 and still loves it ;-)

Beyond Angular CLI: DevKit and Schematics

Mike Brocchi, Filipe Silva, Hans Larsen

The Angular CLI has been very successful, but the Angular tooling does not stop there. The next evolution of the CLI is the Angular DevKit and Schematics. In this talk, you will learn what the Angular DevKit is, how to customize the CLI with Schematics, how the new build system works and why this can help you as a member of the Angular community.

Mike has worked on Angular tooling before the Angular CLI was even an alpha release. He continued his work beyond the CLI into the next iteration of Angular tooling: Angular DevKit. Mike is a GDE who contributes to the Angular CLI and is also an instructor at egghead. Mike is passionate about writing quality code as well as teaching. Outside of development, Mike loves to spend time with his wife and two daughters.

Filipe has worked on Angular tooling before the Angular CLI was even an alpha release. He has continued his work beyond the CLI into the next iteration of Angular tooling: Angular DevKit. Filipe is a core member of both the Angular CLI and the Angular Docs core team. Lover of homemade pizza, craft beers and games.

Hans is a software engineer at Google on the Angular team and was previously at Slack. He works everyday to help make it easier for everyone to create beautiful, consistent web applications using Angular, using Material Design components and the CLI tool.

4 Way Data Binding with Angular & PouchDB

Sani Yusuf

In today’s world, mobile is the primary way we access the Internet for our very many important activities. The problem is a lot of apps work great online but become unusable offline. Imagine if you couldn’t search for previous emails on your mail app if you had no Internet connection? Creating an offline experience can be challenging with so many things to worry about like how best to sync when the internet comes back or how best to handle conflicts when multiple users change the same data offline? This talk will showcase how we can use PouchDB to achieve 4-way data binding by keeping the Model, View, Serve & Offline Data all in sync while providing the user with a mature offline experience.

Sani is the founder of HAIBRID, a London based startup that uses Ionic to create innovative mobile solutions. Sani also co-manages the Ionic UK community in UK and has done some Ionic stuff spanning 3 continents. He has also done some cool stuff with companies like Sworkit, Microsoft, Huddlebuy & Anritsu and actively contributes to the Ionic open source community.

Angular Material Data Table

Andrew Seguin & Erin Coughlan

A look into the design process and implementation of Angular Material’s Data Table. Come find out how we prototyped different designs to meet our requirements on performance and accessibility with a simple flexible interface.

Andrew is an engineer on the Angular Material team working on bringing material components to the world. When he’s not obsessing over pixels and design, he is probably off somewhere having adventures with his wife and daughters.

Erin is a software engineer at Google. She has been working on Google Analytics for 3 years. During this time, she also designed and built the MdPanel (AngularJS) and collaborated on the MdTable (Angular).

GCP: Migrating a 1M+ LOC project from AngularJS to Angular

Connie Wan & Jen Bourey

Google Cloud Platform’s migration story: technical, organizational, and practical considerations for migrating a large and growing project.

Connie is a tech lead on Google Cloud Platform with a team of superheroes who turn coffee and puns into UI components. Her favourite pastimes are deleting code, complaining about z-indexes, and insisting that she will definitely finish that novel one day. She stands on the shoulders of some great designers and engineers, and the view from up there is amazing.

Jen currently serves as a Tech Lead on Google’s Cloud Platform, one of Google’s biggest Angular-powered applications. She has 14 years of experience building web portals and has contributed to several open-source projects.

Building Angular Applications like Google

Rado Kirov

In this talk, Rado will show you how you can build Angular applications using the same stack that Google uses internally. This includes AOT Angular compilation, the Bazel build system and the Closure optimizer.

Rado has been on the Angular Core team since Summer 2014. Before Angular, he worked on the Adsense serving stack, responsible for serving billions of ads daily. Being passionate about open source, he made contributions to Angular as a Google-20% project, before making the jump to fulltime. He is a recovering academic; ask him about error-correcting codes from algebraic curves (or don’t).

Pre-Rendering Strategies

Jeff Cross

Now that universal rendering support has landed in Angular 4.x, developers should evaluate how they can provide a better user experience by rendering page content before they’re delivered it to the browser. There are many options to consider with pre-rendering, with many complex trade-offs to evaluate. This talk will help simplify complexity and provide a framework for thinking about how to best utilize pre-rendering in your applications.

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.

Automatic Progressive Web Apps using Angular Service Worker

Maxim Salnikov

Progressive Web Apps are the next big thing for the web. They combine the advantages of two platforms: searchability and shareability of the web with capabilities and performance of native mobile. As a result, web developers can use their favourite tools to build installable, re-engageable, connectivity independent apps, that can bring native-like performance and user experience. The Angular Service Worker makes it easy to get started building PWA. It’s developed to automate main routines and provide us with some nice tools to control the progressive app behaviour. During this practical session, we’ll have a look at NGSW’s main components, and how they take our web app to the next level. With just some simple updates we’ll get installable, offline-capable, mobile-network-friendly Angular app re-engaging users by push-notifications.

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.

Responsive Layouts with @angular/Flex-Layout

Ekaterina Orlova & Thomas Burleson

Regardless of the power of the Angular platform, developers always struggle UI component Layouts. Using Flexbox CSS, the HTML layouts becomes responsive to viewport size changes. HTML containers will auto-adjust their sizes and child elements will auto-adjust positioning and sizes accordingly. But using Flexbox CSS is hard… and frustrating… and seemingly complex. You have to become a Flexbox CSS expert! Or do you? With @angular/flex-layout, developers have an Angular-native, HTML markup API that makes it super easy to layout their UI components. And the Flex-Layout will generate and apply, under-the-hood, the best FlexBox CSS for your needs. And the Flex-Layout will generate and apply, under-the-hood, the best FlexBox CSS for your needs. Even better, Flex Layout has a Responsive API that makes it super easy to adapt the UI to different devices. Hide or show components, change layout directions, change stylings… all super easy with @angular/flex-layout. Come to this presentation to learn more about @angular/flex-layout, how it compares to Angular Material, how it compares to Bootstrap CSS grids. Come to learn why this should be a critical new tool for your Angular developer toolbox.

Ekaterina is a software developer at Accenture, currently living in Oslo, Norway. Co-organizer and facilitator of front-end workshops. She is passionate about front-end, user experience and diversity in tech.

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.

Accessibility Through the Eyes of a Deaf Professional

Svetlana Kouznetsova

People with disabilities make the largest minority comprising the market size of China, but their needs are sadly the most misunderstood and ignored. Accessibility is an important part of any projects and not to be used as an afterthought or as a separate part. Also, it’s everyone’s responsibility to make their products and services accessible regardless of the industry. Accessibility benefits everyone and not just those with disabilities – including businesses who can improve their bottom lines due to having more happy and loyal customers.

Sveta will share her personal experiences as a deaf professional and discuss some accessibility examples. Her presentation will be delivered in sign language, voiced by sign language interpreters, and captioned in real time to make it more accessible to a wider audience.

Svetlana (Sveta) is a NYC-based user experience and accessibility consultant helping businesses make their products and services user-friendly and accessible. Sveta is also a founder of Audio Accessibility and provides consultation and training to businesses about quality communication access to audio, video, events. She is an experienced speaker and author of ‘Sound Is Not Enough: Captioning as Universal Design’.

Advanced Angular Concepts

Alex Rickabaugh

Angular is a powerful platform with the features you need to build large and complex web applications. Some of these features, though, are more well known than others.

Core team member Alex Rickabaugh will give a tour of Angular’s more advanced features, tricks, and patterns. Whether you’re looking to design more ergonomic and reusable components, optimize your app’s change detection, or architect for performance, beginners and experts alike can benefit from deeper knowledge of Angular’s advanced APIs.

Core team member working to optimise the Angular platform for the next generation of applications, including mobile. Before joining the Angular team, Alex worked in the Google sales organisation where he helped build the first large Angular application within Google

Angular Animations: Motion Makes Meaning

Lukas Ruebbelke

We live in a world where context is often derived from forces such as gravity, friction, velocity, etc. which can determine the entire nature of a user interaction. These factors provide us with a considerable opportunity to direct a user experience to a successful conclusion by giving the right cues and setting the proper tone through motion. Angular Animations provides us with a way to express movement through a powerful yet natural DSL within our applications. In this talk, we will work through how to take a static application and bring it to life in easy, approachable steps so that you can apply the same process to your work.

About Lukas: Developer. Hacker. Community backer. Author and blogger. Console logger. Author of AngularJS in Action for Manning Publications.

Angular Dynamic Pages

Jesus Rodriguez & Ward Bell

The Angular pages you know are mostly static. They are fixed component trees, fully described by their templates. In Angular the component template and class are inseparable. They are compiled together into a single execution unit during the build. It’s hard to imagine an Angular application that generates a runtime custom dashboard or a data-driven questionnaire … or the free-form pages of Angular’s own documentation at angular.io. Can it be done? It is done! In the official, open-source, Angular documentation viewer, each document page is a unique blend of HTML content and Angular components​ drawn from a widget toolbox. A page can display any of the widgets, in any combination, placed anywhere on the page. The documentation viewer itself has no idea what these pages look like. Learn how we do it and imagine how you can apply these techniques to build dynamic pages in your own application.

Jesus is both a Technical Writer and a Software Developer. His passion is to teach people how to be better developers.

Ward is a co-founder of IdeaBlade, a consultancy specializing in web applications for business and the makers of the Breeze.js and DevForce data management libraries. Ward is a regular conference speaker, a developer, and a Microsoft MVP.

Components are the New Thin Clients

Bonnie Brennan & Lukas Ruebbelke

There is an acute sense of pain that developers experience as they try to reconcile complex user interactions and interpret the effect those actions will have on the overall application state. This generally starts out as a fairly painless journey, but as application complexity increases, so do the demands that we place on our components. Let us imagine a scenario where the primary function of components is to expose just enough data for our templates to bind to and capture events to be passed along to a service. On a superficial level, it is obvious that these would be much easier components to work with, but what are some deeper implications of having all of our user events reduced to a series of actions and then broadcasted to the rest of the application? What happens if we bypass the components entirely and just start broadcasting those same actions directly into the application? What if we switched one view layer for another? Could one application share multiple views at the same time? If we know the actions a user takes and we can recreate them, does “time” really matter?

Bonnie Brennan is the founder of the ngHouston Angular Meetup. Along with her teenage daughter, she also co-founded Code Bridge Texas, where together they plan and teach free programming workshops for girls and women. Bonnie has been writing and teaching Angular since 2013 and is passionate about code quality, continuing education, and empowering others who want to learn.

Macmillan

Robin Vaughan

Rangle.io

Yuri Takhteyev

ag-Grid

Sophia Lazarova

Infragistics

Jason Beres & Spasimir Dinev

Migrating a Portfolio of Front-End Apps to Angular

Craig Shipton & Mike Smith

Live Captioning with White Coat Captioning

Norma Miller & Andrew Howell

Dynamic State Management using Sherlock

Wouter Spaak

From Angular 2 Alpha to Production

Jon Terje Aksland & Sveinung Farestveit

Introduction to the Component Dev Kit

Kristiyan Kostadinov

Don’t Be Afraid to Do Something

Mike Brocchi

How to Conference for Introverts

Sam Lee

ng-game-show

Shai Reznik

A Jeopardy-like gameshow which tests the darkest sides of Angular only a few know about. If you know, there are cool prizes, if you don’t… you’ll learn something cool.

Shai is the Founder of HiRez.io: the only place on the web that teaches web development in a funny way (Angular 2 and beyond). Shai is also an experienced client side consultant, developer, Google Developer Expert and a worldwide speaker known for his unusual talks. He organises the largest JavaScript group in Israel and is a professional Improv performer and a world-class hugger.

Breaking the Eyes

Uri Shaked

We just need to type `ng serve` to see our Angular app running in front of our eyes. But what about those who can’t see? How can we build an experience that is also relevant for sight-challenged people? In this session, we will do it differently. We are going to code without actually using browser – just a screen reader. What does the feel like? Can we make it better by adding some accessibility love to our app? Let’s figure it out together!

Uri Shaked is a Google Developer Expert for Web Technologies. He regularly writes about Web and IoT related technologies in his medium blog, and speaks about these topics in conferences and meetups around the world. Among his interests are reverse engineering, hardware hacking, building 3d-printed robots and games, playing music and Salsa dancing.

Voxxed Days Thessaloniki (Thessaloniki, Greece)

Building an Angular.js app the “Angular” way – Lessons learned

Alexandros Sarakenidis & Vasiliki Oikonomidou

Angular 2 (+) is great but currently the world runs on “Angular.js”. There are too many applications out there which are actively developed and their developers would like to upgrade their code at some point. The web is full of migration paths and this session is not one more of these. We will talk about what we learned in a project that started with the goal of having an up-gradable Angular.js application and what changes (big or small) you can do in your application to make it more future-proof and easier to develop.

Devoxx (Antwerpen, Belgium)

Angular vs React Smackdown

Matt Raible & Deepu K Sasidharan

This talk discusses the pros and cons of Angular and React and shows how they’re similar, as well as how they’re different. Deepu will defend React, Matt will defend Angular. We’ll even show you the same app created with React and Angular via JHipster. Matt Raible: Java Champion and Developer Advocate @okta with a passion for skiing, mtn biking, VWs, & good 🍺. Driving a ’66 21-window & a ’90 Syncro. Made in Montana. Deepu K Sasidharan is a programmer with over 7 years of experience in architecture and design of enterprise applications on JVM. He is also a Javascript evangelist and UX Implementation expert. He is an ardent OSS supporter with many contributions to the JS and Java community, his most notable contributions are for the JHipster community where he is the co-lead and core team member. He currently works for Xebialabs, an enterprise DevOps software company, where he builds DevOps tools.

Angular Applied

Yakov Fain (Farata Systems)

In this session, I’ll introduce you to developing Web apps with Angular and TypeScript while working on a sample app. We’ll start with generating a new app using Angular CLI. Then we’ll add components and injectable services to this app, will set up the navigation using the router, and use other constructs of the Angular framework. A special attention will be paid to creating loosely-coupled components. I’ll spend about 30% of the time going over slides to explain things, and 70% is live coding. I’ll use the latest version of Angular available at the time of this session.

Yakov Fain works as a consultant and trainer at the IT consultancy Farata Systems. A Java Champion, he has taught multiple classes and workshops on the web and Java-related technologies, presented at international conferences, and published more than a thousand blog posts. Yakov is is a co-author of the book Amazon “Angular Development with TypeScript” (1st and 2nd editiond) as well as a number of other books on programming. Yakov lives in New York City.

NG-BE 2017 (Ghent, Belgium)

Angular Elements

Pascal Precht (Thoughtram)

In this talk we’ll take a look at experimental APIs that enable us to generate native Web Components from Angular components.

Pascal is a front-end engineer and an Angular Developer Expert nominated by Google. He created the angular-translate module, is an Angular 2 contributor and also part of the Angular 2 Docs Authoring team.

Building High Performance Static Website with Angular

Uri Shaked

Traditionally, AngularJS has been used for building rich single-page applications. Nowadays, Angular has become a universal framework, running inside the browser, in the backend and even powering your mobile apps. The new Angular version unlocks some interesting use-cases that were not previously possible. In this talk, we are going to see how to set up angular-universal together with fuse-box for building scalable, high-performance static web sites, such as a blog or a landing page that can be easily deployed to gh-pages or Firebase Hosting. Did I mention hot-reloading, offline support and Progressive Web Apps? https://blog.angularindepth.com/setting-up-angular-from-scratch-1f518c65d8ab

Uri regularly speaks about Web and IoT-related topics around the world. He works part-time for BlackBerry, maintains several open-source projects and dances Salsa.

Create and publish Angular libs like a Pro

Juri Strumpflohner (Egghead.io)

Libraries are the building blocks of every serious application. As such, a healthy ecosystem of reusable tools and libraries are extremely important for the success of a frontend framework.

In this talk we will learn how to contribute to the Angular ecosystem by learning how to build and release Angular libraries like a pro. We will explore their structure, learn about bundling techniques and formats and finally about semantic versioning & continuous, automated deployment to NPM.

Juri is a Software Architect, JavaScript coder, blogger, instructor at Egghead.io and martial arts practitioner

ARHS Digital – Gold Sponsor

Gunther Roobaert (ARHS Digital)

Arηs Digital was created in 2012 by Arηs Group to service the Belgian market. Experiencing strong growth, Arηs Digital is now actively working with large organizations in the Manufacturing, Telecommunications, Healthcare, Pharmaceutical and Financial Industries. Our credo, “Building on Talent, Delivering on Promise” summarizes our value proposition to our customers, prospects, partners and employees.

Hidden Gems of TypeScript compiler

Vincent Ogloblinsky (Architect)

TypeScript provides a powerful compiler we use most of the time for transpiling codebase in our projects. But it also has hidden features that can help us with so many fantastic tasks. this talk we will learn how the compiler works, and how we can use it for statical analysis (Codelyzer, TSLint), context aware replacement, code visualization (ngrev), documentation (Compodoc, TypeDoc) or language service plugin (Angular Language Service).

Vincent is a trainer, speaker, father and Front-end Architect from France.

Cookies versus tokens: a paradoxical choice

Philippe De Ryck (Web Security)

When you’re building Angular applications, you will need to figure out how to manage your user’s sessions. Back in the days, this used to be simple. But now, there are many different options, all with specific advantages and disadvantages. How can you make a sensible choice, and how will that impact the security of your application? This talk will lay it out for you. You will learn how to assess your past choices, and how to substantiate future decisions.

Philippe De Ryck is a professional speaker and trainer on software security and web security. Since he obtained his PhD at the imec-DistriNet research group (KU Leuven, Belgium), he has been running the group’s Web Security Training program, which ensures a sustainable knowledge transfer of the group’s security expertise towards practitioners.

Euricom – Gold Sponsor

Stijn Liesenborghs (Euricom)

Euricom – a software consultancy company founded in 1999 – has a focus on high-quality coding and working together as a team. We believe in a co-creation model by bringing talented people together on customer projects to help them craft the digital world of tomorrow. Besides that, you will meet a team which will help you to harmonize the things in life that really matter.

Creating an Angular Progressive Web App: which option will work better for you?

Maxim Salnikov

We have at least two very interesting options to create an Angular PWA. First, the native Angular Service Worker (NGSW) by the Angular team, super-powered by Angular CLI and some extra ng-pwa-tools. Second, the all new framework-agnostic Workbox library by the Google Chrome team. What’s easier to set up for your Angular app? What has wider functionality? What’s faster and more robust? Let’s go exploring, coding and testing! You will have 100% full overview of these two approaches after my session, but the final decision is yours!”

Maxim is a Web front-end engineer from Oslo and a Google Developer Expert in Web technologies & IoT. He is active as a public tech speaker & trainer and founder of Mobile Era & ngVikings.

Ordina – Platinum Sponsor

Koen Luyten (Ordina)

IT for People. Ordina believes in a digital world that helps people to move ahead. We are helping to create a better and more pleasant society by realizing sustainable innovations together with our clients.

A close look at Angular’s new HttpClient

Manfred Steyer

Nearly all Angular applications must communicate with HTTP-based APIs. To make this task easier, Angular 4.3 introduced the new HttpClient. This session looks at its possibilities. It shows how to use not only JSON but also other text-based formats like XML or CSV. Furthermore, you will see how to deal with binary streams and how your application can get progress information when doing file up- and downloads. In addition, we will look at Interceptors that allow to implement cross-cutting concerns like security checks, logging, or caching. Finally, you will see how to protect from XSRF attacks and what the HttpClient holds in store for testing.

It’s Not Dark Magic – Pulling Back the Curtains From Your Stylesheets

Aimee Knight (Warner Bros)

All too often developers are left completely puzzled when the browser renders CSS in ways they didn’t expect. It’s not dark magic though and as developers we know that computers are just parsing our instructions. While many talks discuss how to fix common bugs, this talk will focus on the why by taking a deep dive into browser internals to see how our styles are parsed and rendered.

Aimee is a former figure skater and Angular Air panelist. She is currently working as a software engineer at Warner Bros.

How to hack an Angular app?

Asim Hussain (Microsoft)

Thought hacking was hard? It’s not, it’s easy and I’m going to show you how! In this episode of CSI Belgium we’ll investigate a series of hacking stories and break them down step-by-step to see exactly how they did it. By the end you’ll walk away a little bit more scared and a lot more prepared with some great practices you can apply immediately to your own applications.

Asim is a conference speaker, published author, passionate teacher and cloud developer advocate @Microsoft

Aarixa – Gold Sponsor

Sven Luts (Aarixa)

aariXa – Founded in 2005, today a growing company that chooses stability and quality over quantity. Focusing on Front-end, .NET & JAVA technologies, we define and optimize solutions for SME as well as for large international companies. “You’re not a number” is our key value.

Taming snakes with reactive streams

Dominic Elm (Thoughtram)

In this talk you will learn how to think reactively by implementing a snakes game without relying on any external state variables. In addition, you will learn how to make use of some very common operators including scan, withLatestFrom, combineLatest etc.

Dominic is trainer at Thoughtram and co-founder of MachineLabs.

Performant Augmented Reality for the Web

Ayşegül Yönet (Nrwl.io)

Augmented Reality is opening up new and exciting possibilities for users. Today we are able to develop pure web experiences that work on mobile devices. While it is exciting, it is a brand new technology. Creating Augmented Reality experiences involves several APIs, WebRTC, WebGL and more. Let’s look at how we can make it easier to create Augmented Reality experiences with declarative Angular components. We will go over the performance considerations as well as the “Hello AR!” example code and resources.

Aysegul is a Javascript developer focusing on AngularJS and data visualization. She is a Developer Expert at Google, an active conference speaker and recently joined Victor Savkin and Jeff Cross at Nrwl.io.

Angular Architecture: From Patterns to Implementation

Todd Motto (Ultimate Angular)

Design patterns are what drives sensible architecture, and this applies to code organisation, component and module architecture, all the way through to state management. Let’s see how they all work as individual patterns, and explore their implementation in code. Once we know how the moving pieces work, we can easily fit them together to build solid apps that head in the same direction.

Leave a Reply

Your email address will not be published. Required fields are marked *