/ng-conf-2017

Everything #ngConf2017 - talks - slides - resources

Note: Links, resources, slides and everything else will be updated as they happen.

Search with ⌘/ctrl + f

Day 1 Summary (April 5th, 2017)

  1. Keynote - Stephen Fluin, Igor Minor and Josh Thomas - Slides | Youtube

    Resources pointed by speakers

    Angular Code of Conduct

    Angular Code of Conduct Email

    Developer Survey Results

    Angular Library Spec - Link not available at this time

    Material - Component Dev Kit

    Angular IDE

    Ionic

    Ionic Untapped App

    Ionic V3 - Link not available at this time

    ... NBA.com - Built with Angular 2 & TypeScript

    ... Angular V4

    ... Long Term Suppor - Starting with V4 - Official link not available at this time. Check Misc for community link.

  1. I am One with Angular, Angular is One with Me - John Papa - Github 1 | Github 2 | Slides | Youtube

    Resource pointed by speaker

    Angular Language Service for VS Code

    Angular CLI

    Snippets & Language Service - John Papa - Link 1

    Snippets & Language Service - John Papa - Link 2

    Azure Functions

    Angular CLI Pluralsight Course

  1. Mad Science with the Angular Compiler Minko Gechev - Slides | Youtube

    Resources pointed by speaker

    ng ast

    ng rev

    Minko's Blog

  1. Creating VR Experiences with Angular and WebGL Austin McDaniel - Github | Slides | Demo | Youtube

    Resources pointed by speaker

    A Frame

    Three JS

    Web VR

    Web VR Polyfills

    Web VR Chrome Extension

    Web VR Chrom Extension - Github

  1. Module VS Module Deborah Kurata - Slides | Youtube

    Resources pointed by speaker

    Component Styles

    Angular App Architecture

    NgModules

    Child Injectors - Lazy Loading

(/) 6. Embrace Component Tranquility Justin Schwartzenberger - Slides | Youtube

Interesting points - it's about knowing everything has a tax and every decision comes with some advantages and backdraws. Always think about how the components have to be split up or could be coupled or where this coupling points will be. Be aware about the coupling and think about it - is it really important or what are again the advantages to do it the way we are planning to do it.

  1. Animations in Angular 4.0.0 MatiasNiemela - Slides | Demo | Github | Youtube

    Resources pointed by speaker

    Animation in Angular 2,4 & beyond

    Year of Moo

    Animations in Angular 4.1 - Link not available at this time

  1. ng-rap Shai Reznik - The RAP | Youtube

    Resources

    hirez.io on twitter

    hirez.io

  1. Keeping the Sand Out of Your Eyes: No Sandbox, No Problem Tim Ehat - Slides | Youtube

    Resources pointed by speaker

    Angular 1.6 Expression Sandbox Removal

    How I Stole Plunker Session Tokens with an Angular Expression

(/) 10. Thoughtful Component Design Jeremy Elbourne & Miles Malerba - Github | Slides | Youtube

Resources pointed by speaker

[Material.io ](https://material.angular.io/)

Notes: Interesting part about how to design components API. Later on its also about DOM manipulation and how to encapsulate that...

  1. Back from the past: A tale of helping others upgrade from Angular 1.x Sergio Cruz - Slides | Youtube

    Resources pointed by speaker

  1. Mischief Maker Lukas Ruebbelke and Roger Tipping - Slides | Youtube

    Resources pointed by speaker

    Angular Electron App

  1. ng-STEAM Joe Skeen and Gwen Skeen - Slides | Youtube

    Awarded : The most coolest and most adorable talk at #ngConf Ever!

    Resources pointed by speaker

    Code Studio

    [Stem] (http://www.ed.gov/Stem)

  1. The Memory Leak Brain Drain Jon Boyd - Slides | Youtube

    Resources pointed by speaker

    Memory Leak Brain Drain

    1 hour talk on same topic

    Improving garbage collection performance

    Garbage collection visualized in illustrations

    V8 Engine’s lead developer blog - talks about performance, garbage collection, and more

  1. There and Back Again: a developer’s tale Jacob Turner - Slides | Youtube

  1. The Little Tool That Dreams Big Hans Larsen - Slides | Youtube

    Resources pointed by speaker

    Angular CLI github

    Angular CLI 1.0 - Changelog

  1. The Angular Compiler 4.0 Tobias Bosch - Slides | Youtube

    Ahead of Time Compilation

    @angular/compiler

  1. Reactive Programming with RxJS: A Beginner’s Perspective Ben Lesh and Tracy Lee - Slides | Youtube

    Resources poited by speaker

    RxJS Github repo

    RxJS Docs

    RxJS Opearators

    Web Speech Recognition API

    Lady Leet RxJS Test

    Google Cloud Vision

  1. How to Scratch an Itch Justin Searls - Slides | Youtube

    Resources poited by speaker

    Old Version of Same Talk

    TestDouble

    Mustachify

    Must Stache

    Must Stache.com

    Simplisafe npm package

    Other packages from @searls

    Testdouble.js npm package

    TestDouble.js vs sinon.js

    Sinon.JS

  1. ng-Party Pictures

Day 2 Summary (April 6th, 2017)

  1. Building a roboarmy with Angular - Sebastian - Slides | Youtube

    Resources pointed by speaker

    Web Bluetooth

    Web Bluetooth Test

    Web Bluetooth - NPM Types

    NativeScript Bluetooth Plugin

    Native Script MIP BLE

    Nativescript MIP BLE - npm

    Bluetooth Sample Projects

    Mambo Angular Service

    Nativescript Mambo BLE

    Nativescript MIP BLE

    Angular Web Bluetooth - Observables

  2. Angular Performance Birds of a Feather - Jeff Cross - Coming soon

  3. RxJS: The Good Parts - Christopher Gosselin and Daniel Figueiredo Caetano Slides | Youtube

  4. Turbocharge Your Angular Testing Workflow - Victor Mejia Github | Slides | Youtube

    Resources pointed by speaker

    ngtest turbo

    Wallaby.js

    ngCliWebpackSample

    Angular.io testing guides

    Medium - Angular 2 testing guide

    Live App

    Husky - git hooks in npm scripts

  5. Diving into TypeScript - John Papa and Dan Wahlin Github | Slides | Youtube

    Resources pointed by speaker

    Dan Wahlin - Blog

    John Papa - Web

    Code With Dan

    Dan Wahlin - ES6 Samples

    Dan Wahlin - TypeScript Demos

    Angular Jumpstart

    Angular Event View CLI

    TypeScript Playground

    ES2015 Browser Support

    Pluralsight Course - John Papa & Dan Wahlin

    Angular 4 TypeScript and HTML Snippets for VS Code

  6. Docker: What Every Angular Developer Should Know About It! - Dan Wahlin - Slides | Youtube

    Resouces pointed by speaker

    Docker Website

    Docker Hub

    Docker Compose

    Angular with Docker Projects

    Angular Docker Microservices

    Angular NodeJS MongoDB CustomersService

    Angular RESTfulService

    AspNetCore with Postgre SQL - DockerApp

    CodeWithDan - DockerServices

    Extra Stuff ( Not part of the talk )

    Docker for Mac

    Docker for Windows

  7. FormControl Freaks: Redux Edition - Daniel Figueiredo Caetano & Renee Vrantsidis | Github - Demo | Slides Youtube

    Resouces pointed by speakers

    Creating Functional Forms - Architect Handout

    Redux

    Flux

    Angular Redux - ng-redux

    Ramda

  8. From Inactive to Reactive with ngrx - Brandon Roberts & Mike Ryan - Github- Workshop | Slides - Youtube

    Resources pointed by speaker

    ngrx

    ngrx-store

    rgrx-full example Github

    Redux Dev Tools - Chrome Extension

    Some extra stuff ( Not pointed in the talk )

    Redux Dev Tools - Github

    Redux Dev Tools - NPM

    Redux Dev Tools Extensions - NPM

  9. Everything is a plugin! Mastering webpack from the inside-out. - Sean Larkin - Github - Everything is a plugin | Slides | Youtube

    Resources pointed by speaker

    Webpack - The Core Concepts Video

    Artsy Webpack Tour

    Webpack

    Webpack Tappable

    Webpack Developer Kit

    Webpack Contrib - Community supported 3rd party packages for webpack

    Webpack - How to contribute

    Webpack - How to write a plugin

    Webpack - Concepts

    Webpack from first principle - Youtube video

    Webpack - Support Webpack Project - Buy here

    Webpack - Support Webpack Project on Open Collective

    Extras

    Webpack Closure Compiler - NPM

    Webpack Closure Compiler - Git

    Webpack - Beginner's Guide

    Webpack - Whats new in Webpack Dev Server 2.0

    Webpack 2.2: The final release

  10. Interactive video apps with Videogular2 - Raul Jimenez Herrando - Slides Youtube

    Resources pointed by speaker

    Interactive video apps with videogular2 - video

    Official website

    Demo repo 1

    Demo repo 2

    Github project

    Showroom

  11. Angular and GraphQL – A modern API for a modern Platform - speaker Github | [Slides] (https://www.icloud.com/keynote/0Jx0mAQ1jgJ8u9Ui0uFhGl6UQ#ng-conf_2017_copy_version_2) | Youtube

    Uri's Github profile

    Whatsapp Clone App using GraphQL- Meteor - Ionic

    Apollo - GraphQL - Chrome Extension

    JS GraphQL- Webstorm Plugin

    GraphQL today using Apollo for client apps that still depend on REST APIs

    Wrapping a REST API in GraphQL Server

    Apollo Data

    SchemeHub

    GitHub Dumps REST Calls for Facebook’s GraphQL

    Extra

[GraphQL & Rest](https://blog.startifact.com/posts/graphql-and-rest.html)

  12. Automatic Progressive Web Apps using the Angular Mobile Toolkit Maxium Salnikov - Slides | Youtube

    Resources pointed by speaker

    Progressive Web App

    Where is --mobile?

    Angular CLI

    Angular Service Worker NPM

    Angular App Shell - App Shell runtime library for Angular Progressive Web Apps

  13. When You Can’t Use the Word “BIG BANG Asim Hussain | Slides | Github | Youtube

    Resources pointed by speaker

    Angular JS Migration Workshop Step By Step- Github

    Learn Angular 4 for free - Code Craft TV

    Learn Angular 4

  14. Build, Measure, and Machine Learn with Angular - Anna Karpacheva and Sumit Arora - Github | Slides | Youtube

    Resources pointed by speakers

    Rangle.io

    Redux Beacon - Github

    Feature Toggle ng2 Redux - Github

    AB Testing and Segmentation Analysis ( Following 4 links )

    Google Analytics

    Google Optimize

    Optimizely

    Launch Darkly

    AI Code Generator

    Awesome AI - Github

    Awesome AI-UI Github

  15. The Memory Leak Brain Drain - Workshop Jon Boyd - Slides | Youtube

    Biznas Blog

    More about Brain Drain

(/) 15. Kick Your Components up a Notch with Directives BAM! Mike Brocchi | Slides | Youtube

Directives are a possiblity to extract behaviour out of a component into something reusable!! Directives enable also to encapsulate parent styling - which could also be seen as something behavioural!

(/) 16. Lost in Translation Oliver Combe | Slides | Youtube

Resourcs pointed by speaker

[Plural Rules](http://cldr.unicode.org/index/cldr-spec/plural-rules)

[Workshop - Demo ](https://github.com/ocombe/i18n-demo)

> Translation tools

[Text United (xmb)](http://www.textunited.com)
[Crowdin (xlf)](http://www.crowdin.com)
[OneSky (xlf)](http://www.oneskyapp.com)

> Other resources

[Translation spreadsheet](goo.gl/AVOTtg)
[ngx-i18n-support](github.com/martinroob/ngx-i18nsupport)
[Ames app](github.com/StephenFluin/ames)
[Deploying an i18n Angular app with angular-cli, by Philippe Martin](https://medium.com/@feloy/deploying-an-i18n-angular-app-with-angular-cli-fc788f17e358)
[Design for internationalization, by John Saito from the Dropbox Design Team](https://medium.com/dropbox-design/design-for-internationalization-24c12ea6b38f)

Notes: Good points about translations with many practical showcase how to do it in the application but seems like also already be shown in the documentation!

17.Step by Step Improving Startup Performance with Lazy Loading in Angular - Manfred Steyer | Slides | Youtube

Resources pointed by speaker

[Lazy Loading - Sample Code - Github](https://github.com/manfredsteyer/lazy-loading-ng-conf)

[Software Architekt](https://softwarearchitekt.at/index.aspx)

  1. Angular Material 2 Workshop - Elad Bezalel & Paul Gschwendtner - Workshop -Step by Step - Github | Youtube

    Resources pointed by speaker

    Material 2 - Github

    Angular Flexbox

    Angular Flex

    Material 2 - Theming your custom components

    Material Design - Color Pallete Spec

  2. Testing & Protractor Office Hours Session 1 - Coming soon ...

  3. Testing & Protractor Office Hours Session 2 - Coming soon ...

  4. DiY Angular Compiler - Uri Shaked | Slides | YouTube

  5. Using Components in Angular 1.5 - Youtube

    More resources coming soon ...

  6. Powering Content Driven Applications with the World’s Most Popular CMS - Roy Sivan | Slides | Youtube

  7. Alexa, create a voice activated chat bot. Terence Carrol - Github | Youtube

    Resources pointed by speaker

    Alexa Workshop - Step by Step - Github

    Amazon Developer Service

    Glitch

    Alexa Wookieepedia Info Skill

  8. The day i met Steve - Alyssa Nicoll - Youtube

  9. TypeScript: What’s New in 2.2 - Daniel Rossenwasser - Youtube

    TypeScript 2.1

    TypeScript 2.2 Announcement

    TypeScript Roadmap 2.3 and beyond

    TypeScript - Github

    TypeScript - Gitter

  10. Voice User Interfaces with Angular - Jeremy Wilken - Slides | Youtube | Demo - Github

    Resources pointed by speaker

    Data Bank - The World Bank

    Google Home

    Another Demo - Voice Activated UI Applicatin

  11. Firebase/Cloud Functions Workshop - Youtube

    ngconf Cloud Functions

  12. PrimeNG: Native UI Components for Angular - Kito Mann - Slides - Youtube - Coming soon

    Resources pointed by speaker

    Prime NG - www

    Prime NG - Github

    Prime Faces

    Ultime for PrimeNG

    Poseidon for PrimeNG

    Appolo for PrimeNG

    PrimeNG Playground

    Virtua Tech

    Enterprise Java News

More coming soon... Star/Bookmark this repo ....

Day 3 Summary (April 7th, 2017)

  1. Keynote - 2 Brad Green & Rob Wormald - Slides - Youtube

    Resources pointed by speaker

    Google Open Source - Angular

    Closure

    Bazel

    ABC: Angular & Bazel with Closure

    Double Click By Google - Mobile Speed Matters

    Angular Platform Server - Github

    Angular Platform Webworker

    Angular Platform Webworker Dynamic

    Part of Angular Universal becomes Platform Server - Github

    Part of Angular Universal becomes Platform Server - NPM

    Angular Universal - Platform Server Builds - Github

    Angular App Shell - NPM

    Angular Service Worker - NPM

    Angular Univesal stays

    AMP Project

  2. Angular Router Authentication & Authorization – REAL LIVE LIVE LIVE LIVE LIVE DEMO Shai Reznik - Youtube

    Resources pointed by speaker - the-princess-guards Github project

    Routing & Navigation docs

  3. Upgrading Enterprise Angular Applications Victor Sevkin | Slides - coming soon / Youtube

    Resourcs pointed by speaker

    nrwl.io

    nrwl blog

    Essential Angular Book

    Angular Routing Book

    Free Angular Router Book

    Free Essential Angular Book

    Upgrading Angular Applications - Upcoming book

    Victor Savkin : Migrating Angular 1 Applications to Latest Angular in 5 Simple Steps

    Victor Savkin Web

  4. Building EmotiNg: The Real-Time Cross-Platform Service You’ve Always Wanted 👌 Jen Looper and Tara Manicsic and TJ Vantoll - Slides- Youtube

    Resources pointed by speaker

    Emoting NG - www

    Nativescript

    Nativescript Observables

    Firebase

    Nativescript Firebase Plugin

    Nativescript Loading Indicator NPM

    Nativescript Dialog NPM

    Angular Fire 2

    Extras (not directly from the talk)

    Emoji Unicode Table

    ngEmotions

    Angular Emoji Popup

    Angular Emoji Filter

  5. Using the Angular Template Language Service Chuck Jazdzewski - Slides coming soon | Youtube

    Resources pointed by speaker

    Angular Language Service - NPM

    Angular Lanuguage Service for VSCode - Github

    Angular Language Service - Visual Studio Marketplace - Download

    WebStorm 2017.1 Supports Angular Language Service - Read more

    Angular Language Service - Download Latest Webstorm

    TypeScript Next npm install -g typescript@next

    Sublime TypeScript Plugin

    Custom Editor Integration

    • Implement LanguageServiceHost interface

(/) 6. Angular Form Validation Kara Erickson - Github - Coming soon | Slides | Youtube

Resources pointed by speaker

[Form Validation](https://angular.io/docs/ts/latest/cookbook/form-validation.html)

[Intro to Angular Forms](https://www.youtube.com/watch?v=xYv9lsrV0s4&)

[Validators Design Doc](https://docs.google.com/document/d/1US9h0ORqBltl71TlEU6s76ix8SUnOLE2jabHVg9xxEA/edit)

[Angular Docs - Latest](https://angular.io/docs/ts/latest/)

Extras

[Custom Validators in Angular 2 - By Pascal](https://blog.thoughtram.io/angular/2016/03/14/custom-validators-in-angular-2.html)

[Reactive Forms Validation in Angular - By Todd Moto](https://toddmotto.com/reactive-formgroup-validation-angular-2)

[Custom Validators in Template Driven Angular Forms](https://juristr.com/blog/2016/11/ng2-template-driven-form-validators/)


Notes: Nice presentition about the angular validation and new features how to customize to validators!

  1. Breaking The Eyes Uri Shaked - Youtube

    Resources pointed by speaker

    Angular and Accessibility blog post

    Demo code repo on GitHub

    ChromeVox Screen Reader

  2. Super TypeScript II Turbo – FP Remix Sean May - Youtube

  3. Reducing package size and complexity with NgModule James Daniels - Youtube

  4. Addicted to AngularJS? Peter Becon Darwin and George Kalpakas - Github - Slides - Youtube

  5. Angular Pre-Rendering for SEO, Speed, and Happy Users Jeff Cross - Slides | Youtube

    Resources pointed by speaker

    Platform Browser

    Platform Server

    Pre Boot JS

    Angular Universal

  6. Giving Bootstrap the Boot Alyssa Nicoll - Slides coming soon. Youtube

    Resources pointed by speaker

    A Complete Guide to Flexbox

  7. Packaging Angular Jason Aden - Slides | Youtube

    Resources pointed by speaker

    Angular NGC Compiler - Produces .d.ts & .js .metadata.json & more

    TypeScript Compiler Options in ts.config declaration:true, module:es2015 ,target:es5 , angularCompilerOptions : { strictMetadataEmit: true , skipTemplateCodeGen: true }

    also do flatModuleOutFile + flatModuleId

    and for advanced optimization , use annotateForClosureCompiler

    Cost of Small Modules

    Strategy

    Publish fewer ES Modules, Use rollup,Flat ECMAScript Module(FESM), Inline Template & Styles

    Final Resource Summary

    All links coming soon (being uploaded at this time)

  8. Do More with Less Doguhan Uluca - Slides - Youtube

    JavaScript Promise - www

    Building Scalable and Beautiful AngularJS Apps

    Minimal MEAN

  9. Create and Attend Meetups Ken Snyder - Youtube

  10. ngGirls Just Want to Have Fun Shmuela Jacobs - Slides coming soon. Youtube

    ngGirl.org - www

    ngGirls - Angular Tutorial for Beginners - Github Book

    ngGirls - Github

    ngGirls - Salt Lake City - Call for Mentors

    Debugging the gender gap

    Breaking Bias : Joe Eames NGNL Talk

    Django Girls - start your journey with programming

  11. Firebase and Google Cloud Functions: Serverless Peanut Butter and Jelly Bret Mcgowen - Slides coming soon. Youtube

    Integrate with Google Cloud Platform

    Firebase Official

    Cloud Functions for Firebase

    ngconf Demo App

(/) 18. Best Practices Stephen Fluin | Slides | Youtube

[Angular Style Guide](https://angular.io/styleguide)

[Source Map Explorer](https://www.npmjs.com/package/source-map-explorer)


Much about the size and how to shrinken it! Always think about the size and what happens there!!! Also stay up to date and know what you are importing and for what.
  1. Angular Team Panel - ngPanel - Q/A Youtube

Workshops

  1. Angular Unit Testing - Tips & Tricks - Peter Becon Darwin - Slides

  2. Migrating Applications From Angular 1 to Angular 2 - Joe Eames & Todd Motto - Slides | Notes | Repo

Misc

Live Stream - Day 1 - Youtube

Live Stream - Day 2 - Ballroom B - Youtube

Live Stream - Day 2 - Ballroom C - Youtube

Live Stream - Day 2 - Ballroom A & D - Youtube

Live Stream - Day 3 - Youtube

Unofficial ng doc : ngdoc.io

Soft Skills for Engineers http://softskills.audio/

ngAir - ngconf2017 show Youtube

Long Term Support for Angular Announced at ng-conf 2017 - By David Iffland at InfoQ

Angular 2 - ngconf2017 - Reddit

Angular - Wallpaper from Andrew Hainen

ng-conf official photo slideshow

Recaps / Summaries

Summary Day 1 - By AuthO

Summary Day 2 - By AuthO

Summary Day 3 - By AuthO

ngConf 2017 Day 1 Review - By Jennifer Bland

ngConf 2017 Day 2 Review - By Jennifer Bland

ngConf 2017 Day 3 Review - By Jennifer Bland

NG-CONF 2017 Day One Highlights - By Dave Baskin

NG-CONF 2017 Day Two Highlights - By Dave Baskin

NG-CONF 2017 Day Three Highlights - By Dave Baskin