Adventures in Angular

Angular Remote Conf This show is based off the following listener email:“I know you've discussed a couple of times about how hard it is to set up an Angular 2 project. Whilst most of this has nothing to do with Angular itself, it's still the barrier to entry. There's no point in saying how much easier Angular 2 is than Angular 1 if you can't get it running. Even though I'd heard your previous discussions on this, in reality I was totally unprepared as to how difficult it was when I had to do it myself recently. Even the Angular 2 5 minute quick start took me a day to get my head around!I was delighted to hear the Angular team was coming up with Angular CLI. Get the mechanics out the way and lower the barrier to entry. So I typed 'ng new myapp'. Oh! Looking at the properties of the directory I saw Size: 161MB, Contains: 40,531 files, 7,226 folders.Has the JavaScript world gone completely mad? Is this really acceptable? 40,000+ files before I write my first line of code? OK, so Angular CLI has created all this stuff for me but I still have to understand what it's about, or how will I maintain it and keep it up-to-date. What happens if there's an incompatibility in one of the libraries used?It would be great to hear the members of the podcast discuss what they think needs to happen in order to simplify this. Is Angular CLI actually simplifying things, or is it just shifting the 'getting starting' problem to become a maintenance problem? Is it even possible to have a simple Angular 2 project, do we need to just accept that 161MB of disk space is a minimum? Has Angular 2 become out of reach for hobbyists, or is it the exclusive property of experts and full time client-side developers only?” 04:35 - Purpose and Value15:32 - “Dumpster Fire” 19:01 - Capability and Complexity26:03 - Getting Setup to Develop in Angular; Investing in Skills

• Angular 2 5 Min Quickstart
• Tour of Heroes Tutorial
• “Has Angular 2 become out of reach for hobbyists, or is it the exclusive property of experts and full time client-side developers only?”
• Lukas Reubbelke: Angular 2 with Handcrafted Tools, Century-Old Techniques and ES5

 Picks

• Chaos Monkeys: Obscene Fortune and Random Failure in Silicon Valley by Antonio Garcia Martinez (Ward)
• Wink (Lukas)
• Badass: Making Users Awesome by Kathy Sierra (Lukas)
• Learning (Joe)
• George W. Bush in Dallas: “Too often we judge other groups by their worst examples, while judging ourselves by our best intentions.” (Joe)
• VidAngel (Joe)
• Opposing protesters meet in Dallas (Chuck)
• iPad Pro (Chuck)
• Apple Pencil (Chuck)
• GoodNotes (Chuck)
• Adventures in Angular Facebook Page (Chuck)

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Angular Remote Conf 02:01 - Roy Sivan Introduction

• Twitter
• GitHub
• Blog
• The WP Crowd Podcast

02:23 - Ryan Sullivan Introduction

• Twitter
• WP Site Care
• LoopConf

02:40 - WordPress and Angular05:00 - Authentication and Security

• OAuth
• A Brief Introduction to WordPress Nonces
• Hire Otto

07:38 - Data and Plugging Angular Into APIs

• AppPresser

12:54 - The REST API and Plugins; Custom Plugins

• Help Scout
• Asana
• Harvest
• Chargify

21:23 - Displaying Data in WordPress Using Angular

• Stripe
• Keen IO

25:01 - Tutorials

• AngularJS and WordPress: Building a Single-Page Application with Roy Sivan
• JavaScript for WordPress
• Angular-Wordpress-Theme
• AngularJS-Boilerplate
• Josh Pollock
  • angular-wp-front-end
• WordPress.tv
•  

Picks

• Mailgun (Lukas)
• Geoff Goodman updated the embedded view on Plunker (Lukas)
• Procrastinate on Purpose: 5 Permissions to Multiply Your Time by Rory Vaden (Chuck)
• Harry Potter and the Sorcerer's Stone by J.K. Rowling (Chuck)
• Postmatic (Roy)
• Caldera Forms (Roy)
• Calypso (Ryan)
• AppPresser (Ryan)
• LoopConf (Ryan)

Special Guests: Roy Sivan and Ryan Sullivan.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

02:59 - Rob Wormald Introduction

• Twitter
• GitHub

03:46 - Stephen Fluin Introduction

• Twitter
• GitHub
• Blog

04:28 - Improvements Coming for Routing in Angular 08:22 - Syntax11:10 - Preloading Data13:59 - Brian Ford’s Router => The New Router

• Lifecycle Hooks
  • canActivate
  • canDeactivate

17:23 - Does the new router do these things?

