Adventures in Angular

Check out and sign up for Ruby Remote Conf!02:09 - Jafar Husain Introduction

• Twitter 
• GitHub
• Netflix
• TC39

02:42 - Falcor

• @falcorjs
• Netflix JavaScript Talks - Falcor

06:56 - MVC (Model View Controller)

• Separation of Concerns

17:41 - Performance

• REST
• Lazy Loading

34:23 - Angular 2

• Asynchronous Binding
• Data Access Patterns

Picks Land of Lisp: Learn to Program in Lisp, One Game at a Time! by Conrad Barski, M.D. (Lukas)
Stevie Wonder: 1-2-3 Sesame Street (Lukas)
Visual Studio Code (Ward)
Traction: Get a Grip on Your Business by Gino Wickman (Chuck)
Wool by Hugh Howey (Chuck)
MediaWiki (Chuck)
PureScript (Jafar)Special Guest: Jafar Husain.

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:07 - Victor Savkin Introduction

• Twitter 
• GitHub
• Blog

02:30 - Dependency Injection (DI)

• “Inject By Type”
• Other Project Use
  • di.js

06:54 - How Angular Uses Dependency Injection

• Angular 1 vs Angular 2
• Annotations
• Decorating Classes to Become Injectables
• Example
  • Injectable Class
• Mechanisms in Angular 1

13:06 - Lazy Loading        16:14 - Testing18:02 - Change Detection

• Victor Savkin: Change Detection in Angular 2
• [YouTube] Change Detection Reinvented by Victor Savkin @ ng-conf 2015 

24:33 - Components & Immutability

• immutable-js

28:08 - Scope

• zone.js
  • [YouTube] Zones by Brian Ford @ ng-conf 2014 
  • angular/zone.js

30:28 - Binding

• Action Phase/Control Phase
• Production Mode/Dev Mode 
  • Victor Savkin: Two Phases of Angular 2 Applications 

Picks My Story by Elizabeth Smart (Aaron)
Shawarma (Joe)
Home (Katya)
Mulan (Katya)
How to Win Friends & Influence People by Dale Carnegie (Chuck)
WorkFlowy (Chuck)
Habit Stacking: 97 Small Life Changes That Take Five Minutes or Less by S.J. Scott (Chuck)
Mini Habits: Smaller Habits, Bigger Results by Stephen Guise (Chuck)
Android: Netrunner Card Game (Victor)
Mechanical Keyboards (Victor)Special Guest: Victor Savkin.

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:46 - Dan Wahlin Introduction

• Twitter 
• GitHub 
• Blog
• The Wahlin Group
• Pluralsight Author Page

02:29 - Background and Involvement in the Angular Community

• [YouTube] Dan Wahlin: AngularJS in 20ish Minutes (ng-conf 2014)
• [YouTube] TypeScript and ES6 Dan Wahlin & Andrew Connell (ng-conf2015)

04:16 - TypeScript

• TypeScript Source Code

06:02 - Why Care About TypeScript?07:20 - ES3, ES5, ES610:00 - Type Support11:41 - Refactoring12:39 - Microsoft Involvement

• Open Source <=> Source Open (Pull Request Acceptance)

17:45 - Benefits and Concerns

• .d.ts
• tslint

20:07 - TypeScript and Angular

• Directives and Providers
• Services vs Factories
• Functional Programming

24:11 - TypeScript and Angular 2

• Angular.io

25:28 - Collaboration (AtScript => TypeScript) 

• Annotations and Naming Conventions

30:47 - The Angular Community and TypeScript

• Tooling and Transpiling
  • Babel
  • traceur
  • WebStorm

36:38 - Type Inference

• ng-flow

Picks Avengers: Age of Ultron (John)
Star Wars: Episode VII - The Force Awakens (John)
.d.ts (John)
Lord of the Rings (Katya)
Avengers: Age of Ultron (Katya)
Matterhorn: A Novel of the Vietnam War by Karl Marlantes (Aaron)
Tyler Russell: An Angular2 Timezone Picker - Part 1: Becoming a Kartograph-er (Aaron)
Tyler Russell: An Angular2 Timezone Picker - Part 2: Exploring the World (of Ng2) (Aaron)
[Pluralsight] TypeScript Fundamentals by John Papa and Dan Wahlin (Lukas)
DefinitelyTyped (Ward)
Kent Meyers: The Quietest Place in the Universe: Digging For Dark Matter in An Abandoned Mine (Ward)
Daredevil (Joe)
GoFundMe (Joe)
[GoFundMe] Send Samantha to Miss Amazing! (Joe)
Headspace (Dan)
Faker.js (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.

02:02 - Shai Reznik Introduction

• [YouTube] Shai Reznik: ng-wat Talk from ng-conf 2015
• Twitter 
• GitHub 
• HiRez.io
• YouTube
• Preparing for Angular 2.0 (Part 1)
• JavaScript Israel Meetup Group

06:58 - The Conception and Behind the Scenes of the Now Famous ng-wat Talk and the Talk Reception 

• WAT (A lightning talk by Gary Bernhardt from CodeMash 2012)

29:18 - More Wats?Picks The Cat in the Hat by Dr. Seuss (Lukas)
Pushing Daisies (Katya)
StarCraft II (Joe)
[Pluralsight Webinar] AngularJS 2.0: What you need to know with Joe (Joe)
Angular 2 Google Docs Folder (Shai)
Streamus (Shai)Special Guest: Shai Reznik.

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.

00:43 - Scott Moss Introduction

• Twitter 
• GitHub
• Udacity
  • @udacity
• Hack Reactor
• Angular Class
  • @angularclass

01:55 - Scott’s Programming Background04:11 - Working with Lukas05:04 - Angular and ES6 (ECMAScript)

• John Papa's Angular Style Guide

06:11 - Subclassing a Directive

• Classical Inheritance
• DDO (Directive Definition Object)   

08:58 - TypeScript    

• Transpiling
  • traceur-compiler 
  • babel
• Differences and Definitions: traceur, babel, TypeScript
  • Learn about TypeScript 1.5 here and get it here
  • [Pluralsight] John Papa and Dan Wahlin: TypeScript Fundamentals
• Types Have Value

19:06 - How should people use a transpiler in a real application?

• webpack 
• gulp.js 
• jspm

21:07 - systemjs 21:53 - Build Systems vs Package Managers    24:15 - Writing Tests in ES626:03 - Debugging28:20 - How coding in ES6 has changed Scott’s style of building Angular 1 apps30:19 - Modularity

• Arrow Functions

33:07 - ES5 with Angular 2??37:31 - Good Example of Using ES6 with Angular

• GoCardless
  • GoCardless Angular Style Guide

39:21 - Learning New Material and Using ES6Picks Learn about TypeScript 1.5 (Ward)
The Effective Engineer by Edmond Lau (Lukas)
Isar Raw Canvas Backpack (Lukas)
INcontroL (Joe)
John’s Daughter (John)
Angular U (John)
The Imitation Game (Katya)
Treeline (Scott)
Interstellar (Scott)      Special Guest: Scott Moss.

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:35 - Katya Eames Introduction

• Twitter
• [YouTube] Katya Eames: How to Teach Angular to Your Kids

01:52 - Ben Nadel Introduction

• Twitter 
• GitHub 
• Blog
• Adventures in Angular Episode 029: Angular At Work with Ben Nadel
• InVision
  • @InVisionApp

04:47 - Performance

• Basecamp Nested Pages

08:04 - User Experience10:01 - Fixing Performance Problems as a Team

• Engineering Validation
• “Premature optimization is the root of all evil -- Donald Knuth” 
• DOM Manipulation
  • ngRepeat
• Screen Experience

23:28 - Finding Performance Issues

• Chrome Developer Tools
  • Firefox
    • Firebug
• Utilizing Chrome Dev Tools and Creating the Videos on Ben’s Blog
• “Imposter Syndrome”
  • Addy Osmani
  • Paul Irish

29:27 - “Just-in-Time View Construction”34:43 - ngIf 37:16 - Angular 2 Opinions

• [YouTube] Dave Smith: Angular + React = Speed
• Unit Directional Data Flow & Functionality
• Victor Savkin: Change Detection in Angular 2 
• [Egghead.io] John Lindquist: Angular 2: Template Syntax
• ES5, ES6    AtScript, TypeScript
• traceur-compiler
• Babel

46:01 - Moving to 2.0Picks BrowserSync (John)
[Egghead.io] Angular 2: Template Syntax (Joe)
Win an InVision App T-Shirt! (Lukas)
Adventures in Angular (Lukas)
WELCOME TO NIGHT VALE (Katya)
Being and Time (Harper Perennial Modern Thought) by Martin Heidegger (Ward)
Angular Grid (Ward)
Steelheart (The Reckoners) by Brandon Sanderson (Chuck)
StarTech.com MUHSMF2M 2m 4 Position TRRS Headset Extension Cable (Ben)
Any Given Sunday (Ben)News

• ng-vegas: May 7th and 8th, 2015!
• AngularU in the Bay Area in June

Special Guest: Ben Nadel.

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.

Thank you RailsClips Kickstarter Backers! 02:05 - Matias Niemelä Introduction

• Twitter 
• GitHub 
• Blog
• [YouTube] Matias Niemelä: Whats new in ngAnimate 

03:13 - Animations with Angular

• ngAnimate

04:24 - CSS Animations

• Angular Developer Guide: Animations
• Resources:
  • Mozilla: Using CSS animations
  • CSS Animation for Beginners
  • CSS3 Animations  
• GreenSock
• Animate.css

13:06 - Testing

• angular-mocks.js
  • ngAnimateMock
• [insert Matais’ link]

14:40 - Detecting When Animations End16:06 - Animations in 1.4 vs 2.0

• Classes
  • ES6 New Feature List

20:35 - Side Libraries

• Animate.css
• Material Design Aspect
• GreenSock
• ngFx 

22:44 - Routing

• Gaia
• Timeline Feature

26:11 - Default Animations28:14 - Use Cases

• YouTube Browsing Website
  • [YouTube] Lukas Rubbelke & Matias Niemela: Awesome Interfaces with AngularJS Animations

30:19 - Where’s Angular 1.4?!?!?!

• Breaking Changes

Picks McFarland, USA (Joe)
Matias! Matias at ng-vegas! (Joe)
[YouTube] Matias Niemelä: Whats new in ngAnimate (Ward)
Citizenfour (Ward)
Teach Like a Champion 2.0: 62 Techniques that Put Students on the Path to College by Doug Lemov (Ward)
ngFx (Lukas)
Search Inside Yourself: The Unexpected Path to Achieving Success, Happiness (and World Peace) by Chade-Meng Tan (Lukas)
Thank you RailsClips Kickstarter Backers! (Chuck)
Ready Player One by Ernest Cline (Chuck)
Mastery by Robert Greene (Chuck)
Neovim (Matias)News

• ng-vegas: May 7th and 8th, 2015!
• AngularU in the Bay Area in June

Special Guest: Matias Niemelä.

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:20 - Julie Ralph Introduction

• Twitter 
• GitHub
• Google (Seattle Office)
• Angular Team
  • Protractor

02:47 - Finding Angular and the Team04:50 - End-to-End Testing

• WebDriver

08:46 - Making Scripting Easier with Protractor10:57 - Grabbing By Model11:27 - Framework Support

• Jasmine
• Mocha
• Cucumber

12:59 - What You Need to Know to Work with Protractor

• Node.js
• Debugging Knowledge

14:14 - Data Hydration for Tests16:10 - Using Mock Modules17:52 - When Should People Start Using Protractor?23:21 - Using Protractor for Performance Testing

• benchpress

25:06 - Writing End-to-End Tests29:28 - Testing Stories

• The PageObject Pattern
  • [YouTube] Jim Lavin: Using Page Objects in AngularJS Protractor 
• Authentication User Scripts
• Red Flag: Logic in Your End-to-End Tests

32:05 - Protractor 2.0?!33:33 - Support for Angular 2 See Also

• [YouTube] Julie Ralph: End to End Angular Testing with Protractor ​

Picks bardjs (John)
[Pluralsight] Play by Play: John Papa and Ward Bell (John)
The revolution that could change the way your child is taught (Ward)
Teach Like a Champion: 49 Techniques that Put Students on the Path to College (K-12) by Doug Lemov (Ward)
Colt Express (Joe)
ng-book (Chuck)
DevTools: State Of The Union 2015 by Addy Osmani (Julie)
Digital Spring Cleaning (Julie) Special Guest: Julie Ralph.

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:08 - Dropping the “JS”02:15 - Announcements from ng-conf Blog Post 03:20 - Angular Internationalization (i18n) 05:27 - Annotations

• Yehuda Katz and Rob Eisenberg
• Reflection and Injection

09:24 - Runtime, Type Inference, and Dealing with Types at Runtime in TypeScript

• Metaprogramming
• Dependency Injection

11:05 - The Stability of the Current State of Angular

• Directives
  • AngularDart

12:51 - forEach syntax change (from ! to *)13:30 - Binding/Syntax

• [YouTube] Misko Hevery and Rado Kirov: ng-conf 2015 Keynote 2
• “Motivation”
  • Angular Design Docs

17:34 - Two-way Data Binding 20:30 - Observables22:04 - Two-way Data Binding (Cont’d)25:22 - Directives (Angular 1 vs 2)

• How Do You Integrate HTML Templating with the ECMAScript 6 Module System?
• Template Annotation
  • Use Cases

​27:39 - Why Declare Imports in JavaScript?32:37 - Using Globals with WebComponents

• Tooling
• Property Binding

35:23 - Winning Hearts: Moving From Angular 1 => 2

• Getting Started with Angular 2?
  • Current Status: No Docs; Missing Pieces
• WE WANT FEEDBACK! But first:
  • View the Angular Design Docs
  • Watch:
    • [YouTube] Brad Green and Igor Minar: ng-conf 2015 Keynote 1 
    • [YouTube] Misko Hevery and Rado Kirov: ng-conf 2015 Keynote 2

ng-vegas News

• Sponsors! Get in touch: [email protected] 
• Now LIVE! ng-vegas Speaker List

AngularU News

• Coming to California in June!

Picks angular2_calendar (Joe)
ng-vegas (Joe)
ng-conf 2015 YouTube Channel (Ward)
[YouTube] Shai Reznik: ng-wat (Chuck)
The New Angular.io Site (Lukas)
Coding Like a Girl (Brad)
Didgeridoo at ng-conf (Igor)
Angular 2 (Miško)
[YouTube] Dave Smith: Angular + React = Speed + Dave’s Addendum (Igor)Special Guests: Brad Green, Igor Minar, and Miško Hevery.

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.

Live from ng-conf 2015! 05:10 - [YouTube] Shai Reznik: ng-wat 05:59 - TypeScript

• [YouTube] Brad Green and Igor Minar: ng-conf 2015 Day 1 Keynote

13:06 - Migration

• [YouTube] Matias Nemela: What’s New in ngAnimate
• [YouTube] Brian Ford: The New Router
• [YouTube] Dave Smith: Angular + React = Speed

19:23 - Events23:19 - The Kid’s Track and ng-conf extended

• [YouTube] Lukas Reubellke and Geoff Goodman: Badges? We Don’t Need No Strinkin’ Badges
• [YouTube] Katya Eames: How to Teach Angular to Your Kids 

30:28 - [YouTube] Misko Hevery and Rado Kirov: ng-conf 2015 Keynote 2 33:33 - The Community

• [YouTube] William Scott Moss: Sasqwatch is Real 

Picks Woot.com (Aaron)
Ready Player One by Ernest Cline (Aaron)
Quadcopters (Chuck)
Dreamers and Deceivers: True Stories of the Heroes and Villains Who Made America by Glenn Beck (Chuck)
80/20 Sales and Marketing: The Definitive Guide to Working Less and Making More by Perry Marshall (Chuck)
Theater & Drama (John)
[TED] Nancy Duarte: The secret structure of great talks (John)
Resonate: Present Visual Stories That Transform Audiences by Nancy Duarte (John)
William Scott Moss (Lukas)
The Chocolate Malts at The Little America Hotel (Joe)

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.