

Adventures in Angular
Charles M Wood
Join our weekly discussion about how to build top end Angular applications and become an Angular expert.Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
Episodes
Mentioned books

Apr 16, 2015 • 57min
038 AiA Performance with Ben Nadel
01:35 - Katya Eames IntroductionTwitter[YouTube] Katya Eames: How to Teach Angular to Your Kids01:52 - Ben Nadel IntroductionTwitter GitHub BlogAdventures in Angular Episode 029: Angular At Work with Ben NadelInVision@InVisionApp04:47 - PerformanceBasecamp Nested Pages08:04 - User Experience10:01 - Fixing Performance Problems as a TeamEngineering Validation “Premature optimization is the root of all evil -- Donald Knuth” DOM ManipulationngRepeatScreen Experience23:28 - Finding Performance IssuesChrome Developer ToolsFirefoxFirebugUtilizing Chrome Dev Tools and Creating the Videos on Ben’s Blog“Imposter Syndrome”Addy OsmaniPaul Irish29:27 - “Just-in-Time View Construction”34:43 - ngIf 37:16 - Angular 2 Opinions[YouTube] Dave Smith: Angular + React = SpeedUnit Directional Data Flow & FunctionalityVictor Savkin: Change Detection in Angular 2 [Egghead.io] John Lindquist: Angular 2: Template SyntaxES5, ES6 AtScript, TypeScripttraceur-compilerBabel46: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)Newsng-vegas: May 7th and 8th, 2015!AngularU in the Bay Area in JuneSpecial Guest: Ben Nadel. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Apr 9, 2015 • 39min
037 AiA Animations with Matias Niemelä
Thank you RailsClips Kickstarter Backers! 02:05 - Matias Niemelä IntroductionTwitter GitHub Blog[YouTube] Matias Niemelä: Whats new in ngAnimate 03:13 - Animations with AngularngAnimate04:24 - CSS AnimationsAngular Developer Guide: AnimationsResources:Mozilla: Using CSS animationsCSS Animation for BeginnersCSS3 Animations GreenSockAnimate.css13:06 - Testingangular-mocks.jsngAnimateMock[insert Matais’ link]14:40 - Detecting When Animations End16:06 - Animations in 1.4 vs 2.0ClassesES6 New Feature List20:35 - Side LibrariesAnimate.cssMaterial Design AspectGreenSockngFx 22:44 - RoutingGaiaTimeline Feature26:11 - Default Animations28:14 - Use CasesYouTube Browsing Website[YouTube] Lukas Rubbelke & Matias Niemela: Awesome Interfaces with AngularJS Animations30:19 - Where’s Angular 1.4?!?!?!Breaking ChangesPicks 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)Newsng-vegas: May 7th and 8th, 2015!AngularU in the Bay Area in JuneSpecial Guest: Matias Niemelä. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Apr 2, 2015 • 43min
036 AiA Protractor with Julie Ralph
01:20 - Julie Ralph IntroductionTwitter GitHubGoogle (Seattle Office)Angular TeamProtractor02:47 - Finding Angular and the Team04:50 - End-to-End TestingWebDriver08:46 - Making Scripting Easier with Protractor10:57 - Grabbing By Model11:27 - Framework SupportJasmineMochaCucumber12:59 - What You Need to Know to Work with ProtractorNode.jsDebugging Knowledge14:14 - Data Hydration for Tests16:10 - Using Mock Modules17:52 - When Should People Start Using Protractor?23:21 - Using Protractor for Performance Testingbenchpress25:06 - Writing End-to-End Tests29:28 - Testing StoriesThe PageObject Pattern[YouTube] Jim Lavin: Using Page Objects in AngularJS Protractor Authentication User ScriptsRed Flag: Logic in Your End-to-End Tests32: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/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Mar 26, 2015 • 46min
035 AiA The Current State of Angular with Brad Green, Igor Minar, and Miško Hevery
01:08 - Dropping the “JS”02:15 - Announcements from ng-conf Blog Post 03:20 - Angular Internationalization (i18n) 05:27 - AnnotationsYehuda Katz and Rob EisenbergReflection and Injection09:24 - Runtime, Type Inference, and Dealing with Types at Runtime in TypeScriptMetaprogrammingDependency Injection11:05 - The Stability of the Current State of AngularDirectivesAngularDart12:51 - forEach syntax change (from ! to *)13:30 - Binding/Syntax[YouTube] Misko Hevery and Rado Kirov: ng-conf 2015 Keynote 2“Motivation”Angular Design Docs17: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 AnnotationUse Cases27:39 - Why Declare Imports in JavaScript?32:37 - Using Globals with WebComponentsToolingProperty Binding35:23 - Winning Hearts: Moving From Angular 1 => 2Getting Started with Angular 2?Current Status: No Docs; Missing Pieces WE WANT FEEDBACK! But first:View the Angular Design DocsWatch:[YouTube] Brad Green and Igor Minar: ng-conf 2015 Keynote 1 [YouTube] Misko Hevery and Rado Kirov: ng-conf 2015 Keynote 2ng-vegas NewsSponsors! Get in touch: joeeames@gmail.com Now LIVE! ng-vegas Speaker ListAngularU NewsComing 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/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Mar 19, 2015 • 43min
034 AiA LIVE! from ng-conf 2015
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 Keynote13:06 - Migration[YouTube] Matias Nemela: What’s New in ngAnimate[YouTube] Brian Ford: The New Router[YouTube] Dave Smith: Angular + React = Speed19: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/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Mar 12, 2015 • 27min
033 AiA Elementor with Andres Dominguez
Check out RailsClips on Kickstarter!! 00:58 - Andres Dominguez IntroductionTwitterGitHubBlogGoogle: New York01:47 - protractorSelenium WebDriverWebDriverJsJavaScript Jabber Episode #106: Protractor with Julie Ralph Julie Ralph03:50 - elementor[YouTube] Elementor, an improved element explorer for protractorelementexplorer[YouTube] Protractor's element explorer IDEsWebStormIntelliJ IDEA09:54 - Use Outside of Angular10:37 - The Name: “Elementor”11:11 - Conception => ProductionWriting TestsText EditorsSublimevim12:42 - Implementing Elementor / WorkflowTDD (Test-driven Development)14:39 - Testing a Non-Angular Website15:31 - Installing the Elementor Chrome ExtentionGoogle Developer Tools18:45 - Running in Emacs 19:47 - Plugins (egghead.io) sjumpddescriber 20:47 - DebuggingPicksOpen Space Events and Conferences (Joe) Miracles and Massacres: True and Untold Stories of the Making of America by Glenn Beck (Chuck) DevDocs (Andres) Special Guest: Andrés Domínguez. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Mar 5, 2015 • 50min
032 AiA Angular UI Router with Craig McKeachie
Check out RailsClips on Kickstarter!! 01:41 - Craig McKeachie IntroductionTwitter BlogThe JavaScript Framework Guide by Craig McKeachie02:07 - RoutingUI-Router: Why many developers don’t use AngularJS’s built-in router 03:48 - Essential Characteristics of a Router04:53 - Emphasis on the URL10:03 - UI Router > Custom Directives, Includes, or ngSwitchEmber interview with Tom Dale, a Robust FrameworkNested Views / Child Routes12:06 - Nested RoutesHow to make Angularjs nested routes?15:09 - Boxes: “Boxes in boxes in boxes”ng-view19:44 - Navigation and Code Maintenance25:28 - Routers in Other Frameworks and the Angular 1.4 RouterThe new Router for AngularJS by Rob Eisenberg at ng-europe 2014Rob Eisenberg: Angular 2.0 Router Scenarios 27:28 - Page Lifecycle Support37:44 - State ObjectURL Routingng-conf NewsThe Adventures in Angular Crew will be doing a LIVE panel at ng-conf on Friday, March 6th, 2015 during lunchtime at noon!Picks ng-conf (John) Angular U (John) ng-vegas (John) The Way of Kings (The Stormlight Archive, Book 1) by Brandon Sanderson (Joe) Craig McKeache's Blog Post - UI-Router: Why many developers don’t use AngularJS’s built-in router (Ward) Ira Glass on Storytelling, part 1 of 4 (Ward) RailsCasts Kickstarter (Chuck) Developers’ Box Club (Chuck) Ruby Remote Conf (Chuck) A Pirate's Adventure ~ Treasures of the Seven Seas (Craig) The Ginormous Unstoppable Angular Resource List of Angular Resources (Craig)Special Guest: Craig McKeachie. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Feb 26, 2015 • 46min
031 AiA Advanced Directives
01:32 - Redefining DirectivesBen Nadel: Don't Blindly Isolate All The Scopes In AngularJS Directives“Priority” in DirectivesngIncludeFaking Them OutFoo Directive16:42 - Why Would You EVER Use the Precompile Function?Link FunctionThe nitty-gritty of compile and link functions inside AngularJS directives Compile Function: $compileTransclude FunctionngIfngRepeat24:14 - When Should You REALLY Use Isolated Scope?Ben Nadel: Using Isolate Scope In Directives In AngularJSUnderstanding ScopesNew Directives in Angular 2:Component DirectiveDecorator DirectivengClickngShowngHide Template Directive (Structural Directive)ngRepeatOther ResourcesJoe’s Pluralsight Course: AngularJS Directives FundamentalsTipsWatch Ward’s course (Testing Techniques in Angular) when it comes out. (Joe)The Ionic Framework and Lukas Reubbelke: Ionic ProTips for the Awesome and Lazy Developer (Lukas)Picks Instrumentalities of the Night Book Series by Glen Cook (Joe) David East: An Angular2 Todo App: First look at App Development in Angular2 (Ward) Hooked: How to Build Habit-Forming Products by Nir Eyal (Lukas) American Sniper by Chris Kyle, Scott McEwen, and Jim De Felice (Chuck)TipsWatch Ward’s course (Testing Techniques in Angular) when it comes out. (Joe) The Ionic Framework and Lukas Reubbelke: Ionic ProTips for the Awesome and Lazy Developer (Lukas)NewsAnnouncing: ng-vegas!!! May 7th-8th at the Westin Lake Las Vegas Resort.Early bird tickets go on sale at 12:00 noon PST on March 3rd, 2015 and will be $700.Regular tickets go on sale at 12:00 noon PST on March 12th, 2015 and will be $800.Call For Presenters (CFPs) close on March 7th, 2015 at midnight.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Feb 19, 2015 • 29min
030 AiA Angular Interns with Rodric Haddad and Anting Shen
The crew talks to Angular interns Rodric Haddad and Anting Shen.Special Guests: Anting Shen and Rodric Haddad . Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Feb 12, 2015 • 35min
029 AiA Angular At Work with Ben Nadel
The crew talks to InVision's Ben Nadel.Special Guest: Ben Nadel. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.