• Can I click on a link and tell it to go to a route?
• Can I pass parameters; multiple parameters?
• Can I add multiple routes to multiple different regions on the page?
• If I’m a child component, can I reach up and learn anything about my parent, and if so, what can I do?
• Will, with this router, do I have the option of Lazy loading the routes or loading them all up front?
• Can I route to two different states on the same page?

23:28 - Auxiliary Route24:51 - Offline Compilation

• CSS (Cascading Style Sheets)

29:38 - Bundling; Development Experience32:46 - Relative Pass41:25 - Treeshaking43:21 - What’s left before Angular goes live? Picks

• rollup.js (Rob)
• Google Play’s Family Plan (Jules)
• Plunker (Stephen)
• Ford and Chevrolet (John)
• Adobe Lightroom (John)
• X-Men Apocalypse (Joe)
• P.I. (Joe)

Special Guests: Rob Wormald and Stephen Fluin.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Check out Angular Remote Conf! Buy tickets! Submit a CFP! Check out the speakers! 03:00 - The Origin Story and Success of Adventures in Angular

• ng-conf
• Angular Air Podcast

14:00 - The Angular Community17:30 - Where is Angular heading?

• Suggest A Guest!
• Microsoft Build Conference

24:39 - Favorite Episodes

• NativeScript
  • Episode #74: NativeScript with Burke Holland and TJ VanToll
  • Episode #90: NativeScript Part 2 with TJ VanToll
• Episode #16: NG 1.3 and 2.0 with Brad Green, Igor Minar, and Miško Hevery
• Dan Wahlin
  • Episode #20: Structuring Code in an AngularJS App with Dan Wahlin
  • Episode #41: TypeScript with Dan Wahlin
  • Episode #96: Angular 2 and TypeScript with Dan Wahlin
• Episode #59: Learning Resources
• Episode #34: LIVE! from ng-conf 2015
• Episode #94: LIVE! from ng-conf 2016   
• Episode #99: Firebase and AngularFire2 with David East and Jeff Cross
• Episode #77: 2016 Year Predictions
• Episode #70: Holiday Pick List
• Episode #51: The Angular 1 Compiler with Tero Parviainen
• Episode #17: AtScript with Miško Hevery
• Episode #55: Promises

 Picks

• NativeScript (John)
• Snap Power Chargers (John)
• Stellaris (Joe)
• ng-conf 2017 (Joe)
• Burke Holland (Aaron)
• AngularConnect (Aaron)
• Rocket League (Chuck)
• Zig Ziglar (Chuck)
• Going offline (Chuck)
• Shooting firearms (Chuck)
• Angular Remote Conf (Chuck)

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Check out Angular Remote Conf!! 02:01 - David East Introduction

• Twitter
• GitHub
• Adventures in Angular Episode #11: AngularFire with David East and Kato Wulf

02:34 - Jeff Cross Introduction

• Twitter
• GitHub
• Adventures in Angular Episode #68: Reactive Programming with Jeff Cross and Rob Wormald

02:52 - Angular Mobile + Firebase 03:57 - Firebase: Key Characteristics06:22 - Mobile > Web Traffic?08:27 - Firebase + Angular 210:39 - Upgrading to AngularFire2 with Angular 213:43 - Data That Works Well15:09 - Interplaying with Traditional Forms of Data20:15 - Intermittent Connectivity Issues21:42 - Websockets Componentry24:14 - Authentication and Security25:48 - Projected Use Cases

• firepad

30:53 - Compliance; Security Roles34:11 - What’s coming in Firebase?39:35 - Firebase YouTube Channel

• Firecasts

 Picks

• Ricoh Theta S Digital Camera (Lukas)
• Kuula (Lukas)
• Gaia GPS (Ward)
• Procrastinate on Purpose: 5 Permissions to Multiply Your Time by Rory Vaden (Chuck)
• Newbie Remote Conf (Chuck)
• Aftershokz (Jeff)
• Firebase YouTube Channel (David)
• Freakonomics Podcast (David)

Special Guests: David East and Jeff Cross.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

01:58 - Ahmed ElSayed Introduction

• Twitter
• GitHub
• Blog

02:09 - Chris Anderson Introduction

• Twitter
• GitHub

02:19 - Microsoft Azure Functions

• iPhreaks Show Episode #157: Azure App Services with Matthew Henderson

02:28 - Building the Azure Functions Portal on Angular 209:37 - The Backend11:18 - Approaching Leadership for Approval to Build in Angular 2/Beta; Deciding Factors15:18 - App Organization and Architectural Pattern18:38 - Ease and Hardships of Starting the App22:33 - Use Cases24:13 - Browser Issues25:39 - Debugging

• Augury

26:52 - Angular CLI

