Adventures In Angular

02:32 - Patrick Stapleton IntroductionTwitter GitHub BlogAngular Class@AngularClassKeychain Logistics  @KeychainHack Reactor@HackReactorReddit Insight04:21 - Angular 2 and Where It’s Headed05:04 - Enterprise/Small App Distinction07:19 - Angular 2 Preparation and MigrationTodoService in Angular 2 and Angular 1 both in TypeScript and ES5 BabelTypeScript10:35 - Authoring Scenario in ES5 vs ES613:44 - Composition Over InheritanceThe Class SystemDuck Typing18:47 - Services and DirectivesPatrick Stapleton and Aysegul Yonet: Creating d3 components with Angular2 and TypeScript @ ng-vegas 201520:48 - Controller vs Link Function22:21 - The Router24:21 - Two-way Data BindingngModelTemplate-Driven, Data-DrivenPicks Amarda: A Novel by Ernest Cline (Aaron) (Chapter 1) Take A First Look At Ernest Cline's Armada (Aaron) Angular Summit (Aaron) Sign Language (Katya) Luther Ingram - If Loving You Is Wrong (Ward) AngularU (Ward) Thinking, Fast and Slow by Daniel Kahneman (Ward) Denmark (Joe) Angular 2 (Patrick) Babel (Patrick)Sp

02:26 - Shai Reznik IntroductionTwitterGitHubBlogYouTubeShai Reznik: ng-wat @ ng-conf 201503:02 - Angular 2 and Shai’s BackgroundAdventures in Angular Episode #40: ng-wat with Shai ReznikHiRez.ioPreparing for Angular 2.0 (Part 1)    05:56 - Radical Changes and the FuturePascal Precht: The difference between Annotations and Decorators Yehuda Katz12:56 - Comparing and Lining Up Code[YouTube] Patrick Stapleton and Aysegul Yonet: Creating d3 components with Angular2 and TypeScript @ ng-vegas 201513:46 - Preparing for NG2 Emotionallyng-europe[YouTube] Shai Reznik: Angular 2 - A Very Very Short Introduction18:44 - What should people start doing to prepare?John Papa's Angular Style GuideStop Using $scopeTemplates => Sections and ComponentsNative Query Selector.serviceStart Using ES6Babeltypescript-compilerwebpackgulp.jsGruntPicks The Princess Bride (Katya) Visual Studio Code (Joe) Console (Shai) Special Guest: Shai Reznik. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcirc

Check out Ruby Remote Conf! 02:19 - Gleb Bahmutov IntroductionTwitter GitHub Blog03:21 - Perceptual PerformancePaul Irish: "Delivering the goods" Fluent 2014 Keynote Gleb Bahmutov: Improving Angular web app performance example. [YouTube] Gleb Bahmutov: Profile and Optimize Your JavaScript Like a Ninja07:09 - Getting User Feedback 12:15 - Profiling, Tools and Techniquescode-snippets 16:45 - Performance OptimizationThe Pareto PrincipleChrome DevTools20:38 - Benchmarks22:20 - Extracting Value from Profilingangular-vs-repeat 26:11 - Top Performance ProblemsTwo-Way BindingKeeping Up-to-Date with VersionsMinimize the Number of Expressions in Template Elements28:44 - Performance LessonsNg-webworkerDave Smith: Angular + React = Speed @ ng-conf 201534:30 - Public Opinion on Performance in Angular40:57 - Drive-by Optimizations42:26 - Angular 2 Performance Predictions Minko Gechev: Bringing Immutability to Angular @ ng-vegas 2015 More From Gleb:Fast Legoization Angular plus React equals Speed revisited JavaScript and An

02:28 - Chris Dias IntroductionTwitter GitHub02:38 - Erich Gamma IntroductionTwitter GitHub03:38 - Visual Studio Code@VisualStudio[YouTube] Chris Dias: Visual Studio Code @ Build2015IDE (Integrated Development Environment)Core Inner LoopOpinionated Workflow06:25 - Task Running Support09:13 - Cross-Platform09:58 - Branding and Searchability#vscodeUserVoice Site for Visual Studio Code Feature Requests13:51 - Philosophically, what were the driving factors behind Microsoft releasing a cross-platform tool?19:10 - Preview => Release TimelineExtensibility 22:04 - Core FeaturesMulticursorIntellisense Debugging Lightweight Environment Project Structure TypeScript Integration33:13 - TestingProblem Matchers36:31 - Angular 1 Support37:29 - Snippets 38:04 - Debugging Support40:07 - Speed41:00 - Features and Tooling (Con’t)PeekFind All References45:40 - Getting the Latest VersionsAuto-UpdateWindows Insider Program47:13 - Visual Studio Code vs Sublime Text Picks Chris Dias, Erich Gamma and John Papa - Visual Studio Code:

