Episodes
Wednesday Dec 07, 2016
ngAir 86 - Angular Material with Kara Erickson and Jeremy Elbourn
Wednesday Dec 07, 2016
Wednesday Dec 07, 2016
The one and only Kara Erickson and one and only Jeremy Elbourn join us to talk about Angular Material.
Friday Oct 28, 2016
ngAir 85- Angular 2 in the Enterprise
Friday Oct 28, 2016
Friday Oct 28, 2016
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
○ Lukas’ Observable Cheat Sheet: http://onehungrymind.com/observable-cheat-sheet/
○
GraphQL Summit: http://graphqlsummit.com/
Hopefully the sessions will be recorded and available later
● Jeff
○ Ng-conf.com
○ Nodesecurity.io - Audits
● Austin
○ I did a talk on Angular2 + ThreeJS + WebVR = very interesting stuff should check it out https://github.com/amcdnl/ng2-three
○ CSS related but by ng2 community member -> https://blueprintcss.io -> flexbox grid system
○ Async await debugging in chrome landed - https://twitter.com/addyosmani/status/789126892402204673 - soooo nice!
○ AoT in ngUpgrade is coming!!!! https://twitter.com/robwormald/status/788967912849694720
● Mike
○ ng europe going on today & tomorrow (https://ngeurope.org/)
○ DevFest FL - https://devfestflorida.org/
○ ng cruise in May 2017 (https://ngcruise.com/)
○ GitKraken - cross platform git tool (https://www.gitkraken.com/)
● Olivier
○ Use ChangeDetectionStrategy.OnPush it’s good for you
○ ng-be
Friday Oct 28, 2016
ngAir 84 - Creating Angular 2 UI Libraries with Kyle Ledbetter
Friday Oct 28, 2016
Friday Oct 28, 2016
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://github.com/ocombe/ng2-translate
○
Games!
Civilization 6 https://www.civilization.com/
Red Dead Redemption 2 http://www.rockstargames.com/videos/video/11600
Nintendo Switch https://youtu.be/f5uik5fgIaI
● Jeff
○ Logan https://www.youtube.com/watch?v=Div0iP65aZo
○ Life Lessons Learned on AngularAir https://devchat.tv/adv-in-angular/114-aia-life-lessons-from-angular-air-jeff-whelpley-angular-remote-conf
● Wesley
○ Change detection: http://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html
○ AoT compilation for webpack:
■ https://www.npmjs.com/package/@ngtools/webpack
■ https://github.com/angular/angular-cli/tree/master/tests/e2e/assets/webpack/test-app
● Kyle
○ Getcovalent.com would be my plug
○ Guardians 2! https://www.youtube.com/watch?v=2WhQcK-Zaok
● Dmitriy
○ Nice educational project (non-profit) written with Angular2
■ http://www.gapminder.org/dollar-street/matrix
■ https://www.reddit.com/r/InternetIsBeautiful/comments/58akkx/dollarstreet_imagines_the_world_as_a_street/
Sunday Oct 09, 2016
ngAir 82 - Angular Connect and the Future Beyond Final with Shai Reznik
Sunday Oct 09, 2016
Sunday Oct 09, 2016
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
Friday Sep 23, 2016
ngAir 80 - Calm before the storm
Friday Sep 23, 2016
Friday Sep 23, 2016
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
Friday Sep 16, 2016
ngAir Special
Friday Sep 16, 2016
Friday Sep 16, 2016
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?
Monday Sep 12, 2016
ngAir 79 - ng1 to ng2 Migration with Joe Eames
Monday Sep 12, 2016
Monday Sep 12, 2016
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 Pluralsight https://www.pluralsight.com/courses/migrating-applications-angular-2
Stranger Things
Jeff Whelpley
PureScript Generics https://github.com/purescript/purescript/blob/dc458fb5e07935db9e3d6ee117f50206df99f9dd/examples/passing/GHCGenerics.purs
Austin McDaniel
TypeScript https://www.typescriptlang.org/
Justin Schwartzenberger
Introducing
Angular Modules - Root Module by John Papa
https://johnpapa.net/introducing-angular-modules-root-module/
Monday Sep 12, 2016
ngAir 78 GraphQL and Apollo with Uri Goldshtein
Monday Sep 12, 2016
Monday Sep 12, 2016
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
Mike Brocchi
ngrx - https://github.com/ngrx/store
Dimitri
Tether - awesome positioning library (http://tether.io/)
Angular2-apollo- https://github.com/apollostack/angular2-apollo
Uri Goldstein
GraphQL resources
Goal Zero
Burning Man
Justin Schwartzenberger
Ben Nadel
(@BenNadel)
http://www.bennadel.com
Jim Cummins
LearnGraphQL.com
GraphiQL
https://www.npmjs.com/package/gra
commitizen
Monday Sep 12, 2016
ngAir 77 - Todd Motto- The Man The Myth The Legend
Monday Sep 12, 2016
Monday Sep 12, 2016
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-hmr-loader
Angular Material 1.1 Release & Angular2 Version has 18 components now http://angularjs.blogspot.com/2016/08/angular-material-11-and-2x.html
Olivier Combe
http://blog.angular-university.io/angular2-ngmodule/
Ng2-translate recommended by Ionic 2
Todd Motto
@ChrisThielen for his ui-router work
Tuesday Sep 06, 2016
ngAir 76 - Angular Data Table with Austin McDaniel
Tuesday Sep 06, 2016
Tuesday Sep 06, 2016
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://www.youtube.com/watch?v=LE8C2xXYQD8&feature=youtu.be&t=4426
AngularConnect
AngularRemoteConf