• jspm.io

28:59 - Workflow40:08 - Observables & Streaming41:36 - Upgrading42:15 - Would you recommend Angular 2?44:35 - Testing Picks

• Progressive Web Apps (John)
• NativeScript (John)
• Ionic 2 (John)
• Billy Collins (Ward)
• Start with Why: How Great Leaders Inspire Everyone to Take Action by Simon Sinek (Chuck)
• Audible (Chuck)
• Sapiens: A Brief History of Humankind by Yuval Noah Harari (Ahmed)
• Promise Theory (Chris)

Special Guests: Ahmed ElSayed and Chris Anderson.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Get your early bird tickets for Angular Remote Conf! 02:13 - Pascal Precht Introduction

• Twitter
• GitHub
• Blog

04:29 - ng-conf

• Angular-upgrade-demo

06:42 - Dependency Injection; @Injectable

• emitDecoratorMetadata

12:51 - Component Interaction and Communication21:35 - ContentChildren and ContentChild 23:34 - ViewChildren and ViewChild 24:31 - Change Detection

• Pascal Precht: Angular 2 Change Detection Explained

 Picks

• Professional Ado Rds Programming With Asp (Lukas)
• Data-Driven Services with Silverlight 2 by John Papa (Ward)
• ZEIT (Joe)
• Overwatch (Joe)
• 5thingsAngular (Pascal)
• Dr Pepper (Pascal)
• NOMAD (John)
• Gilderoy Lockhart (John)
• RIF6 Cube 2-inch Mobile Projector (Chuck)
• Fully Alive: Lighten Up and Live - A Journey that Will Change Your Life by Ken Davis (Chuck)

Special Guest: Pascal Precht.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

01:59 - Dan Wahlin Introduction

• Twitter
• GitHub
• Blog

03:24 - Dan Wahlin: Typescript: Angular 2's Secret Weapon @ ng-conf 2016 04:44 - ng-conf Fair Day Workshops

• TypeScript 2 in 60ish Minutes
• Angular 2 in 60ish Minutes

05:45 - Pre-Conference Workshop06:32 - AngularJS Fundamentals In 60-ish Minutes => Angular 213:49 - Responses to Angular 2 and TypeScript18:22 - Learning TypeScript; ES5/ES625:25 - Interfaces29:33 - Aha Moments

• Databinding Syntax
• The Module Concept

34:07 - Edgecases and Struggles

• Providers
• Grabbing Elements
• The Build Chain
• Pipes
• Observables
• Pluralsight: Modern, Modular JavaScript with SystemJS and jspm

51:41 - Flexibility of Providers Picks

• John Papa: Angular 2 Workshop in Barcelona (John)
• Ghost (John)
• CloudFlare (John)
• Angular 2 Style Guide for TypeScript (Lukas)
• Deskbound: Standing Up to a Sitting World by Kelly Starrett (Lukas)
• iPhone (Ward)
• ng-conf 2016 Starcraft Tournament (Joe)
• Duet (Dan)

Special Guest: Dan Wahlin.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Check out Newbie Remote Conf! 02:17 - Olivier Combe

• Twitter
• GitHub
• Holimetrix

03:21 - Why People Want Libraries in Angular 204:13 - Types of Libraries People Might Write05:21 - ng2-translate 08:02 - TypeScript Problems vs Package Manager Problems10:22 - Collaboration13:17 - Advice For Writing Libraries

• ng-conf-library

19:47 - Design Considerations25:09 - ng2-translate (Cont’d)27:53 - Advice for People Doing Public vs Public Libraries28:45 - Simplicity30:11 - ng-conf 32:13 - Working with Systems (i.e. webpack)

• CommonJS
• Systemjs

36:53 - Upkeep Picks

• Khan Academy (Jules)
• Redbreast Irish Whiskey (Ward)
• Ghost (John)
• CloudFlare (John)
• Concept 2 PM5 (Performance Monitor 5) (Lukas)
• ng-conf (Lukas)
• Trello (Chuck)
• Gravity Forms (Chuck)
• Zapier (Chuck)
• angular2-library-seed (Olivier)

Special Guest: Olivier Combe.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

This episode was recorded live from ng-conf 2016. The conference and conference experiences, goals, and sessions are discussed amongst all the latest and greatest announcements in Angular such as The Release Candidate. Picks

• Tero Parviainen: Generative Art in Angular 2 @ ng-conf 2016 (Ward)
• Sunny Leggett and ZeroSlope Events (Jules & Joe & John)
• The ng-show with Shai Reznik (Katya)
• The ng-conf sponsors (Chuck)
• Karaoke (Aaron)

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.