Check out and sign up for Ruby Remote Conf!02:09 - Jafar Husain IntroductionTwitter GitHubNetflixTC3902:42 - Falcor@falcorjsNetflix JavaScript Talks - Falcor06:56 - MVC (Model View Controller)Separation of Concerns17:41 - PerformanceRESTLazy Loading34:23 - Angular 2Asynchronous BindingData Access PatternsPicks 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/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

 02:07 - Victor Savkin IntroductionTwitter GitHubBlog02:30 - Dependency Injection (DI)“Inject By Type”Other Project Usedi.js06:54 - How Angular Uses Dependency InjectionAngular 1 vs Angular 2AnnotationsDecorating Classes to Become InjectablesExampleInjectable ClassMechanisms in Angular 113:06 - Lazy Loading        16:14 - Testing18:02 - Change DetectionVictor Savkin: Change Detection in Angular 2[YouTube] Change Detection Reinvented by Victor Savkin @ ng-conf 2015 24:33 - Components & Immutabilityimmutable-js28:08 - Scopezone.js[YouTube] Zones by Brian Ford @ ng-conf 2014 angular/zone.js30:28 - BindingAction Phase/Control PhaseProduction 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 S

01:46 - Dan Wahlin IntroductionTwitter GitHub BlogThe Wahlin GroupPluralsight Author Page02: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 - TypeScriptTypeScript Source Code06:02 - Why Care About TypeScript?07:20 - ES3, ES5, ES610:00 - Type Support11:41 - Refactoring12:39 - Microsoft InvolvementOpen Source <=> Source Open (Pull Request Acceptance)17:45 - Benefits and Concerns.d.tstslint20:07 - TypeScript and AngularDirectives and ProvidersServices vs FactoriesFunctional Programming24:11 - TypeScript and Angular 2Angular.io25:28 - Collaboration (AtScript => TypeScript) Annotations and Naming Conventions30:47 - The Angular Community and TypeScriptTooling and TranspilingBabeltraceurWebStorm36:38 - Type Inferenceng-flowPicks Avengers: Age of Ultron (John) Star Wars: Episode VII - The Force Awakens (John) .d.ts (John) Lord of the Rings (Katya) Avengers: Ag

02:02 - Shai Reznik Introduction[YouTube] Shai Reznik: ng-wat Talk from ng-conf 2015Twitter GitHub HiRez.ioYouTubePreparing for Angular 2.0 (Part 1)JavaScript Israel Meetup Group06: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/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

00:43 - Scott Moss IntroductionTwitter GitHubUdacity@udacityHack ReactorAngular Class@angularclass01:55 - Scott’s Programming Background04:11 - Working with Lukas05:04 - Angular and ES6 (ECMAScript)John Papa's Angular Style Guide06:11 - Subclassing a DirectiveClassical InheritanceDDO (Directive Definition Object)   08:58 - TypeScript    Transpilingtraceur-compiler babelDifferences and Definitions: traceur, babel, TypeScriptLearn about TypeScript 1.5 here and get it here[Pluralsight] John Papa and Dan Wahlin: TypeScript FundamentalsTypes Have Value19:06 - How should people use a transpiler in a real application?webpack gulp.js jspm21: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 - ModularityArrow Functions33:07 - ES5 with Angular 2??37:31 - Good Example of Using ES6 with AngularGoCardlessGoCardless Angular Style Guide39:21 - Learning New Material and Using ES6Picks Learn

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] An

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

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 Ch

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 Cases​27: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 Angu

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: Pr

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/bra

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

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

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/privacy

The crew talks to InVision's Ben Nadel.Special Guest: Ben Nadel. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

The crew talks isomorphic JavaScript and AngularJS with Jeff Whelpley.Special Guest: Jeff Whelpley. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy