Angular Air

Angular 2 in the Enterprise ●      Panelists ○      Justin Schwartzenberger ○      Mike Brocchi ○      Mehul ○      Austin McDaniel aka ngPanda ○      Olivier Combe ●      Featured Guests   ○      Nhut Tran ○      Gary Trinklein #Show Notes ●      Intros & backgrounds ●      How was Angular originally introduced into your environment? ●      Why did your enterprise chose Angular? ●      Did you start using it when it was in alpha/beta/rc ? ○      Is your app released yet ? ○      Did you release with an alpha/beta/rc ? ●      What were the challenges in adopting Angular? ○      Education/training? ○      Technical? ○      Process? (red-tape) ○      Deployment? ●      If you have any existing Angular 1.x apps, what are your plans to migrate to Angular 2? ●      Did you consider other technologies? ○      Even after adopting angular were you tempted to switch? If so, what tech stack? ●      What does the future hold?   Tips & Picks ●      Justin

Creating Angular 2 UI Libraries ●      Intros to everyone and their interest in creating UI Libraries ●      CSS and handling styles in UI libraries ●      How do you embed css in ui components for distribution? ●      How can you distribute sass/less files as well? ●      How do you manage parent/children component communication? For example with a tabs component ●      What are the important points to check when you want to make your component compatible with AoT? ●      How do you build the project where you dev the components (use cli, roll your own server/build/etc)? ●      How do you make ui components that work on all environments (browser, web workers, electron, server side, nativescript…) ●      Managing documentation for how users consume/implement your components ●      What is your strategy for testing your components? ●      What is on your wish list that would make everyone’s lives easier?   Tips & Picks ●      Justin ○      Example of component lib: https://gith

Angular Connect and the Future Beyond Final  with Shai Reznik  AngularConnect Shai’s talk   Favorite talks from panelists Lukas Jeff Cross Ben Lesh Keynote w/ Igor & Rob Angular migrations with Todd Motto 5 tracks Closed captioning https://twitter.com/_akinorew/status/780798885954523137   Stories behind the scenes with Shai Reactions from the attendees What are people excited about? Exposing observables What are people concerned about? Getting code to production   What comes next? ngEurope Ng-conf Production releases React vs Angular articles ad nauseam   Tips & Picks Justin Chance: http://chancejs.com/ JavaScript library for generating random data. Good for tests, mock apis, etc. Shai 3d printing Jeff Cross,  Workshop - Uri & gil Serious dev talk - hirez.io Justin Mike Ultimate Angular - by Lukas Ruebbelke & Todd Motto https://ultimateangular.com/ Jeff Angular Nation www.angularnation.org --- Support this podcast

ngAir 80 - Calm before the storm   #Show Notes Updates Angular 2 release CLI NativeScript conference AngularConnect Tips & Picks Jeff Angular Native poll https://twitter.com/orgbx/status/778928931219070976 PWA links https://github.com/hemanth/awesome-pwa Justin Angular Zone Webinar: using new ngModule in Angular 2 w/ Pascal Precht https://www.youtube.com/watch?v=Usohbij6frA&feature=youtu.be Ng2d3 - D3 + Angular2 Composable Re-usable Charting Framework https://github.com/swimlane/ng2d3 Josh AngularConnect: live streams, schedule on the website Mike ng2dnd --- Support this podcast: https://anchor.fm/angularair/support

ngAir Special Host: Jeff Whelpley Guests: Misko Hevery, Rob Wormald, Jules Kremer Panelists: Patrick Stapleton, Justin Schwartzenberger, Olivier Combe, Austin McDaniel, Scott Moss How long has it been? What is the release name? Do you think that Angular 2 is the best solution for enterprise apps right now? What about small apps? How long has it been since you’ve started working on Angular 2? What happens now? What are you the most proud of in Angular 2? Is there something that you would change now if you had the time to do it over ? Will CLI be releasing final at the same time? What is your view on convention over configuration? Will the docs end up containing any recommended implementation patterns like NgModule strategies, redux, etc or is that an area best left to the community? If my setup is ready, is there an interest in using the CLI? What is the size of the team working on Angular 2? Compared to Angular 1? Will you guys start using semver? --- Support this podcast: https://anchor.fm/angularair/

ngAir 79 - ng1 to ng2 Migration with Joe Eames #Show Notes Intro Joe’s background with migrations Pluralsight course Refactoring your ng1 app before migrating to ng2 Component based architecture What are the different approaches? 3 options: Big bang - should only do if takes a couple weeks, less than 10k lines of code Leave it alone - Maintain it in Angular 1 Slowly convert - Angular 1 app that calls Angular 2 for some pieces Can convert any Angular 2 component into Angular 1 directive When slowly converting, important to mitigate risk by doing smaller changesets Performance Angular 2 an order of magnitude faster Angular 1 is the slow piece Overhead with cooridination, but not that much What to do if no tests in current ng1 app? Do you need to have two http services running? What do you think of Angular’s approach to migration compared to Ember’s?   Wrap Up Answer Q&A from Twitter Upcoming shows:   Tips & Picks   Joe Eames Angular 2 Migration on Plu

ngAir 78 GraphQL and Apollo with Uri Goldshtein   Show Notes Intro Uri GraphQL What is it? What does it solve? Apollo How does this help us do GraphQL? Demo 1 Using GraphiQL to write queries and explore data models Demo 2 Comparison in client of calling multiple REST endpoints, calling a monolithic REST endpoint, and doing the same work with GraphQL using the Apollo service code.   #links Links to all the examples - https://github.com/kamilkisiela/angular2-apollo-examples/blob/master/README.md Docs - http://dev.apollodata.com/core/angular2.html Slack Channel - https://apollostack.slack.com/messages/angular2-apollo/ Barcelona talk - https://www.youtube.com/watch?v=qpGnPbpkcZM&index=3&list=PLhCf3AUOg4PgQoY_A6xWDQ70yaNtPYtZd And Apollo Youtube channel for the Meetup lectures (last one was on GraphQL in production) - https://www.youtube.com/channel/UC0pEW_GOrMJ23l8QcrGdKSw workshop by Kamil!!  -  http://www.meetup.com/AngularZone/events/233444689/ Tips & Picks

ngAir 77 - Todd Motto- The Man The Myth The Legend Show Notes   Sponsor pitch for Angular training Mention the live show questions on twitter with #ngair Intros What’re you working on etc ngMigrate 1.5 component courses Why components for Angular 1.x? Path to Angular 2 Lifecycle hooks Uni dataflow Coding demo (if needed/time providing) Angular modules Angular 1.x modules Angular @NgModule What does a developer advocate do? (Olivier)   Tips & Picks   Justin Schwartzenberger Rob Wormald helping to explain NgModule for larger applications https://github.com/angular/angular/issues/10552#issuecomment-241556913 Ward Bell explaining providers staying on component metadata https://github.com/angular/angular/issues/10552#issuecomment-241576063 Rob assuring us of Angular 2 API complete status https://github.com/angular/angular/issues/10552#issuecomment-241578111 Austin McDaniel Angular2 HMR w/ Webpack Plugin ( works w/ RC5 ) https://github.com/AngularClass/angular2-

ngAir 76 - Angular Data Table with Austin McDaniel Show Notes Intros Background of Angular Data Table Use cases for large data tables Origins of Angular 1 solution Demos 1000s rows Nasty hacks in ng1 How looks in ng2 Tips & Picks   Jeff Whelpley https://zeit.co/now https://www.youtube.com/watch?v=LE8C2xXYQD8&feature=youtu.be&t=4426 AngularConnect AngularRemoteConf --- Support this podcast: https://anchor.fm/angularair/support

ngAir 75 - Webpack 2 with Sean Larkin  Show Notes Intro to Sean General Webpack questions What does Webpack do? New features in Webpack 2 Evolution of build tooling (i.e. Grunt -> Gulp -> { new stuff } ) and comparisons to other things like rollup or jspm Tutorial 1 - Anatomy of webpack output bundle Tutorial 2 - Plugins Tutorial 3 - Making Angular Awesome Wrap upTips & Picks   Justin Schwartzenberger AngularZone webinar on new forms stuff http://www.meetup.com/AngularZone/events/232901433/   Jeff Whelpley Principles of Quantum Team Management http://firstround.com/review/the-principles-of-quantum-team-management/ This article is by James Everingham, Head of Engineering at Instagram. Quantum mechanics make the unpredictable understandable --- Support this podcast: https://anchor.fm/angularair/support

Episode Outline & Topics CLI Panelists: Justin Schwartz-and-bacon-berger Guest: Mike Brocchi @brocco #notes Tutorial 1 - scaffolding        Style guide https://angular.io/styleguide         Blueprints Tutorial 2 - sass Tutorial 3 - 3rd party lib         ng2-translate Tips & Picks   Justin  Prisma - http://prisma-ai.com/   Mike Learning - never stop learning, the only thing constant in software dev is change read watch videos practice/play attend meetups/conferences Angular 2 Animations - https://angular.io/docs/ts/latest/guide/animations.html Twitter for Android Night Mode - https://support.twitter.com/articles/20055053#night   Jeff Whelpley Gary Johnson with Samantha Bee https://www.youtube.com/watch?v=hdkznU2IvfU --- Support this podcast: https://anchor.fm/angularair/support

ngAir 73 - discussion show Topics Panelist updates Justin Back from Vegas where I tied the knot with a MacBook Pro Auth and single sign on with ng2 and Auth0 Ng2 forms api changes for RC4 and beyond Jeff Raising money Fast initial load Preboot Admin dashboard   Angular News Angular Team Notes https://docs.google.com/document/d/150lerb1LmNLuau_a_EznPV1I1UHMTbEl61t4hZ7ZpS0/edit#heading=h.4p9qrlj65ncu   New new new Angular 2 Router http://blog.thoughtram.io/angular/2016/06/14/routing-in-angular-2-revisited.html   From Team Notes: Now v1 feature complete.  Lazy loading, guards, etc. works.    Release will come after RC5.  More docs in the works to help with adoption. Migrating to new forms API http://schwarty.com/2016/07/18/migrating-model-driven-forms-to-the-new-forms-api-in-angular-2/   From Team Notes: updateValue going into RC5, reset going in later, more features coming.  As of RC5, no forms are included by default.  Developers will specify the ones they want

--- Support this podcast: https://anchor.fm/angularair/support

ng-fire Panelists:  Justin Schwartzenberger Guest:  David East Notes ●      Tutorial 1 - Initial Setup ●      Tutorial 2 - Observables ●      Tutorial 3 - Routing Tips & Picks  Justin Kahoot https://kahoot.it https://getkahoot.com David Skateboard tutorials Jeff Minko packaging Angular 2 app http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/ --- Support this podcast: https://anchor.fm/angularair/support

The Story behind ng-show   Panelists: Justin Schwartzenberger Guest: Shai Reznik Notes 1) Who are you? 2) How easy was it to prepare for ng-show? 3) Give us the story of how it all came together 4) What is up for next year? Tips & Picks Justin scode-icons https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons   Shai Protractor Docker https://github.com/mrsheepuk/docker-protractor HiRez Videos https://www.youtube.com/channel/UCuGmhP1MSz82hkR1jpJ_F5w   Jeff Whelpley Messi goal https://www.youtube.com/watch?v=mic0XMV8qLM Preboot https://github.com/angular/universal/tree/master/modules/preboot Upcoming shows http://angularair.com/ --- Support this podcast: https://anchor.fm/angularair/support

Show Notes Updates Justin StyleGuide app Angular 2 training course on data driven apps https://www.lynda.com/AngularJS-tutorials/AngularJS-2-Essential-Training/422834-2.html Script minification story for Angular 2 Jeff AngularAir format changes coming! Raising money for GetHuman Angular Universal Preboot CLI Services   Topics Google I/O http://www.theverge.com/2016/5/18/11701030/google-io-2016-keynote-highlights-announcements-recap VR - Daydream (mobile VR platform) AI - Messaging/Chatbot Allo with Google Assistant, Google Home Car Automation - Android Auto Apps - PWAs vs Android Instant Apps React Europe http://moduscreate.com/react-europe-highlights/ Headless Chrome - impact on server rendering solutions?  https://gist.github.com/addyosmani/5336747 Cancelable Promises (vs Observables?) https://ecmascript-daily.github.io/2016/05/26/cancelable-promises   Tips & Picks   Justin Angular 2 docs http://angular.io   Jeff Whelpley NativeScript for the Web https://gi

Show Notes Maintainer Balancing OSS needs vs full time job Getting others involved vs getting stuff done Turning off GitHub issues (PRs only) Answering on same issues over and over again, how do you handle it? Contributor “What do I get out of it?” Protocols for contributing Code of conduct? Company Contributing on a third party project your company’s project use Why do we want to give away our intellectual property? How does it benefit us to have waste our developers’ valuable time? OK, we are in. How do we do it? Ideal setup within a company   Tips & Picks   Chris Thielen Vanilla JS http://vanilla-js.com/ Easy F2L for Beginners https://www.youtube.com/watch?v=WB5apB2i_Do UI Router https://github.com/angular-ui/ui-router UI Router Extras https://github.com/christopherthielen/ui-router-extras   Dmitriy Healthy Open Source https://medium.com/the-javascript-collection/healthy-open-source-967fa8be7951#.9ygc38tv8 Angular 2 OSS https://github.com/valor-s

ngAir 67-Migration Strategies    What We Covered Today Ng-conf High level strategies No migration - all new stuff in Angular 2 Big bang Author in Angular 2 and expose in Angular 1 Expose Angular 1 to Angular 2 Segment by subdomains Libraries ng-upgrade Run Angular 1 alongside Angular 2 ng-forward Write Angular 2 style in Angular 1 ng-metadata Angular 2 decorators and utils for Angular 1.x   Tips &Picks Martin http://teropa.info/blog/2016/02/22/dumb-components-and-visual-feedback-in-angular-apps.html https://egghead.io/series/react-fundamentals Tero http://martinfowler.com/books/refactoring.html Jeff http://onehungrymind.com/electron-angular-2-things/ --- Support this podcast: https://anchor.fm/angularair/support

ng-conf recap show Panelists: Olivier Combe, Pete Bacon Darwin, Dmitry#main-content What was your favorite part? Group meetings: AMAs,Experts Room, Educators Conclave, ng Include Tour Of Heroes with Papa Misko, Igor, Minko, John Papa Science Fair - Uri's purple eye robot, Alex's brain scanner ng-show by Shai Combat bots, interacting with people   What is your biggest takeaway? Offline compiler Angular cares about diversity Igor won't hit his boss ng-conf organizers really do it for the love of it   Talks Wind chimes Reactive programming related talks Kara's speed coding! Keynotes was awesome (TheRoad Ahead) Router presentation byPapa Misko Shai presentation Angular2 Style Guide (byMinko) Mike Brocchi Lear CLI NGOn Matias Niemala Animations   What were the goodies? Angular tattoos (on yourface!) Power-packs Yo-yo ngOcarina   What could be improved? Band Session guide for fair day - it was difficult to work out what was where and when App: swag calls App: session start-end time confusion Tips & Picks   Je

ng-conf prep show Panelists: Olivier Combe, PatrickJS, Carmen Popoviciu Guests: Aaron Froste, Joe Eames Show notes How crazy is this final week before the big event? What are the things you are most worried about making sure is ready? Which are the main ideas that were the drive behind this year’s edition? What is your goal? How is this year going to be different/same? Talk about how Fair Day is going to work Is this going to be all about Angular 2 and nothing about Angular 1? What were the reasons behind making the conf bigger this year? What will be the penalty for going over your 20 minutes? Can you talk a little about the preparation that you give to the speakers? Favorite memories Ng-wat Katya’s talk What awesome gifts can we win? --- Support this podcast: https://anchor.fm/angularair/support