Adventures In Angular

On today’s episode, Alyssa Nicoll, Joe Eames, Tracy Lee, John Papa, Ward Bell discuss Organizing Non-traditional Developer Events. Tune in to their exciting talk, and learn how these events are organized! Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

On today’s episode, Charles Max Wood, Lukas Ruebbelke, Joe Eames, and Alyssa Nickel discuss GraphQL and Apollo with Uri Goldshtein. Uri is a core developer at Meteor Development Group.Special Guest: Uri Goldshtein. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

On today’s episode, Charles Max Wood, Alyssa Nickel, Ward Bell, and Joe Eames discuss Incrementally Upgrading an Application to Angular 2 with Danny Blue. Danny is a brand manager at LiveSafe, and is an expert when it comes to web technology. Danny talks about upgrading jQuery spa.   Special Guest: Danny Blue. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

1:25 - Introducing Travis TidwellForm.ioBlogTwitterGithub2:35 - What’s a form and why would you build one?8:30 - Making changes to API-driven formsSwagger13:50 - Forms and GraphQL 15:10 - Working with conditions16:55 - Serverless applications24:20 - Microservices, actions, and web hooks29:15 - Are all PWA’s serverless?31:10 - Building apps API-first instead of mobile-first36:00- The user experience and the API-first approach38:10 - The inspection example42:50 - Rendering widgets using Angularhttps://github.com/formio/ng2-formio46:50 - Teaching the “why” and the “how”Picks:Tools of Titans by Timothy Ferriss (Lukas)Shai Reznik’s HiRez.io (Alyssa)Shai Reznik’s AiA episodes: 046 - Prepping for NG2040 - ng-watObjects of Desire: Design and Society since 1750 by Adrian Forty (Ward)Moleskine notebooks (Charles)Asana (Charles)Westworld (Travis)Special Guest: Travis Tidwell. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

3:10 - Euphemisms for Junior Programmers5:00 - Is “Junior Developer” a useful label?15:25 - Junior/Senior Developer labels and correlations with knowledge18:00 - Hiring and the interview process as a Junior Developer30:00 - Benchmarks for Senior DevelopersPluralSight Skills AssessmentPicks: Postman (John) National Hour of Code Week (John) “Forgetfulness” by Billy Collins (Ward) Asana (Charles)Standard operating procedures for important tasks (Charles) Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

3:00 - Introducing Victor SavkinTwitterWebsite3:30 - Making migration gradual4:45 - NgUpgrade6:20 - What is Router/Upgrade? How is it used?9:15 - Iterative and Incremental upgrading11:35 - UI Router13:20 - Making a gameplan for migratingBlog post16:00 - UI Router versus Angular Router20:05 - Angular Upgrade Static21:40 - Why should you upgrade your Angular modules?25:30 - Reviewing the steps26:30 - Step 3: Migrate individual components and services to Angular 228:50 - Leaf components29:50 - Hashtag routing31:00 - Step 4: Divide the routes between the Angular 1 and the Angular 2 routers35:00 - Step 5: Removing Angular 1 from your setup36:10 - When should you do a progressive migration?39:05 - Predictions for the future of upgrading40:40 - Performance implications of upgrading48:00 - Deployment options51:05 - Narwhal Technologies Picks: Rogue One (John)Top Coders Angular 2 cross-country workshops (Joe and John) Ng Conf (Joe) Toby Chrome plug-in (Lukas) The Cook, The Thief, His Wife, and Her Lover (Ward) Ng Crui

1:20 - What is the Angular router? 4:20 - Router links 5:20 - Child routing 7:00 - Defining a router and a path 10:05 - Controlling browser history 11:05 - Push state versus hash state 15:10 - Style guides and best practices 16:45 - Configuring the routes 19:10 - Router guards 26:55 - Resolve guards 30:20 - Lazy routing and eager routing 38:30 - How to get started with routing Picks: Oakland Raiders (John) Fantastic Beasts and Where to Find Them (John) Rogue One (John) Catalyst by James Luceno (John) The Eagle Huntress (Ward) Evans Mill (Charles) Aaron Walker (Charles) NYC City Pass (Charles) Statue of Liberty (Charles) Ellis Island (Charles) Empire State Building (Charles) Ripley’s Believe It Or Not (Charles) 911 Tribute Center (Charles) Microsoft Connect Keynote (Charles) Javascript Jabber (Charles) iPhreaks (Charles) Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

1:40 - Introducing Uri GoldshtienMeteor Development GroupApollo LibraryGithubTwitter6:00 -Intro to Graph QLhttp://www.graphql.com/Community page28:40 - Live demo of using Graph QL35:00 - Demo using example appsInstagraphBlog postsSpecial Guest: Uri Goldshtein. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

2:35 - What types of teams have we worked on?8:30 - Deciding what kind of team to hire14:25 - Issues and concerns with working on back end/front end teams19:00 - Troubleshooting21:00 - Measuring success with split and cross-functional teams25:35 - Benefits of full-stack teams28:45 - Hiring full-stack, front end, and back end31:05 - Hiring experts and specialists34:45 - Mobile teams36:05 - Viability of teams within React and Angular42:55 - The future of web developmentPicks: Doctor Strange (Joe) Hacksaw Ridge (Joe)Major League Soccer finals (Joe) React Native Radio (Charles) Ignite - Infinite Red (Charles) Frontend Masters (Charles) Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

04:25 - Error message: “Unknown provider”6:00 - Error message: “Can’t resolve all parameters”10:00 - Mistakes from Angular’s framework12:55 - Should I be using relative paths?17:45 - Error Message: “Ng4 let customer end customer”19:35 - Error Message: “Component dashboard component is not part of any module”20:37 - Lazy loading and module errors33:10 - NgModule for data collection errors35:30 - No errors schema39:30 - Syntax errors and decorators45:25 - Forgetting to add a component to your template49:30 - Rating Angular 2’s error messages54:10 -Error Message: Object supporting error for NG456:30 - Mapping result errors1:05:00 - Words for the wisePicks: Artisanal Pencil Sharpening (Ward) Bob and Ray, “Most Beautiful Face Contest Winner”  (Ward) Plunker (John) Jamba Juice’s Peanut Butter Chocolate Love Shake (Joe) Smashburger (Joe) Tesla Solar (Joe) Covert game (Joe)Doctor (Lukas) Legoland Discovery Center (Lukas) One Stop Nutrition shakes (Lukas) Bike Prank video (Lukas) Born to Win seminar by Zig Ziglar on A

2:15 - How Joe Eames got into Angular7:50 - How Charles Max Wood got into Angular12:30 - Being on Javascript Jabber15:00 - Hosting an Angular conference23:20 - Charles’ education and career in Rails34:35 - Joe’s current projectsNgConf 201737:10 - Charles’ current projectsJS Remote ConfUpcoming Remote Conferences40:25 - Getting into programmingPicks: Designated Survivor (Joe)Going to the dollar theater (Charles) The Daily Lasagna (Charles) Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

2:40 - Introducing Tero ParviainenNgConf Presentation: “Generative Art in Angular 2”WebsiteGithubBuild Your Own AngularJS ebook 4:10 - Hot Loading“Angular 2 Hot Loading with @ngrx/store and Webpack” article by Tero5:45 - Using @ngrx/store8:25 - How is Time Travel possible with reloading?13:40 - Playback17:10 - Backends and Side Effects21:05 - Overloading and discarding of your old application24:40 - Pressing F5 versus Time Travel26:40 - Using Breeze.js27:35 - Workflow setup29:50 - Tero Parviainen and MusicIn-C on Github34:55 - Using the process with NgRX and Redux37:20 - Learning code languages and assembling your toolkitPicks: Carmen Popoviciu’s talk “Neural Networks and Machine Learning: Building Intelligent Angular Applications (Lukas) RxJS free course (Lukas) Hello World using every design pattern (Ward) The 12 Week Year (Charles) JS Remote Conf 2017 (Charles) Angular Remote Conf videos (Charles) RxJS Operator Selector (Tero) Bret Victor “Inventing on Principle” (Tero) Ultimate Angular course platform (Lu

02:20 - Introducing Tobias Bosch03:40 - What does the Compiler do?05:00 - Compiling in Angular 209:15 - Loading templates after using an Angular 2.0 Compiler10:30 - Just In Time and Ahead Of Time compilations15:40 - Advantages of the AOT approach17:40 - Hacker attacks19:45 - Dynamic scenariosComponent Factory Resolver21:35 - Functions of the Compiler: Tree shakingGoogle Closure Compiler25:50 - Angular 2.0 Compiler and end modules26:40 - AOT and sizing27:40 - Rollup bundles30:10 - Using RxJs32:00 - Router outlets and siblings34:40 - Plans for rolling out features for developersLucidchart37:40 - Motivations and driving forces39:20 - Rendering targetsPicks: Ship To Hawaii (Jules) TensorFlow (Tobias) Your Inner Fish by Neil Shubin book and the PBS Series (Ward) “Cross Site Request Funkery” talk by Dave Smith (Lukas) Professor Frisby's Mostly Adequate Guide to Functional Programming by Brian Lonsdorf (Lukas) Life Expectancy by Dean Koontz (Joe) NG Cruise (Joe) Source Map Explorer (John) Angular 2.0 Ultimate Worksh

2:15 - Introducing Rob DodsonPolycasts with Rob DodsonA11ycasts with Rob DodsonTwitter2:35 - What are Web Components?5:00 - Using Web Components10:05 - Why material design hasn’t focused on Web Components11:55 - Making Web Components smaller14:45 - Standards of work18:10 - What is “Shadydom”?21:05 - Benefits of using Web Components and custom elements26:05 - Web Components and Angular 2.031:05 - Eventing and lifecycle models for Web Components33:55 - Testing Web Components35:30 - Benefits of using Polymer38:50 - Clearing up confusion between Polymer, polyfills, and Web Componentshttp://webcomponents.org/SkateJSPolymer Project41:20 - What does Rob Dodson do?Polymer Summit London 201642:40 - Seeing how Angular 2 and Web Components connecthttps://github.com/webcomponents/angular-interophttps://github.com/robdodson/angular-custom-elementsCustom Element Inter-op with Angular 2 by Danny BluePicks: Men Explain Things to Me by Rebecca Solnit (Ward) Angular Remote Conf videos (Charles) Web Components Remote Conf (Char

1:50 - Introducing Jeff Whelpley at Angular Remote ConfTwitterGithubAngular Air3:40 -  Working on Angular Air6:25 - Lessons from Ben LeshEpisode Link8:20 - Lessons from Gleb BahmutovEpisode Link11:50 - Lessons from Aaron FrostEpisode Link14:00 - Lessons from Shai ReznikEpisode Link16:50 - Lessons from Joe EamesEpisode Link19:10 - Lessons from Uri Goldshtein21:40 - Lessons from Wesley Cho and Jesus RodriguezEpisode Link25:40 - Lessons from Brad Green28:50 - Lessons from Igor Minar31:40 - Lessons from Victor Savkin and Dan AbramovEpisode Link34:30 - Lessons from Amy Knight36:05 - Lessons from Patrick Stapleton39:00 - Lessons from Jamie King and Kyle NewmanFanboys movieEpisode LinkSpecial Guest: Jeff Whelpley. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

1:25 - Introducing Marcel GoodBreezeGithubTwitterinfo@ideablade.com2:15 - Introducing Steve SchmittIdeaBladeGithub4:00 - Why replace a MVC with Angular 2.0?6:30 - Transitioning platforms9:50 - Projects on Angular 2.014:50 - Visual Studio and other tools for Angular 2.024:50- Debugging27:30 - Using Webpack in Visual Studio30:20 - Structuring an application in .Net34:20 - Managing app data39:20 - Managing changes49:15 - Examples of Visual Studio working with Angular 2Picks: Silicon Valley Code Camp (Ward) DEVintersection conference in Las Vegas (Ward) Brian Lonsdorf - “Oh Composable World!” Keynote speech (Lukas) Michael Vey Series by Richard Paul Evans, specifically book six: Fall of Hades (Charles) myVEGAS Slots iPhone game (Charles) Temphire Angular 2.0 Examples (Marcel) Google Trips (Marcel) 8 Days A Week Beatles documentary on Hulu (Steve)Special Guest: Marcel Good. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

2:20 - Should everybody update to Angular 2?3:50 - Defining migrationNGUpgrade6:30 - Is migration worth it?12:30 - Schedule for rewriting large and small apps17:10 - Business versus Technology: Rewriting apps19:00 - Process for migrating from Angular 1 to Angular 230:00 - Migrating routers40:00 - Module loading40:30 - Role of testing in a migrationJoe Eames’ Pluralsight Course45:05 - Transferring Angular 1 code to Angular 2Picks: Eat The World show on Amazon Prime (Lukas) Pluralsight course on migrating from Angular 1 to Angular 2 (Joe) The Last Starfighter (Joe) Shannara series by Terry Brooks (Charles) Webinar Jam Studio (Charles) Five Mistakes That Are Keeping You From Getting Hired Webinar (Charles) Angular Remote Conf Archives (Charles) Angular 2 Workshop (Joe) Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

1:50 - Introducing Nate MurrayTwitterBlogFullstack.io TwitterNg-book 2 download2:45 - Redux and Angular 25:45 - Using Redux with apps16:20 - Practical applications with Redux24:35 - What problems does Redux solve?28:00 - Mutable state31:30 - Challenges in Redux32:25 - Tradeoffs using NgRxDan Abramov’s Github43:15 - Flow changes in Redux45:40 - Redux and observables52:45 - Simplifying data structures without using ReduxBreeze.jsPicks: Alexander Hamilton by Ron Chernow (Ward) “Out of the Tar Pit” by Ben Moseley and Peter Marks (Lukas) RxJS Overview (Lukas)Fishing and fish frys with family (Charles) Using Angular 2 Patterns in Angular 1.x Apps by Lukas Ruebbelke (Nate) Building Angular 2 Applications with Immutable.js and Redux by Houssein Djirdeh (Nate) “A Cambrian and Explosion of Consensual Realities” by Venkatesh Rao (Nate)Special Guest: Nate Murray. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

2:00 - Introducing Angular 2.0!7:30 - Release plan for updates11:25 - Angular 3.0?13:50 - What to expect from 2.016:15 - Angular within the Javascript world18:00 - Updates to Angular’s Ecosystem18:45 - Patch releases and docks19:55 - Why did Angular 2.0 take so long to come out?24:40 - Top three things to know about Angular 2.026:15 - CLI, AOT, and Lazy Loading30:22 - Angular 1.0 to 2.036:05 - Promoting Angular 2.038:25 - Plans for NG Upgrade39:40 - Impact of AngularPicks: Stranger Things (Kara) Three Body Problem by Cixin Liu, translated by Ken Liu (Brad) Hamilton (Ward) Starship’s Mage by Glynn Stewart (Joe) Gulp (John) Rogue One (John) Angular Connect (Lucas) Maggie Appleton (Lucas) Get to Work Book (Lucas) Angular 2.0 Workshop with John Papa and Dan Wahlin (Lucas) Angular Remote Conference (Charles) Webinars (Charles) Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Angular BootcampAngular Remote ConferencePanel: Joe Eames, John Papa, Jules Kramer, Lucas Reubelki, and Charles Max Wood1:50 - Introducing Mike Hartington and Justin WillisMike’s GithubMike’s BlogMike’s TwitterJustin’s TwitterJustin’s Github3:00 - Updates to Ionic Creator5:00 - Choosing between Ionic 1 or Ionic 29:15 - Updating Ionic with Angular’s changes11:25 - Using Ionic CLI to create projects13:00 - Overlap between Angular CLI and Ionic CLI15:20 - Progressive web apps vs Ionic18:35 - Ionic with PWA’s and Ionic with Cordova20:05 - What is a PWA?22:30 - Dispelling the rumors around Ionic and CordovaUntappd social drinking appSworkit workout app24:50 - Gaming and Ionic26:15 - Lessons learned from beta testing Angular 229:15 - Limitations to Cordova31:10 - Coding and Platform34:50 - Using RXJS and Promises36:50 - Animations37:40 - Testing Story for IonicPicks: Ionic extension for VS Code (John)Gene Wilder and Young Frankenstein (Joe) ServiceWorker Cookbook (Justin) Reddit DIY (Mike)Special Guests: Justin Wil