Adventures in Angular

Angular Elements, Annex & Storybook with Brad McAlister - AiA 439

Thu, 09 Jan 2025 11:00:00 +0000

In this episode of Adventures in Angular, Brad McAlister joins our regular panelists: Alyssa, Chris, and Brooks! Brad walks us through his work of transitioning into an Annex Monorepo and how working with Angular Elements in conjunction has been going. Brad also breaks down what StoryBook is and how it has helped him in his workflows.

Picks

Alyssa - Watch Harry Potter movies when its Fall
Alyssa - Goldberg Zweigelt from Austria 2014
Brooks - Merkur 34C Heavy Duty Safety Razor
Brooks - The Addams Family
Chris - http://brewdog.com/
Chris - http://nakedwines.com/
Brad - Craft Beer
Brad - Doing Things That You Should Have Done 20 Years Ago

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

How to Get a 60% Performance Gains with Push Pipe featuring Michael Hladky - AiA 438

Thu, 02 Jan 2025 11:00:00 +0000

Michael Hladky joins the adventure to discuss how he's gotten a 60% performance increase using push pipe and related techniques.
Many developers can get by without this technology, but Michael explains how to pull the push pipe into your code and what that looks like compared to Zone.js and the default stack in Angular.

Links

Picks

Charles- Psycho-Cybernetics
Charles- Focus Blocks
Michael- Learn to dance and sing
Michael- Book his performance audits
Subrat- The 5 AM Club: Own Your Morning. Elevate Your Life.

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

Matchmaking NGXS and Firebase with Joaquin Cid - AiA 437

Thu, 26 Dec 2024 11:00:00 +0000

Joaquin Cid is an Argentinian developer who has built a plugin for NGXS state library that allows developers to connect to Firebase and have their queries automatically import into NGXS. Further, it also allows them to define actions that will update their datastore when triggered.
The new Adventures in Angular panel dives into the ins and outs of using NGXS and Firebase to build rich applications with Angular and these technologies.

Links

Picks

Charles- Who Not How
Charles- As a Man Thinketh
Joaquin- Newell's Old Boys
Joaquin- NGXS
Richard- Chania, Crete, Greece
Richard- My team (Dodo) from Optimal Systems
Richard- Building Performance Optimized Web Apps with Angular and Firebase - YouTube
Subrat- NestJS
Subrat- Lucifer

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

Practical Applications of RxJS in Angular Development - AiA 436

Thu, 19 Dec 2024 11:59:00 +0000

In today's episode, Lucas is joined by Jason Akbar, a full-stack software engineer who’s got a knack for front-end development. He recently penned some intriguing articles on Medium about RxJS operators. He will reveal what motivated him to write about RxJS operators, especially focusing on the top 17 operators that every Angular developer should know. They will break down each of these operators—like the map, filter, and debounce time—and discuss how they can streamline your Angular development. Jason will also touch on some of the lesser-known but incredibly useful operators like concat and merge, providing real-world examples of where these can come in handy.
Whether you’re navigating your way through Angular or looking to refine your skills, this episode is packed with nuggets of wisdom that you won't want to miss. Jason also has some tips on where you can find additional resources to master RxJS.

Links

Mastering RxJS Operators in Angular: The Top 17 Operators

Socials

LinkedIn: Jason Akbar

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

Azure Cognitive Services with Ankit Sharma - AiA 435

Thu, 12 Dec 2024 11:00:00 +0000

Ankit Sharma, an Angular GDE and author, joins us in this episode of Adventures in Angular to talk about using Azure cognitive services with Angular.

Links

Picks

Brooks - Cover face AND nose
Ankit - TEACH: share your knowledge

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

Power Up Angular with RXjs with Armen Vardanyan - AiA 434

Thu, 05 Dec 2024 11:00:00 +0000

Armen Vardanyan is an Armenian Angular developer who works extensively with both angular and RXjs. He walks Chuck through the ins and outs of how he uses RXjs to expand the functionality of his Angular applications and how to think about observables in general.

Picks

Armen- Frank Herbert's Dune Saga 6-Book Boxed Set
Charles- The Way of Kings: The Stormlight Archive, Book 1
Charles- Words of Radiance: The Stormlight Archive, Book 2
Charles- Oathbringer: Book Three of the Stormlight Archive
Charles- Rhythm of War: Book Four of The Stormlight Archive

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

Getting your Components to Communicate with Ravi Veliyat - AiA 433

Thu, 28 Nov 2024 11:00:00 +0000

Ravi Veliyat helps train people in many web technologies, Angular being one of them. The panel discusses the various ways you can get your components to communicate, from inputs and outputs all the way up to NgRx. Ravi walks through the different options, with great examples that will keep you on the edge of your headphones.

Links

Picks

Alyssa - Oculus Quest Headset
Eddie - Sentry.io
Eddie - Notion.so
Chris - Pokémon™ Sword
Ravi - veliyat.com
Ravi - https://www.youtube.com/c/raviVeliyat

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

Managing and Capturing Errors in Angular ft. Philipp Kief - AiA 432

Thu, 21 Nov 2024 11:00:00 +0000

Philipp Kief is a German developer who walks through how to manage and capture errors in your Angular application and how to display them to users.
He discusses how he standardized error handlers in his applications and what he does to make sure that they get logged someplace.

Links

Picks

Charles- Level Up | Devchat.tv
Charles- PodcastBootcamp.io
Charles- The Chosen
Philipp- Web-based editor
Richard- Material Icon Theme
Subrat- Start with Why: How Great Leaders Inspire Everyone to Take Action

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

Web Components for Cross Framework Development with Nishu Goel - AiA 431

Thu, 14 Nov 2024 11:00:00 +0000

Nishu Goel joins the Adventure to talk about how Web Components can be used in Angular applications and how to use them to share functionality across multiple applications written in different frameworks. We also dive into how web components are used and compatibility across browsers.

Links

Picks

Charles - Step-by-Step Angular Routing by Nishu Goel
Charles - The Masked Singer
Charles - Expert Secrets
Chris - Rhod Gilbert Clips on Youtube
Brooks - Capacitor: Universal Web Applications
Eddie - NestJS
Eddie - Sunlight and Warm Weather
Nishu - Follow Nishu on Twitter > @Dcoustawilson
Nishu - WebAssembly
Nishu - WASM game
Nishu - Playing with rabbits

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

Profiling Angular Apps with Gil Fink - AiA 430

Thu, 24 Oct 2024 10:00:00 +0000

The illustrious and well-regarded Gil Fink joins the Adventures in Angular panel to talk about profiling your Angular apps. Profiling consists of finding bottlenecks, and memory leaks among other problems within your application. Most of the time, the problems are hard to see from the development side. Usually, they appear when your user uses a device that is slow or a connection that is faulty. Gil explains how to find and fix them.

Links

Picks

Gil - Follow Gil on Twitter > @gilfink
Gil - Wokwi https://github.com/wokwi/wokwi-elements
Gil - Star Wars The Clone Wars
Alyssa - BundleSize.dev - Analyze and Benchmark your JavaScript and TypeScript
Shai - FREE WORKSHOP - The Roadmap to Angular Testing Mastery
Shai - https://www.ng-conf.org
Younes - Reactive Extensions for Angular
Chris - Eero
Chris - @GrumpySkeletor
Brooks - LoopBack 4
Eddie - Animal Crossing

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

Leveraging Event Sourcing: Enhancing Scalability and Consistency in Front-end and Back-end - AiA 429

Thu, 17 Oct 2024 10:58:00 +0000

In this episode, Lucas, Armen, and Subrat are joined by Luis Galeas, the CEO and founder of Ambar. Today's discussion dives into the fascinating world of event sourcing, exploring its intricacies in both front-end and back-end development.
Event sourcing has emerged as a pivotal technique for managing the state by recording events that can rebuild the application state, bringing unique challenges and opportunities, especially on the back end where state persistence and scalability are critical. Luis shares his expertise on how Ambar's tools simplify event connections with minimal coding, the importance of efficient data transfer, and how event sourcing can transform state management.
They also cover practical aspects like the technological components, system design, and implementation strategies for event sourcing, providing a comprehensive overview for developers keen on enhancing their applications. Lucas, Armen, and Subrat, alongside Luis, provide valuable insights and address common challenges, ensuring you walk away with actionable knowledge.
To round things off, Luis introduces a free course offered by Ambar to dive deeper into event sourcing and discusses how gradual implementation can ease the transition for your development projects. Stay tuned for a deep dive into event sourcing's potential to revolutionize your approach to state management in both front-end and back-end technologies.

Socials

LinkedIn: Luis P Galeas

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

Is There Benefits from Working From Home with Will Gant - AiA 428

Thu, 10 Oct 2024 10:00:00 +0000

In this episode of Adventures in Angular, Will Gant, author of Remote Work talks about working from home and working outside of the client's office. He and Brooks share their experience with working through the challenges, benefits, and methods of working remotely.

Picks

Will - Follow Will's work on > www.simpleprogrammer.com
Brooks - NGXS
Brooks - Tiger King

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

Data Mocking with Dave Cooper - AiA 427

Thu, 03 Oct 2024 10:00:00 +0000

In this episode of Adventures in Angular the panel interviews Dave Cooper, who recently gave a talk at AngularConnect about using Mock Data. Dave starts by explaining more about his talk and sharing the benefits of using data mocking solutions and rapid prototyping. He shares the secrets of doing rapid prototyping.

There are challenges to using mock data, Dave shares a few of them and explains how to overcome them. The number one challenge of using mock data is keeping it in sync with your real data and making it look real.

Dave explains how to get started with mock data and shares library recommendations. The panel discusses the use cases for mock data and Dave walks them through a few scenarios for using mock data. He shares use case recommendations and discusses using mock data for testing.

The panel discusses the benefits of using mock data for demos and courses. The possibilities and future of mock data and pact testing are explored. Dave shares his coding process and explains how much faster he can code by using mock data.

Links

Picks

Shai - TestAngular.com
Shai - https://twitter.com/shai_reznik/status/1202293459207540737
Shai - Angular 9: Getting Ready To Update to Angular 9
Dave - https://www.npmjs.com/package/data-mocks
Dave - Dough: Simple Contemporary Bread
Younes - https://www.json-generator.com/
Younes - https://docs.pact.io/implementation_guides/javascript
Charles - A Christmas Story
Charles - Holiday Inn
Charles - White Christmas
Charles - The Bishop’s Wife
Charles - Frozen 2

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

Managing Component State the Sane Way with Freddy Montes - AiA 426

Thu, 26 Sep 2024 10:00:00 +0000

Freddy Montes joins the adventure to discuss how he and his team manage state in their Angular components.
Many development teams instinctively reach for a solution like ngrx when they're building their angular apps and start seeing complex state. However, there's a lot of boilerplate and it's often overkill for small to medium apps. Freddy talks about his journey into managing state for his components using observables and basic state libraries.

Links

How to manage component state in Angular using @ngrx/component-store

Picks

Charles- Premium Podcast Feeds | Devchat.tv
Charles- Hiro.fm
Charles- ThriveCart
Charles- Zapier
Charles- TrainingPeaks
Charles- Built Bar
Freddy- Couch to 5K Runner
Freddy- Weiser Lock

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

Cross Platform Angular with Richard Sithole - AiA 425

Thu, 12 Sep 2024 10:00:00 +0000

Have you ever thought how nice it'd be to write your apps for desktop and mobile alongside the web? Richard Sithole joins the adventure to discuss how to pull a desktop app and mobile app into your repo using electron and capacitor to extend the functionality to new platforms.
It turns out that a single repo cross-platform app isn't a total pipe dream.

Links

Twitter: Richard Sithole ( @sliqric )

Picks

Charles- Relationships
Charles- monday.com
Charles- LinkedIn
Charles- Hunter.io
Charles- Dev Influencers | Devchat.tv
Richard- NVIDIA SHIELD
Richard- How to write a great technical blog post by Sashko Stubailo
Richard- freeCodeCamp
Richard- inDepthDev
Richard- WHAT WEB CAN DO TODAY?

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

Micro Frontends and Zoneless Angular: Bridging Framework Interoperability - AiA 424

Thu, 05 Sep 2024 10:00:00 +0000

Dive deep into the latest trends and challenges in the development world. Lucas, Armen, and Subrat Mishra are joined by a special guest, Rakia Ben Sassi, a Google Developer Expert in Angular.

In this episode, they explore the complexities and potential benefits of adopting Zoneless Angular and discuss the critical updates in Angular 18, including improved composability for micro frontends and interoperability with other frameworks. They also cover the technical barriers and performance issues associated with Zone JS, and how its removal could significantly streamline your development process.

They delve into the practical considerations for server-side rendering (SSR) and client-side rendering (CSR), offering a hybrid approach that could be beneficial for large applications. Rakia shares some fascinating use cases, including an e-commerce application example, to illustrate the real-world impact of choosing SSR versus CSR.

They touch on the new features in the Angular Forms API, including a discussion on the new observable for form control events, and its relevance in complex applications.

Finally, they wrap up with some promotional content, where Armen talks about his upcoming book "Modern Angular," Lucas highlights Top End Devs' tech podcasts, Rakia promotes her blog and video courses, and Subrat invites you to check out his YouTube channel.

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
Armen Vardanyan
LinkedIn https://www.linkedin.com/in/armen-vardanyan-am/
Charles Wood
Linkedin https://www.linkedin.com/in/charlesmaxwood/
Subrat Mishra
LinkedIn: https://www.linkedin.com/in/subrat-k-mishra/
Rakia Ben Sassi
LinkedIn: https://www.linkedin.com/in/rakiabensassi/

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

Accessibility in Angular with Vitalii Bobrov - AiA 423

Thu, 29 Aug 2024 10:00:00 +0000

Special guest, Vitalii Bobrov joins us to talk about accessibility on the web and how to relate it to user experience in general. What can we do to improve accessibility? How can we improve accessibility? Why should we even care about accessibility? Find the answers to these questions and much more on this very insightful episode of Adventures in Angular.

Links

Picks

Alyssa - CodeItLive
Vitalii - JS Rocks
Eddie - Swift UI
Eddie - Axe
Chris - Kingdoms of Amalur Re-Reckoning
Chris - Endeavour

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

Bazel with Alex Eagle - AiA 422

Thu, 22 Aug 2024 10:57:00 +0000

Alex Eagle is a Software Engineer on the core Angular team at Google. Alex and the panel talk about Bazel, a a free software tool that allows for the automation of building and testing of software.

Links

Picks

Aaron - Axe Throwing
Jennifer - Drama on the The Bachelor ( TV series)
Joe - FIFA Women's World Cup France 2019
Joe - Playing Dungeons & Dragons with Aaron Frost
Alex - Firefly (TV Series 2002–2003) - IMDb

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

Functional Programming with Angular, NgRx with Raul Jimenez - AiA 421

Thu, 08 Aug 2024 10:00:00 +0000

Raul Jimenez, the CEO of Byte Default, answers the panels many questions on functional programming with NgRx. In this playful interview, Raul defines functional programming and what it is trying to solve. The panel discusses side effects using a Spiderman analogy. Raul shares the benefits of switching to and when to use NgRx. The importance of knowing RxJS in using NgRx is considered by the panel. The episode ends with an in-depth discussion on some the specifics of using NgRx for functional programming.

Links

Picks

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

The JAM in JAMstack with Tara Z. Manicsic - AiA 420

Thu, 01 Aug 2024 10:00:00 +0000

In this episode of Adventures in Angular the panel interviews Tara Manicsic. Tara is an Angular Developer Experience Engineer at Netlify. Tara explains what she does at Netlify. She explains what Netlify is and introduces the topic for today’s episode, JAMstack. She explains what services Netlify offers and the packages they offer.

She explains that the JAM in JAMstack stands for JavaScript API Markup, which outlines the best practices of a JAMstack architecture. During her explanation of JAMstack and the benefits of a microservice architecture, she references Smashing Magazine and their switch to JAMstack.

Tara overviews each letter of JAM and how they affect JAMstack. J or Javascript refers to the use of a JavaScript language, like Angular and others. Tara lists the API’s one might use for the A in JAM. The panel discusses the M or Markup. Markup serves up fast and safe prerendered content. Tara explains what prerender means and it makes the content safer and the sites faster. Tara then overviews the entire JAMstack process and explains atomic deployment.

The panel considers how JAMstack is picking up in the Angular ecosystem. Tara outlines a few of the benefits seen when using JAMstack and the panel considers the possible use cases. She shares a few real-life examples of the success seen when JAMstack is used in an enterprise application.

Links

Picks

Brian - Living with Yourself
Shai - Angular Testing Tip — The Easiest Way To Start Your Test
Shai - Joker
Tara - Fleabag
Tara - Netlify Tutorial - How to build and deploy websites using Netlify
Tara - https://www.ng-conf.org/2019/sessions/workshop-jamstack-from-i-dont-know-to-pro/

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

Angular Projects with Zama Khan Mohammed - AiA 419

Thu, 18 Jul 2024 10:00:00 +0000

In this episode of Adventures in Angular the panel interviews Zama Khan Mohammed about his recent book and other open source work he has done in the Angular community. Zama explains what is so different about his book and why it is worth reading. His book takes an approach different than the common practice of walking readers through concepts, instead, his book walks readers through using a project perspective.

The first chapter walks through setting up Angular, installing Angular CLI and Angular console. After the set up is complete he walks readers through a very basic flashbase application. Zama explains how this first chapter is geared toward beginners. In his book, Zama shows users how to use the whole platform. He covers PWA and how to create brand new projects from scratch.

The panel asks him about his unique project perspective strategy for this book. Each chapter of Zama’s book walks the readers through a different project, unlike most technical books that walk readers through one project introducing a different concept each chapter. Zama explains why he wrote the book this way. He wanted to bring different libraries and tools into each project to highlight how deep and rich the Angular community and ecosystem are. The panel shares how the ecosystem and community make Angular so great to use.

Zama’s book is called Angular Projects and was published by Packt Publishing. Zama shares where to find it for those interested. The panel considers how hard writing a book must be. Zama explains the time and stress involved in writing a book. He admits he has been approached to write more books but has resolved to wait a bit before diving back into writing.

The panel discusses Zama’s open source efforts in the Angular community. They consider a few of his projects including, ngx-formly, codelyzer, and ngx-loading. He wrote ngx-formly after using formerly and he decided he wanted to use it with Angular 2.0. The panel was impressed with his contributions to codelyzer, where he helped with the accessibility requirements.

After using react-loadable Zama knew he wanted a similar feature in Angular to provide more control over loading so he built ngx-loadable. The panel defines lazy loading for listeners and explains how having control over what can load and how fast it can load can be useful in applications. Zama shares some of the improvements he has made in version 2.0.

Zama shares his hopes for speaking at ng-conf 2020, this takes the panel down a tangent discussing the exciting workshops that will be at ng-conf next year. Brian Love will be teaching a two-day workshop on Angular fundamentals. Aaron Frost is teaching and observables class and a reactive angular class. They advise everyone to buy an ng-conf ticket and not to be afraid to submit a CFP.

Back on topic, Zama shares the challenges in writing, publishing and maintaining an opensource library. He explains how contributing to open source is a great way to learn and a great way to see what a framework can do. He shares advice for those looking to get into open source and invites everyone to try Hacktoberfest.

Links

Picks

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

Unleashing Angular's Potential with WebAssembly and Rust - AiA 418

Thu, 11 Jul 2024 10:00:00 +0000

In today's episode, They dive deep into the fascinating world of WebAssembly and Rust with our special guest expert, Evgeniy Tuboltsev. WebAssembly, a powerful binary format, allows code to run at near-native speeds in the browser, making it ideal for high-performance tasks like video processing, gaming, and cryptography. Rust, a compiled language, seamlessly integrates with WebAssembly, elevating front-end capabilities to new heights. They explore how you can leverage these technologies in Angular, the performance benefits, and the intricacies of bundle size optimization. Plus, get insider tips on transitioning from TypeScript to Rust and the upcoming updates in Angular version 18.1. Stay tuned as Lucas and Evgeniy break down the best practices and emerging trends in WebAssembly and Rust, and discover how to make applications more powerful and efficient than ever before!

Socials

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

Mastering Angular Testing Strategies with Ng Demo and Cypress Integration - AiA 417

Thu, 04 Jul 2024 04:00:00 +0000

In this episode, they dive deep into the world of Angular application testing with our special guest, Matt, the author of the Angular Mini Book and creator of the ng demo repository. They explore the essentials of unit tests, service tests, and end-to-end tests using Cypress, and discuss the intricacies of building a robust testing infrastructure with tools like Jasmine, Jest, and Storybook.
Join the hosts as they unpack the challenges and best practices in testing Angular components, using everything from JSON files in automated CI environments with GitHub actions to advanced tools like Applitools and Playwright. Lucas shares insights on achieving high code coverage with SonarQube, clean code principles, and the importance of end-to-end tests for application migration and framework testing.
This episode is jam-packed with valuable tips on creating full-stack applications, microservices, and micro frontends with JHipster, as well as discussions on the expanding tool support for Angular. So, get ready to level up your Angular development and testing game with this must-listen episode!

Socials

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

Put A Form Around It with Sani Yusuf - AiA 416

Sun, 30 Jun 2024 04:00:00 +0000

In this episode of Adventures in Angular, Sani Yusuf stops by for an adventure and chats with Alyssa, Brooks & Chris about building component libraries in Nx and how he feels forms are one of Angular’s most powerful and perhaps underrated features.

Links

https://zippopotam.us/

Picks

Sani - Operator Decision Tree
Alyssa - RxJS in Angular: Reactive Development
Brooks - Crocs with socks
Chris - skipWhile
Chris - Star Wars: The Clone Wars

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

Why would you use Angular in a Startup? - AiA 415

Thu, 06 Jun 2024 10:00:00 +0000

Catalin Ciubotaru joins the show today to share his industry insights and the advantages and disadvantages of using Angular in a startup.

In this episode…

Main advantages of Angular
Moving quickly with Angular
Developer experience and templates
Disadvantages of using Angular
Hiring with a startup mentality
Startups defined
Micro front ends and monolithic apps

Links

Picks

Catalin- The X-Files (TV Series 1993-2018) - IMDb
Catalin- CSS for JavaScript Developers | An online course that teaches the fundamentals of CSS for React/Vue devs
Charles- 2000 Mules | Official Site
Charles- Project Hail Mary
Charles- The Scions of Shannara (Heritage of Shannara, #1)
Charles- NCIS (Official Site) Watch on CBS
Charles- - Top End Devs

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

Progressive State Management with NGXS with Aliaksei Kuncevic - AiA 414

Thu, 30 May 2024 10:00:00 +0000

In this episode, Brooks, Alyssa and Chris talk with Aliaksei Kuncevič about Progressive State Management with NGXS. Aliaksei walks the crew through this progressive journey by starting small and implementing reactive services. These are services with a behavior subject. Aliaksei then demonstrates how you can migrate from reactive services to using NGXS.

Links

Picks

Alyssa - https://www.neuralink.com/
Brooks - Allway Tools Series Allway 10031 HM1 1 Gallon Helix Paint Mixer
Chris - Family booked a COVID test
Aliaksei - Bicycle, Biking

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

The Easiest Way to use Angular Elements with Tomas Trajan - AIA 413

Thu, 23 May 2024 10:00:00 +0000

In this episode of Adventures in Angular Tomas Trajan, an angular elements expert, breaks down how to use angular elements for the panel. Tomas explains that angular elements are great for very specific use cases.

Tomas starts by describing a scenario with a large enterprise with tens of developer teams and hundreds of developers, they have a few choices on how to organize their applications. The first option is a messy monolith. The second option is using monorepos and Nx. The final option is to use a multi-spa solution.

Tomas explains how the multi-spa solution works. This solution consists of 80 stand-alone applications, on the same page and share components. Tomas outlines the common problems when using the solutions and how using angular elements combat those problems.

The panel moves on to considers how you know if you should use angular elements in this way. Tomas provides two questions to ask yourself when deciding whether or not to use angular elements. The first question is, are you in a multi-spa scenario? The second question is, are components shared across applications? If the answer is yes for both of those questions then angular elements can only help the situation.

In last week’s episode of Adventures in Angular the panel interviewed Victor Savkin about using monorepos and Nx. The panel asks Tomas to compare the strategy of using monorepos and Nx to his strategy of using multi-spa with angular elements. He explains why an enterprise might choose multi-spa over monorepos. He also gives the reasons the organization he is working with chose to work with multi-spa.

Aaron asks for clarification for using elements in these multi-spa projects. Tomas goes into great detail, breaking down the way multi-spa and angular elements work together. They walk through it together using consumer profiles as an example.

Tomas explains that using his approach all the applications update components all at once using angular elements. The panel considers the benefits of using Tomas’s approach and which scenarios it would work best for. Aaron expresses his appreciation for all the work Tomas did and the problems he overcame then bundling his solution in a library together so developers can just use it without all the pain.

The library can be found on Github. Tomas tells the panel that there has already been some community contribution to the library. He describes some of the pull requests they have received along with the plans they have for angular elements.

The topic turns to mismatched versioning and how the bundle will work. Tomas explains that the only problem they have seen with mismatched versioning is with zone.js. He shares some workarounds to the problem and promises that they are working on a solution.

The episode ends with the panel listing all the major benefits that an enterprise can gain from using the multi-spa and angular elements approach. It will save them money, allow teams to work together, create and isolation. Tomas also shares some of the new features available in angular elements today.

Links

Picks

Brain - https://node-atl.org/
Shai - https://netbasal.com/
Aaron - How to Be Less Stupid About Race: On Racism, White Supremacy, and the Racial Divide
Tomas - Slipknot EX

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

Navigating Technical Hurdles: Exporting Invoices to PDF and Maintaining Rich Text Formatting - AiA 412

Thu, 02 May 2024 10:00:00 +0000

Mrina Sugosh is a Keynote Speaker, Advisory Board Member and Technical Storyteller. They delve into the world of web development and all things tech. In today's episode, they have an insightful discussion about the technical complexities of exporting invoices to PDF, the challenges of converting HTML rich text to PDF or Word documents while preserving formatting, and the importance of maintaining compatibility with front-end frameworks like Angular, React, or Vue. They explore the release schedule, customization options, and product updates related to the javascript-based rich text editor, TinyMCE. Join them as they uncover the intricacies of maintaining a rich text editor, the significance of Tiny's products for developers, and the ideal audience for leveraging Tiny's solutions. Whether you're a seasoned developer or just embarking on your coding journey, this episode promises to offer valuable insights into the complex world of web development.

Sponsors

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
Armen Vardanyan
LinkedIn https://www.linkedin.com/in/armen-vardanyan-am/
Charles Wood
Linkedin https://www.linkedin.com/in/charlesmaxwood/
Subrat Mishra
LinkedIn: https://www.linkedin.com/in/subrat-k-mishra/
Mrina Sugosh
LinkedIn: https://www.linkedin.com/in/mrinasugosh/

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

Mastering Open Source Contributions with Santosh Yadav - AiA 411

Thu, 25 Apr 2024 10:00:00 +0000

Santosh Yadav is a Google Developer Expert for Angular. They delve into the intricacies of contributing to the Angular ecosystem and demystify the challenges associated with open-source projects. They discuss the importance of long-term commitment to open-source contributions, share insights on committing to documentation, and emphasize the significance of understanding Angular's commit structure. The episode also touches upon the upcoming virtual conference, TIL Conf, and provides valuable advice for both new and experienced developers looking to make a meaningful impact in the open-source community. Tune in for an enlightening and engaging discussion on the world of Angular development and open-source contributions.
Sponsors

Socials

LinkedIn: Santosh Yadav

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

Migrating Material: AngularJS -> Angular with Michael Prentice - AiA 410

Thu, 18 Apr 2024 10:00:00 +0000

Michael Prentice is the owner of DevIntent and an AngularJS Material Lead Maintainer at Rangle.io.

Sponsors

Links

Picks

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

AngularJS to Angular Migration with Craig Spence - AiA 409

Thu, 11 Apr 2024 10:58:00 +0000

Craig Spence was a developer at Trade Me in New Zealand before he moved to Sweden to join Spotify. Trade Me is New Zealand's biggest website and it is similar to eBay where people buy and sell lots of different items. Craig talks about his experiences migrating Trade Me from AngularJS to Angular and the challenges they faced. One of the tips Craig has for the audience is when faced with a problem it is better to ask for help from those who have been in similar situations before, rather that attempting to solve it alone. The panel also agrees that developers should stop writing in AngularJS and make the decision to move forward. Craig recently started working at Spotify in Sweden and is dealing with a challenging bug that has lasted for over 13 days.

Links

Picks

Aaron - OnePlus 7 Pro
Aaron - Chloe Condon - NG-Conf
Alyssa - Angular Denver
Shai - https://github.com/hirezio/jasmine-auto-spies
Craig - Frank Turner

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

Ngrid with Shlomi Assaf - AiA 408

Thu, 04 Apr 2024 10:00:00 +0000

In this week’s episode of Adventures in Angular the panel interviews Shlomi Assaf, talking about ngrid. After some playful banter about the naming of Ngrid, Shlomi shares the reasons behind building ngrid. The company he was working for at the time need a grid, he tested nggrid but wanted something completely opensource, so he built one. He also explains that nggrid caused some problems in their project which made him want something more customizable.

Shlomi explains how much work is needed on the application and asks listeners to contribute to documentation or other areas of the project. Shai Reznik endorses Shlomi as one of the smartest peoples he knows and tells listeners if they want to learn from someone who knows a lot about angular to step up and join this project.

The panel asks about the challenges Shlomi faced while building this app and what it was like using the CDK. Nggrid has a how company working on it but ngrid has only Shlomi. Shlomi explains that the CDK had a lot of the building blocks need to building blocks to build this application and was the power behind the project. The CDK’s lacks the ability to extend easily which was a challenge. He explains that his biggest frustration while building the application was the drag and drop feature.

Shlomi shares many of the features he built into the application that even though he built it over a three year period he could do it piece by piece because of the way he designed it. He considers the selling points of the application and shares them with the panel. Shlomi compares ngrid to other grid, explaining how templating, creating columns and pagination are all made easier with ngrid. With ngrid there is also virtual scrolling and you can control the width of each column.

Next, the pane considers performance, asking how the grid would handle if you loaded thousand or even tens of thousands of records and data onto the grid. Shlomi explains that unless the cells were extremely complex that ngrid’s performance would not suffer. The panel how ngrid could work with serverside rendering but not with NativeScript. Shlomi explains version support and advises listeners to use Angular 8.

The panel ends the episode by sharing information about next year's ng-conf. Tickets go on sale on October 1, 2019, the best deals go fast so watch out for them. Many of the panel will be there, Brian Love will be giving the Angular Fundamentals Two-Day Workshop. The CFP also opens October 1, 2019, and will close January 1, 2019. Aaron Frost invites anyone who would like to submit to reach out to the veteran panelists to nail down ideas for their conference proposals. He also recommends submitting more than one.

Sponsors

Links

Picks

Brian - NG-DE 2019
Brian - Angular Connect
Shai - The magic of RXJS sharing operators and their differences
Shai - Let Me Off at the Top!: My Classy Life and Other Musings
Aaron - Connecting with your children
Shlomi - How we make Angular fast | Miško Hevery

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

Angular CLI and NX: Managing Libraries and Runtime Translation - AiA 407

Thu, 28 Mar 2024 10:00:00 +0000

Alan Agius is a Software Engineer at Google. Lucas and Alan dive into the world of Angular development with a focus on internationalization and library management. They unpack the latest features of Angular 17.3, including improvements to Angular CLI, and shed light on the upcoming developments in version 18. They explore the nuances of runtime and build time translations, share insights on integrating NX with Angular projects, and discuss the use of Bazel for building frontend and backends in a single repository. They also highlight a third-party library called Transloco that leverages Angular Internationalization's runtime capabilities. Get ready for a deep dive into Angular and internationalization on this episode of Top End Devs!

Sponsors

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
Armen Vardanyan
LinkedIn https://www.linkedin.com/in/armen-vardanyan-am/
Charles Wood
Linkedin https://www.linkedin.com/in/charlesmaxwood/
Subrat Mishra
LinkedIn: https://www.linkedin.com/in/subrat-k-mishra/
Alan Agius
LinkedIn: https://www.linkedin.com/in/alan-agius-98804460/

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

Understanding the Power of Ignite UI with Konstantin Dinev - AiA 406

Fri, 22 Mar 2024 10:00:00 +0000

Konstantin Dinaev is the director of product development and a major contributor to Ignite UI. They explore the differences between Ignite UI and Material UI, focusing on Ignite UI's suitability for data-heavy applications and diverse, complex components. From its open-source nature to its dual licensing model for commercial usage, they explore the key features and extensive range of components available in the Ignite UI library. Tune in as they delve into accessibility, internationalization, and the challenges of creating a comprehensive component library while maintaining backward compatibility and code splitting. This episode is packed with insights and expertise, so let's jump in and explore the world of Ignite UI!

Sponsors

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
Armen Vardanyan
LinkedIn https://www.linkedin.com/in/armen-vardanyan-am/
Charles Wood
Linkedin https://www.linkedin.com/in/charlesmaxwood/
Subrat Mishra
LinkedIn: https://www.linkedin.com/in/subrat-k-mishra/
Konstantin Dinev
LinkedIn: https://www.linkedin.com/in/konstantin-dinev-aa3aa32b/

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

Revolutionizing Angular Development with Rxfx - AIA 405

Thu, 22 Feb 2024 11:00:00 +0000

Dean Radcliffe is a senior software engineer at Optum. Armen and Lucas take a deep dive into the intricacies of reactivity and RxJS. Our special guest, Dean, introduces us to the RxFX library and its potential to simplify observable and effect handling. Join them as they explore the complexities of managing loading states and effects in app development, and gain insight into the challenges of concurrency and cancellation.
Sponsors

Links

Rxfx

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
Armen Vardanyan
LinkedIn https://www.linkedin.com/in/armen-vardanyan-am/
Charles Wood
Linkedin https://www.linkedin.com/in/charlesmaxwood/
Subrat Mishra
LinkedIn: https://www.linkedin.com/in/subrat-k-mishra/
Dean Radcliffe GitHub @deanrad https://github.com/deanrad
Twitter @@DeanDevDad https://twitter.com/DeanDevDad

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.

Finding a Job with Charles Max Wood - AIA 404

Thu, 08 Feb 2024 11:00:00 +0000

In this episode of Adventures in Angular, Charles does a solo episode talking about entrepreneurship and the topic/course on “How to Get a Job.” This is an informative episode for those looking for a job as a developer and how to prepare your resume for your career search. Charles covers the core pieces of the course and specific areas of tailoring your credentials for the job you want to acquire.Sponsors

Links

devchat.tv/get-a-coder-job-full-accessfull-access
WeWork
Expert Salary Negotiation

Building A Component Library with Thomas Pink & Fabian Friedl - AiA 403

Thu, 25 Jan 2024 11:00:00 +0000

Thomas Pink and Fabian Friedl from Dynatrace join Adventures in Angular to discuss the highs and lows of building an in-house design system with Angular and the exciting move from keeping it internal to open sourcing and letting the world loose upon it.
Sponsors

Links

https://barista.dynatrace.com/guidelines/accessibility#text-alternatives

Picks

Alyssa - CodeItLive
Fabian - Balancing | Marble League 2020 Opening Ceremony + E1
Thomas - https://www.youtube.com/c/SebastianLague
Thomas- The Cherno – YouTube Channel
Chris - whipped cream

Power Up Angular with RXjs with Armen Vardanyan - AiA 402

Thu, 18 Jan 2024 11:00:00 +0000

Armen Vardanyan is an Armenian Angular developer who works extensively with both Angular and RXjs. He walks Chuck through the ins and outs of how he uses RXjs to expand the functionality of his Angular applications and how to think about observables in general.
Sponsors

Picks

Armen- Frank Herbert's Dune Saga 6-Book Boxed Set
Charles- The Way of Kings: The Stormlight Archive, Book 1
Charles- Words of Radiance: The Stormlight Archive, Book 2
Charles- Oathbringer: Book Three of the Stormlight Archive
Charles- Rhythm of War: Book Four of The Stormlight Archive
Charles- Influencers | Devchat.tv
Charles- Dev Influencers | Devchat.tv

Working with Google Maps on Angular with Katerina Skroumpelou - AiA 401

Thu, 11 Jan 2024 11:00:00 +0000

In this episode of Adventures in Angular, we talk with Katerina Skroumpelou, who is a Google Maps and Angular Google Developer Expert and team member at @nrwl_io, living in Greece. In this episode, Katerina talks about how she got started with Google Maps. She also covers how the Google Maps JS API has changed over time, how you can get started using it in your Angular applications, and what you all can do with the API!
Sponsors

Links

Picks

Alyssa - UI Wednesdays with Alyssa
Brooks - Single spa:
Brooks - Behind the curve
Chris - What 3 Words
Chris - Kingdoms of Amalur Re-Reckoning
Katerina - Isaac Asimov, The Complete Robot
Brad - Ergo Stool

Amazing Backends for Angular Devs with NestJS with Ely Lucas - AiA 400

Thu, 04 Jan 2024 11:00:00 +0000

Ionic’s very own Ely Lucas swings by to chat to Alyssa, Chris & Brooks about NestJS, the node framework that’s winning over devs in the Angular community and beyond. The panel dive into the docs, learning about how Nest allows developers to structure powerful backends with a syntax that will make Angular devs in particular feel right at home.Sponsors

Links

Picks

Alyssa - CodeItLive
Ely - Star Trek Discovery (TV Show)
Ely - https://www.youtube.com/ionicframework
Ely - https://thinkster.io/
Brooks - NeuralCam
Chris - What We Do in the Shadows (TV series)

Signal-Based Stores in NgRx v17 - AiA 399

Thu, 21 Dec 2023 11:00:00 +0000

Armen, Subrat, and Chuck dive deep into the ever-evolving world of Angular development and the latest developments in the NGRX framework. In this episode, they explore the introduction of version 17 of NGRX and the shift towards fully signal-based stores. They discuss the implications for existing NGRX data usage, the frustrations and opportunities presented by this shift, and insights into customizing error handling and actions.
Sponsors

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
Armen Vardanyan
LinkedIn https://www.linkedin.com/in/armen-vardanyan-am/
Charles Wood
Linkedin https://www.linkedin.com/in/charlesmaxwood/
Subrat Mishra
LinkedIn: https://www.linkedin.com/in/subrat-k-mishra/

Migrating to New Angular Features - AiA 398

Thu, 14 Dec 2023 11:00:00 +0000

Armen, Charles, and Lucas join this week's panelist episode. They dive deep into the process of converting components to standalones using a schematic provided by the Angular team. They discuss the challenges faced in the migration process, insights into the reasons behind certain Angular features still being module-based, and the adoption of new control flow syntax. They also share their experiences with transitioning to Angular 17, involving challenges, code changes, and a migration process that requires careful consideration. Plus, they explore the use of signals for reactive state and change detection and shed light on the migration to Angular SSR, including helpful tips and best practices.
Sponsors

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
Armen Vardanyan
LinkedIn https://www.linkedin.com/in/armen-vardanyan-am/
Charles Max Wood
LinkedIn https://www.linkedin.com/in/charlesmaxwood/

Server-Side Rendering in Angular 17 - AiA 397

Thu, 07 Dec 2023 11:00:00 +0000

Armen and Lucas join this week's panelist episode. They explain SSR, how it works, its advantages, and its pros and cons. They dive into the services it provides to its users and how it improves applications. Moreover, they discuss the SSR improvements in Angular 17 and many more.
Sponsors

Promoted Links

Unvoid, Performance-Based Web Development - Hire remote designers and web developers. Only pay when tasks are delivered. https://unvoid.com/

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
Armen Vardanyan

LinkedIn https://www.linkedin.com/in/armen-vardanyan-am/

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.

What's New in Angular v17 - AiA 396

Thu, 30 Nov 2023 11:00:00 +0000

Charles, Lucas, and Subrat join this week's panelist episode. They delve into the world of Angular development and the latest advancements in the tech industry. They explore the key features and improvements in Angular 17, including rendering percentages, performance enhancement in continuous integration, control flow, and vernacular views. They delve into the rebranded logo and the new documentation website, Angular.dev, and its pros and cons. Additionally, the discussion covers AI integration, non-coding tech business models, and the impact of stable bundlers on build performance.
Sponsors

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb

Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini

Subrat Mishra
YouTube - Fun of Heuristic

Go Faster with these Angular Utility Libraries - AiA 395

Thu, 23 Nov 2023 11:00:00 +0000

Alex Inkin is a lead front-end developer. They dive into the world of Angular development. They explore three utility libraries created by Alex: Taiga UI, web APIs for Angular, and Mosquito, an input masking library. Get insights into Alex's experience working on open-source projects and his tips and recommendations for developers.
Sponsors

Promoted Links

Unvoid, Performance-Based Web Development - Hire remote designers and web developers. Only pay when tasks are delivered. https://unvoid.com/

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
Alex Inkin - LinkedIn: Alex Inkin

Documenting your Codebase with Compodoc - AiA 394

Thu, 09 Nov 2023 11:00:00 +0000

Vincent Ogloblinsky is a software architect. They dive into the world of documentation generation for Angular code bases with a deep dive into Compodoc. They explore the challenges of maintaining and supporting major and minor versions of Angular, the intricacies of file-based routing, and the balance between complexity and simplicity in development.
Sponsors

Promoted Links

Unvoid, Performance-Based Web Development - Hire remote designers and web developers. Only pay when tasks are delivered. https://unvoid.com/

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
LinkedIn: Vincent Ogloblinsky

UI Libraries, Buy or Build? - AiA 393

Thu, 19 Oct 2023 11:00:00 +0000

Dany Paredes is a senior frontend engineer and Google Developer Expert. He joins the show to talk about UI libraries in Angular. He begins by explaining the problems it solves, the problems it creates, when you should use a library, when you should build one from scratch, and many more!
Sponsors

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
Dany Paredes
LinkedIn : Dany Paredes
Twitter: danywalls

Enterprise Applications with Angular - AiA 392

Thu, 28 Sep 2023 11:00:00 +0000

Doguhan Uluca is a Software, Agile, and Cloud engineering expert, Author, and Speaker. He joins the show to talk about his book, "Angular for Enterprise-Ready Web Applications". He begins by explaining his book, his motivation for writing about enterprise applications, and many more! Sponsors

Links

Angular for Enterprise, 3rd Edition
Unvoid - Angular Experts - Design and web development services with enormous expertise in Angular for companies that truly care about quality https://unvoid.com/

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
LinkedIn: Doguhan Uluca
Twitter: @duluca

Picks

Doguhan - Angular for Enterprise, 3rd Edition

Angular Performance with Christian Liebel - AiA 391

Thu, 21 Sep 2023 11:00:00 +0000

In this episode of Adventures in Angular, special guest, Christian Liebel engages the panel in an interesting discussion on Angular performance especially as it relates to runtime performance.
Sponsors

Links

Picks

Alyssa - CodeItLive
Christian - Pokemon
Brooks - Apple’s Sidecar
Chris - putting clocks in your applications
Chris - doing something a little bit normal

The Evolution of JavaScript - AiA 390

Thu, 14 Sep 2023 11:00:00 +0000

Marek Panti is an Angular developer at UNIQA Insurance Group AG. They dive into the world of artificial intelligence and its impact on developers, exploring the future of JavaScript and UI design, and delving into the evolution of JavaScript frameworks. Additionally, they discuss the challenges faced by front-end developers, the complexities of back-end development, and the ongoing debate on front-end vs. back-end salaries. Marek also shares insights from their own project, giving us a glimpse into the intricate world of calendar development.
Sponsors

Links

Unvoid - Angular Experts - Design and web development services with enormous expertise in Angular for companies that truly care about quality https://unvoid.com/

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini

Angular Signals VS RxJS - AiA 389

Thu, 07 Sep 2023 11:00:00 +0000

Armen, Lucas, and Subrat join this week's panelist episode. They talk about the fascinating topic of using signals and observables in Angular. They also explore the differences between the two approaches, their use cases, and how you can enhance your development process. Moreover, they dive into the reactive graph systems to handling loading states, and many more!
Sponsors

Links

Unvoid - Angular Experts - Design and web development services with enormous expertise in Angular for companies that truly care about quality https://unvoid.com/

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
Subrat Mishra

YouTube @FunOfHeuristic https://www.youtube.com/@FunOfHeuristic

Armen Vardanyan

LinkedIn @ArmenVardanyan https://www.linkedin.com/in/armen-vardanyan-am/

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.

Does College Matter in Software Engineering? - AiA 388

Thu, 24 Aug 2023 11:00:00 +0000

Lucas and Subrat delve into a thought-provoking topic: the significance of a college degree in the job market. They share their insights and experiences, discussing the impact of not going to college, the importance of networking and experiential learning, and the varying requirements in different countries and industries. From the benefits of attending a prestigious university to the changing landscape of hiring practices, they explore the factors to consider when deciding on the path to success.
Sponsors

Promoted Links

Upgrading an enterprise app to Angular 16
Unvoid - Angular Experts - Design and web development services with enormous expertise in Angular for companies that truly care about quality https://unvoid.com/

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
Subrat Mishra

YouTube @FunOfHeuristic https://www.youtube.com/@FunOfHeuristic

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.

Speeding up Your Angular Apps with Daniel Kreider - AiA 387

Thu, 17 Aug 2023 11:00:00 +0000

Daniel Kreider joins the Adventure to discuss some of the things that are slowing down your front-end app. He also dives into the handful of things you should look at first in order to make sure that your application is running at top speed.
Sponsors

Links

Picks

Charles- Created Equal: Clarence Thomas in his Own Words
Charles- Outwitting the Devil
Daniel- A FREE Angular Testing Workshop with Entertaining and Unique Videos
Daniel- Angular Consultant | Daniel Kreider
Richard- Teo - coding music
Richard- Building Performance Optimized Web Apps with Angular and Firebase in 2018 by Richard Sithole - YouTube
Subrat- Deno - A secure runtime for JavaScript and TypeScript.

Contact Charles:

Contact Richard:

Contact Subrat:

Special Guest: Daniel Kreider .

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.

Change Detection Method in Angular - AiA 386

Thu, 03 Aug 2023 11:00:00 +0000

Armen comes back to the show to talk about one of his articles, “Change Detection without Change Detection". Change detection functions by helping rerender the UI when data changes. Armen joins Chuck and Subrat as he shares the importance of using his Change Detection technique to improve performance rather than using the built-in one.
Topics discussed

Change detection and how it works
How do you call or trigger a Change Detection
Inject Function
Proxy Object

Sponsors

Links

Change Detection without Change Detection
Unvoid - Angular Experts - Design and web development services with enormous expertise in Angular for companies that truly care about quality https://unvoid.com/

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
Subrat Mishra

YouTube @FunOfHeuristic https://www.youtube.com/@FunOfHeuristic

Armen Vardanyan

LinkedIn @ArmenVardanyan https://www.linkedin.com/in/armen-vardanyan-am/
Picks

Armen - House of the Dragon | Official Website for the HBO Series
Charles - Board Game Conventions
Charles - Clean Architecture
Subrat - Atomic Habits

Upgrading an Enterprise App to Angular 16 - AiA 385

Fri, 21 Jul 2023 11:00:00 +0000

José Ignacio Santa Cruz is a Fullstack engineer at Newfire Global. He joins the show to talk about his article," Upgrading an enterprise app to Angular 16". He begins by explaining the level of difficulty you might experience in upgrading your app. He talks about its importance, its process, common pitfalls you might encounter, and many more!
Sponsors

Promoted Links

Upgrading an enterprise app to Angular 16
Unvoid - Angular Experts - Design and web development services with enormous expertise in Angular for companies that truly care about quality https://unvoid.com/

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
Subrat Mishra

YouTube @FunOfHeuristic https://www.youtube.com/@FunOfHeuristic

Armen Vardanyan

LinkedIn @ArmenVardanyan https://www.linkedin.com/in/armen-vardanyan-am/

José Ignacio Santa Cruz
LinkedIn: @JoséIgnacioSantaCruz https://www.linkedin.com/in/jsanta/
Twitter: JSantaCL https://twitter.com/JSantaCL

Goodbye ngIf, Hello Built-in Control Flow - AiA 384

Thu, 06 Jul 2023 11:00:00 +0000

Armen, Lucas, and Subrat join this week's panelist episode to talk about Angular's "Built-in Control Flow". They begin by sharing their perspective on Angular's newest change and give an introduction to the Built-in Control Flow. Additionally, they explain its purpose and how developers can benefit from this.
Sponsors

Promoted Links

Unvoid - Angular Experts - Design and web development services with enormous expertise in Angular for companies that truly care about quality https://unvoid.com/

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
Subrat Mishra

YouTube @FunOfHeuristic https://www.youtube.com/@FunOfHeuristic

Armen Vardanyan

Benefits of Attending Tech Conferences (And How to Be a Speaker) - AiA 383

Fri, 23 Jun 2023 11:00:00 +0000

Alain Chautard is an Expert trainer and GDE. He joins the show to talk about being a tech speaker and attending conferences. They also dive into its benefits, expectations when attending conferences, the process of being a speaker, and many more!
Sponsors

Promoted Links

Unvoid - Angular Experts - Design and web development services with enormous expertise in Angular for companies that truly care about quality https://unvoid.com/

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini

Hydration and Server-Side Rendering in Angular 16 - AiA 382

Thu, 08 Jun 2023 11:00:00 +0000

Jessica Janiuk is a Senior Software Engineer at Google. She joins the show to talk about Hydration and Server-Side Rendering in Angular 16. She begins the show by talking about her career and her achievements. She explains the process of how hydration works.
Sponsors

Promoted Links

Unvoid - Angular Experts - Design and web development services with enormous expertise in Angular for companies that truly care about quality https://unvoid.com/

Social Media

Unvoid
LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
Twitter @lucaspaganini https://twitter.com/LucasPaganini
Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
LinkedIn: Jessica Janiuk
jessicajaniuk.com

Advanced Patterns with Angular Directives Part 2 - AiA 381

Thu, 18 May 2023 11:00:00 +0000

Armen and Lucas join this week's panelist episode to talk about Advanced Patterns with Angular Directives. Armen takes the lead as he continues to talk about his article on, "Angular Directives". He discusses the use cases of angular directives.
On YouTubeAdvanced Patterns with Angular Directives Part 2 - AiA 381
Sponsors

Promoted Links

Unvoid Connector Program - You connect us with potential clients and we pay you up to 10.000 USD per client
Unvoid - Angular Experts - Design and web development services with enormous expertise in Angular for companies that truly care about quality

Social MediaUnvoid

Lucas Paganini

Armen Vardanyan

Picks

Lucas - Peaky Blinders https://www.imdb.com/title/tt2442560/

Angular Signals in Practice - AiA 380

Thu, 04 May 2023 11:00:00 +0000

Eduardo Roth is a Hero Software Engineer and Ionic Developer Expert. He joins the show to talk about Angular Signals in Practice. He talks about his experience in building an app with Angular Signals and the challenges he encountered. He also talks about bridging Signals with RxJS.
On YouTubeAngular Signals in Practice - AiA 380
Promoted Links

Unvoid Connector Program - You connect us with potential clients and we pay you up to 10.000 USD per client https://unvoid.com/refer-clients
Unvoid - Angular Experts - Design and web development services with enormous expertise in Angular for companies that truly care about quality https://unvoid.com/

Social Media

Unvoid
LinkedIn @unvoidweb
Instagram @unvoidweb
Lucas Paganini
YouTube @lucaspaganiniweb
LinkedIn @lucaspaganiniweb
Twitter @lucaspaganini
Instagram @lucaspaganini
Links from Eduardo Roth (guest)
Eduardo Roth Social Media
Twitter: eduardoRoth
Linkedin: Eduardo Roth
Eduardo Roth - Medium
Eduardo Roth Promos
https://www.herodevs.com/job-board
https://angularcommunity.net/
https://www.meetup.com/angularcommunity/
https://ionic.io/ioniconf
https://ng-conf.org/
Speaking about Signals on April 28th https://angulartinyconf.com/
May 9th Angular Community Meetup en Español event: https://www.meetup.com/angularcommunity/events/292661005/

Picks

Lucas - WeCrashed - The History of WeWork

Getting to Know Bruce A. Tate - BONUS

Fri, 28 Apr 2023 11:00:00 +0000

Bruce A. Tate is a Founder at Groxio, Elixir Expert, and a Technical Author. He joins the show alongside Charles Max Wood to talk about his book, "Seven Languages in Seven Weeks". He also delves into some of the preparations and anticipations that come with reading the book.
Links

Socials

Jason Weimann - Learn Video Game Development with Chuck - BONUS

Fri, 21 Apr 2023 11:00:00 +0000

Jason Weimann is a Developer and Instructor. He returns to the show with Chuck to talk about video game creation. He shares his experiences as a developer and dives into his courses wherein he gives beginners and aspiring developers a walk-through of the world of creating games.
Links

Socials

Twitter: @jweimann

Advanced Patterns with Angular Directives - AiA 379

Thu, 20 Apr 2023 11:00:00 +0000

Armen, Lucas, and Subrat join this week's episode to talk about "Superpowers with Directives and Dependency Injection". Armen begins the show by talking about the reason why he thinks directives are one of the most crucial tools in Angular. They also discuss the powerful use cases for Directives.
Sponsors

Promoted Links

Social MediaUnvoid

Lucas Paganini

Armen Vardanyan

Subrat Mishra

LinkedIn: Subrat Mishra

Picks

Armen - Ivan Vasilievich: Back to the Future
Lucas - Super Pumped: The Battle for Uber
Subrat - The 80/20 Principle

Mobile Development with Angular, Capacitor, and Ionic - AiA 378

Thu, 13 Apr 2023 11:00:00 +0000

Simon Grimm is a Creator, Indie Maker & Solopreneur. He is currently working at The Ionic Academy. He joins the show to talk about Ionic and building native mobile apps with Angular. He explains all about "Capacitor" and how it contributes to your web application.
Sponsors

Promoted Links

The Ionic Academy
Unvoid - Angular Experts - Exceptional design and web development services with enormous expertise in Angular for companies that truly care about quality. unvoid.com

Social MediaUnvoid

Lucas Paganini

Simon Grimm

Picks

Armen - Better Call Saul
Charles - Shadow Hunters
Charles - Blackmagic Design Mini Converter HDMI to SDI
Lucas - Super Pumped: The Battle for Uber
Simon - The Five Minute Journal

How Do You Stop Hating Your Job? - BONUS

Thu, 13 Apr 2023 11:00:00 +0000

Are you dissatisfied with your job? Sam Feeney helps organizations improve employee engagement, increase retention, and reinvent hiring while helping individuals (re)discover career satisfaction in their current roles. He joins the show alongside Chuck Wood to tackle altering the way you perceive your job and talk about Career satisfaction.
On YouTubeHow Do You Stop Hating Your Job? - BONUS
Socials

LinkedIn: Sam Feeney

Signals, the Future of Reactive Programming in Angular - AiA 377

Sun, 09 Apr 2023 11:00:00 +0000

Armen, Chuck, and Lucas join this week's panelist episode to talk about Signals in Angular. Armen starts off as he gives an introduction to Signals and he explains the difference between RxJS. Additionally, they discuss the problems they solve in Angular.
On YouTubeSignals, the Future of Reactive Programming in Angular - AiA 377
Sponsors

Links

Signals: What You Should Know with Tejas Kumar - JSJ 576

Promoted Links

Lucas
Unvoid - Angular Experts - Exceptional design and web development services with enormous expertise in Angular for companies that truly care about quality. unvoid.com
Armen
Angular Directive Series - Superpowers with Directives and Dependency Injection

Social MediaUnvoid

Lucas Paganini

Armen VardanyanTwitter: @Armandotrue

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.

Comparing Angular and React in 2023 - AiA 376

Thu, 30 Mar 2023 11:00:00 +0000

Hosts of the React Round Up podcast, Jack Herrington, Paige Niedringhaus, and TJ Vantoll, join the Adventures in Angular Panel on this week's episode crossover. They begin the episode by contrasting the two frameworks and offering their own viewpoints on React and Angular. Additionally, they explain each of the frameworks' strong points.
Sponsors

Educational Links

Promoted Links

Web Animations Course: lucaspaganini.com/web-animations
Hire Angular Experts: unvoid.com
Blues.io
Paige Niedringhaus
Blue Collar Coder

Socials

Picks

Chuck - Atiwa
Lucas - Modernize an Enterprise React App by Paige Niedringhaus
Paige - Scubapro / Dive Skins / Diving Suits: Sports & Outdoors
TJ - 11/22/63 by Stephen King

How we Deploy our Apps - AiA 375

Sat, 25 Mar 2023 11:00:00 +0000

Chuck and Lucas join this week's panelist episode to talk about ways how to deploy applications and some of the past and current services they have used. Chuck takes the lead as he dives into some of his past experiences in deployment.
Sponsors

Educational Links

Promoted Links

Web Animations Course: lucaspaganini.com/web-animations
Hire Angular Experts: unvoid.com

Socials

Picks

Chuck - The Crew: The Quest for Planet Nine
Chuck - Shokz Official | The Professional Bone Conduction
Lucas - Ultimate Ears Megaboom 3

Angular Structural Directives and Their Microsyntax - AiA 374

Sun, 19 Mar 2023 11:00:00 +0000

Chuck and Lucas join this week's panelist episode discussing Angular Structural Directives and Their Microsyntax. They kick us off as Lucas explains the concept of Structural directives, and how developers might use them to their advantage.
On YouTubeAngular Structural Directives and Their Microsyntax - AiA 374
Sponsors

Educational Links

Promoted Links

Web Animations Course: lucaspaganini.com/web-animations
Hire Angular Experts: unvoid.com

Socials

Picks

Chuck - Between Two Castles of Mad King Ludwig
Chuck -
Lucas - Chuck as a Ruby developer

How to Succeed in Content Creation - AiA 373

Sun, 12 Mar 2023 11:00:00 +0000

Chuck and Lucas join this week's panelist episode as they talk about "content creation". They start off as they dive into different ways of monetizing your content. Additionally, they talk about approaches on how to capture the interest of the audience to get them to subscribe to your courses.
On YouTubeHow to Succeed in Content Creation- AiA 373
Sponsors

Links

Web Animations Course: lucaspaganini.com/web-animations
Hire Angular Experts: unvoid.com
YouTube @lucaspaganiniweb
LinkedIn @lucaspaganiniweb
Twitter @lucaspaganini
Instagram @lucaspaganini
TikTok @lucaspaganiniweb

Picks

Chuck - The Quacks of Quedlinburg
Lucas - Audio Technica AT2020 USB

Standalone Structure with Nx - AiA 372

Sun, 05 Mar 2023 11:00:00 +0000

Colum Ferry is a Senior Software Engineer at Nrwl. He joins the show to discuss "Component-First Architecture with Standalone Components and Nx". He begins by explaining the concept of the article. He also elaborates more about Nx and its amazing features for developers.
Sponsors

Links

Component-First Architecture with Standalone Components and Nx | by Colum Ferry | Nx Devtools
Colum Ferry
LinkedIn: Colum Ferry
Twitter: @FerryColum
Web Animations Course: lucaspaganini.com/web-animations
Hire Angular Experts: unvoid.com
YouTube @lucaspaganiniweb
LinkedIn @lucaspaganiniweb
Twitter @lucaspaganini
Instagram @lucaspaganini
TikTok @lucaspaganiniweb

Picks

Armen - Inventing Reality: The Politics of News Media
Chuck - Ark Nova
Chuck - Obviously Awesome
Chuck - The Alloy of Law
Lucas - Unity WebGL Player | War

Functional Programming in TypeScript - AiA 371

Thu, 23 Feb 2023 11:00:00 +0000

Lucas Paganini is the CEO of unvoid.com. He takes on this week's solo episode to talk about a library called, "fp-ts". It gives developers access to popular patterns and secure abstractions from typed functional languages in Typescript. He discusses some of the issues that the library resolves.
Sponsors

Links

Web Animations Course: lucaspaganini.com/web-animations
Hire Angular Experts: unvoid.com
YouTube @lucaspaganiniweb
LinkedIn @lucaspaganiniweb
Twitter @lucaspaganini
Instagram @lucaspaganini
TikTok @lucaspaganiniweb
fp-ts
Typed functional programming in TypeScript

Angular Setup And Workflow - AiA 370

Sun, 19 Feb 2023 11:00:00 +0000

Chuck, Lucas, and Subrat join this panelist episode to talk about setup and workflow for working in angular apps. They begin by discussing their thoughts on Visual Studio Code. Additionally, they tackle its features and VS code extensions that make working with angular apps easier.
Sponsors

Links

Picks

Charles - Sushi Go Party!
Charles - TriDot Triathlon Training - Community - Facebook
Charles - Bike computer
Charles - Bone conduction headphones
Lucas - Pouches and Cubes | Peak Design Official Site

Becoming a Google Developer Expert in Angular - AiA 369

Fri, 10 Feb 2023 11:00:00 +0000

Alain Chautard is a certified Google Developer in Angular and he works as an individual consultant for Angular projects. He joins the show to discuss his career as an Angular expert and Angular mentor. He talks about his projects and his blog. He offers advice on how to become a Google Developer Expert and discusses his experience in the field.
Sponsors

Links

Picks

Alain - The Last of Us
Alain - Atomic Habits
Lucas - Everything Everywhere All At Once
Subrat - Domain-Driven Design

Tailwind CSS - AiA 368

Fri, 03 Feb 2023 11:00:00 +0000

Chuck, Lucas, and Subrat join this panelist episode to talk about Tailwind CSS. They begin by discussing their perspectives and knowledge gained by using Tailwind. They tackle its benefits and impact on your applications.
Sponsors

Links

Web Animations Course: lucaspaganini.com/web-animations
Hire Angular Experts: unvoid.com

Picks

Charles - Karma | Board Game
Charles - Focus Blocks
Lucas - MidJourney AI
Subrat - Bun — fast all-in-one JavaScript runtime

Latest Versions Of NgRx v14 & v15 - AiA 367

Fri, 27 Jan 2023 11:00:00 +0000

Armen Vardanyan is a Google Developer Expert for Angular, and Frontend Team Lead at Volo. He returns to the show to discuss his article, "Using NgRx Packages with Standalone Angular Features". He talks about how to use NgRx packages with standalone features.
Sponsors

Links

Web Animations Course: lucaspaganini.com/web-animations
Hire Angular Development Experts: unvoid.com
Standalone Component in Angular 15 | Make application without NgModule - YouTube
Twitter: @Armandotrue

Picks

Armen - Watch 1899 | Netflix Official Site
Lucas - Watch The Mole | Netflix Official Site
Subrat - Paradise Biryani

Angular's Custom Form Components - AiA 366

Thu, 19 Jan 2023 11:00:00 +0000

Charles, Lucas, and Subrat take on this week's panelist episode as they tackle all about Custom Form Components. Lucas starts off the episode by explaining different methods on how you can effortlessly and with ease create custom form components. Subrat also shares his own insight on some other techniques for creating forms depending on how complex your form is. Moreover, they discuss integrating custom form components with Angular forms API.
On YoutubeAngular's Custom Form Components - AiA 366
Sponsors

Links

Control Value Accessor: Custom Form Components in Angular | Academy | Lucas Paganini
Code example: published-content/control-value-accessor at master · LucasPaganini/published-content · GitHub
Web Animations Course: lucaspaganini.com/web-animations
Hire Web Development Experts: unvoid.com
Angular Remote Conference

Picks

Charles - Forbidden Sky
Charles - RedCircle
Lucas - Under Armour 2L Stainless Steel Water Bottle
Subrat - You-Dont-Know-JS

Writing Clean Http Service Methods With Walid Bouguima - AiA 365

Thu, 12 Jan 2023 11:00:00 +0000

Walid Bouguima is a Software Engineer at Hilti Group. He joins the show with Chuck, Lucas, and Subrat to discuss his article, " Angular Clean Http Service Methods: Handle Your Backend Communication With Ease". He explains his goals and reasons why he created this method and what advantages it may bring to developers in the Angular community. Moreover, the panel shares their own perspective and some tips about Walid's article.
On YouTubeWriting Clean Http Service Methods With Walid Bouguima - AiA 365
Sponsors

Links

Picks

Charles - The Game | Board Game | BoardGameGeek
Charles - RedCircle
Charles - Disney Mirrorverse: Home
Charles - Slack | Top End Devs
Lucas - Reaper
Lucas - For Perfectionists - Produce Live Content
Subrat - Clean Code: A Handbook of Agile Software Craftsmanship

Standalone Components With Marek Panti - AiA 364

Thu, 05 Jan 2023 11:00:00 +0000

Marek Panti is an Angular developer at UNIQA Insurance Group AG. He joins the panel to talk about his article, "Angular Standalone Components". Standalone components simplify the process of creating Angular applications. He explains how he was able to come up with the idea for his article.
About This Episode

Advantages of Standalone Components
Maintaining Angular Apps in the long run

On YouTubeStandalone Components With Marek Panti - AiA 364
Sponsors

Links

Angular standalone components
Web Animations Course
Hire Web Development Experts: unvoid.com
LinkedIn: Marek Panti

Picks

Lucas - Logi Tune software to customize Logitech hardware
Marek - Remarkable
Subrat - Deno — A modern runtime for JavaScript and TypeScript

State Management with RxJS - AiA 363

Thu, 29 Dec 2022 11:00:00 +0000

Amal Ayyash is a UX Designer and Front-end Developer. and her current main focus is Angular. She joins Chuck and Lucas to discuss her article, “RxJS-based state management in Angular”. She starts the show off by explaining the reason why she chose to use RxJS to create state management instead of using NgRX. She also gives advice to other developers, encouraging them to use their own frameworks or codes rather than third-party solutions.
About this Episode

Methods of handling the Angular State Management
Advantages of using RxJS in creating an Angular State Management
Comparison between using RxJS and NgRX-based solution

On YouTubeState Management with RxJS - AiA 363
Sponsors

Links

Picks

Ayyash - The peter principle
Ayyash - Secondhand Time: The Last of the Soviets
Chuck - Camel Up | Board Game - BoardGameGeek
Chuck - Black Panther: Wakanda Forever (Movie, 2022) - Marvel
Lucas - Logitech BRIO Webcam with 4K Ultra HD Video & HDR

Angular 15: The Good Parts - AiA 362

Thu, 15 Dec 2022 11:00:00 +0000

Chuck welcomes Lucas to the show as a regular host of Adventures in Angular. They begin by discussing Angular 15's most recent updates and what benefit it might have for the current Angular community. Lucas also offers his perspective on the new tools and what makes him excited to use them.
About this Episode

All the new features of Angular 15
Advantages of Directive composition API
Pros and Cons of Image optimization
How these changes can be integrated into your application

On YouTubeAngular 15: The Good Parts - AiA 362
Sponsors

Links

Picks

Charles - Thunderbird — Make Email Easier. — Thunderbird
Charles - Gmelius: Top-Rated Email and Team Collaboration Software
Charles - Pipedrive™ CRM - Pipedrive Official Site
Lucas - Trip to Argentina (cities: El Calafate and Buenos Aires
Lucas - Brazil World Cup squad 2022

How to Advance Your Career without Grinding for Years - AiA 361

Thu, 01 Dec 2022 11:00:00 +0000

Each encounter teaches us a lesson. Every setback is a victory. What Can You Do To Take Control Of Your Career? Chuck and Subrat join the show as Chuck takes the lead in sharing his past work experiences and his inspiring journey towards his road to success. He also talks about his current plans for Top End Devs such as conferences, book clubs, meetups, and many more!

Sponsors

Picks

Charles - Betrayal at House on the Hill | Board Game - BoardGameGeek
Charles - Load Star by Fritz Swanson - Goodreads
Subrat - JavaScript Documentation

Unsubscribing Observables on Component Destroy With Lucas Paganini- AiA 360

Thu, 24 Nov 2022 11:00:00 +0000

Lucas Paganini is a content creator and developer. Together with his team creates educational content about web development through articles and YouTube tutorials. He has been working on Angular since 2017 and is the CEO of a remote company called Unvoid. He joins Chuck on the show to talk about his article, "Automatically Unsubscribe Observables on Destroy".

About this Episode

Managing Observables when your component is destroyed
Different roles in the Dependency Injector System
Ways in providing Dependency
The Unsubscribe Service

Sponsors

Links

Picks

Charles - Timpanogos Game Convention
Charles - Keeper of the Lost Cities
Lucas - Flavio Almeida Angular courses (warning: a lot of content in Portuguese)
Lucas - Thoughtram Angular blog
Lucas - Overcooked 2 game
Lucas - Game Night movie

How To Recession Proof Your Job - BONUS

Thu, 24 Nov 2022 11:00:00 +0000

Get the Black Friday/Cyber Monday "Focus Blocks Bundle" Deal Coupon Code: "THRIVE" for a GIANT discount Are you looking at all the layoffs and uncertainty going on and wondering if your company is the next to cut back? Or, maybe you're a freelancer or entrepreneur who is trying to figure out how to deliver more value to gain or retain customers? Mani Vaya joins Charles Max Wood to discuss the one thing that both of them use to more than double their productivity on a daily basis. Mani has read 1,000's of productivity books over the last several years and has formulated a methodology for getting more done, but found that he lacked the discipline to follow through on his plans. The he found the one thing that kept him on track and made him so productive that he is now getting all of his work done and was able to live the life he wants. Chuck also weighs in on how Mani's technique has worked for him and allows him to spend more time with his wife and kids, run a podcast network, and a nearly full time contract. Join the episode to learn how Chuck and Mani get into a regular flow state with their work and consistently deliver at work.

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.

Change Detection Method in Angular - AiA 359

Thu, 17 Nov 2022 11:00:00 +0000

Change detection and how it works
How do you call or trigger a Change Detection
Inject Function
Proxy Object

Sponsors

Links

Change Detection without Change Detection

Picks

Armen - House of the Dragon | Official Website for the HBO Series
Charles - Board Game Conventions
Charles - Clean Architecture
Subrat - Atomic Habits

Using the LocalStorage Object in Angular with Dany Paredes - AiA 358

Thu, 06 Oct 2022 10:00:00 +0000

In Angular apps, remembering user-preferred settings is an excellent way to provide a good experience for the users; you can save data in the user’s browser using the localStorage object, which provides methods for working the key-value data. Today on the show, GDE Angular expert Dany Paredes shares his insights about localStorage, how to learn about this API, and knowledge to build in Angular to save background color preferences.

In this episode…

How localStorage works and limitations
API examples and use cases
Possible performance issues
Trusting the localStorage and API mock values
Complicated use cases
Angular content in Spanish

Sponsors

Links

Picks

Charles- Quartile
Charles- Funnel Hacking LIVE 2022
Charles - Angular Remote Conf
Dany – Enjoys comparing NBA players to Angular developers

Weekly Content Development Strategies with GDE Maina Wycliffe - AiA 357

Thu, 22 Sep 2022 10:00:00 +0000

Maina Wycliffe, Google Developer Expert in Angular, joins the show today to talk about his weekly newsletter called “All Things Typescript” and his various content and production strategies. Similarly, Charles also shares his perspective about how he has grown TopEndDevs.

In this episode…

Typescript newsletter
Delivering concepts
Creating content for posts
RSS feeds
Resource lists
Ideal newsletter lengths
Staying current in the industry
Paid subscriptions

Sponsors

Links

Picks

Charles- Irish Gauge
Charles- How to Stay Current
Charles- Top End Devs | Coaching
Charles - Angular Remote Conf
Maina- Learning TypeScript: Enhance Your Web Development Skills Using Type-Safe JavaScript
Maina- DevFest | Google Developers

How to Proxy HTTP Requests in Angular with Maria Korneeva - AiA 356

Thu, 08 Sep 2022 10:00:00 +0000

Maria Korneeva joins the show today to share her approach on how to proxy HTTP requests in Angular, including use cases and various strategies to make proxying simplified and useful to your Angular workflows.

In this episode…

Use cases examples
Proxying a request from localhost to the remote backend service
Using the fake back end before real implementation
Effortless switching between environments
Defining endpoints using wildcards
Automation scripts and testing

Sponsors

Links

Picks

Charles- ActiveCampaign - #1 Customer Experience Automation Platform - ActiveCampaign
Charles- Community | Personalized Text Message Software & SMS Solution
Charles- TopEndDev | Courses
Charles- Virtual Events Platform for Communities & Enterprises
Charles- TopEndDev | Coaching
Maria- Chrome DevTools - Chrome Developers
Maria- Document.designMode - Web APIs | MDN
Maria- tweak: mock and modify HTTP requests
Subrat- Sapiens: A Brief History of Humankind
Subrat- Mindset: The New Psychology of Success

Why would you use Angular in a Startup? - AiA 355

Thu, 01 Sep 2022 10:00:00 +0000

Catalin Ciubotaru joins the show today to share his industry insights and the advantages and disadvantages of using Angular in a startup.

In this episode…

Main advantages of Angular
Moving quickly with Angular
Developer experience and templates
Disadvantages of using Angular
Hiring with a startup mentality
Startups defined
Micro front ends and monolithic apps

Sponsors

Links

Picks

Catalin- The X-Files (TV Series 1993-2018) - IMDb
Catalin- CSS for JavaScript Developers | An online course that teaches the fundamentals of CSS for React/Vue devs
Charles- 2000 Mules | Official Site
Charles- Project Hail Mary
Charles- The Scions of Shannara (Heritage of Shannara, #1)
Charles- NCIS (Official Site) Watch on CBS
Charles- - Top End Devs

Monorepos, Linting, and CI, Oh My! - AiA 354

Thu, 18 Aug 2022 10:00:00 +0000

Today on the show, Charles and Subrat interview Miroslav Jonas to discuss various approaches related to monorepos, linting and CI. Enjoy this broad conversation as the panel shares their industry insights on these various topics and strategies you can start to implement today.

In this episode…

What are monorepos?
Migrating and linting engines
Nx and monorepos
Utilizing plug ins
Integration libraries and linting
Benefits of Nx
Front end vs back end communications

Sponsors

Links

Picks

Charles- Quiddler
Charles - Top End Devs Conferences
Charles- Watch Dan Brown's The Lost Symbol Streaming (2021-) | Peacock
Miro- Watch The Sandman | Netflix Official Site
Miro- Nx Conf 2022 - October 17th, 2022
Subrat- The Pragmatic Programmer: From Journeyman to Master

Code Practice: Become a Top 1% Developer - AiA 353

Thu, 11 Aug 2022 10:00:00 +0000

Do you want to level up in your career? Do you want to become a top 1% developer? Today on the show, Charles provides three simple steps you can implement today to help get you there.

In this episode…

Have a side project
Learn something every day
Commit code every day

Sponsors

Picks

Charles - Top End Devs | Conferences
Charles - Top End Devs | Meetups
Charles – Innova OBD2 Code Reader
Charles- BMK 200W Car Power Inverter DC 12V to 110V AC Car Inverter 4 USB Ports Charger Adapter Car Plug Converter with Switch and Current LCD Screen
Charles- Just Wireless 15W Magnetic Wireless Charger Car Vent Mount for MagSafe Devices Black 20017 - Best Buy
Charles- Fantastic Beasts: Perilous Pursuit

Async Angular Testing and Introducing AG Charts - AiA 352

Thu, 28 Jul 2022 10:00:00 +0000

If you are testing an Angular application, then at some point, you will be required to test asynchronous behavior. Today on the show, guests Stephen Cooper and Mona Peirov share about how you can validate your internal models with async Angular testing and integrate AG Charts into your workflows.

Sponsors

Links

Picks

Charles- Antidote
Charles - Top End Devs Conferences
Charles - Join a meetup group
Mana- Passion fruit is amazing and it's growing in my garden
Stephen - if you have a friend at Google get them to invite you to the office as a guest

Making the Most of Meetups - AiA 351

Thu, 21 Jul 2022 10:00:00 +0000

Meetups are a remarkably easy and convenient way to connect and network with others. Today on the show, Charles shares his various strategies on how to make the most of Meetups, whether to network to find a better job, learn something new, collaborate with others, get counsel about your career or current work problems, or simply enjoy the human connection and community with others.

Sponsors

Picks

Charles - Sponsor a show
Charles - Text Charles to get connected. 801-877-3287
Charles - Join a meetup group
Charles - 1883 (TV Series)
Charles - ESPN+
Charles - Top End Devs Conferences

The Angular Developer’s Nx Handbook - AiA 350

Fri, 15 Jul 2022 10:00:00 +0000

Nx is a smart, fast and extensible build system with first class monorepo support and powerful integrations, and it has a powerful core and a rich plugin ecosystem. Today, Charles interviews Angular expert Lars Gyrup Brink Nielsen to discuss the benefits of the Nx build framework.

In this episode…

Nx fundamentals
Benefits and downsides
Nx workspace generation
Distributed task execution (DTE)
Future feature releases

Sponsors

Links

Picks

Charles- Just One
Charles - Top End Devs Conferences
Charles- Tim McGraw, Faith Hill to Star in 'Yellowstone' Prequel Series '1883'
Lars- Westworld | Official Website for the HBO Series | HBO.com
Lars – This is Learning

Standalone Component - AiA 349

Thu, 07 Jul 2022 10:00:00 +0000

One of the upcoming future features in the Angular framework will revolve around “Standalone Components” (SC) vs. “Optional NgModules”. When SC makes NgModules optional, it depreciates their value in the long run and could lead us to determine their necessity. Given that Angular is an enterprise framework, can we have modulars in an angular application or should we eliminate this? Angular expert Rainer Hahnekamp joins the show to share his perspective on how SC will affect modularity in an Angular application.

Sponsors

Links

RAINER HAHNEKAMP

Picks

Charles- DigitalOcean - The developer cloud
Charles - Conferences | Top End Devs
Charles- Dice Forge
Charles- Tim McGraw, Faith Hill to Star in 'Yellowstone' Prequel Series '1883'
Rainer - Look at other frameworks to get other perspectives.

How to start a successful programming podcast - AiA 348

Thu, 30 Jun 2022 10:00:00 +0000

Charles Max Wood is the master architect behind Top End Devs, which includes 11 unique podcast shows for DevOps. Today on the show, Subrat interviews Charles on how to launch, grow, and monetize a podcast show from scratch. He shares his process, the strategies to launch, various tools, sites, and apps, how to build an audience, and how to monetize a show.

Sponsors

Links

Picks

NgRx with Google Developer Expert, Tomas Trajan - AiA 347

Thu, 23 Jun 2022 10:00:00 +0000

Tomas Trajan, Google Developer Expert for Angular and Web technologies, joins the show today to discuss NgRx and best practices. They deliberate the main integrations for NgRx with Angular, various implementation strategies, and more. This is an exciting conversation you won’t want to miss!

In this Episode…

NgRx overview
NgRx best practices
NgRx and Angular implementation

Sponsors

Links

Picks

Charles- Marvel's Guardians of the Galaxy Game | SQUARE ENIX
Charles - Top End Devs Conferences
Charles - Top End Devs Meetups
Subrat- Mindset: The New Psychology of Success
Tomas - Huberman Lab

Template Driven Approach vs. Reactive Form Approach with Hossein Mousavi - AiA 346

Thu, 05 May 2022 10:00:00 +0000

Hossein Mousavi shares his methodology to angular form by presenting his template driven approach vs. reactive form approach. They also discuss the differences between form control, form group, and form array, and how you can build upon the elements within Angular through modular patterns and object-oriented project paradigms. Finally, they discuss how the Angie directive allows you to create web applications by routing requests to controllers and directives and referencing data models in a fashion similar to how you would use AngularJS.Sponsors

Links

Hossein Mousavi

Picks

Charles – GamePigeon
Charles – Digital Ocean
Hossein – Clusterduck
Hossein – Netlify

Special Guest: Hossein Mousavi .Sponsored By:

Top End Devs Update - AiA 345

Thu, 28 Apr 2022 10:00:00 +0000

Do you want to become a 10x top end developer? Do you want to take your career to the next level? Charles provides a 7 step roadmap to get you there:
1) Learn something new everyday.

a. 10-15 minutes, learn something new that can help you move the needle forward in your career.
b. Make 1% incremental progress everyday will compound to 37x better yearly. Everything adds up.
2) Commit code daily and practice your craft.
a. Practice makes perfect, try something new.
3) Meet someone new every week.
a. Contact and/or connect with another industry professional.
b. Build relationships and continue to stay in touch with them regularly.
4) Post or publish some sort of media each week.
a. Learn and process new information and content that can be presented or utilized elsewhere.
5) Go to a community coding group or event monthly.
a. Relationships will pay off and so will the knowledge share.
b. Commit to speak or present to the group on a specific topic and stretch yourself.
6) Go to a coding conference annually.
a. Network and collaborate with others.
b. Immerse yourself in the content and implement your top take-aways.
7) Make a plan and set your goals.
a. What are your goals and how will you get there?
b. Commit to making it happen. Sponsors

Sponsored By:

Alternative Roles for Software Developers ft. Karl Hughes - AiA 344

Thu, 14 Apr 2022 10:00:00 +0000

Sometimes your development skills lead you into a role other than full time code sherpa. If you're wondering which ways you can take your career to have some new adventures, listen to this episode with Karl Hughes, Subrat Mishra and Charles Max Wood.Sponsors

Links

Picks

Charles- Scythe | Board Game | BoardGameGeek
Charles- Scythe: Invaders from Afar | Board Game | BoardGameGeek
Charles- Conferences | Top End Devs
Karl- THE GAP by Ira Glass on Vimeo
Subrat- Zero to One

Special Guest: Karl Hughes.Sponsored By:

Kendo UI and Building Components with Carl Bergenhem - AiA 343

Thu, 17 Mar 2022 10:00:00 +0000

To build or to buy, that IS the question. In this episode, Charles talks with Carl Bergenhem about the BIG updates in Kendo UI, as well as how to navigate the tricky waters of building your own components. “I think the first thing to look at is what you’re trying to accomplish. There might be hyper specialized scenarios, but when it comes to picking something off the shelf, it depends on what kind of UI you’re building.”
- Carl Bergenhem In This Episode1) What you NEED to know about Angular’s updates this year
2) The BEST questions to ask before you commit to buying vs. building your own components
3) How to build Angular UI components without worrying that they’ll disintegrateSponsors

Links

Picks

Carl- Lost Ark - Free to Play MMO Action RPG
Charles- “Taco Cat Goat Cheese Pizza”
Charles- Death on the Nile (2022) - IMDb
Charles- BoardGameGeek
Charles- Conferences | Top End Devs

Special Guest: Carl Bergenhem.Sponsored By:

Choosing the Right Tooling with Jared Youtsey - AiA 342

Thu, 10 Mar 2022 11:00:00 +0000

Your toolbelt needs some upgrading. In this episode, Charles sits down with Jared Youtsey, a developer who’s taken productivity to the next level and will show you how to do the same. “Having the right tooling in place makes a big difference in productivity.”
- Jared Youtsey In This Episode1) Why having the correct tooling is HUGE for productivity
2) Jared’s go-to tools for adding jet fuel to your efficiency and accuracy
3) How to implement snippets and autofill to make your life easier (especially if you hate typing)Sponsors

Links

Picks

Charles- Dice Forge | Board Game | BoardGameGeek
Charles- St. George, Utah Parade of Homes
Charles- Worskshops | Top End Devs
Jared- It Takes Two | PlayStation

Special Guest: Jared Youtsey.Sponsored By:

Angular On The Desktop - AiA 341

Thu, 03 Mar 2022 11:00:00 +0000

If your Angular needs a home, look no further than your own desktop! In this episode, the group talks to Sam Basu to learn ALL the deets about integrating Angular into your desktop properly. They lay out how PWAs CAN work (if done correctly), the big differences between cross-platform vs. one basket, and why 2022 is gonna be a GOOD year for Angular. “The desire to see ‘web stuff’ on native is nothing new, and it’s good to have choices in Angular.”
- Sam Basu In This Episode1) How PWAs ARE an option for Angular on desktop this year (follow these tips to do it right)
2) Why the answer to “How do I integrate these tools?” is only TWO words long
3) The BIG differences between integrating cross-platform vs. all into one basket
4) Exciting Angular developments this year that you DESERVE to know ASAP (including .NET MAUI…you’re welcome!)Sponsors

Links

Modern Developer Ramblings

Picks

Charles- 7 Wonders Duel | Board Game | BoardGameGeek
Charles- Encanto | Disney Movies
Charles- Airmeet
Charles- Workshops and meetups at topenddevs.com!
Sam- Let’s break bread to connect and get more people involved with technology
Sam- Jack Ryan | Amazon Prime
Subrat- “Business Connected” episode about digits

Special Guest: Sam Basu.Sponsored By:

How to Run Your Toolchain in the Browser - AiA 340

Thu, 17 Feb 2022 11:00:00 +0000

This ain’t your granddaddy’s browser. In this episode, Charles and Subrat sit down with Eric Simons, a developer who’s on the forefront of expanding for what’s possible for your toolchain in browsers. They lay out a BIG trend you oughta know, how these programs can help you level up your security, and how the “Google Docs” approach gives a hint for some remarkable developments coming this year and beyond. “Browsers have gotten a lot more pliable and robust over the past half decade.”
- Eric Simons In This Episode1) A BIG trend that’s need to know about Angular and beyond (and how it’ll affect you)
2) Why these programs will help you step up your security while maintaining continuity
3) How these toolchains are applying the “Google Docs” approach to all kinds of use cases 4) The COOLEST upcoming developments that are “barely scratching the surface” for what’s possible in 2022 and beyond (including desktop AND mobile!)Sponsors

Picks

Charles- Wavelength | Board Game | BoardGameGeek
Charles- topenddevs.com for authoring, coaching, and more
Charles- JS Remote Con is coming
Eric- Vite: Home
Subrat- You Don't Know JS Yet: Get Started

Special Guest: Eric Simons .Sponsored By:

Is Dependency Injection Broken? - AiA 339

Thu, 03 Feb 2022 11:00:00 +0000

Well, it depends. In this episode, Charles sits down with Aristeidis Bampakos, a Greek developer at Google who knows a thing or two (or seven) about how to use dependency injectors right. They talk about why DI’s could be a blessing OR a curse, how the “component hierarchy” can affect your whole structure, and the ONE thing you should know before you give up on your injector. “We must never forget that Angular is cross-platform. The actual way Angular works with injection is when you provide the service. It’s like using a recipe!”
- Aristeidis Bampakos In This Episode

Why dependency injection can be a blessing OR a curse (it all depends on YOU)
How the “component hierarchy” affects the entire structure of your Angular work
The BIGGEST difference between using the injector vs. the component in Angular (and how to know which to use)
Before you get frustrated and create a workaround for your injector, consider THIS first (and the lightbulb may turn on)

Sponsors

Picks

Aristeidis- Assassins’s Creed Valhalla
Aristeidis- Prioritize your health!
Charles- Weekly date nights, puzzles with the kids, and putting family first
Charles- Get involved with your local community!
Charles- Calico | Board Game | BoardGameGeek
Charles- IRONMAN

Special Guest: Aristeidis Bampakos.Sponsored By:

Getting the Right SignalR with Andrew Evans - AiA 338

Thu, 27 Jan 2022 11:00:00 +0000

Here’s your SIGNAL to try SignalR. In this episode, Charles and Armed sit down with Andrew Evans, a software developer who’s keen on Microsoft’s newest toy. They discuss the best way to integrate SignalR with Angular, how SignalR is different from Socket IO, and the future of web sockets and modern apps. “With these new web standards, I would just leverage whatever tools work best for you, your company, and your customers.”
- Andrew Evans In This EpisodeWanna try Microsoft’s new toy? Andrew lays out how to connect SignalR with Angular
How to know if adding SignalR is right for your setup (and the most common bugs to watch out for)
The BIGGEST differences between Socket IO and SignalR (and what they mean for high-end developers)
Andrew talks about the future of web sockets and how they’re changing modern app architectureSponsors

Links

Connecting Microsoft SignalR with Angular | by Andrew Evans | Medium

Picks

Special Guest: Andrew Evans.Sponsored By:

Getting Rid Of If Statements with OOP - AiA 337

Thu, 13 Jan 2022 11:00:00 +0000

IF you don’t want to use If statements, THEN what? We’ve got you. In this episode, Charles sits down with Yiu Pang (Leo) Chan, a software developer whose expertise in Angular has helped hospitals weather the COVID storm on their systems. They talk about Leo’s go-to tips for building a robust dashboard, the biggest way Angular changed Leo’s game, and Leo’s #1 choice for building stacks in 2022. “OOP summarizes things very well and gives the user quick insight to see how it’s performing. It’s a brand new approach that’s helped me brainstorm more creatively.”
- Yiu Pang (Leo) Chan In This EpisodeLeo’s go-to tips for building an intuitive and powerful dashboard
How COVID forced Leo to think beyond if-statements and go beyond the norm
The BIGGEST way that Angular and OOP changed Leo’s game and simplified his workflow
Leo’s #1 choice for building stacks in 2022Sponsors

Links

Get Rid of if-statements in your Angular App with OOP | by Yiu Pang (Leo) Chan | ITNEXT 2

Picks

Charles- Forbidden Desert | Board Game | BoardGameGeek
Charles- Call Charles at (801) 877-3287
Leo- Rich Dad Poor Dad
Leo- Micro Frontends in Action

Special Guest: Yiu Pang (Leo) Chan.Sponsored By:

PWAs ft. Patricio Vargas

Thu, 06 Jan 2022 11:00:00 +0000

Ever feel like a damsel in distress held captive by app limitations? Never fear! In this episode, Charles and Sani sit down with Patricio Vargas, a software developer who’s an expert on PWA’s and enriching the customer experience. They cover why PWA’s have “superpowers”, a user statistic that will scare the connection issues right out of you, and why Clubhouse fell from grace (and what others apps can learn from it).“One of the reasons Angular is great is because, with one command, all the setup is done for you. It’s super fun!”

Patricio Vargas

In This Episode:
Why Patricio believes PWAs are “applications with superpowers” and will continue to become more popular
Patricio shares a startling statistic that’ll make you think twice about keeping your customers connected
How Apple is missing the PWA train for iOS and web browsing
The panel dissects why Clubhouse lost its appeal and what other apps can learn from it
The #1 problem with QR codes and Patricio’s idea to smooth out that kinkPicks!Charles’s
“Family Business” boardgame
hunter.io business email finder
loom.com
Community.com Patricio’s
“Risk” boardgame
Postman Collections Connect with Patricio:
https://twitter.com/devpato/

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.

Subrat and Chuck Catch Up - AiA 335

Thu, 16 Dec 2021 11:00:00 +0000

Subrat and Chuck sit down and discuss what they're working on and where they're heading going forward. They've both changed work situations and are doing new things. They also talk about the stuff going on outside of work.Panel

Charles Max Wood
Subrat Mishra

Sponsors

Picks

Charles- [Upper Deck Legendary: A Marvel Deck Building Game]( )
Charles- Dotcom Secrets: The Underground Playbook for Growing Your Company Online with Sales Funnels
Charles- Expert Secrets: The Underground Playbook for Converting Your Online Visitors into Lifelong Customers
Charles- Traffic Secrets: The Underground Playbook for Filling Your Websites and Funnels with Your Dream Customers
Charles- Think and Grow Rich
Charles- The Wheel of Time
Subrat- The Hard Thing About Hard Things: Building a Business When There Are No Easy Answers

3 Fundamental Pillars You Need to Succeed as an Entrepreneur - BONUS

Tue, 14 Dec 2021 11:00:00 +0000

Get Lifetime Access to Mani's Entrepreneurship Pack and Book Club. Use coupon code "GREAT"Mani has summarized hundreds of business books that outline how to build, grow, and operate a business and he shares his expertise with Chuck and the listeners in this special episode.Chuck and Mani discuss what it takes to be a successful entrepreneur. They talk about their businesses on a regular basis and Chuck's been getting a lot of requests for entrepreneurship help.He and Mani talk about the 3 primary things that add momentum to your business and help you keep the momentum up when setbacks come your way. Get Lifetime Access to Mani's Entrepreneurship Pack and Book Club. Use coupon code "GREAT"Special Guest: Mani Vaya.

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.

The Problems with the Angular Test-Bed ft. Georgi Parlakov - AiA 334

Thu, 09 Dec 2021 11:00:00 +0000

Georgi Parlakov outlines the problems he's had using the Angular Test-Bed and what he's done to move to a different system.He's built a library called scuri to help him build and run his tests in a way that make it easy to standardize the tests he runs.Panel

Armen Vardanyan
Charles Max Wood

Guest

Georgi Parlakov

Sponsors

Links

Picks

Special Guest: Georgi Parlakov .Sponsored By:

Progressive Web Apps (PWAs) ft. Francesco Leardini - AiA 333

Thu, 02 Dec 2021 11:00:00 +0000

Francesco Leardini joins the adventure to discuss how to build PWA's using Angular. In some ways it's pretty straightforward. In other ways, you need to invent ways to get what you need.Francesco explains how to pull in the various features that make up PWA's and the advantages of using them with your Angular applications to enhance your users' experience.Panel

Charles Max Wood

Guest

Francesco Leardini

Sponsors

Links

Picks

Charles- 75 Hard
Charles- INSANITY MAX:30
Charles- Turkey Brine Kit
Francesco- Appscope
Francesco- Home Barista

Special Guest: Francesco Leardini.Sponsored By:

BONUS: How to do LARGE Volumes of HIGH Quality Work - While Spending Fewer Hours Working

Thu, 25 Nov 2021 11:00:00 +0000

Get the Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" Deal
Coupon Code: "DEEP" for a GIANT discountMani provides us with strategies and tactics to get Deep Work time and how to get our minds into that focused state for hours at a time.He has read hundreds of books that have taught him the secrets to getting more done by getting into this state.He starts by telling us how he was passed over for a promotion at Qualcomm in favor of someone younger and less experienced and how that inspired him to figure out what the other guy was doing differently. He learned that he needed to get more done with the time he was spending on his projects.The trick? Deep Work!Deep Work is the ability to spend uninterrupted, focused time on a task to bend your entire mind toward the goal.Other developers call it "Flow" or "the Zone."Mani provides us with strategies and tactics to get Deep Work time and how to get our minds into that focused state for hours at a time. Get the Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" Deal
Coupon Code: "DEEP" for a GIANT discount

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.

Chuck's Journey and Top End Devs Going Forward - AiA 332

Thu, 18 Nov 2021 11:00:00 +0000

Charles Max Wood talks about what has brought about the new direction he's heading in with Top End Devs and talks about some of the things that have led to this new direction.He'll be going into more at https://topenddevs.com/podcast Panel

Charles Max Wood

Sponsors

Sponsored By:

How VS Code Can Keep You From Making Coding Mistakes in Angular - AiA 331

Thu, 04 Nov 2021 10:00:00 +0000

Tom Smykowski joins the adventure to discuss the VS Code plugin that he wrote to help people avoid some of the mistakes commonly made within Angular apps. The reminders appear inline in the editor. He also explains how to build VS Code extensions.

10% DISCOUNT: Summon The JSON
Discount code: ADVENTURES

Panel

Charles Max Wood

Guest

Tom Smykowski

Sponsors

Links

Picks

Contact Charles:

Special Guest: Tomasz Smykowski.Sponsored By:

The ESLint NGRx Plugin - AiA 330

Thu, 21 Oct 2021 10:00:00 +0000

Armen and Chuck discuss the ESLint NGRx plugin. They go over what it adds to ESLint and some of the things that you should be looking for as you write NGRx code in order to make it more uniform, concise, and easy to read.Armen also talks about his experience contributing to the plugin.Panel

Armen Vardanyan
Charles Max Wood

Sponsors

Picks

Armen- Dune
Charles- Viscounts of The West Kingdom
Charles- X: Multiply Your God-Given Potential

Contact Armen:

Contact Charles:

Sponsored By:

Status Codes with Angular Universal ft. Catalin Ciubotaru - AiA 329

Wed, 13 Oct 2021 10:00:00 +0000

Catalin Ciubotaru joins the adventure to discuss how to get Angular Universal to send server side HTTP codes to the browser from the back-end when Angular is geared toward the front-end and doesn't natively send status codes.Panel

Charles Max Wood
Subrat Mishra

Guest

Catalin Ciubotaru

Sponsors

Links

Picks

Contact Charles:

Contact Subrat:

Special Guest: Ciubotaru Catalin.Sponsored By:

Deploying Angular Apps ft. Marco Zuccaroli - AiA 328

Thu, 07 Oct 2021 10:00:00 +0000

Marco Zuccaroli joins the adventure to discuss deploying an Angular application using serverless and basic devops to get an application deployed once the original devops guy was gone.He walks through the things he learned and the architecture he deployed to make the application work.Panel

Charles Max Wood

Guest

Marco Zuccaroli

Sponsors

Links

Picks

Charles- PodcastBootcamp.io
Charles- How to Make Sh*t Happen
Charles- Tribe of Millionaires
Marco- GitHub | mzuccaroli/angular-google-tag-manager

Contact Charles:

Special Guest: Marco Zuccaroli.Sponsored By:

TypeScript Mixins - AiA 327

Thu, 30 Sep 2021 10:00:00 +0000

Armen takes the lead this week to discuss TypeScript usage and how to bring in mixins into the picture as you build more complicated applications with TypeScript.Panel

Armen Vardanyan
Charles Max Wood

Sponsors

Picks

Armen- Our Planet
Charles- Masters of Doom
Charles- Ready Player Two
Charles- The Chosen
Charles- Top End Devs

Contact Armen:

Contact Charles:

Sponsored By:

Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.

All Things TypeScript ft. Wycliffe Maina - AiA 326

Thu, 23 Sep 2021 10:00:00 +0000

Wycliffe Maina is a Kenyan developer who has written several articles about TypeScript. He joins the adventure to discuss the ins and outs and several tips and tricks for using TypeScript in your Angular and other applications.Panel

Armen Vardanyan
Subrat Mishra

Guest

Wycliffe Maina

Sponsors

Links

Picks

Contact Armen:

Contact Subrat:

Special Guest: Wycliffe Maina .Sponsored By:

Raygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.

Managing and Capturing Errors in Angular ft. Philipp Kief - AiA 325

Thu, 16 Sep 2021 10:00:00 +0000

Philipp Kief is a German developer who walks through how to manage and capture errors in your Angular application and how to display them to users.He discusses how he standardized error handlers in his applications and what he does to make sure that they get logged someplace.Panel

Charles Max Wood
Richard Sithole
Subrat Mishra

Guest

Philipp Kief

Sponsors

Links

Picks

Charles- Level Up | Devchat.tv
Charles- PodcastBootcamp.io
Charles- The Chosen
Philipp- Web-based editor
Richard- Material Icon Theme
Subrat- Start with Why: How Great Leaders Inspire Everyone to Take Action

Contact Charles:

Contact Richard:

Contact Subrat:

Special Guest: Philipp Kief.Sponsored By:

Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.

RxJS Best Practices in Angular ft. Tomas Trajan - AiA 324

Thu, 02 Sep 2021 10:00:00 +0000

Tomas Trajan is a developer from Slovakia living in Switzerland. He talks about his experiences using streams, observables, and RxJS in Angular over the last several years.He gives a few lessons and examples of when and how it should be used in your applications.Panel

Armen Vardanyan
Charles Max Wood
Sani Yusuf
Subrat Mishra

Guest

Tomas Trajan

Sponsors

Links

Picks

Charles- Level up | Devchat.tv
Charles- Hire a Coach
Charles- Training Peaks
Charles- Rocket Fuel
Sani- David and Goliath: Underdogs, Misfits, and the Art of Battling Giants
Subrat- The Courage To Be Disliked
Tomas- Huberman Lab Podcast

Contact Armen:

Contact Charles:

Contact Sani:

Contact Subrat:

Special Guest: Tomas Trajan.Sponsored By:

Raygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.

Building Reactive Angular Applications ft. Pavel Tuzov - AiA 323

Thu, 26 Aug 2021 08:00:00 +0000

Pavel Tuzov is a developer at Microsoft who has recently written about building reactive Angular applications using RxJS and Observables. He and Chuck have a conversation about how to build reactive applications and the tools Angular gives you to approach programming with a Reactive paradigm.Panel

Charles Max Wood

Guest

Pavel Tuzov

Sponsors

Links

Picks

Charles- Xero
Charles- Profit First
Charles- Rhythm of War
Pavel- RxJS in Action
Pavel- Day one

Contact Charles:

Special Guest: Pavel Tuzov.Sponsored By:

Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.

How to Stay Current - AiA 322

Thu, 19 Aug 2021 08:00:00 +0000

Charles Max Wood leads the conversation about how to stay current on all the stuff going on in technology and Angular.Given the pace that things move at in technology, it's impossible to stay up on everything. Chuck shares his strategies for staying on top of the things that make a difference in your career.Panel

Charles Max Wood
Subrat Mishra

Sponsors

Picks

Charles- The Prosperous Coach
Charles- Clubhouse
Charles- Focus Blocks
Subrat- Flow: The Psychology of Optimal Experience

Contact Charles:

Contact Subrat:

Sponsored By:

Raygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.

The Push Pipe is Boring ft. Michael Hladky - AiA 321

Thu, 12 Aug 2021 08:00:00 +0000

Michael Hladky rejoins the Adventure to have more discussions around performance and the push pipe. He jumps in and explains the let directive and leads into the other ways of managing changes in your Angular apps.Panel

Sani Yusuf
Subrat Mishra

Guest

Michael Hladky

Sponsors

Dev Influencers Accelerator

Links

Twitter: Michael Rx Hladky ( @Michael_Hladky )

Picks

Contact Sani:

Contact Subrat:

Special Guest: Michael Hladky.

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.

Responsive Angular Components ft. Miroslav Jonas - AiA 320

Thu, 05 Aug 2021 10:00:00 +0000

Miroslav Jonas joins the Adventure to discuss how to make your applications work on different screen sizes within Angular.Sometimes, you can get away with media queries and responsive design, but in other cases you're better off removing elements from the DOM and only managing and reworking the elements that you care about for your media size.Panel

Charles Max Wood
Sani Yusuf
Subrat Mishra

Guest

Miroslav Jonas

Sponsors

Links

Picks

Charles- The Ruthless Elimination of Hurry
Charles- Quiet Time
Charles- Focus Blocks
Miroslav- nx conf
Subrat- The Psychology of Money

Contact Charles:

Contact Sani:

Contact Subrat:

Special Guest: Miroslav Jonas.

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.

Reusing Code in Your Angular Apps ft. Jérémy Bardon - AiA 319

Thu, 29 Jul 2021 10:00:00 +0000

Jérémy Bardon joins the adventure to discuss how to reuse code in Angular. Specifically, the discussion covers reusable components and goes into improving code with them.Panel

Charles Max Wood
Subrat Mishra

Guest

Jérémy Bardon

Sponsors

Dev Influencers Accelerator

Links

Picks

Charles- Dances with Wolves
Charles- Atlas Shrugged
Charles- The Ruthless Elimination of Hurry
Jérémy Bardon- Geocaching
Subrat- GitHub Copilot

Contact Charles:

Contact Subrat:

Special Guest: Jérémy Bardon.

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.

ngTemplateOutlet featuring Stephen Cooper - AiA 318

Thu, 22 Jul 2021 10:00:00 +0000

Stephen Cooper joins the Adventure to discuss the ngTemplateOutlet, how it's used and where you'd add it to your application.It allows you to put a template into place where you have the outlet so you can specify what to put into the spot you have the template in and then specify the variables that it uses. This allows you to have a custom template for a specific item.Panel

Charles Max Wood
Sani Yusuf
Subrat Mishra

Guest

Stephen Cooper

Sponsors

Links

Picks

Charles- Monday.com
Sani- MongoDB Atlas
Stephen- Adding a layer of more explicit typings on top of 3rd party library interfaces
Subrat- Tools Of Titans

Contact Charles:

Contact Sani:

Contact Subrat:

Special Guest: Stephen Cooper .

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 and Routing Testing - Part 2 featuring Lars Brink - AiA 317

Thu, 15 Jul 2021 23:00:00 +0000

Lars Gyrup Brink Nielsen joins the Adventure to continue discussing testing Angular and with Spectacular and to finish the discussion on testing routing in Angular.Panel

Charles Max Wood
Richard Sithole

Guest

Lars Gyrup Brink Nielsen

Sponsors

Dev Influencers Accelerator

Links

Picks

Charles- Cruella
Charles- 2,4-D Weed Killer
Charles- Brown Rubber Mulch
Charles- Roundup Concentrate
Lars- Welcome to This is Learning—an invitation to our open tech authors community
Richard- GitLab CI/CD

Contact Charles:

Contact Richard:

Special Guest: Lars Gyrup Brink Nielsen.

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.

Speeding up Your Angular Apps with Daniel Kreider - AiA 316

Thu, 08 Jul 2021 10:00:00 +0000

Charles Max Wood
Richard Sithole
Subrat Mishra

Guest

Daniel Kreider

Sponsors

Links

Picks

Charles- Created Equal: Clarence Thomas in his Own Words
Charles- Outwitting the Devil
Daniel- A FREE Angular Testing Workshop with Entertaining and Unique Videos
Daniel- Angular Consultant | Daniel Kreider
Richard- Teo - coding music
Richard- Building Performance Optimized Web Apps with Angular and Firebase in 2018 by Richard Sithole - YouTube
Subrat- Deno - A secure runtime for JavaScript and TypeScript.

Contact Charles:

Contact Richard:

Contact Subrat:

How to Get a 60% Performance Gains with Push Pipe featuring Michael Hladky - AiA 315

Thu, 01 Jul 2021 10:00:00 +0000

Michael Hladky joins the adventure to discuss how he's gotten a 60% performance increase using push pipe and related techniques.Many developers can get by without this technology, but Michael explains how to pull the push pipe into your code and what that looks like compared to Zone.js and the default stack in Angular.Panel

Charles Max Wood
Sani Yusuf
Subrat Mishra

Guest

Michael Hladky

Sponsors

Dev Influencers Accelerator

Links

Picks

Charles- Psycho-Cybernetics
Charles- Focus Blocks
Michael- Learn to dance and sing
Michael- Book his performance audits
Subrat- The 5 AM Club: Own Your Morning. Elevate Your Life.

Contact Charles:

Contact Subrat:

Integration Testing Routed Angular Features with Lars Brink - Part 1 - AiA 314

Thu, 24 Jun 2021 10:00:00 +0000

Lars Brink joins the adventure to discuss how he tests routed Angular features using the RouterTestingModule. He explains what it is and why it's not as well documented as it could be.The panel then takes him through testing other parts of an application using Spectacular and other tools to make sure that Angular applications behave as expected.Panel

Charles Max Wood
Richard Sithole
Sani Yusuf
Subrat Mishra

Guest

Lars Gyrup Brink Nielsen

Sponsors

Dev Influencers Accelerator

Links

Picks

Contact Charles:

Contact Richard:

Contact Subrat:

Matchmaking NGXS and Firebase with Joaquin Cid - AiA 313

Thu, 17 Jun 2021 10:00:00 +0000

Charles Max Wood
Richard Sithole
Subrat Mishra

Guest

Joaquin Cid

Sponsors

Links

Picks

Charles- Who Not How
Charles- As a Man Thinketh
Joaquin- Newell's Old Boys
Joaquin- NGXS
Richard- Chania, Crete, Greece
Richard- My team (Dodo) from Optimal Systems
Richard- Building Performance Optimized Web Apps with Angular and Firebase - YouTube
Subrat- NestJS
Subrat- Lucifer

Contact Charles:

Contact Richard:

Contact Subrat:

Special Guest: Joaquin Cid .

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.

The 3 Essentials for Successful Job Outcomes - BONUS

Fri, 04 Jun 2021 10:00:00 +0000

Chuck dives into the 3 essentials for getting the next successful outcome you want in your career. Whether that's something simple like a raise or something more complex like going freelance, you can achieve it by working on 3 main areas.First, building skills. The most obvious type of skills you'll need is technical skills. However, don't neglect your people skills and your organizational skills as well since you're often paid for how you work with people and enhance their work and how you put your work together in the most efficient ways.Second, building relationships. Often other people will be able to help you find the opportunities or will be the ones to make the decisions that impact your ability to get the outcome you want. Having good relationships is key to having good outcomes.Third, building recognition. Being known for being valuable in important ways allows you to leverage the skills you have to build better relationships and create opportunities to get what you need to get the outcomes you want by giving people what they want. A podcast is a great way to do all three. Chuck explains exactly how that works in this podcast and goes deeper as part of the Dev Influencers Accelerator.Panel

Charles Max Wood

Components by Selector Name with Tarang Khandelwal - AiA 312

Thu, 03 Jun 2021 10:00:00 +0000

Tarang Khandelwal found himself in the unenviable position where he needed to be able to dynamically choose which component to load dynamically.He did this by passing in a string key that determined the component that would load in its place. However, given that not all components and component signatures are the same, this is more complex than it seems.Tarang explains to Chuck what this entails and why you might need a setup like this in the first place.Panel

Charles Max Wood

Guest

Tarang Khandelwal

Sponsors

Links

Picks

Charles- Discourse
Charles- Focus Blocks
Tarang- Excalidraw

Contact Charles:

Special Guest: Tarang Khandelwal.

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.

How to Get Hired at a FANG Company - BONUS

Fri, 28 May 2021 10:00:00 +0000

Chuck explains what he taught Nathan last week when we asked how to get hired at a FANG (Facebook Apple/Amazon Netflix Google) company. Essentially, it boils down to how to build the skills and knowledge needed to pass the interview. How to build the relationships to get into the door and have the interviewer want you to succeed. And how to build the reputation that has the company wanting you regardless of the outcome.
This approach also works for speaking at conferences, selling courses, and other outcomes as well as it's the core of building a successful career as an influencer.Panel

Charles Max Wood

Interesting Facts and Features of the Angular Router with Andrei Gatej - AiA 311

Thu, 27 May 2021 10:00:00 +0000

Andrei Gatej joins the adventure and discusses some less well known features of the Angular Router with Charles Max Wood.They walk through some of the features of nesting routes and how to debug issues when your routes don't bubble up the tree the way you expect.Andrei also explains how redirects and router outlets might not have been what Chuck thought they were.Panel

Charles Max Wood

Guest

Andrei Gatej

Sponsors

Dev Influencers Accelerator

Links

Picks

Andrei- inDepthDev
Andrei- This is Learning - DEV Community
Charles- Premium Podcast Feeds | Devchat.tv
Charles- Monthly Online Meetup for Devchat.tv Premium Podcast
Charles- Words of Radiance: Stormlight Archive

Contact Charles:

Special Guest: Andrei Gatej .

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.

Managing Component State the Sane Way with Freddy Montes - AiA 310

Thu, 20 May 2021 10:00:00 +0000

Freddy Montes joins the adventure to discuss how he and his team manage state in their Angular components.Many development teams instinctively reach for a solution like ngrx when they're building their angular apps and start seeing complex state. However, there's a lot of boilerplate and it's often overkill for small to medium apps.Freddy talks about his journey into managing state for his components using observables and basic state libraries.Panel

Charles Max Wood

Guest

Freddy Montes

Sponsors

Links

How to manage component state in Angular using @ngrx/component-store

Picks

Charles- Premium Podcast Feeds | Devchat.tv
Charles- Hiro.fm
Charles- ThriveCart
Charles- Zapier
Charles- TrainingPeaks
Charles- Built Bar
Freddy- Couch to 5K Runner
Freddy- Weiser Lock

Contact Charles:

Special Guest: Freddy Montes .

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.

Becoming the Go-To Person in Your Technology Area - BONUS

Fri, 07 May 2021 10:00:00 +0000

Chuck was on a strategic call with one of his potential coaching clients talking about cryptocurrencies and realized that this is one of the major reasons that people want to become influencers. Or, rather, that many people aspire to make a difference and/or make money and the best way to do that is to become the person people go to for what you do.So, how do you become the first person people think of when they think of that thing you know how to do? Let Chuck tell you.Panel

Charles Max Wood

Cross Platform Angular with Richard Sithole - AiA 309

Thu, 06 May 2021 10:00:00 +0000

Have you ever thought how nice it'd be to write your apps for desktop and mobile alongside the web? Richard Sithole joins the adventure to discuss how to pull a desktop app and mobile app into your repo using electron and capacitor to extend the functionality to new platforms.It turns out that a single repo cross-platform app isn't a total pipe dream.Panel

Charles Max Wood

Guest

Richard Sithole

Sponsors

Links

Twitter: Richard Sithole ( @sliqric )

Picks

Charles- Relationships
Charles- monday.com
Charles- LinkedIn
Charles- Hunter.io
Charles- Dev Influencers | Devchat.tv
Richard- NVIDIA SHIELD
Richard- How to write a great technical blog post by Sashko Stubailo
Richard- freeCodeCamp
Richard- inDepthDev
Richard- WHAT WEB CAN DO TODAY?

Special Guest: Richard Sithole.

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.

Don't Let These Things Keep You From Podcasting - BONUS

Thu, 29 Apr 2021 10:00:00 +0000

Charles talks about the things that get developers stuck when they're trying to start their podcast or other influencer channel. He explains how to get around having those things hamper your journey.Panel

Charles Max Wood

Don't Let These Things Keep You From Podcasting - BONUS

Thu, 29 Apr 2021 10:00:00 +0000

Charles Max Wood

Sponsors

Dev Influencers Accelerator

BONUS: Relationships Matter Most

Fri, 23 Apr 2021 10:00:00 +0000

Charles Max Wood talks about how to build, grow, and benefit from positive relationships within programming. He talks about how he's built genuine positive relationships with hundreds of programmers and how he and others have grown from those relationships. He also explains that you get out of relationships what you put into them. Finally, he goes into how to begin to build relationships by building a system of influence you can use on behalf of the people you want relationships with.Panel

Charles Max Wood

AiA 308: Power Up Angular with RXjs with Armen Vardanyan

Thu, 22 Apr 2021 10:00:00 +0000

Charles Max Wood

Guest

Armen Vardanyan

Sponsors

Picks

Armen- Frank Herbert's Dune Saga 6-Book Boxed Set
Charles- The Way of Kings: The Stormlight Archive, Book 1
Charles- Words of Radiance: The Stormlight Archive, Book 2
Charles- Oathbringer: Book Three of the Stormlight Archive
Charles- Rhythm of War: Book Four of The Stormlight Archive
Charles- Influencers | Devchat.tv
Charles- Dev Influencers | Devchat.tv

Special Guest: Armen Vardanyan.

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.

BONUS: How Opportunities Come Your Way When You're an Influencer

Fri, 16 Apr 2021 10:00:00 +0000

Charles Max Wood discusses several opportunities that came his way early in his podcasting career and other opportunities that have come to other people after only a couple of podcast episodes. He explains why that happens and how you can use this to create more influence as a developer.Panel

Charles Max Wood

AiA 307: What to Expect in Angular 12 with Emma Twersky

Thu, 15 Apr 2021 10:00:00 +0000

Emma Twersky is a Developer Advocate at Google on the Angular team and runs the GDE program for Angular. She walks Shai and Chuck through the features of the upcoming Angular release expected sometime in May. She also explains some of the process for choosing which features to work on and how things make it into releases of Angular.Panel

Charles Max Wood
Shai Reznik

Guest

Emma Twersky

Sponsors

Dev Influencers Accelerator

Links

Picks

Charles- She's in Tech | Devhat.tv
Charles- Dev Influencers | Devchat.tv
Charles- 2018 Modded Minecraft Server on AWS
Emma- Spaceteam
Emma- Nishu Goel: The journey to GDE
Shai- Marvel's The Punisher
Shai- GitHub | hirezio/auto-spies
Shai- GitHub | hirezio/observer-spy
Shai- A FREE Angular Testing workshop

Special Guest: Emma Twersky.

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.

BONUS: What is Charles Max Wood's Biggest Payoff for Being a Dev Influencer?

Fri, 09 Apr 2021 10:00:00 +0000

Charles Max Wood started podcasting because it sounded fun and because he wanted to talk about technology. He learned pretty quickly that it got him access to people who understood the things he wanted to learn. The reasons changed over the years, as Charles explains before he talks about the big payoff he gets now from doing the podcasts.Panel

Charles Max Wood

AiA 306: How to Succeed with Grit and Determination featuring Richard Sithole

Thu, 08 Apr 2021 10:00:00 +0000

Richard Sithole sits down with Charles Max Wood to discuss his story from growing up in South Africa and the setbacks he experienced as he worked his way into the software industry. He walks through his learning journey and the challenges he faced as he moved from one stage to another to become a successful software engineer in Berlin, Germany.Panel

Charles Max Wood

Guest

Richard Sithole

Sponsors

Picks

Charles- Dev Influencers | Devchat.tv
Charles- ClickUp | One app to replace them all
Charles- Teachable: Create and sell online course and teaching
Charles- ThriveCart
Richard- 10 Ten-Minute Animal Stories
Richard- Microsoft OneNote Digital Note Taking App | Microsoft 365
Richard- Reading tech articles
Richard- Do not Procrastinate
Richard- Exercise
Richard- Get enough sleep

BONUS: How Jason Weimann Became a Game Developer

Fri, 02 Apr 2021 10:00:00 +0000

Jason Weimann started out as an enthusiast of the Massively Multiplayer Online Role Playing Game, Everquest. After becoming a software developer and building a collaborative community playing the game, learn how he used his connections to get a job working for the company that made the game, even if it wasn't a job working as a game developer and how that led to a career working on one of the most popular online games of the time.Panel

Charles Max Wood

Special Guest: Jason Weimann.

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.

BONUS: How Jason Weimann Became a Game Developer

Thu, 01 Apr 2021 10:00:00 +0000

Charles Max Wood

Guest

Jason Weimann

Sponsors

Dev Heroes Accelerator

BONUS: Continuing Your Learning Journey by Finding Mentors as an Influencer

Fri, 26 Mar 2021 10:00:00 +0000

Chuck outlines how he's used his podcasts to find mentors to continue his learning journey over 12 years of podcasting. Some mentors have been long lived relationships while others have lasted only a few months or even days. This episode shares Chuck's experience learning from the top people in the development community as a programmer and podcaster.Panel

Charles Max Wood

BONUS: Continuing Your Learning Journey by Finding Mentors as an Influencer

Tue, 23 Mar 2021 10:00:00 +0000

Charles Max Wood

Sponsors

Dev Heroes Accelerator

BONUS: How Senior Developers Can Enjoy Learning Like They Were Juniors

Tue, 16 Mar 2021 10:00:00 +0000

Remember the amazing adventure it was to learn a new thing every day as a Junior Developer? It's easy to feel a little stuck or lost as a Senior developer since there aren't roadmaps or people looking to mentor seniors. (Besides Charles Max Wood.) Chuck talks about how he felt that way at different points in his career and how podcasting and connecting with the programming communities helped him get past that.Panel

Charles Max Wood

Sponsors

BONUS: How Charles Max Wood Started Podcasting -- And You Can Too

Tue, 09 Mar 2021 11:00:00 +0000

Charles Max Wood goes into the origin story of his podcasting career and how it relates to his programming career. He starts with his interest from a young age in technology and his dreams of being a radio DJ. He moves quickly through college and into his first job after college where he was introduced to podcasts by a co-worker who had purchased an iPod.He calls out several mentors like Gregg Pollack, Eric Berry, Nate Hopkins, Cliff Ravenscraft, David Brady, Dave Jackson, and many more.He then explains what he'd do differently if he were starting today.Join the Dev Heroes Accelerator at https://devchat.tv/hero Panel

Charles Max Wood

Sponsors

BONUS: How to get Freelance Clients to Come to You

Tue, 02 Mar 2021 11:00:00 +0000

Charles Max Wood explains how he landed his first 4 freelance clients that took him through a few years of freelancing with only 3 years of experience and a few hundred podcast listeners. Funnily enough, they actually came to him, not the other way around.He explains how he made himself attractive to them and then turned it into a mutually profitable relationship once he had their attention.Panel

Charles Max Wood

Sponsors

AiA 305: How to Stay Current

Tue, 23 Feb 2021 11:00:00 +0000

Charles Max Wood explains the process he uses to stay current in various technologies including JavaScript and Angular. He walks through the process of finding influencers, groups, forums, and content outlets that produce the information he's looking for and then using them to stay on top of the movements within the programming community using a specialized trello board setup.Panel

Charles Max Wood

Sponsors

Links

AiA 034: LIVE! from ng-conf 2015

Wed, 17 Feb 2021 11:00:00 +0000

This is a repeat episode of Adventures in Angular. Here is the original link https://devchat.tv/adv-in-angular/034-aia-live-from-ng-conf-2015/ Sponsors

BONUS: Measuring Apps and Entrepreneurship with John-Daniel Trask

Fri, 05 Feb 2021 11:00:00 +0000

John-Daniel Trask, founder and CEO of Raygun, talks about his experience building a monitoring company and about how to measure the speed and quality of your code.Special Guest: John-Daniel Trask.

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.

AiA 304: What is a Top 5% Developer?

Tue, 02 Feb 2021 11:00:00 +0000

This is a repeat episode of Ruby Rogues 485The Rogues dive into who are top 5% developers, what they're doing and how to recognize them. They start out discussing how mid-level developers can move up and how developers can grow in more ways that technical skills.Panel

Charles Wood
Dave Kimura
John Epperson

Sponsors

Links

Devchat.tv | Dev Rev

Picks

AiA 303: How to Make an Impact on the Development Community

Tue, 26 Jan 2021 11:00:00 +0000

Charles Max Wood takes a solo flight into how to make an impact on the development community and build the career you want at the same time. Chuck starts out summarizing his journey over the last year or so and then dives into his vision of how people can grow into becoming an influencer and using that to create opportunities in your life and career.Please check out devchat.tv/nextlevel Panel

Charles Wood

Sponsors

AiA 001: The Birth of Angular

Tue, 12 Jan 2021 11:00:00 +0000

In the inaugural episode of Adventures in Angular, the panelists talk to Miško Hevery about the birth of AngularJS.Panel

Aaron Frost
Charles Max Wood
Joe Eames
Brian Ford

Guest

Miško Hevery

Sponsors

Picks

Aaron- 105" S9W Curved Smart 4K UHD TV
Aaron- Can I Use
Aaron- Eric Elliott JS
Brian- Angular JS
Joe- Spotify: Mandatory fun by "Weird AI" Yankovic
Joe- Spotify Premium
Charles- Pretty JS
Charles- Mod Header
Miško- SEO, DIGITAL MARKETING CONSULTING & INTERNET ADVERTISING

Special Guest: 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.

BONUS: How to Crush Your Biggest Goals in 2021

Fri, 01 Jan 2021 17:00:00 +0000

Get the 2020 Goal Setting Workshop + Success Accelerator Deal HERE
(Coupon Code: GOALS for a massive discount)Mani Vaya joins Charles Max Wood to walk him through the 6 pillars of success that lead to meeting your goals.Mani has read thousands of books on success, setting and achieving goals, and personal growth and has distilled these 6 principles from the books and then figured out how to put them into practice.He and Chuck walk through the principles and strategies that create success and allow you to set goals that will bring you the things you want during the next year or so.Listen to this episode to learn how to crush your biggest goals in 2021. Get the 2020 Goal Setting Workshop + Success Accelerator Deal HERE
(Coupon Code: GOALS for a massive discount)

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.

AiA 302: Angular 11 on 11/11

Wed, 30 Dec 2020 11:00:00 +0000

Brooks and Alyssa talk about the updates in Angular 11 and the update party the Angular team threw for v11. Check out the Angular YouTube for the Keynote and Q&A recording and check out the Kendo UI YouTube Channel for the game session recording Alyssa & Brooks did!Panel

Alyssa Nicoll
Brooks Forsyth

Sponsors

Raygun | Click here to get started on your free 14-day trial

Links

Picks

BONUS: Adding a Content Engine to Your App with a Headless CMS with Jake Lumetta

Fri, 11 Dec 2020 11:00:00 +0000

Go Check Out ButterCMS to Add Content to Your Apps!Do you need to add a content engine like a blog or podcast to your product’s website? Don’t want to maintain a separate WordPress installation? Why not use a Headless CMS?Jake Lumetta from ButterCMS joins Charles Max Wood to discuss how Headless CMS’s work and how they can add functionality to your application with a minimum of effort and very little maintenance. They also compare Headless CMS’s to the alternatives and explain when one choice is better for a team than the other.Go Check Out ButterCMS to Add Content to Your Apps!

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.

AiA 301: Community — Leaving Politics Out Of It

Tue, 08 Dec 2020 11:00:00 +0000

In this episode, we dive into the issues our community is facing in today’s crazy world. We talk about tips the panelists have for dealing with the stressors of today and how we, as a community, can come together in positivity as we grow ever larger.Panel

Alyssa Nicoll
Shai Reznik
Chris Ford
Brooks Forsyth
Brad McAlister

Sponsors

Audible.com

Picks

Alyssa - Meditating with Headspace
Alyssa - Team Building Activity: Virtual Escape Room
Brad - Online version of the board game Acquire
Chris - Getting out and doing something with the Family (ie Steam Train Museum)
Brooks - 300th AiA episode
Shai - https://github.com/hirezio/auto-spies/tree/master/packages/jest-auto-spies, The Social Dilemma

AiA 300: The 300th Episode

Tue, 01 Dec 2020 11:00:00 +0000

In celebration for our 300th episode, Brooks, Alyssa & Chris ago through The Sate of JS Survey and talk about the results from last year. They also talk about the upcoming 2020 survey and encourage everyone to take part and represent for Angular!Panel

Alyssa Nicoll
Brooks Forsyth
Chris Ford

Links

Picks

Alyssa - State of JS Survey
Alyssa - UI Wednesdays
Brooks - AG Grid
Brooks - ngx-build-plus
Chris - Prison Break

BONUS: How to do LARGE Volumes of HIGH Quality Work - While Spending Fewer Hours Working

Fri, 27 Nov 2020 22:00:00 +0000

AiA 299: Working with Google Maps on Angular with Katerina Skroumpelou

Tue, 17 Nov 2020 11:00:00 +0000

In this episode of Adventures in Angular, we talk with Katerina Skroumpelou who is a Google Maps & Angular Google Developer Expert and team member at @nrwl_io living in Greece. In this episode, Katerina talks through how she got started with Google Maps. She also covers how the Google Maps JS API has changed overtime, how you yourself can get started using it in your Angular Applications and what you all can do with the API! Sponsors

Panel

Alyssa Nicoll
Brooks Forsyth
Chris Ford
Brad McAlister

Guest

Katerina Skroumpelou

Links

PicksAlyssa Nicoll:

- UI Wednesdays with Alyssa

Brooks Forsyth:

Chris Ford:

Katerina Skroumpelou:

Isaac Asimov, The Complete Robot

Brad McAlister:

Ergo Stool

Follow us on Twitter: @angularpodcast Special Guest: Katerina Skroumpelou.

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.

AiA 298: Progressive State Management with NGXS with Aliaksei Kuncevic

Tue, 10 Nov 2020 11:00:00 +0000

Panel

Alyssa Nicoll
Brooks Forsyth
Chris Ford

Guest

Aliaksei Kuncevič

Links

PicksAlyssa Nicoll:

- https://www.neuralink.com/

Brooks Forsyth:

Allway Tools Series Allway 10031 HM1 1 Gallon Helix Paint Mixer

Chris Ford:

Family booked a COVID test

Aliaksei Kuncevič:

Bicycle, Biking

Follow us on Twitter: @angularpodcast Special Guest: Aliaksei Kuncevič.

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.

AiA 297: Angular Elements, Annex & Storybook with Brad McAlister

Tue, 03 Nov 2020 10:00:00 +0000

In this episode of Adventures in Angular, Brad McAlister joins our regular panelists: Alyssa, Chris and Brooks! Brad walks us through his work of transitioning into an Annex Monorepo and how working with Angular Elements in conjunction has been going. Brad also breaks down what StoryBook is and how it has helped him in his work flows.Sponsors

Panel

Alyssa Nicoll
Brooks Forsyth
Chris Ford

Guest

Brad McAlister

Links

PicksAlyssa Nicoll:

Watch Harry Potter movies when its Fall
- Goldberg Zweigelt from Austria 2014

Brooks Forsyth:

Chris Ford:

Brad McAlister:

Craft Beer
Doing Things That You Should Have Done 20 Years Ago

Follow us on Twitter: @angularpodcast Special Guest: Brad McAlister.

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.

AiA 296: Angular vs React: What Grad Students Pick 100% of the Time with Asaad Saad

Tue, 27 Oct 2020 10:00:00 +0000

Asaad Saad has 16 years of experience in Web Development. He has worked with big companies in the Middle East including (Amazon Middle East, Yahoo Middle East, and Abu Dhabi Government). He joined MIU University in 2014. He works as an assistant professor of computer science and program director of the Masters’ in Software Development Program. In this episode, Asaad talks about his experiences teaching different Front-end frameworks to Master students and why they always prefer Angular over React.Sponsors

Panel

Alyssa Nicoll
Brooks Forsyth
Chris Ford

Guest

Asaad Saad

Links

PicksAlyssa Nicoll:

- CodeItLive

Asaad Saad:

Brooks Forsyth:

dwitter.net

Chris Ford:

Follow us on Twitter: @angularpodcast Special Guest: Asaad Saad.

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.

AiA 295: Amazing Backends for Angular Devs with NestJS with Ely Lucas

Tue, 20 Oct 2020 10:00:00 +0000

Panel

Alyssa Nicoll
Brooks Forsyth
Chris Ford

Guest

Ely Lucas

Links

PicksAlyssa Nicoll:

CodeItLive

Ely Lucas:

Brooks Forsyth:

NeuralCam

Chris Ford:

What We Do in the Shadows (TV series)

Follow us on Twitter: @angularpodcast Special Guest: Ely Lucas.

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.

AiA 294: Building A Component Library with Thomas Pink & Fabian Friedl

Tue, 13 Oct 2020 10:00:00 +0000

Panel

Alyssa Nicoll
Chris Ford

Guests

Thomas Pink
Fabian Friedl

Links

https://barista.dynatrace.com/guidelines/accessibility#text-alternatives

PicksAlyssa Nicoll:

- CodeItLive

Fabian Friedl:

Balancing | Marble League 2020 Opening Ceremony + E1

Thomas Pink:

Chris Ford:

whipped cream

Follow us on Twitter: @angularpodcast Special Guests: Fabian Friedl and Thomas Pink.

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.

AiA 293: Accessibility in Angular with Vitalii Bobrov

Tue, 29 Sep 2020 10:00:00 +0000

Panel

Alyssa Nicoll
Chris Ford
Eddie Hinkle

Guest

Vitalii Bobrov

Links

PicksAlyssa Nicoll:

- CodeItLive

Vitalii Bobrov:

JS Rocks

Eddie Hinkle:

Chris Ford:

Follow us on Twitter: @angularpodcast Special Guest: Vitalii Bobrov.

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.

AiA 292: Conferences, Community and Simulating Arduino in JavaScript with Uri Shaked

Tue, 22 Sep 2020 10:00:00 +0000

In this episode of Adventures in Angular, Uri Shaked, a brilliant maker and developer, talks with us about getting into Arduino with JavaScript. We also chat about other things like community, open source and NextJS.Sponsors

Panel

Alyssa Nicoll
Brooks Forsyth
Chris Ford

Guest

Uri Shaked

Links

PicksUri Shaked:

Brooks Forsyth:

github.com/gothinkster/realworld

Chris Ford:

Follow us on Twitter: @angularpodcast Special Guest: Uri Shaked.

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.

AiA 291: Azure Cognitive Services with Ankit Sharma

Tue, 15 Sep 2020 10:00:00 +0000

Ankit Sharma, an Angular GDE and author, joins us in this episode of Adventures in Angular to talk about using Azure cognitive services with Angular.Sponsors

Panel

Alyssa Nicoll
Brooks Forsyth

Guest

Ankit Sharma

Links

PicksBrooks Forsyth:

Cover face AND nose

Ankit Sharma:

TEACH: share your knowledge

Follow us on Twitter: @angularpodcast Special Guest: Ankit Sharma.

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.

AiA 290: Angular Performance with Christian Liebel

Tue, 08 Sep 2020 10:00:00 +0000

In this episode of Adventures in Angular, special guest, Christian Liebel engages the panel in an interesting discussion on Angular performance especially as it relates to runtime performance.Sponsor

CacheFly

Panel

Alyssa Nicoll
Brooks Forsyth
Chris Ford

Guest

Christian Liebel

Links

PicksAlyssa Nicoll:

CodeItLive

Christian Liebel:

Pokemon

Brooks Forsyth:

Apple’s Sidecar

Chris Ford:

putting clocks in your applications
doing something a little bit normal

Follow us on Twitter: @angularpodcast Special Guest: Christian Liebel.

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.

AiA 289: Put A Form Around It with Sani Yusuf

Tue, 01 Sep 2020 10:00:00 +0000

CacheFly

Panel

Alyssa Nicoll
Brooks Forsyth
Chris Ford

Guest

Sani Yusuf

Links

https://zippopotam.us/

PicksSani Yusuf:

Operator Decision Tree

Alyssa Nicoll:

RxJS in Angular: Reactive Development

Brooks Forsyth:

Crocs with socks

Chris Ford:

Follow us on Twitter: @angularpodcast Special Guest: Sani Yusuf.

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.

AiA 288: Getting your Components to Communicate with Ravi Veliyat

Tue, 25 Aug 2020 10:00:00 +0000

CacheFly

Panel

Alyssa Nicoll
Younes Jaaidi
Chris Ford
Eddie Hinkle

Guest

Ravi Veliyat

Links

PicksAlyssa Nicoll:

Oculus Quest Headset

Eddie Hinkle:

Chris Ford::

Pokémon™ Sword

Ravi Veliyat:

Follow us on Twitter: @angularpodcast Special Guest: Ravi Veliyat.

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.

AiA 287: Profiling Angular Apps with Gil Fink

Tue, 11 Aug 2020 10:00:00 +0000

The illustrious and well-regarded Gil Fink joins the Adventures in Angular panel to talk about profiling your Angular apps. Profiling consists of finding bottlenecks, and memory leaks among other problems within your application. Most of the time, the problems are hard to see from the development side. Usually, they appear when your user uses a devise that is slow or a connection that is faulty. Gil explains how to find and fix them.Panel

Alyssa Nicoll
Shai Reznik
Younes Jaaidi
Brooks Forsyth
Chris Ford
Eddie Hinkle

Guest

Gil Fink

Angular Remote Conf 2020Links

PicksGil Fink:

Follow Gil on Twitter > @gilfink
Wokwi https://github.com/wokwi/wokwi-elements
Star Wars The Clone Wars

Alyssa Nicoll:

BundleSize.dev - Analyze and Benchmark your JavaScript and TypeScript

Shai Reznik:

Younes Jaaidi:

Reactive Extensions for Angular

Chris Ford:

Brooks Forsyth:

LoopBack 4

Eddie Hinkle:

Animal Crossing

Follow Adventures in Angular on Twitter > @angularpodcast Special Guest: Gil Fink.

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.

AiA 286: Is There Benefits from Working From Home with Will Gant

Tue, 21 Jul 2020 10:00:00 +0000

Brooks Forsyth

Guest

Will Gant

Angular Remote Conf 2020PicksWill Gant:

Follow Will's work on > www.simpleprogrammer.com

Brooks Forsyth:

Follow Adventures in Angular on Twitter > @angularpodcast Special Guest: Will Gant.

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.

AiA 285: New Features in Angular 9 with Subrat Kumar Mishra

Tue, 07 Jul 2020 10:00:00 +0000

Subrat Kumar Mishra is a full stack developer who has worked with Angular and Java. He's the host of the Fun of Heuristic YouTube channel. He talks about OOP principles, Node.js, lazy loading components, and why he chose Angular.Panel

Alyssa Nicoll
Brooks Forsyth
Chris Ford
Eddie Hinkle

Guest

Subrat Kumar Mishra

Angular Remote Conf 2020PicksSubrat Kumar Mishra:

Follow Subrat on > YouTube - Fun Of Heuristic
Deno

Eddie Hinkle:

Alyssa Nicoll:

Debugging Features in v9
I did a tl;dr stream for ng-conf each night after the talks, check them out here

Chris Ford:

Brooks Forsyth:

Follow Adventures in Angular on Twitter > @angularpodcast Special Guest: Subrat Kumar Mishra.

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.

AiA 284: Progressive Web Apps using Angular with Maxim Salnikov

Tue, 23 Jun 2020 10:00:00 +0000

Angular Remote Conf August 25th to 28thMaxim joins the Adventure to discuss building Progressive Web Apps using Angular. He starts out talking about some of the features of native apps and how to get some of that on the web. Then he walks through the benefits and methods of using PWA's.Panel

Younes Jaaidi
Brooks Forsyth
Chris Ford

Guest

Maxim Salnikov

"The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links

PicksMaxim Salnikov:

Brooks Forsyth:

Paper Dolls by Cory

Younes Jaaidi:

Chris Ford:

Follow Adventures in Angular on Twitter > @angularpodcast Special Guest: Maxim Salnikov.

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.

AiA 283: Web Components for Cross Framework Development with Nishu Goel

Tue, 09 Jun 2020 10:00:00 +0000

Brooks Forsyth
Chris Ford
Charles Max Wood
Eddie Hinkle

Guest

Nishu Goel

"The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links

PicksCharles Max Wood:

Chris Ford:

Rhod Gilbert Clips on Youtube

Brooks Forsyth:

Capacitor: Universal Web Applications

Eddie Hinkle:

NestJS
Sunlight and Warm Weather

Nishu Goel:

Follow Nishu on Twitter > @Dcoustawilson
WebAssembly
WASM game
Playing with rabbits

Follow Adventures in Angular on Twitter > @angularpodcast Special Guest: Nishu Goel.

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.

AiA 282: Fauna and Cloud Databases with Evan Weaver

Tue, 26 May 2020 10:00:00 +0000

Evan Weaver is the CEO and founder at Fauna. He starts out talking about the problems that existed when working at Twitter with databases and scaling. They began as a consultancy and the grew into a serverless database company.Panel

Charles Max Wood
Brooks Forsyth
Chris Ford
Eddie Hinkle

Guest

Evan Weaver

"The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links

PicksCharles Max Wood:

The Chronicles of Narnia Adult Box Set (Audiobook) by C. S. Lewis

Brooks Forsyth:

Forestry.io

Chris Ford:

Spider-Man 3

Eddie Hinkle:

Evan Weaver:

Follow Evan on Twitter > @evan, Fauna.com
Quick start - jwt-auth

Follow Adventures in Angular on Twitter > @angularpodcast Special Guest: Evan Weaver.

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.

AiA 281: The IAN Stack with Brooks Forsyth

Tue, 12 May 2020 10:00:00 +0000

JavaScript Remote Conf 2020 May 13th to 15th - register now!Brooks Forsyth is an Ionic and Angular developer who has coined a new stack called the IAN stack. The panel discusses the pros and cons of using a combination of Ionic, Angular, and NestJS to build mobile apps and their supporting APIsPanel

Charles Max Wood
Shai Reznik
Chris Ford

Guest

Brooks Forsyth

"The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links

PicksCharles Max Wood:

Shai Reznik:

Chris Ford:

Brooks Forsyth:

Follow Brooks on Twitter @brooks_forsyth
“Pizza is an investment in your future”
IAN Stack

Follow Adventures in Angular on Twitter > @angularpodcast Special Guest: Brooks Forsyth.

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.

AiA 280: Where is Angular Headed? with Tracy Lee

Tue, 28 Apr 2020 10:00:00 +0000

JavaScript Remote Conf 2020 May 13th to 15th - register now!Tracy Lee joins the adventure to talk about where the panel thinks Angular is headed. The conversation ranges from features of Angular 9 and Ivy to Scully to what we all thing the next thing will be.Panel

Charles Max Wood
Chris Ford
Eddie Hinkle

Guest

Tracy Lee

"The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links

PicksCharles Max Wood:

Chris Ford:

Eddie Hinkle:

Tracy Lee:

Follow Tracy on Twitter @ladyleet, Github, LinkedIn
Funeral Potatoes
Tater Tot Hotdish
Toad in the Hole

Follow Adventures in Angular on Twitter > @angularpodcast Special Guest: Tracy Lee.

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.

AiA 279: Angular for Enterprise-Ready Web Apps with Doguhan Uluca

Tue, 07 Apr 2020 10:00:00 +0000

JavaScript Remote Conf 2020 May 14th to 15th - register now!
Doguhan Uluca, the author of "Angular for Enterprise-Ready Web Applications", explains the concepts of enterprise and the Angular ecosystem. He is a strong proponent of the evergreen motto, which means the fundamentals and techniques you learn and master will be useful to you for years to come.Panel

Chris Ford
Shai Reznik
Alyssa Nicoll
Charles Max Wood

Guest

Doguhan Uluca

____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________PicksChris Ford:

Shai Reznik:

Joe Rogan Experience #1309 - Naval Ravikant

Doguhan Uluca:

Microsoft Edge Chromium Browser
Follow Doguhan on Twitter > @duluca

Charles Max Wood:

Clean Coders Podcast

Follow Adventures in Angular on Twitter > @angularpodcast Special Guest: Doguhan Uluca.

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.

AiA 278: Working From Home

Tue, 24 Mar 2020 10:00:00 +0000

JavaScript Remote Conf 2020 May 14th to 15th - register now!
Chris is new at working from home. Chuck and Brooks have been working from home for several years. They walk through the ins and outs of how to be productive at home with kids, family, and others at home and how to maximize communication with your team when you're not in the same place. Chuck also offers some advice to managers who find themselves suddenly managing remote workers.Panel

Charles Max Wood
Chris Ford
Brooks Forsyth

PicksCharles Max Wood:

Chris Ford:

Brooks Forsyth:

Going on a hike

Follow Adventures in Angular on Twitter > @angularpodcast

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.

AiA 277: Is Angular Declining?

Tue, 10 Mar 2020 11:00:00 +0000

Alyssa, Chris, and Chuck dive into whether or not Angular is declining in popularity. They begin talking about a tweet by @wellpaidgeek and things like State of JS and what it says about the growth and relative popularity of Angular when compared with Vue, React, and Svelte. The discussion also weaves into whether or not it's worth starting in or finding a job in today.Panel

Alyssa Nicoll
Charles Max Wood
Chris Ford

PicksCharles Max Wood:

Chris Ford:

AiA 276: The 10 Commandments of Angular Development Christian Lüdemann

Tue, 25 Feb 2020 11:00:00 +0000

Christian walks Charles and Younes through the 10 commandments of building Angular applications. We talk about how to arrange Angular applications, design components, and best practices. We also talk through tools, teams, and performance.Panel:

Younes Jaaidi
Charles Max Wood

Guest:

Christian Lüdemann

Picks:Younes Jaaidi:

Dark

Charles Max Wood:

Christian Lüdemann:

Follow Christian on Twitter - @chrislydemann
How Google Works: Eric Schmidt, Jonathan Rosenberg
https://christianlydemann.com/

Special Guest: Christian Lüdemann.

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.

AiA 275: From Zero to Top of the App Store on Ionic: Seed to Spoon with Dale Spoonemore

Tue, 11 Feb 2020 11:00:00 +0000

Dale Spoonemore joins the adventure to talk about his journey from no coding experience to writing one of the most popular gardening apps on the web with Ionic. Dale explains how learning to garden sparked a journey that led him to teach himself Angular and Ionic to build the Seed to Spoon app.Panelists

Alyssa Nicoll
Charles Max Wood
Younes Jaaidi
Dave Cooper

Guest

Dale Spoonemore

PicksDave Cooper:

https://github.com/scullyio/scully

Alyssa Nicoll:

On Becoming Babywise: Giving Your Infant the Gift of Nighttime Sleep

Younes Jaaidi:

Charles Max Wood:

Dale Spoonemore:

Special Guest: Dale Spoonemore.

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.

AiA 274: Building with Angular Fire with Jamie Perkins

Tue, 28 Jan 2020 11:00:00 +0000

In this episode of Adventures in Angular Charles Max Wood interviews Jamie Perkins, creator of Podfan. Podfan is a membership for podcasts. Charles invited Jamie on the show to talk about building Podfan with Angular. Jamie built Podfan with Angular Fire and Firebase. He highly recommends them, explaining that it is a fast and easy way to build applications. They discuss how easy it is to get started with Firebase and Jamie shares things to watch out for when getting started. Firebase pricing is discussed. Jamie explains how his Firebase plan works. Walking Charles through getting started with Firebase, Jamie explains how the different databases work and what to watch out for with security and authentication.The panel discusses the customer experience and what Jamie used for design. They discuss his process and the time he spent on the project. Jamie shares what he is working on and what he is adding to Podfan. Charles asks questions about Podfan’s capabilities. Panelists

Charles Max Wood

Guest

Jamie Perkins

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Cachefly

PicksJamie Perkins:

Charles Max Wood:

Special Guest: Jamie Perkins.

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.

AiA 273: A Real Look at an Enterprise Application with Juan Stoppa

Tue, 14 Jan 2020 13:00:00 +0000

In this episode of Adventures in Angular the panel interviews Juan Stoppa about what it is really like working on an enterprise application for a large company. They start by discussing state management and the solutions that they are using and the benefits of using a custom solution. Juan then explains that it can be difficult getting features out to clients quickly and what their flow looks like. The panel wonders about their architecture and explains the difference between trunk-based development and branch-based development. Juan considers how Angular 9 will improve their use of feature flags. The panel explains what feature flags are. Shai Reznik aks Juan about their testing. The panel considers how important end to end testing is in an enterprise application. Juan shares the tools they use for testing. Another challenge they face developing an enterprise application is meeting the requirements for the clients since they have so many and they have long release cycles. They finish by discussing the culture in large companies.Panelists

Shai Reznik
Charles Max Wood
Alyssa Nicoll

Guest

Juan Stoppa

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Cachefly

PicksShai Reznik:

Alyssa Nicoll:

Family Game Night
Star Wars Movies

Juan Stoppa:

Angular 9
VisBug

Charles Max Wood:

Special Guest: Juan Stoppa.

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.

AiA 272: Adventures in Angular Still at RxJS Live

Tue, 07 Jan 2020 11:00:00 +0000

In this episode of Adventures in Angular Charles Max Wood continues interviewing speakers at RxJS Live. First, he interviews Mike Ryan and Sam Julien. They gave a talk about Groupby, a little known operator. They overview the common problems other mapping operators have and how Groupby addresses these problems. The discuss with Charles where these types of operators are most commonly used and use an analogy to explain the different mapping operators. Next, Charles talks to Tracy Lee. Her talk defines and explains the top twenty operators people should use. In her talk, she shows real-world use cases and warns against gotchas. Tracy and Charles explain that you don’t need to know all 60 operators, most people only need about 5-10 to function. She advises people to know the difference between the different types of operators. Tracy ends her interview by explaining her desire to inspire women and people of minority groups. She and Charles share their passion for diversity and giving everyone the chance to do what they love. Dean Radcliffe speaks with Charles next and discusses his talk about making React Forms reactive. They discuss binding observables in React and how Dean used this in his business. He shares how he got inspired for this talk and how he uses RxJS in his everyday work. The final interview is with Joe Eames, CEO of Thinkster. Joe spoke about error handling. He explains how he struggled with this as did many others so he did a deep dive to find answers to share. In his talk, he covers what error handling is and what it is used for. Joe outlines where most people get lost when it comes to error handling. He also shares the three strategies used in error handling, Retry, Catch and Rethrow and, Catch and Replace. Charles shares his admiration for the Thinkster teaching approach. Joe explains what Thinkster is about and what makes them special. He also talks about The DevEd podcast. Panelists

Charles Max Wood

Guests

Mike Ryan
Sam Julien
Tracy Lee
Dean Radcliffe
Joe Eames

Sponsors

Sentry -use the code "devchat" for 2 months free on Sentry's small plan
CacheFly

Special Guests: Dean Radcliffe, Joe Eames, Mike Ryan, Sam Julien, and Tracy Lee.

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.

AiA 271: Adventures in Angular at RxJS Live

Tue, 31 Dec 2019 11:00:00 +0000

In this episode of Adventures in Angular Charles Max Wood does interviews at RxJS Live. His first interview is with Hannah Howard at RxJS Live about her talk. Hannah is really enthusiastic about RxJS especially when it comes to frontend development. Her talk is about how to architect full-scale apps with RxJS. Hannah gives a brief summary of her talk. Charles having met Hanna previously at Code Beam asks her how functional programming and reactive programming work together in her mind. Hannah describes how she sees programming. Charles’s next interview is with Ben Lesh, a core team member of RxJS. Ben has been working on RxJS for the last four years. In his talk, he shares the future of RxJs, the timeline for versions 7 and 8. With Charles, he discusses his work on RxJS and the adoption of RxJS. Next, Charles interviews Sam Julien and Kim Maida. They gave a talk together covering the common problems developers have when learning RxJS. In the talk, they share tips for those learning RxJS. Charles wonders what inspired them to give this talk. Both share experiences where they encouraged someone to use RxJS but the learning curve was to steep. They discuss the future of RxJS adoptions and resources. Finally, Charles interviews Kim alone about her second talk about RxJS and state management. She explains to Charles that many state management libraries are built on RxJS and that it is possible to roll out your own state management solution with RxJS. They discuss why there are so many different state management libraries. Kim shares advice for those looking to roll out their own solutions.Panelists

Charles Max Wood

Guests

Hannah Howard
Ben Lesch
Sam Julien
Kim Maida

Sponsors

Sentry -use the code "devchat" for 2 months free on Sentry's small plan
CacheFly

Links

Special Guests: Ben Lesh, Hannah Howard, Kim Maida, and Sam Julien.

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.

AiA 270: JAMstack Conf SF with Mandy Michael & Shawn Erquhart

Tue, 24 Dec 2019 11:00:00 +0000

In this episode of Adventures in Angular Charles Max Wood interviews speakers at JAMstack Conf SF. Mandy Michael gives a talk about responsive typography and variable fonts. Mandy explains what variable fonts are and how they can be used to shrink, stretch and do some very fun and creative thing with them. They discuss how to use them and Mandy explains some of the demos from her talk. Charles asks Mandy what some of the things were that she had to cut from her talk. She had to cut a few longer demos, details and performance improvements that can be made with responsive typography. Mandy shares what she is working on now with responsive typography and explains how much fun she has had expressing herself through variable fonts. To see more of Mandy’s demos and to learn more about responsive typography and variable fonts see the links below. Next, Charles interviews Shawn Erquhart work runs the Netlify CMS project. Charles shares his experience using Netlify and Shawn addresses some of the issues Charles has come across. Charles does say the using Netlify is simple, clean and nice. Shawn shares the origin story of Netlify. They discuss what it means to be a git-based content management system. They discuss how to contribute to the Netlify CMS open source project. Charles mentions his book and they discuss how contributions to open source projects like these are a great way to get a job. Shawn explains how to get started implementing Netlify CMS and how they target different static site generators.Panelists

Charles Max Wood

Guest

Mandy Michael
Shawn Erquhart

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Cachefly

Links

Special Guests: Mandy Michael and Shawn Erquhart.

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.

AiA 269: Data Mocking with Dave Cooper

Tue, 17 Dec 2019 11:00:00 +0000

In this episode of Adventures in Angular the panel interviews Dave Cooper, who recently gave a talk at AngularConnect about using Mock Data. Dave starts by explaining more about his talk and sharing the benefits of using data mocking solutions and rapid prototyping. He shares the secrets of doing rapid prototyping. There are challenges to using mock data, Dave shares a few of them and explains how to overcome them. The number one challenge of using mock data is keeping it in sync with your real data and making it look real. Dave explains how to get started with mock data and shares library recommendations. The panel discusses the use cases for mock data and Dave walks them through a few scenarios for using mock data. He shares use case recommendations and discusses using mock data for testing. The panel discusses the benefits of using mock data for demos and courses. The possibilities and future of mock data and pact testing are explored. Dave shares his coding process and explains how much faster he can code by using mock data. Panelists

Shai Reznik
Younes Jaaidi
Charles Max Wood

Guest

Dave Cooper

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Cachefly

Links

PicksShai Reznik:

Dave Cooper:

Younes Jaaidi:

Charles Max Wood:

Special Guest: Dave Cooper.

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.

AiA 268: Secure Angular Apps with Philippe De Ryck

Tue, 10 Dec 2019 11:00:00 +0000

In this episode of Adventures in Angular the panel interviews Phillipe De Ryck. Phillipe is a web security expert out of Belgium. He shares ways for Angular developers to better secure their apps. Phillipe explains to the panel that his goal is not to shame developers but inspire them to do what they can. He knows most developers are just trying to get as much done in the time that they have. In this episode, he shares ways for developers to improve the security of their apps. The episode starts with some security scary stories. Phillipe invites everyone to check out the OWASP top ten projects. They have lists of the top ten security measures you should be doing, they have lists for different ecosystems and types of projects so there is something there for everyone. Phillipe explains what types of attacks are most common today. The panel wonders how do you know something is safe to install. Phillipe explains that there are no guarantees. Sharing statistics Phillipe tells then panel that it is worse than they thought, each package is most likely dependent on more packages and the odds are high that one of those packages has vulnerable code. He explains what you can do to check for those vulnerabilities and to see if they are exploitable. Phillipe shares recommendations for continuous monitoring services and other tools. He explains why Angular is the best framework for securing your apps and lists all the security features that come with Angular. He compares Angular, React, Amber, and Vue. Phillipe gives his opinion and recommendation on authentication libraries. He explains the differences between OpenID Connect and Allout, explaining how they work. The episode ends as Phillipe shares his contact information and the conferences he will be attending and speaking at. Panelists

Aaron Frost
Jennifer Wadella
Brian Love
Alyssa Nicoll

Guest

Philippe De Ryck

Adventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Cachefly

Links

PicksBrain Love:

Angular Ivy

Jennifer Wadella:

Aaron Frost:

The listeners
The sponsors
The panel

Alyssa Nicoll:

On a Scale of One to T-Rex

Philippe De Ryck:

https://ng-be.org/

Special Guest: Philippe De Ryck.

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.

AiA 267: JavaScript Performance with Tammy Everts

Tue, 03 Dec 2019 11:00:00 +0000

In this episode of Adventures in Angular Charles Max Wood joins Tammy Everts at JAMstack Confer. Tammy gives a listeners a sneak peek into her talk about website performance, more specifically JavaScript performance. Charles discusses the performance of Devchat.tv and Google Lighthouse scores. Tammy explains that while Google Lighthouse is good it isn’t completely reliable and can miss chunks of time when your JavaScript is failing and you have unhappy users.Tammy shares ways to drill down and see how your JavaScript is behaving in the wild. She talks about blocking Javascript which every developer is familiar with and non-blocking JavaScript that has high blocking CPU time which makes for janky sites. Tammy and Charles discuss what CPU is and what it measures. Tammy names resources and tools to help avoid this problem. Rules of thumb for avoiding these issues are explained by Tammy. First, Reduce, make sure all the JavaScript needs to be there. Next, Monitor, track your metrics. She also suggests working with vendors and maintaining a performance budget for metrics that matter. The interview ends with a little about Speedcurve and what they do. Tammy is the CXO of Speedcurve. Panelists

Charles Wood

Guest:

Tammy Everts

Adventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsors

CacheFly

Links

Special Guest: Tammy Everts.

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.

AiA 266: Creating Content in Portuguese with Loiane Groner

Tue, 26 Nov 2019 11:00:00 +0000

In this episode of Adventures in Angular the panel interview Loiane Groner about her Portuguese content creation. She starts by sharing her story and how she got into content creation and why she creates content for developers in Brazil. She gives advice on how to get started creating blog content and shares strategies for pushing out posts and organizing post ideas. Moving on to video content, the panel share editing, and recording tips. Loiane shares recommendations for editing and recording software. They advise keeping videos short and to be consistent in creating content. Loiane answers questions about revenue and analytics. She also gives advice on dealing with internet trolls. The episode ends as Loiane dives into the struggles of learning to code as a native Portuguese speaker in an English based coding language. She explains how translation works and shares opportunities for people to help. The Angular community’s translation efforts are outlined, including translating documentation and their work with ng-Girls. Panelists

Jennifer Wadella
Brian Love

Guest

Loiane Groner

Adventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Cachefly

Links

PicksBrain Love:

https://github.com/jakejarvis/lighthouse-action

Jennifer Wadella:

Merino wool
https://pa11y.org/

Loiane Groner:

Special Guest: Loiane Groner.

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.

The MaxCoders Guide To Finding Your Dream Developer Job

Wed, 20 Nov 2019 19:00:00 +0000

"The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is available on Amazon. Get your copy here today only for $2.99!

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.

AiA 265: Progressive Enhancements with Ire Aderinokun

Tue, 19 Nov 2019 11:00:00 +0000

In this episode of Adventures in Angular Charles Max Wood interviews Ire Aderinokun at JAMstack conf 2019. Ire works for Buycoins, a cryptocurrency exchange for Africa. She gave a lightning talk, “Headless Chrome & Cloudinary for progressively enhanced dynamic content on the web”. After giving a brief overview of her talk to Charles, Ire defines progressive enhancement for the listeners. Walking through how progressive enhancement works, she explains how Headless Chrome and Cloudinary helped her with the project she shared in the talk. Ire and Charles consider the blindspot that developers experience because they work on high-end devices and how using progressive enhancement helps those who use lower-end devices. Ire shares her experience with JAMstack and explains how progressive enhancement works with JAMstack. Charles shares his experience using JAMstack. The episode ends with Ire giving advice and resources to help get started with progressive enhancement. Panelists

Charles Wood

Guest:

Ire Aderinokun

Adventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsors

CacheFly

Links

Special Guest: Ire Aderinokun.

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.

AiA 264: ngTemplateOutlets with Stephen Cooper

Tue, 12 Nov 2019 11:00:00 +0000

In this episode of Adventures in Angular the panel interviews Stephen Cooper about his recent talk at Angular Connect. His talk was about ngTemplateOutlets. Stephen answers the questions of the panel about ngTemplateOutlets and explains how and when to use them. He starts by explaining the difference between component outlets and template outlets. Aaron Frost, Frosty, asks Stephen to walk through how to make a ngTemplate and explain what it is useful for. The panel considers the various use cases they would use this for. Frosty wonders why he would use a ngTemplateOutlet instead of a bunch of ngIfs. Stephen explains when it would be wise to use ngIfs and when it would be better to use ngTemplateOutlets. The panel discusses ngComponentOutlets, Stephen explains how they relate to ngTemplateOutlets and how they give you another level to reusing components. He overviews the best way to use ngComponentOutlets and warns listeners of the tricky parts. Stephen shares the best times to use ngTemplateOutlets and overviews some of the common use cases he has seen for them. He explains that they are very useful when creating shareable components or repeating similar chunks of code in a component. He shares some resources to help listeners get started. Panelists

Aaron Frost
Alyssa Nicoll
Brian Love
Shai Reznik

Guest

Stephen Cooper

________________________________________________________________________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood will be out on November 20th on Amazon. Get your copy on that date only for $1. ________________________________________________________________________________________________________________________Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Flatfile
Cachefly

Links

PicksBrain Love:

Being back in the USA
Zelda: Breath of the Wild

Alyssa Nicoll:

Mr. Milks
Destiny 2:Shadowkeep

Aaron Frost:

Garrett Reisman
https://medium.com/ngconf

Shai Reznik:

Stephen Cooper:

Visiting museums near you

AiA 263: The JAM in JAMstack with Tara Z. Manicsic

Tue, 05 Nov 2019 11:00:00 +0000

In this episode of Adventures in Angular the panel interviews Tara Manicsic. Tara is an Angular Developer Experience Engineer at Netlify. Tara explains what she does at Netlify. She explains what Netlify is and introduces the topic for today’s episode, JAMstack. She explains what services Netlify offers and the packages they offer. She explains that the JAM in JAMstack stands for JavaScript API Markup, which outlines the best practices of a JAMstack architecture. During her explanation of JAMstack and the benefits of a microservice architecture, she references Smashing Magazine and their switch to JAMstack. Tara overviews each letter of JAM and how they affect JAMstack. J or Javascript refers to the use of a JavaScript language, like Angular and others. Tara lists the API’s one might use for the A in JAM. The panel discusses the M or Markup. Markup serves up fast and safe prerendered content. Tara explains what prerender means and it makes the content safer and the sites faster. Tara then overviews the entire JAMstack process and explains atomic deployment. The panel considers how JAMstack is picking up in the Angular ecosystem. Tara outlines a few of the benefits seen when using JAMstack and the panel considers the possible use cases. She shares a few real-life examples of the success seen when JAMstack is used in an enterprise application. Panelists

Brian Love
Shai Reznik

Guest

Tara Z. Manicsic

Adventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Flatfile
Cachefly

Links

PicksBrain Love:

Living with Yourself

Shai Reznik:

Tara Z. Manicsic:

Special Guest: Tara Z. Manicsic.

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.

AiA 262: Firebase Features with David East

Tue, 29 Oct 2019 10:00:00 +0000

In this episode of Adventures in Angular the panel has fun interviewing David East about Firebase. David starts by sharing what it was like at the recent Firebase Summit in Madrid. There were so many announcements they had a tough time fitting them all into the one-hour keynote address. One of the cool new features announced at the Firebase Summit is Firebase Extension, David describes it as serverless without any code. The panel discusses this feature and how it works. Another cool feature announced is Google Analytics for Firebase. This allows you to use Firebase tools in conjunction with Google Analytics. The panel considers the smart things you can do in your app with this feature. The next feature the panel discusses is Remote Config which allows you to store data and then pull out that information on demand. If you use the Google Analytics for Firebase you can target specific data for certain audiences. David explains that before this could only be done with native apps. He also explains how in doing this you no longer have to worry about the gtag loader and defines gtag for the panel. The panel gets a little off track as David jokingly explains his beef with Aaron Frost, Frosty. Frosty host My Angular Story and a while back had twitted looking for awesome angular stories. David had responded but never heard back from Frosty. Frosty jokingly says he faxed an invite to David. The panel jokes about how awesome David’s episode will be and tells everyone to look out for his episode. Getting back on track, David gives more examples of ways to use the Remote Config feature on with the Google Analytics for Firebase. Frosty confesses he needs to get better at looking at analytics. Sharing an example from a company he is currently working for, Frosty explains how they made nearly 2 million dollars just by changing the color of a button. The panel considers how minor changes like that can make such a big difference and how analytics helps you target your audience. David shares the story behind writing Angular Fire. Jeff Cross worked on the angular team and started writing angular fire but then left for Nrwl. After Jeff left, David took over and ended up rewriting the entire library. He explains some of the mistakes that they made that led to the rewrite and how he fixed them. The panel wonders at David about using Angular Fire and NgRX. David tells the panel that the Firebase console uses NgRx under the hood and shares what he learned while working on it. Using firebase and NgRx can be very confusing because of the mass duplication of responsibility. David’s advice is to let Firebase and NgRx do their own thing and connect the dots with RxJs. David discusses Firestore, a very advanced caching system and what you can do with it. Including, working offline and setting security rules. Frosty brings up Firebase Messaging Cues, he explains that it is similar to three-way messaging cues except its n-way. David explains that even though he is intrigued by the idea, he does not approve of the name. The panel considers possible use cases for an n-way messaging cue. David explains some of the costs and benefits of this architecture. The episode ends with a discussion of Firebase’s documentation, which is currently a group of markdown files. David defends the simplicity of this documentation style and gives recommendations and resources for those who need more help. Panelists

Aaron Frost
Brian Love
Alyssa Nicoll
Shai Reznik

Guest

David East

Adventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
Flatfile
Cachefly

Links

PicksBrain Love:

Bonnie Love

Aaron Frost:

Stop shaming people
Miss Saigon

Alyssa Nicoll:

David East

David East:

Alyssa Nicoll
Freakonomics
The Signal and the Noise: Why So Many Predictions Fail-But Some Don't

Special Guest: David East.

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.

AiA 261: Angular Projects with Zama Khan Mohammed

Tue, 22 Oct 2019 10:00:00 +0000

In this episode of Adventures in Angular the panel interviews Zama Khan Mohammed about his recent book and other open source work he has done in the Angular community. Zama explains what is so different about his book and why it is worth reading. His book takes an approach different than the common practice of walking readers through concepts, instead, his book walks readers through using a project perspective. The first chapter walks through setting up Angular, installing Angular CLI and Angular console. After the set up is complete he walks readers through a very basic flashbase application. Zama explains how this first chapter is geared toward beginners. In his book, Zama shows users how to use the whole platform. He covers PWA and how to create brand new projects from scratch. The panel asks him about his unique project perspective strategy for this book. Each chapter of Zama’s book walks the readers through a different project, unlike most technical books that walk readers through one project introducing a different concept each chapter. Zama explains why he wrote the book this way. He wanted to bring different libraries and tools into each project to highlight how deep and rich the Angular community and ecosystem are. The panel shares how the ecosystem and community make Angular so great to use. Zama’s book is called Angular Projects and was published by Packt Publishing. Zama shares where to find it for those interested. The panel considers how hard writing a book must be. Zama explains the time and stress involved in writing a book. He admits he has been approached to write more books but has resolved to wait a bit before diving back into writing. The panel discusses Zama’s open source efforts in the Angular community. They consider a few of his projects including, ngx-formly, codelyzer, and ngx-loading. He wrote ngx-formly after using formerly and he decided he wanted to use it with Angular 2.0. The panel was impressed with his contributions to codelyzer, where he helped with the accessibility requirements. After using react-loadable Zama knew he wanted a similar feature in Angular to provide more control over loading so he built ngx-loadable. The panel defines lazy loading for listeners and explains how having control over what can load and how fast it can load can be useful in applications. Zama shares some of the improvements he has made in version 2.0. Zama shares his hopes for speaking at ng-conf 2020, this takes the panel down a tangent discussing the exciting workshops that will be at ng-conf next year. Brian Love will be teaching a two-day workshop on Angular fundamentals. Aaron Frost is teaching and observables class and a reactive angular class. They advise everyone to buy an ng-conf ticket and not to be afraid to submit a CFP. Back on topic, Zama shares the challenges in writing, publishing and maintaining an opensource library. He explains how contributing to open source is a great way to learn and a great way to see what a framework can do. He shares advice for those looking to get into open source and invites everyone to try Hacktoberfest. Panelists

Aaron Frost
Brian Love

Guest

Zama Khan Mohammed

Adventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
Flatfile
Cachefly

Links

PicksBrain Love:

ng-conf: CFP Office Hours

Aaron Frost:

Late Night with Seth Meyers

Zama Khan Mohammed:

Hacking the Angular Compiler

Special Guest: Zama Khan Mohammed.

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.

AiA 260: NgRx, The Mystical Machine, with Wes Grimes

Tue, 08 Oct 2019 10:00:00 +0000

In this week’s episode of Adventures in Angular the panel has fun interviewing Narwhal rocks star and NgRx expert, Wes Grimes. Wes starts by sharing how he got started in NgRx. In a previous company, Wes was the lead architect for a project that had need of a state management solution, so it was his job to figure out how to use NgRx. While figuring it out he created a structure for using NgRx and used that structure to write a blog article about best practices for NgRx. This blog article took the world by a storm and now has over 200,00 views. People are now building libraries and courses based on his article. The panel has a little considering the possible searches that lead people to his article. Jennifer Wadella shares some of the weirder searches that have led people to her posts. After their fun, the panel tries to get back on track. This article thrust Wes into the world of helping people understand NgRx, what he calls a mystical machine. He explains how this article was only the beginning of learning NgRx and that he is currently working on revising that first post. The main point covered in the article was how to organize the store and how to store it in the file system. It walks through creating angular modules for each slice of the store. The second point is covers heavily is the use of barrels. The biggest problem Wes see people run into in NgRx is they do not know where all their actions are. He shares the solution he uses for this problem, using a public API to group actions so they are easier to find. The panel expresses their frustration with the hard time the CLI has with barrel files. Wes explains why this is a common problem and shares a solution. The panel asks for other gotcha’s to watch for when using NgRx. Wes explains how and what developers miss out on when they fail to use selectors to their fullest. When selectors are used correctly and completely developers receive all the benefits of the testing they do on NgRx. The other benefits are builtin memoization and reusability. Another gotcha he warns against is using facades before fully understanding NgRx. This really fires up the panel, who then debates the use of facades in NgRx. Aaron Frost expresses his opinion that NgRx isn’t for everything and that by using facades you may not need to use NgRx. Wes explains that the large companies he works for are already committed to NgRx as their solution and he advises them not to use facades. Wes explains the downsides of using NgRx, the first is when developers jump in before they understand it and back themselves into a corner. Another downside is the upfront investment cost when learning NgRx. The panel jumps in wondering what Wes thinks of hiding those developers unfamiliar in NgRx with a facade. Wes explains how in doing this the team would be compromising architecture in order to avoid teaching developers to use NgRx properly. He clarifies that he doesn’t think facades are bad but in order to use them correctly in NgRx developers must first understand how NgRx works. Aaron explains why when working with developers unfamiliar with angular he advises them not to learn NgRx right away. Wes shares how he has seen developers misuse facades. When using a facade it entices developers to hop back and for between imperative and declarative code. Aaron jumps in and explains that imperative code in reactive programming is very bad. He invites listeners to go out and learn more about this because it is very important to understand. The panel considers strategies to help teams code reactively. Wes recommends requesting data from the server. This pattern is straight forward to implement and handles a lot of the common use cases in the store. Aaron suggests turning off default change detection, doing so will force the programmers to code reactively. Another way suggested is to structure teams separating concerns. The episode ends with Wes sharing his experience joining the NgRx core team by working in the documentation, filling in gaps that he found. He also shares what will be coming to NgRx. The platform will be expanding beyond just state management, supplying reactive libraries for angular. They are also getting ready for an experimental release of NgRx component. Panelists

Aaron Frost
Brian Love
Jennifer Wadella
Shai Reznik
Alyssa Nicoll

Guest

Wes Grimes

Adventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
Flatfile
Cachefly

Links

PicksBrain Love:

The Great Hack

Shai Reznik:

Aaron Frost:

Lizzo

Jennifer Wadella:

Wes Grimes:

ngGirls

Special Guest: Wes Grimes.

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.

AiA 259: Ngrid with Shlomi Assaf

Tue, 01 Oct 2019 10:00:00 +0000

In this week’s episode of Adventures in Angular the panel interviews Shlomi Assaf, talking about ngrid. After some playful banter about the naming of Ngrid, Shlomi shares the reasons behind building ngrid. The company he was working for at the time need a grid, he tested nggrid but wanted something completely opensource, so he built one. He also explains that nggrid caused some problems in their project which made him want something more customizable. Shlomi explains how much work is needed on the application and asks listeners to contribute to documentation or other areas of the project. Shai Reznik endorses Shlomi as one of the smartest peoples he knows and tells listeners if they want to learn from someone who knows a lot about angular to step up and join this project. The panel asks about the challenges Shlomi faced while building this app and what it was like using the CDK. Nggrid has a how company working on it but ngrid has only Shlomi. Shlomi explains that the CDK had a lot of the building blocks need to building blocks to build this application and was the power behind the project. The CDK’s lacks the ability to extend easily which was a challenge. He explains that his biggest frustration while building the application was the drag and drop feature. Shlomi shares many of the features he built into the application that even though he built it over a three year period he could do it piece by piece because of the way he designed it. He considers the selling points of the application and shares them with the panel. Shlomi compares ngrid to other grid, explaining how templating, creating columns and pagination are all made easier with ngrid. With ngrid there is also virtual scrolling and you can control the width of each column. Next, the pane considers performance, asking how the grid would handle if you loaded thousand or even tens of thousands of records and data onto the grid. Shlomi explains that unless the cells were extremely complex that ngrid’s performance would not suffer. The panel how ngrid could work with serverside rendering but not with NativeScript. Shlomi explains version support and advises listeners to use Angular 8. The panel ends the episode by sharing information about next year's ng-conf. Tickets go on sale on October 1, 2019, the best deals go fast so watch out for them. Many of the panel will be there, Brian Love will be giving the Angular Fundamentals Two-Day Workshop. The CFP also opens October 1, 2019, and will close January 1, 2019. Aaron Frost invites anyone who would like to submit to reach out to the veteran panelists to nail down ideas for their conference proposals. He also recommends submitting more than one. Panelists

Aaron Frost
Brian Love
Jennifer Wadella
Shai Reznik
Alyssa Nicoll

Guest

Shlomi Assaf

Adventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
Cachefly

Links

PicksBrain Love:

Shai Reznik:

Aaron Frost:

Connecting with your children

Shlomi Assaf:

How we make Angular fast | Miško Hevery

Special Guest: Shlomi Assaf.

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.

AiA 258: Angular Architecture with Manfred Steyer

Tue, 24 Sep 2019 10:00:00 +0000

In this week’s episode of Adventures in Angular the panel interviews Manfred Steyer, the creator of ngx-build-plus and angular architecture expert and consultant. Ngx-build-plus is a way to extend how the CLI is doing its build. Manfred explains how ngx-build plus works in two different ways. The first is that it provides a partial webpack configurations file that merges with the webpack configuration that the CLI is using. The second, it provides a plugin with free methods that influence the CLI. Manfred consults with companies on architecture, he explains that the main problem when people take a simple application and make it complex, big, with a lot of entities and forms. This makes it difficult to manage in the long term. He borrows ideas from domain-driven design to help these companies structure their applications. Strategic domain-driven design is one of the main strategies he uses when structuring an application. Strategic domain-driven design is subdividing a big application into subdomains, then modeling those subdomains separately. By modeling the separately, the coupling is limited. This makes it easier to change parts of the code without breaking anything unrelated in the application. The panel asks Manfred for recommendations for using domain-driven design in their architecture. Manfred recommends using libraries within monorepos and outlines the benefits. Using this method creates isolation, you can’t easily access everything in the library because of the public API. Manfred explains how a public API works like a facade. Nx is the recommended tool for the monorepos, as it adds many great features to the CLI and is not as heavyweight as other monorepo solutions. Manfred explains one of his favorite features called tagging. This restricts which libraries can access another library. The panel discusses some examples of tagging. The panel wonders about Manfred’s opinions on state management solutions. Manfred explains that he doesn’t believe that every application needs a state management solution. When used at the wrong time a state management solution is an overkill. He also explains that not using a state management library does not make someone a bad person. The panel discusses how you know if you need a state management solution. Manfred indicates two things to look for when considering the use of a state management library. First, is there a lot of state? Second, is the state going to be used by many different components? If you are not sure he recommends starting with a facade and adding a state management library later if needed. The panel explains what a facade is. A facade is when you combine a lot of systems under a single API, like jquery. Manfred gives an example of what a management facade should look like. The panel shares experiences explaining how it works and gives advice and examples of using a facade. The topic turns to the importance of testing. Manfred shares his testing philosophy, asking how do you sleep at night knowing you have to change a part of the application? Does it scare you because you know you are going to break everything in a terrible and painful way? Or, Do sleep soundly because you know you are safe to do what needs to be done. Shai Reznik equates this to the shake meter, how much does your hand shake when you push the button to execute a change. Manfred’s recommends starting with unit testing, testing where you need it and avoid a testing coverage goal. Unit testing he explains are more stable than end-to-end testing. You do need end-to-end testing but very little in comparison to unit testing. Aaron Frost shares the tool protractor flake as a way to combat the flakiness of end-to-end testing. Manfred explains that there are two common mistakes people make in their angular architecture. The first is over-engineering and under-engineering an application. He explains the problems that arise with each and how to combat this problem. The sweet spot can be found by knowing what you want, finding the right structuring to fit what you want. The panel wonders how to measure the cleanliness of code in an application. Manfred recommends looking at each indirection and deciding if it is necessary. The panel explains what indirections are, an example is event mechanisms, you can’t see a direct effect. The panel discusses NgRx as an indirection framework. Manfred warns not to use NgRx all the time only when you need it. This launches the panel onto a tangent of choosing tools and how to weight the pros and cons of each tool. The phrase “use it when you need it” is considered by the panel, the genericness of the phrase is discusses. The panel advises new developers who don’t have the experience to gauge if they need something or not to do the research necessary to understand a tool and to experiment with it. The panel comes back to the other common mistake made with architecture which is chatty applications. Applications that send thousands of requests to the backend causing the application to slow. The panel considers why this happens. Aaron explains the concept of affordance and how this results in chatty applications. Panelists

Aaron Frost
Brian Love
Shai Reznik

Guest

Manfred Steyer

Adventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
Cachefly

Links

PicksBrain Love:

The 5 Big Features of TypeScript 3.7 and How to Use Them

Shai Reznik:

Aaron Frost:

Manfred Steyer:

Special Guest: Manfred Steyer.

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.

AiA 257: The Easiest Way to use Angular Elements with Tomas Trajan

Tue, 17 Sep 2019 10:00:00 +0000

Episode SummaryIn this episode of Adventures in Angular Tomas Trajan, an angular elements expert, breaks down how to use angular elements for the panel. Tomas explains that angular elements are great for very specific use cases. Tomas starts by describing a scenario with a large enterprise with tens of developer teams and hundreds of developers, they have a few choices on how to organize their applications. The first option is a messy monolith. The second option is using monorepos and Nx. The final option is to use a multi-spa solution. Tomas explains how the multi-spa solution works. This solution consists of 80 stand-alone applications, on the same page and share components. Tomas outlines the common problems when using the solutions and how using angular elements combat those problems. The panel moves on to considers how you know if you should use angular elements in this way. Tomas provides two questions to ask yourself when deciding whether or not to use angular elements. The first question is, are you in a multi-spa scenario? The second question is, are components shared across applications? If the answer is yes for both of those questions then angular elements can only help the situation. In last week’s episode of Adventures in Angular the panel interviewed Victor Savkin about using monorepos and Nx. The panel asks Tomas to compare the strategy of using monorepos and Nx to his strategy of using multi-spa with angular elements. He explains why an enterprise might choose multi-spa over monorepos. He also gives the reasons the organization he is working with chose to work with multi-spa. Aaron asks for clarification for using elements in these multi-spa projects. Tomas goes into great detail, breaking down the way multi-spa and angular elements work together. They walk through it together using consumer profiles as an example. Tomas explains that using his approach all the applications update components all at once using angular elements. The panel considers the benefits of using Tomas’s approach and which scenarios it would work best for. Aaron expresses his appreciation for all the work Tomas did and the problems he overcame then bundling his solution in a library together so developers can just use it without all the pain. The library can be found on Github. Tomas tells the panel that there has already been some community contribution to the library. He describes some of the pull requests they have received along with the plans they have for angular elements. The topic turns to mismatched versioning and how the bundle will work. Tomas explains that the only problem they have seen with mismatched versioning is with zone.js. He shares some workarounds to the problem and promises that they are working on a solution. The episode ends with the panel listing all the major benefits that an enterprise can gain from using the multi-spa and angular elements approach. It will save them money, allow teams to work together, create and isolation. Tomas also shares some of the new features available in angular elements today. Panelists

Aaron Frost
Brian Love

Guest

Tomas Trajan

Adventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
Cachefly

Links

PicksBrain Love:

https://node-atl.org/

Shai Reznik:

https://netbasal.com/

Aaron Frost:

How to Be Less Stupid About Race: On Racism, White Supremacy, and the Racial Divide

Tomas Trajan:

Slipknot EX

Special Guest: Tomas Trajan.

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.

AiA 256: Debunking Monorepo Myths with Victor Savkin

Tue, 10 Sep 2019 10:00:00 +0000

Episode Summary Victor Savkin, former angular team member and now cofounder of Narwhal Technologies Inc or Nrwl, returns to Adventures in Angular to teach the panel about monorepos. Victor starts by explaining what monorepos are and why you might need one. Monorepo style development is when multiple projects developed in the same repository and the tools used to manage code between those apps. There are many benefits to using monorepos as Victor explains to the panel, such as sharing code between apps. Monorepos help you see what's going on in reality as well as helps you take control of the structure of your code. It also allows for more interesting deployment strategies. Victor talks briefly about his time at Google, working on the toolchain and using a large monorepo. After the panel asks about the costs of using a monorepo strategy, Victor explains that there are many perceived costs that are actually false or easily overcome. The first perceived cost he tells the panel about is how people get confused and believe that apps have to be deployed together when they really have to be developed in the same repository. The second is the fear of misplaced ownership, that some other developer will come along and ruin their code. Victor explains that ownership can be configured and controlled so that no one you don’t trust can touch your code. The next myth developers believe about monorepos is that it doesn’t scale and especially when it comes to performance. Victor explains that when the app is set up correctly and testing used correctly this isn’t a problem. The final perceived cost is that Git will break. Victor debunks this by explaining that you would have to be doing extremely well in order for Git to be a bottleneck and even then there are ways around that problem. Victor explains the one real cost and that is you have to change the way you code. The panel discusses a few different coding styles. Victor recommends getting used to single version policy and trunk-based development. He defines trunk-based development, explaining how it works and why it is better for monorepos than long-range branch development. Victor sees two types of groups who want to get started in monorepos and he explains what they most commonly do wrong. The first is greenfield projects who jump right in without thinking about it and eventually crash. The second is teams with a giant app and through a monorepo in hoping it will help them structure their app. He explains there is a right way to start using monorepos in both situations. Asking the important question is how to get started. Agreeing upon the structure, naming, ownership, are you going to build the frontend and backend in the same repo, and the answers to a bunch of other questions will affect your work the most, even more than the tooling you use. Some of these answers will be specific to your company where others will be universal, like naming and ownership. With other tools for monorepo out there, the panel asks Victor why Nrwl decided to build their own tool. Victor explains that the current tools on the market do not do it all. Lerna only does one thing great and Bazel is very selective on who can run it. Nrwl is hoping to marry Bazel to Nx, so they can allow everyone to use Bazel. They want Nx to support all tools and even Windows. The panel wonders if Nx is perfect. Victor explains that it nearly there. Nx is pluggable and easy to use. It is easy to learn. Victor explains that they really care about developer experience at Nrwl. Nx is free and opensource so everyone can give monorepos a try. Resources for learning about monorepos are discussed. Victor invites everyone to watch the ten-minute getting started video on the Nx website. He also lets the listeners know about a new book coming out mid-September and it will be more organizational based than the last. The panel wants to know what comes with Nx. Victor explains that Nx gives you modern tools by setting up Cypress, Jest and other tools for you. Because Nrwl is a consulting firm, the panel hopes that Victor will have an update on the trends. Victor shares his view that trends don’t really tell you anything about the true status of a framework. How many downloads a framework has doesn’t show the longevity of that framework. Frameworks being used to make large scale apps that will be around for years is how you can tell the longevity of a framework. From that perspective, Victor feels that Angular is doing really well. To end the episode, Shai Reznik recalls how passionate Victor was about NgRx a few years ago. He asks Victor if he still feels the same way as before. Victor explains that NgRx is pretty well most of the time, has great docs, is well maintained, and he would still recommend it.Panelists

Jennifer Wadella
Brian Love
Shai Reznik
Alyssa Nicoll

Guest

Victor Savkin

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
My JavaScript Story
Cachefly

Links

PicksBrain Love:

Alyssa Nicoll:

Caffeine Content Warning!

Jennnifer Wadella:

The Fall Season
NGD Conf
Laptop Safety at Conferences

Victor Savkin:

The Boys
Use Less Social Media
Freedom App

Shai Reznik:

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.

AiA 255: The Elephant in the JS Community

Tue, 03 Sep 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
Adventures in Blockchain
Cachefly

Panel

Jennifer Wadella
Brian Love
Aaron Frost
Alyssa Nicoll

SummaryAddressing the recent twitter fire surrounding the JavaScript community, the panel shares their opinions on social awareness. They begin by discussing a time they inadvertently offended others and what they learned. They consider the best way to respond if you do offend someone; the correct way to apologize and learn from your mistake. The importance of taking responsibility and sharing a desire to learn is discussed. The panel considers how the community can be proactive in creating a safe space while being inclusive of everyone. They discuss resources for learning about sexism, racism and not feeling guilty as a victim.Links

PicksAaron Frost:

Family Time

Brain Love:

Disconnect and enjoy real life
https://codeimg.io/

Alyssa Nicoll:

Family time

Jennnifer Wadella:

AiA 254: Nx and Angular CLI with Brandon Roberts

Tue, 27 Aug 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
iPhreaks Podcast
CacheFly

Panel

Aaron Frost
Joe Eames
Alyssa Nicoll

Joined By Special Guest: Brandon RobertsEpisode SummaryJoining the panel in this episode is Brandon Roberts, a Senior Angular Engineer at Narwhal Technologies. Brandon was previously on the Angular Team at Google.Brandon talks about what he is working on currently at Narwhal. They have recently launched more support for React and Web Components and Brandon talks about his role in that project.The panel then asks when Narwhal will release support for Knockout and jQuery. They talk about cases when to use Nx and when to use Angular CLI. They then talk about the effort required to learn Nx.They then talk about Narwhal's support plans for NgRx 9. Links

MAS 091: Brandon Roberts
NgRx: A Reactive State of Mind (Two Day Workshop)
https://www.ng-conf.org/2019/speakers/brandon-roberts/
Brandon Roberts – Medium
Brandon (@brandontroberts) | Twitter
Building Full-Stack Applications Using Angular CLI and Nx - Nrwl
nrwl/nx: Extensible Dev Tools for Monorepos - GitHub

PicksAlyssa Nicoll:

ngAir 211 - Template Streams in Angular & Change Detection Profiling w/ Dominic Elm & Kwinten Pisman

Joe Eames:

Roll for Adventure Board Game
Stop Thief! Board Game

Aaron Frost:

Your local swap meet
MLS Soccer
Utah Jazz

Brandon Roberts:

Special Guest: Brandon Roberts.

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.

AiA 253: Upgrading AngularJS to Angular with Sam Julien

Tue, 20 Aug 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
React Native Radio
CacheFly

Panel

Aaron Frost
Jennifer Wadella
Alyssa Nicoll
Joe Eames

Joined By Special Guest: Sam JulienEpisode SummarySam Julien, Technical Community Manager at Auth0 joins the panel to talk about upgrading AngularJS to Angular. Sam has a video course on transitioning from AngularJS to Angular and consults with companies that are in the process of upgrading. Sam and the panel share their upgrading experiences and tips on what they have learned. They also discuss how to convince companies that do not want to upgrade to Angular and agree that sometimes it's in the best interest of the company to present the financial benefits of the upgrade rather than the discuss technical aspects.The panel also talk about other reasons to upgrade from AngularJS, the most important of which is the announcement of AngularJS end of life on June 30, 2021. Tune in to learn about the biggest "got you" Sam had on an upgrade project.Links

PicksJennifer Wadella:

Johnnycake from Neptune Oysters

Alyssa Nicoll:

Bill Odom

Joe Eames:

Observables for All

Sam Julien:

Special Guest: Sam Julien.

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.

AiA 252: Saying Goodbye to Angular CLI with Hans Larsen

Tue, 13 Aug 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
CacheFly

Panel

Aaron Frost
Shai Reznik

Joined By Special Guest: Hans LarsenEpisode SummaryHans Larsen, Team Lead of the Angular CLI at Google has left Google to pursue other opportunities. The panel meets with Hans to talk out about his time at Google Angular team and some of the challenges they faced. They then talk about Hans' future plans as well as some of the fun times they had at the Angular conferences.Links

PicksShai Reznik:

16 Personalities

Aaron Frost:

NOVA: Black Hole Apocalypse | Netflix

Hans Larsen:

Become a parent
Have a drink with someone you love

Special Guest: Hans Larsen.

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.

AiA 251: AngularJS to Angular Migration with Craig Spence

Tue, 06 Aug 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
CacheFly

Panel

Aaron Frost
Alyssa Nicoll
Shai Reznik

Joined By Special Guest: Craig SpenceEpisode SummaryCraig Spence was a developer at Trade Me in New Zealand before he moved to Sweden to join Spotify. Trade Me is New Zealand's biggest website and it is similar to eBay where people buy and sell lots of different items. Craig talks about his experiences migrating Trade Me from AngularJS to Angular and the challenges they faced. One of the tips Craig has for the audience is when faced with a problem it is better to ask for help from those who have been in similar situations before, rather that attempting to solve it alone. The panel also agrees that developers should stop writing in AngularJS and make the decision to move forward. Craig recently started working at Spotify in Sweden and is dealing with a challenging bug that has lasted for over 13 days.Links

PicksAaron Frost:

Alyssa Nicoll:

Angular Denver

Shai Reznik:

https://github.com/hirezio/jasmine-auto-spies

Craig Spence:

Frank Turner

Special Guest: Craig Spence.

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.

AiA 250: Adventures in 10x

Tue, 30 Jul 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
CacheFly

Panel

Aaron Frost
Joe Eames
Shai Reznik
Jennifer Wadella

Episode SummaryMuch reaction has been received for the tweet about the 10x developers and this week the panel outlines the checklist a 10x developer has to meet in order to be considered a 10x developer (a developer that outputs 10 times more code than the rest of the company). From always having their screen background set to black to their generally toxic attitude that is disliked by the rest of the team, 10x developers are generally a reason for others to quit their job. The panel discusses why managers continue to keep these people on even though they affect the overall team production negatively and how they should be dealt with.Links

PicksShai Reznik:

PubConf

Jennifer Wadella:

Joe Eames:

Emotional IQ

Aaron Frost:

AiA 249: What's New in Version 8 With Minko Gechev

Tue, 23 Jul 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
CacheFly

Panel

Aaron Frost
Alyssa Nicoll
Shai Reznik
Joe Eames
Brian Love

Joined by Special Guest: Minko GechevEpisode SummaryMinko from Angular team at Google talks about what's new in Angular v8 and what has changed. Some of the exciting new features include differential loading, dynamic imports for lazy routes and CLI workflow improvements which end up being a large perfomance improvement. The panel comments on the fact that it was effortless to migrate from Angular 7 to Angular 8, and Minko also mentions that they had received feedback that the how to start tutorials were not very clear and so in Angular v8 they made an effort to re-do the tutorials.Links

PicksAaron Frost:

Joe Eames:

Bonnie Brennan and her daughter Sam

Shai Reznik:

Dev Ed Podcast: Making Learning Fun
Ozark
Cobra Kai
Getting Out of Your Comfort Zone

Alyssa Nicoll:

ngAir 211 - Template Streams in Angular & Change Detection Profiling w/ Dominic Elm & Kwinten Pisman

Brian Love:

https://github.com/cartant/rxjs-spy
Go Outside and Hike

Minko Gechev:

You can use the "safe navigation" operator in Angular templates
Hit Fit SF

Special Guest: Minko Gechev.

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.

AiA 248: Perfume.js with Leonardo Zizzamia

Tue, 16 Jul 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
CacheFly

Panel

Aaron Frost
Joe Eames
Jennifer Wadella
Brian Love
Alyssa Nicoll

Joined by Special Guest: Leonardo ZizzamiaEpisode SummaryLeonardo is a Senior Software Engineer, Technical Lead at Coinbase a digital currency exchange headquartered in San Francisco. Leonardo and the panel talk about Perfume.js. Over the past 5 years the Chrome team has been working on standardizing user timings for the web. One of the most recent metric tool the Chrome team has built is the Performance Observer which is an experimental API that observes user metrics. Leonardo explains how Perfume.js helps users so they don't have to worry about not complying with web standards in terms of user metrics. Leonardo then gives some guidelines to the web standards and explains what is considered in the normal range and what needs to be improved.Links

PicksAaron Frost:

Joe Eames:

Being a Guide and Not Being a Leader

Jennifer Wadella:

The Git Up by Blanco Brown

Brian Love:

https://github.com/tibing/async-pipeline

Alyssa Nicoll:

https://www.anxietytech.com/

Leonardo Zizzamia:

Special Guest: Leonardo Zizzamia.

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.

AiA 247: Bazel with Alex Eagle

Tue, 09 Jul 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
Triplebyte offers a $1000 signing bonus
CacheFly

Panel

Aaron Frost
Joe Eames
Jennifer Wadella

Joined by Special Guest: Alex EagleEpisode SummaryAlex Eagle is a Software Engineer on the core Angular team at Google. Alex and the panel talk about Bazel, a a free software tool that allows for the automation of building and testing of software.Links

PicksAaron Frost:

Axe Throwing

Jennifer Wadella:

Drama on the The Bachelor ( TV series)

Joe Eames:

FIFA Women's World Cup France 2019
Playing Dungeons & Dragons with Aaron Frost

Alex Eagle:

Firefly (TV Series 2002–2003) - IMDb

Special Guest: Alex Eagle.

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.

AiA 246: Migrating Material: AngularJS -> Angular with Michael Prentice

Tue, 02 Jul 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
Triplebyte offers a $1000 signing bonus
CacheFly

Panel

Aaron Frost
Joe Eames
Brian Love

Joined by Special Guest: Michael PrenticeEpisode SummaryMichael Prentice is the owner of DevIntent and an AngularJS Material Lead Maintainer at Rangle.io.Links

PicksAaron Frost:

rxjs.live

Brian Love:

Joe Eames:

https://www.cypress.io/

Michael Prentice:

Special Guest: Michael Prentice.

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.

AiA 245: CosmosDB with Steve Faulkner LIVE at Microsoft BUILD

Tue, 25 Jun 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
Triplebyte offers a $1000 signing bonus
CacheFly

Panel

Charles Max Wood

Joined by Special Guest: Steve FaulknerEpisode SummaryComing to you live from the podcast booth at Microsoft BUILD is Charles Max Wood with Steve Faulkner. Steve is a Senior Software Developer for Azure Cosmos DB at Microsoft. Cosmos DB is a global distributed, multi-model noSQL database. Steve explains the Cosmos DB service and scenarios it can be used in. They discuss how Cosmos DB interacts with Azure functions and how partition keys work in Cosmos DB.Listen to the show for more Cosmos DB updates and to find out how Steve he got his twitter handle @southpolesteve.Links

PicksSteve Faulkner:

Special Guest: Steve Faulkner.

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.

AiA 244: Kubernetes, Docker and Devops with Jessica Deen LIVE from Microsoft BUILD

Tue, 18 Jun 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
Triplebyte offers a $1000 signing bonus
CacheFly

Panel

Charles Max Wood

Joined by Special Guest: Jessica DeenEpisode SummaryComing to you live from the podcast booth at Microsoft BUILD is Charles Max Wood with The Deen of DevOps aka Jessica Deen. Jessica is a Senior Cloud Advocate at Microsoft. As an advocate she acts a liaison between developer communities and Microsoft to help understand developer pain points and road blocks especially in areas such as Linux, open-source technologies, infrastructure, Kubernetes, containers and DevOps. Jessica explains how to go about setting up a containerized application, Kubernetes and how to use Dockerfiles. Charles and Jessica then talk about how to get started with a Kubernetes cluster and the resources available for developers that don't have any infrastructure. Jessica advises that developers start with Azure DevOps Services and then go to Microsoft Learn Resource.Charles also encourages listeners to also check out the Views on Vue podcast Azure DevOps with Donovan Brown for further references. Jessica also recommends following people on Twitter and GitHub to find out about solutions and resources.Links

PicksJessica Deen:

Charles Max Wood:

Special Guest: Jessica Deen.

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.

AiA 243: Lazy loading in Angular (with Angular Elements) with Juri Strumpflohner

Tue, 11 Jun 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
Triplebyte offers a $1000 signing bonus
CacheFly

Panel

Aaron Frost
Joe Eames
Brian Love

Joined by Special Guest: Juri StrumpflohnerEpisode SummaryA fun conversation about how to lazy load Angular modules with Juri Strumpflohner, a software developer with more 10 years of experience in technologies like Java, .Net and Node.js. Juri is also a Google Developer Expert in Web Tech and an Egghead.io Instructor.With lazy loading, it is possible to defer loading unused portions and load them on demand. The panel discusses what can be lazy loaded in an Angular application and how Aaron's

for lazy loading in Angular

helps with the process. Links

My Angular Story 045: Juri Strumpflohner
Adventures in Angular 193: Angular Libraries with Juri Strumpflohner
Juri's Twitter
Juri's Website
Juri’s GitHub
Juri’s Egghead Courses
for lazy loading in Angular
for lazy loading in Angular
https://thinkster.io/
Follow Adventures in Angular on tv, Facebook and Twitter.

PicksAaron Frost:

John Wick: Chapter 3 - Parabellum (2019) – IMDb
Long Shot (2019) - IMDb

Brian Love:

Joe Eames:

Star Wars: A New Hope Symphony Orchestra
Anki Vector | The Home Robot With Interactive AI Technology |

Juri Strumpflohner:

Special Guest: Juri Strumpflohner.

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.

AiA 242- Azure Functions Part II with Jeff Hollan LIVE at Microsoft BUILD

Tue, 04 Jun 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
Triplebyte offers a $1000 signing bonus
CacheFly

Panel

Charles Max Wood

Joined by Special Guest: Jeff HollanEpisode SummaryComing to you live from the podcast booth at Microsoft BUILD is Charles Max Wood with Jeff Hollan. Jeff is a Sr. Program Manager for the Azure Functions cloud service. Continuing from where Colby Tresness left off in Adventures in Angular 241: Azure Functions with Colby Tresness LIVE at Microsoft BUILD, Jeff defines what "serverless" really means in developer world. Jeff also talks about various scenarios where Azure functions are extremely useful and explains what Durable Functions are. Jeff and Charles discuss creating and running an Azure function inside a container and the upcoming capabilities of Azure functions they are currently working on.Links

Adventures in Angular 241: Azure Functions with Colby Tresness LIVE at Microsoft BUILD
Durable Functions
Jeff’s GitHub
Jeff’s Twitter
Jeff’s LinkedIn
Jeff’s Website
Jeff’s Medium
Microsoft Build 2019
Follow Adventures in Angular on tv, Facebook and Twitter.

PicksJeff Hollan:

Charles Max Wood:

Family Tree App

Special Guest: Jeff Hollan.

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.

AiA 241: Azure Functions with Colby Tresness LIVE at Microsoft BUILD

Tue, 28 May 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
Triplebyte offers a $1000 signing bonus
CacheFly

Panel

Charles Max Wood

Joined by Special Guest: Colby TresnessEpisode SummaryComing to you live from the podcast booth at Microsoft BUILD is Charles Max Wood with Colby Tresness. Colby is a Program Manager on Azure Functions at Microsoft. Azure functions are the serverless functions on Azure. Colby explains what the Azure functions premium plan entails, then talks about KEDA - Kubernetes-based event-driven autoscaling, a Microsoft and Red Hat partnered open source component to provide event-driven capabilities for any Kubernetes workload. One of the other cool features of serverless functions they talk about is the Azure serverless community library.Colby and Charles discuss the best way to get started with Azure functions, as well as the non-JavaScript languages it supports.Links

Colby’s GitHub
Colby’s Twitter
Colby’s LinkedIn
Colby’s Blog
Microsoft Build 2019
KEDA
Red Hat
Azure Serverless Community Library
Follow Adventures in Angular on tv, Facebook and Twitter.

PicksColby Tresness:

Barry (TV Series 2018– ) - IMDb

Charles Max Wood:

The Legend of Zelda: Breath of the Wild
The MFCEO Project Podcast - Andy Frisella
Downtown Seattle

Special Guest: Colby Tresness.

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.

AiA 240: RxJS and Observable Forms in Angular with Sander Elias

Tue, 21 May 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
Triplebyte offers a $1000 signing bonus
CacheFly

Panel

Aaron Frost
Shai Reznik
Brian Love

Joined by Special Guest: Sander EliasEpisode SummaryIn this episode of Adventures in Angular, the panel talks to Sander Elias, Senior Principal Engineer at HeroDevs from Netherlands. Sander is also an Angular Google GDE.Sander created Observable forms, an alternative way to do forms in Angular which takes advantage of what the platform has to offer.Aaron also talks about his speech at ng-conf 2019 and his follow up blog post about the speech and why he felt the need to write it.Links

Sander’s GitHub
Sander’s Twitter
Sander’s LinkedIn
Sander’s Medium
ng-conf 2019
Sander Elias - ng-conf
ObservableForm GitHub
Aaron Frost Blog Piece
Follow Adventures in Angular on tv, Facebook and Twitter.

PicksSander Elias:

Aaron Frost:

Brian Love:

Shai Reznik:

Special Guest: Sander Elias.

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.

AiA 239: Live at ng-conf

Tue, 14 May 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for $100 credit
Angular Bootcamp
Triplebyte offers a $1000 signing bonus
CacheFly

Panel

Aaron Frost
Charles Max Wood
Joe Eames

Joined by special guests: Bill Odom, Daniel Kilburn, Niall Crosby.Episode SummaryThis episode of Adventures in Angular comes to you live from ng-conf 2019. Niall Crosby, CEO at ag-Grid, talks about how he started the company and what they work on. The panel then talks to a number of guests at the conference, including the volunteers, organizers and attendees and have interesting conversations about the work they do, what made them come to the conference and what they like about it. They talk about the workshops being conducted, give listeners tips on learning angular and one of the speakers appeals to listeners for help in mentoring and sponsorship. They wrap up the podcast by each stating their favourite talks and moments at the conference and agree on the fact that the community is one of the best parts of Angular.Links

Follow Adventures in Angular on Devchat.tv, Facebook and Twitter. Special Guests: Bill Odom, Daniel Kilburn, and Niall Crosby.

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.

AiA 238: Angular State w/ NgRx with Mike Ryan

Tue, 07 May 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
TripleByte offers a $1000 signing bonus
Cachefly

Panel

Aaron Frost
Shai Reznik

Joined by Special Guest: Mike RyanSummaryIn this fun episode, Mike Ryan introduces NgRX and gives the backstory of his getting involved with the NgRx Core Team. The panel discusses use cases where using NgRx is the best choice. Shai Reznik wonders where the cult-like loyalty to NgRx comes from. Mike talks about the future of NgRx and the future of state management in general. The panel discusses Ivy and what it means for state management.Links

PicksAaron Frost:

Shai Reznik:

Special Guest: Mike Ryan.

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.

AiA 237: More on RxJS with Deborah Kurata

Tue, 30 Apr 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
TripleByte offers a $1000 signing bonus
Cachefly

Panel

Aaron Frost
Shai Reznik

Joined by Special Guest: Deborah KurataSummaryDeborah Kurata talks about the benefits of using a reactive approach to developing with RxJS. She explains how to use RxJS to program reactively and shares her vision of patterns everywhere to make reactive programming easier. Shai Reznik asks a lot of great questions about switching to this approach and takes the stance of a new or student developer. Deborah and Aaron advocate for RxJS and debate the best ways to learn RxJs and implement reactive development. Links

PicksAaron Frost:

https://www.rxjs.live/

Shai Reznik:

A Super Ninja Trick To Learn RxJS’s “switchMap”, “mergeMap”, “concatMap” and “exhaustMap”, FOREVER!

Deborah Kurata:

https://rxjs.dev/

Special Guest: Deborah Kurata.

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.

AiA 236: Getting Deeper into then CLI with Dave Müllerchen

Tue, 23 Apr 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
TripleByte offers a $1000 signing bonus
Cachefly

Panel

Aaron Frost

Special Guests: Dave Müllerchen and Mike BrocchiEpisode SummaryDave Mullerchen is a freelancer from Germany and does a lot of Angular workshops. Mike Brocchi works for Ultimate Software and works with Stencil to provide framework agnostic web components as a design language system. Today the panel is discussing the Angular CLI. Mike talks about exactly what Stencil.js is, a set of tools to spit out raw web components made by the Ionic folks. They discuss how Angular Elements stacks up to Stencil. Dave talks about the most important things the community needs to know about the Angular CLI, most importantly it can save you a lot of money. They each talk about their history with the CLI, and how they found that it increased speed and decreased bundle size. The panel finds Angular is less teachable than other languages, but the CLI is the key to making Angular teachableThey go into detail about how the CLI can save money. They talk about some of the schematics available in the CLI and their usefulness, and which are their favorites. They end by mentioning that the schematics work off the file system, so it’s not angular specific, and that the CLI makes discoverable schematics and can run analytics.Links

PicksAaron Frost:

RXJS Live
“Like It Ain’t Nothin” by Fergie

Shai Reznik:

HBO’s Crashing

Dave Müllerchen:

NG-DE Conference 2019
JavaScript fuer Kinder YouTube Channel

Mike Brocchi:

"ng doc ______" to search angular.io docs via the command line
Live Share from the Visual Studio team, now out of preview

Special Guests: Dave Müllerchen and Mike Brocchi.

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.

AiA 235: Functional Programming with Angular, NgRx with Raul Jimenez

Tue, 16 Apr 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
TripleByte offers a $1000 signing bonus
Cachefly

Panel

Shai Reznik
Aaron Frost
Joe Eames

Joined by Special Guest: Raul Jimenez Summary Raul Jimenez, the CEO of Byte Default, answers the panels many questions on functional programming with NgRx. In this playful interview, Raul defines functional programming and what it is trying to solve. The panel discusses side effects using a Spiderman analogy. Raul shares the benefits of switching to and when to use NgRx. The importance of knowing RxJS in using NgRx is considered by the panel. The episode ends with an in-depth discussion on some the specifics of using NgRx for functional programming. Links

Picks Shai Reznik

https://www.youtube.com/watch?v=B48Exq57Zg

Joe Eames

https://thinkster.io/tutorials/five-essential-lessons-for-typescript-competence

Aaron Frost

Raul Jimenez

Special Guest: Raúl Jiménez.

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.

AiA 234: Control Value Accessors on Reactive Forms with Jennifer Wadella

Tue, 09 Apr 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
TripleByte offers a $1000 signing bonus
Cachefly

Panel

Alyssa Nicoll
Aaron Frost
Joe Eames

Special Guest: Jennifer WadellaEpisode SummaryIn this episode of Adventures in Angular, the panel speaks with Jennifer Wadella, founder of Kansas City Women in Technology and JavaScript Developer at Bitovi. Jennifer is also an international speaker and a kombucha brewer.Jennifer talks about popular events they host at Kansas City Women in Technology like the Coding & Cupcakes | Kansas City Women in Technologyand the Coding & Cocktails | Kansas City Women in Technology meetups.They also discuss the Control Value Accessor (CVA) interface and its key concepts as well as best scenarios to use it in. Jennifer has written a blog piece where she describes how to use the CVA interface.Links

PicksAlyssa Nicoll:

Alyssa's Baby

Aaron Frost:

Joe Eames:

Deep Space D-6

Jennifer Wadella:

Special Guest: Jennifer Wadella.

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.

AiA 233: Getting Serious with Schematics with Tomas Trajan

Tue, 02 Apr 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
TripleByte offers a $1000 signing bonus
Cachefly

Panel

Alyssa Nicoll
Aaron Frost
Joe Eames
Shai Reznik

Special Guest: Tomas TrajanEpisode SummaryIn this episode of Adventures in Angular, the panel interviews Tomas Trajan, software developer and Google Developer Expert for Angular from Zurich, Switzerland. Tomas explains what Angular Schematics is and how it simplifies a developer’s life. He goes through cases where Angular Schematics would be great to use. He explains some of the Schematics terminology such as rules and trees. He also explains that Angular CLI uses Schematics as well and that the panel is already using it when they are using Angular CLI. The panel then talks about the setup time and effort it takes to start a project before they can actually code especially when there are other teams involved. Tomas explains that part of this setup effort could be avoided if companies with multiple developer teams used Schematics.Tomas then describes his own experiences using Schematics. As a final note, Tomas talks about some of the areas where Schematics could be improved.Links

PicksAlyssa Nicoll:

Shai Reznik:

Joe Eames:

Airtable

Aaron Frost:

Narwhal Technologies Inc

Tomas Trajan:

AiA 232: The Seinfeld Episode

Tue, 26 Mar 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
TripleByte offers a $1000 signing bonus
Cachefly

Panel

Ward Bell
Shai Reznik
Alyssa Nicoll
Aaron Frost
Joe Eames

SummaryJoe Eames introduces a fun panel only show, “The Show about Nothing”. The panel starts by sharing podcast behaviors that bother the members of the panel. Between anecdotes and humor, the panel shares what they are looking for in a guest to their podcasts. The panel engages in a playful debate about the pronunciation of “angular”. Shai Reznik introduces the more serious topic of state management. The jokes continue as the panel discusses the best way to handle state management and change detection.Links

PicksWard Bell

https://netbasal.com/why-its-time-to-say-goodbye-to-angular-template-driven-forms-350c11d004b

Shai Reznik

Alyssa Nicoll

Aaron Frost

Power Watch 2

Joe Eames

Swig
The Mentalist

AiA 231: Why Angular Developers Should Learn RxJS

Tue, 19 Mar 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
TripleByte offers a $1000 signing bonus
Cachefly

Panel

Charles Max Wood
Aaron Frost
Joe Eames

Joined by Special Guest: Michael HartingtonEpisode SummaryAaron Frost introduces a RxJS as a trend that is also a fundamental for angular. Aaron Frost shares his experience at ng-conf where the community was polled, and the topic most people wanted to learn was RxJS. Charles Max Wood brings up a previous podcast where Ward Bell predicts this trend, sharing the opinion that angular developers must know RxJS to be successful. The panels discusses the need to be reactive in Angular and the need to react to this trend by learning RxJS. Michael Hartington and Aaron Frost share an examples to show how RxJS simplifies the work.The panel discusses the switch from NgRx or RxJS, and a few things that might help someone looking to switch. Panelists share how they learned RxJS and how it helped them, even if they were reluctant to learn it. They finish by sharing resources they found helpful in learning RxJS.Links

Picks Michael Hartington

Harmonquest

Joe Eames

Gravity Falls
Dungeons and Dragons

Charles Max Wood

Podfest
Go out and meet awesome people in the angular community

Aaron Frost

Captain Crunch - Crunch Berries

Special Guest: Mike Hartington.

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.

AiA 230: Smart 404 Pages with Vitalii Bobrov

Tue, 12 Mar 2019 11:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
Angular Bootcamp
TripleByte offers a $1000 signing bonus
Cachefly

Panel

Alyssa Nicoll
Aaron Frost
Charles Max Wood

Joined by Special Guest: Vitalii BobrovEpisode SummaryThe panel interviews Vitalii Bobrov, who recently wrote an article on his blog called “Angular Smart 404 pages”. It is about the Levenshtein distance algorithm and it's uses and implications in working with 404 pages. Vitalii Bobrov explains what a 404 page is and how it is often times due to typos on the users part. He also goes onto explain the Levenshtein distance algorithm and how it can help guide users to the correct site. Vitalii Bobrov shares how he came up with the idea of using the Levenshtein distance algorithm with 404 pages. Charles Max Wood and Aaron Frost ask some very insightful questions on how the algorithm works and how to apply these ideas to their work. They jokingly share ideas on what Vitalii Bobrov could do with this idea.Links

PicksCharles Max Wood:

ATR2100
AOC Monitors

Alyssa Nicoll:

Web Typography Newsletter

Aaron Frost:

Michael Cohen's Testimony
Huawei Mate X

Vitalii Bobrov:

Trekhleb Javascript Algorithms

Special Guest: Vitalii Bobrov.

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.

AiA 229: Deploying to Firebase with CircleCI with Andrew Evans

Tue, 05 Mar 2019 11:00:00 +0000

Sponsors

Sentry– use the code “devchat” for $100 credit
Triplebyte - offers a $1000 signing bonus

Panel

Alyssa Nicoll
Joe Eames
Charles Wood

Special Guest – Andrew EvansEpisode SummaryCharles Wood, Alyssa Nicholl, and Joe Eames discuss guest speaker, Andrew Evans’s article on “How to Deploy to Firebase”. The article discusses how Continuous Integration and Delivery (CircleCI) and Firebase serve as alternatives to older pipeline technologies such as Jenkins and AWS. Andrew Evans talks about the versatility of Firebase CLI utility and its use as a platform for younger developers with little experience on CI/CD or any type of cloud deployment. It took Andrew a year to get proficient in Jenkins whereas with CircleCI he had a much easier learning curve. Andrew then mentions another article he wrote entitled “How the AngularFire Library makes Firebase feel like Magic”.They also discuss whether CircleCI matches up to Jenkins on a larger scale workflow deployment. Andrew gives the example of a weather app named “Goose Weather” he is working on that uses “NgRx” that has a more robust workflow. He mentions that initially he was working on it for a CapitalOne blog but then took it up as a side project and started working on it by himself. They decide that even though Jenkins owns the market on large scale workflows, CircleCI’s ease of use is a very strong feature. Andrew also mentions that although he didn’t have a chance to test CircleCI on a high-level enterprise project, he feels that it would be a good experience. They also briefly compare the Jenkins and CircleCI on ease of rollbacks and license fees.Shai shares his own experience of how he also really likes Netlify because it automates the commit process like CircleCI. They briefly touch on DevOps.Andrew shares his own experience using CircleCI to do deployments to AWS. He feels the documentation and the blogs really help with the learning process. Andrew explains the meaning of:

EWS: Elastic Container Service
ALB: Application Load Balancer
ELB: Elastic Load Balancer”

The panelists jokingly wonder whether Andrew should give them 50% of his profits from the weather app Goose Weather because he basically outed himself to CapitalOne on the show by revealing he was working on it on the side. Links

PicksShai Resnick:

Joe Eames:

Movie: Alita: Battle Angel
https://www.youtube.com/watch?v=w7pYhpJaJW8

Charles Wood:

Andrew Evans:

Special Guest: Andrew Evans.

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.

AiA 228: Issues with the Title, Front End Web Dev

Wed, 27 Feb 2019 00:00:00 +0000

Sponsors

Sentry use the code “devchat” for 2 months free on Sentry small plan
TripleByte offers a $1000 signing bonus

Panel

Alyssa Nicoll
Joe Eames
Charles Wood

Episode SummaryThis weeks panel, Charles Wood, Alyssa Nicholl, and Joe Eames discuss 2 articles: 1st The Great Divide by Chris Coyier and 2nd Tales of a Non-Unicorn by Laura Schenk. These articles tell of the broad meaning for “Front-End Web Developer” talking of how “HTML + CSS along with JavaScript” all fall under the same title causing confusion with job interviews and even once a developer gets into the job. It is neat to hear perspectives of Alyssa Nicholl and Joe Eames together as Alyssa is more on the HTML/CSS side of Web Dev and Joe Eames is more with the JavaScript side.The panel also discusses difficulties with interviewing for jobs. Charles Wood leads a discussion on what the interviewers could improve on in hiring the people they actually want. The panel shares experiences of not getting jobs for reasons that are not super valid. They also touch on the pay difference between the 2 sides of the “WebDev” job description.Links

PicksJoe Eames:

Charles Wood:

The Checklist Manifesto: How to Get Things Right by Atul Gawandi

Alyssa Nicoll:

100 Days CSS Challenge

AiA 227: Source Maps in Angular with Kevin Kreuzer

Tue, 19 Feb 2019 11:00:00 +0000

Sponsors

Sentry- use the code “devchat” for $100 credit
Angular Bootcamp
Triplebyte
CacheFly

Episode Summary In this episode of Adventures in Angular, the panelists talk with Kevin Kreuzer on source maps. Kevin is a freelance Software Engineer from Switzerland and currently is a part of the frontend architectural team for a company called Schaltstelle. He also regularly writes blog posts on Angular topics, contributes to opensource projects and is the co-founder of a startup – Trasier.Kevin talks about what led to the development of source maps, how they are generated and explains their working in detail. He elaborates on various approaches of deploying source maps to production without revealing the source code and gives tips on solving issues that come up. The panelists discuss about using these maps for templates (CSS, HTML, etc.) and briefly touch on NestJS.Links

PicksShai

Alyssa

Angular Air - Dry Forms with Sander Elias

Charles

Kevin

Special Guest: Kevin Kreuzer.

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.

AiA 226: Ionic with Mike Hartington

Tue, 12 Feb 2019 11:00:00 +0000

Sponsors

Sentry use the code "devchat" for $100 credit
Angular Bootcamp

Panel:Alyssa NicollCharles Max WoodSpecial Guest - Mike HartingtonIn this episode of Adventures in Angular, the panelists talk with Mike Hartington, who is a Developer Advocate at Ionic. They talk in depth about the recently released version of Ionic, future projects the Ionic team is working on and what’s out there for Angular developers.Show Notes:0:22 - Advertisement - Sentry - Use code “devchat” to get two months free on Sentry’s small plan.1:21 - Mike introduces himself briefly and explains what exactly Ionic is.3:15 - Charles asks about the new features of the recently released Ionic version 4.0. Mike explains that even though they love Angular, they wanted to decouple from any full framework like that and ship the components as JavaScript web components and then provide wrappings from any available framework. They spent a year on working on it and tried to double down on framework specific tooling.5:50 - Charles asks if Alyssa has worked on Ionic. She answers that she hasn’t but has heard a lot of good things about it. She asks Mike if Ionic is the same as NativeScript. While explaining the difference, Mike replies that the team likes to work on the web technologies’ side, so even if Ionic is deployed on any available OS, everything is rendered in the browser. Charles also talks about the differences between NativeScript and Ionic.7:38 - Alyssa asks if there is any specific popular framework or groups of people using Ionic. Mike answers that a lot of their user base consists of Angular developers, but they are seeing growth elsewhere too.8:40 - Charles mentions that people like the fact they don’t have to learn different technologies for different platforms while developing apps, and prefer to do it by porting work from one platform to another. Mike agrees while saying that Ionic is a great option for that and it comes with a decent UI.9:30 - Charles asks about Electron, if it’s the same codebase. Mike answers that Electron is quite new to them, but they are building an option for the native compiler that solves many technical issues and introduces new ideas on how to work with common APIs for IOS, Android and Electron.12:02 - Alyssa asks how does Ionic compare to various UI themes and whether it can be customized. Mike answers that they have two themes - an iOS theme and a default material design theme. He says that they also have an option of creating custom themes using CSS variables.13:30 - Charles asks if they have an update to the UI builder as well. Mike answers in affirmative and explains that they are working on a tool called Studio and proceeds to give some historical background on how they got there. He elaborates on the features of Studio.15:40 - Alyssa asks if the tool is still under development or they are ready to start using it. Mike answers that a small group of users is using it and they are focusing on enterprise users currently.16:50 - Charles asks about the next steps after Ionic 4.0. Mike explains in detail says that they want to work on some Angular tooling and on maintaining an update schematic.18:17 - They discuss on how having different options help developers and users make flexible decisions leading to better products.19:15 - Mike says that he is going to be at VueConf in Florida in March and Ng-Conf in Salt Lake City, and he is active on Twitter, Reddit and Instagram.22:36 - Charles asks if there is any tutorial on Ionic for beginners. Mike asks users to search for “Ionic 4 Crash Course” - a 15-minute video encapsulating everything that they need to get it up and running.22:35 - Advertisement - Angular Bootcamp 24:20 - Picks!28:04 - END - Advertisement - CacheFly! Picks:Alyssa

Charles

Modern Medicine
Keeping perspective on things in general

Mike

Tidying Up with Marie Kondo

AiA 225: Data and Page Content Refresh Patterns in Angular with Eyas Sharaiha

Tue, 05 Feb 2019 10:00:00 +0000

Sponsors

Sentry use the code “devchat” for $100 credit
Angular Bootcamp
TripleByte

Panel:

Charles Max Wood
Joe Eames
Ward Bell
John Papa

Special Guest: Eyas SharaihaNotes:This episode of Adventures in Angular has the panelists speaking with Eyas Sharaiha, who is a software engineer working for Google, working primarily with Google Maps . Eyas mostly does back end and infrastructure work, which gives him an interesting view of Angular. The panelists and Eyas discuss his article Data and Page Content refresh Patterns in Angular. Eyas talks about the most common mistakes he sees in using Angular, namely transforming observables and then subscribing to them too early or too late, and putting certain kinds of data transformations in places where they end up making the code a lot less clear. His approach in his articles is to walk readers through with trial and error, rather than laying down some sort of law. Eyas lays out how he deals with changes in Angular, naming the three best things to do to use Angular and RXJS correctly, emphasizing the importance of looking for side effects. His rule of thumb is that if the observable does anything other than the data it is admitting, then something is probably wrong. The panelists go on to discuss the usefulness of observables. The ask Eyas what the most common code smells he finds in angular apps that frequenly use observables and how he would correct people. Eyas again emphasizes side effects or mutation as a sign of a deeper problem, cautions people against bending over backwards to use an observable, and discusses the importance of unpacking an observable at the correct time. He encourages listeners to try out the ergonomics of AsyncPipe to combine observables where possible, and the importance of using observables correctly. The shift in Angular becoming more about learning RXJS and non-Angular things than it is about Angular is discussed and length, as well as the difficulty to relate Angular to other things. Eyas feels that this trend has taken away some of the magic of Angular. In fact, NG Conf’s annual survey revealed that the top struggles are RXJS and architectural guidance. The panelists emphasize that programmers should ask themselves why they are doing things this particular way, and to seek creative solutions using different types of programming, such as procedural, reactive, idiomatic, and object oriented programming. Terms:

Picks:Joe Eames

Talk List over at NG Conf
Five Minute Marvel

John Papa

http://realtalkjs.com

Ward Bell

https://auth0.com/blog/ngrx-facades-pros-and-cons/

Charles Max Wood

Eyas Sharaiha

Schema-DTS – TypeScript library for Schema.org
Bad Blood

Special Guest: Eyas Sharaiha.

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.

AiA 224: The Irrational Demonization of Two-Way Data-Binding in Angular with Ben Nadel

Wed, 30 Jan 2019 00:15:00 +0000

Sponsors

Sentry use the code “devchat” for $100 credit
Angular Bootcamp
TripleByte
Cachefly

Panel

Joe Eames
Aaron Frost
Alyssa Nicoll
Ward Bell

Joined by Special Guest: Ben NadelSummaryBen Nadel introduces the irrational demonization of two-way data-binding in Angular as a topic for the panel. The panel discusses the survey that put Angular in a poor light and favors React; acknowledging that a fair survey is hard to find. The panel considers how technologies that are now out of favor changed the web. The panel compares Angular to other frameworks and considers what to they can do about other frameworks. Ward Bell invites the panel to try other frameworks and find what is beautiful, not just ignore them or diss unknown frameworks. Ben talks about his companies move away from Angular and the opportunity this presents for him to learn about other frameworks.Links

PicksJoe Eames

Aaron Frost

https://blog.angularindepth.com/connecting-the-dots-where-hard-work-and-dreams-can-lead-you-2e8ef44096b

Ward Bell

Learn how to sharpen a pencil

Ben Nadel

http://icon.no.sh/
https://www.netlify.com/
The Marvelous Mrs. Maisel
http://freakonomics.com/
https://www.npr.org/podcasts/510308/hidden-brain

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.

AiA 223: Angular Ivy, React Fiber and Digging Into Frameworks' Source Code with Netta Bondy & Uri Shaked

Thu, 24 Jan 2019 00:00:00 +0000

Sponsors

Sentry use the code "devchat" for $100 credit
Angular Bootcamp
TripleByte

Panel

Charles Max Wood
John Papa
Ward Bell

Joined by Special Guests: Uri Shaked and Netta BondiEpisode SummaryNetta is a senior web developer at a startup called Reali, although her degree is in social work. She also co-founded the largest community of women in research and Development in Israel. Netta and Uri are here to talk more about the talk they gave at FrontEnd Con about Angular Ivy and React Fiber. They share how this talk came to be. Uri and Netta compare Angular Ivy and React Fiber, which take different approaches to managing the cycle of code. The panel discusses whether or not there is an advantage to digging into the framework.Netta and Uri talk about some of the processes they explored while investigating Angular Ivy and React Fiber. They share techniques for not getting lost in the source code and delve into some of the differences between Angular Ivy and React Fiber. Through their investigations, they learned that the primary difference between the two is in the event delegation pattern. They advise that when deciding which technology to use, companies should consider which one will be easier to hire new employees for.The panel discusses whether or not big tree frameworks have become a commodity. Most new frameworks focus on making builds smaller and faster, but they would like new frameworks to have more benefits than just speed. The show is finished by Uri and Netta sharing how to track features down in Angular Ivy and React Fiber.Links

Follow DevChat on Facebook and Twitter PicksCharles Max Wood:

Package Thief vs. Glitter Bomb Trap
Help Charles move Devchat from WordPress to Eleventy and get an hour of coaching. Write show notes for 3 episodes and tag it, Charles will do an hour of coaching with you.

John Papa:

NG Atlanta

Ward Bell:

BlacKkKlansmen

Uri Shaked:

NG Atlanta
Why We Sleep
Uri is on Twitter as @UriShaked and github (urish)

Netta Bondi:

Hassan Minaj: Homecoming King
Iliza Shlesinger: Elder Millennial
Netta is on Medium and Twitter (@_bondit_)

Special Guests: Netta Bondy and Uri Shaked.

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.

AiA 222: 10 Lessons Learned in Enterprise Angular Development with Chaz Gatian

Tue, 15 Jan 2019 10:00:00 +0000

Sponsors

Sentry use the code "devchat" for $100 credit
Angular Bootcamp
TripleByte

Panel

John Papa
Alyssa Nichol
Joe Eames
Charles Max Wood

Joined by Special Guest: Chaz GatianSummaryChaz Gatian joins the show to discuss his blog post, “10 Lessons Learned in Enterprise Angular Development”. He starts by defining enterprise and the panel dives into the first point of his blog post about not making boneheaded mistakes. Next, the panel discusses utilizing view components and compare the ways they organize their code. Which touches on a couple more points, bubbling your components and packaging only if you are going to share. Alyssa Nichol asks Chaz about teams developing a fun application and breaking out of the research loop.Links

PicksJohn Papa

https://medium.com/

Alyssa Nichol

8th anniversary today!
Blow up Christmas At-at

Joe Eames

Charles Max Wood

Chaz Gatian

Improved UX with Ghost Elements + Angular 7 Animations

Special Guest: Chaz Gatian.

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.

AiA 221: Angular Schematics from the Ground Up with Brian Love & Kevin Schuchard

Tue, 25 Dec 2018 11:00:00 +0000

Panel:
- Charles Max Wood
- Joe Eames
- Aaron Frost
- Alyssa Nicoll
Special Guests: https://twitter.com/brian_love?lang=en & https://twitter.com/KevinSchuchard In this episode, the panelist talk with today’s special guests Brian Love & Kevin Schuchard! Brian and Kevin work at https://www.briebug.com – check out their employee profiles https://www.briebug.com/briebug-development-team/! The panelist and guests talk about schematics, Angular, AST, and much more!Show Topics:0:00 – https://devchat.tv/get-a-coder-job/ 0:50 – Chuck: Hello! Our panel today is Joe, Aaron, Alyssa, and myself. We have two guests today, and we are going to talk about schematics. Let’s dive into that!1:46 – Guest: Schematics is a library that is coming out of Angular and the Angular Team.The guest gives a definition of Angular Schematics. 2:26 – Alyssa.2:31 – Kevin: The functionality that you are hoping for depends on the CLI that you are on.3:00 – Alyssa: Sorry for diving into the juicy stuff but we forgot to talk about your introductions!3:19 – The guests talk about their backgrounds and introduce themselves to the panel and the listeners. 3:49 – Alyssa.3:54 – Guest continues.4:21 – Panel: Crazy and busy!4:28 – Alyssa.4:31 – Kevin: I am Senior Developer, and I have worked here for a few years. I have had the opportunities to write some schematics for the company and some of my own schematics.4:53 – Alyssa: Aren’t you so proud that you are a “Senior Developer”?!5:10 – Guest and panelists go back-and-forth. 6:23 – Guests: We want people to be familiar with schematics and start their journey with schematics.6:50 – Panel: It’s kind of trippy isn’t that right?7:00 – Guest: Yeah there are hurdles to learning schematics at first – for sure.7:22 – Alyssa: What is AST?7:29 – Guest gives a definition of AST and goes into much detail about this. 10:00 – Alyssa: I think I understand, now, what AST is. Thanks.Alyssa asks the guests a question. 10:14 – Guest answers the question about AST. 10:51 – Guest continues. 11:27 – Panelist is talking about the AST and schematics. 12:03 – Guest: You can read the whole file and using the AST you can figure out where you went to enter the text.12:25 – Alyssa asks a question. 12:28 – Guest: We are not the developers of schematics, but we are just here to share our knowledge. I want to be super clear here.13:39 – Panelist talks about schematics, CLI, and AST. 14:18 – Guest: You don’t have to know all about AST and everything there is to know to get into it. You can build schematics w/o getting into AST. Just to be clear.14:39 – Alyssa asks a follow-up question. 14:41 – Guest continues. 15:57 – Guest: AST has been around for a while – it’s not a new thing it’s kind of an old thing.Guest talks about tools (Code Shift) that Facebook has built that is related to this topic. 17:22 – Guest: Yeah AST has been around for a while.17:28 – Alyssa asks a question about Code Shift. 17:36 – Guest.18:21 – Panel and guest go back-and-forth. 19:51 – Alyssa: You said you really don’t need to get into AST to do schematics – right? (Yes.)Alyssa asks a question. 20:19 – Guest: There are two pieces with schematics and that’s adding of new files and you can decide which pieces of the templates you want to be compiled.21:58 – Chuck: For schematics you mentioned you could drop strings in.Chuck asks a question.22:29 – Guest answers the question with a hypothetical situation. 23:09 – Chuck: I read the article you wrote and I have a question about your article. Tell me about the tree?23:29 – Guest talks about the tree or aka the host. 25:40 – Guest: The tree is a virtual kind of context and it’s not committing all of the changes to the file system. Whether that is adding, deleting, or updating these files.26:10 – Chuck: Makes sense to me.26:15 – Guest continues talking about schematics. 26:53 – Alyssa: https://yeoman.io is a replacement for schematics?27:05 – Guest: It’s a lightweight alternative. 27:33 – https://angularbootcamp.com 28:10 – Chuck: How does one build a schematic?28:16 – Guest answers the question. 30:34 – Panel: What’s the latest thing you’ve built? Talk about that, please.30:40 – Guest: It’s a schematic and took what we’ve learned to set you up for a starter project. It starts with a blank project.32:57 – Panel: You are just talking some lessons learned and you are saying this is how Kevin says to do it. You’ve packaged that up33:26 – Guest: Yep I have found things that work and there isn’t any magic but put these practices together and made a repository to help testing and making schematics.33:55 – Panel and guests go back-and-forth. 34:20 – Chuck: Let’s say I’ve built this schematic and Frosty wants to share it with his friends. How do we do that? How do you share it? Is there some component that you’ve built?35:06 – Guest: It depends on what you are doing with it.36:14 – Chuck: For mass production, though?36:25 – Guest: I think Chuck is wondering about discoverability. Guest continues and he mentions https://github.com/prettier/prettier, extensions, among other things. 37:18 – Guest: I think it’s my favorite about schematics and it’s Kevin’s.37:40 – Guest.38:20 – Guest continues talking about schematics and https://www.ng-conf.org 38:57 – Guest talks about libraries.40:12 – Chuck: Anything else? Do you NPM install it and it’s just there?40:29 – Guest: There are 2 ways to go about it.53:05 – https://www.freshbooks.com END – https://www.cachefly.com Links:
- https://vuejs.org
- https://jquery.com
- https://angular.io
- https://www.javascript.com
- https://www.python.org
- https://reactjs.org
- https://www.cypress.io
- Yhttps://yeoman.io
- http://groovy-lang.org
- https://github.com/prettier/prettier
- https://www.ng-conf.org
- https://brianflove.com
- https://www.linkedin.com/in/kevinschuchard
- http://blog.briebug.com/building-an-angular-schematic-for-jest-testing
- https://brianflove.com/2018/12/12/angular-schematics-tutorial/
- https://www.kevinschuchard.com/blog/2018-11-20-schematic-sandbox/ + starter project
- https://github.com/schuchard/schematic-starter
- https://blog.angular.io/schematics-an-introduction-dc1dfbc2a2b2
- https://leanpub.com/angular-schematics
- https://github.com/angular/angular-cli/tree/master/packages/schematics/angular 1
- https://github.com/angular/material2/tree/master/src/lib/schematics 2
- https://astexplorer.net/
- https://www.eventbrite.com/e/evening-of-angular-2019-tickets-52323800897
- Example Schematic project with Sandbox: (Written by Kevin)
- https://github.com/briebug/jest-schematic
- https://github.com/schuchard/prettier-schematic
- https://github.com/briebug/ngrx-entity-schematic
- https://github.com/blove/schematics
Sponsors:
- https://angularbootcamp.com/
- https://www.cachefly.com
-

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

AiA 220: Creating a Great Community with Juan Herrera

Tue, 18 Dec 2018 11:00:00 +0000

Panel:
- Charles Max Wood
- John Papa
- Aaron Frost
Special Guest: Juan HerreraIn this episode, the panelists talk with today’s special guest, Juan Herrera. The guys talk about community and how the Angular community is different than others out there. The following topics are discussed: calls for proposals (CFP), talking at conferences, Meetups, and reaching out to others within the same field as yours. The team emphasizes how meeting and networking not only creates great business connections, but great lasting friendships, too! Check it out!Show Topics:0:00 – Advertisement: https://angularbootcamp.com 0:52 – Chuck: Hello! Our panel is Eric, John, and myself. Our special guest today is Juan Herrera!1:00 – Panel and guest go back-and-forth. 2:28 – Chuck: Let’s discuss how to think about community locally, nationally, and internationally!2:39 – Guest talks about his background and his work in Columbia. 4:00 – Aaron: I will give my talk in Spanish and it will be epic. I think we should start a hashtag “bonniemademedoit.”Aaron is talking about Bonnie and how she’s inspired Juan and many, many people. 5;18 – Chuck: She is so enthusiastic about this stuff you have a hard time telling her “no.”5:32 – Guest.6:00 – Panel: I am proud that she is apart of our community, which is our topic today.6:26 – Guest: Yes, I think these conferences help make people pumped-up about these sort of things.6:53 – Chuck: I am curious when talk about community – talking about global communities they are similar to other Meetups and incorporate their own way of doing things. How do you find that your particular area is unique in its own way?7:32 – Guest: When we start this community I want to see what’s already out there? Once I know that I was trying to mimic what was already out there. In addition to that I went out of my way to figure out how to make people feel welcomed and find our own niche.10:27: Panel: Hey – let’s create a community! I think sometimes it’s deliberate and other times it just happened. It sounded like you were very intentional. How did you get people involved? How did you get the word out? How did you get people to give talks?11:10 – Guest: Yes that is a great challenge for us. Great question! I wanted to help people gain exposure and to help them participate at the conference. After giving their talk we give them a special gift. It can be a shirt or sticker or something. It seems enough for people to come and participate. We realized some people were scared to participate b/c imposter syndrome kicked-in. We made sure they felt comfortable and it helped them to participate.15:00 – Panel: Yeah it sounds like 300 is a very solid conference. Good job!15:18 – Chuck: Yeah they compare it to the bigger conferences when the local conferences are just as strong and good. Sometimes the smaller conferences are really nice b/c they are more intimate.16:05 – Panel: I am not a fan of these massive conferences. Great, but you can’t have conversation with 50,000 people. You go to the vendor floor – it’s loud and dark. I go to conferences to talk and listen to them. I like to listen to their challenges and hear stories.17:01 – Panel: I enjoy the variety.17:48 – Panel: Just the quality of people that were there was fantastic. NG VIKINGS is a great one to go to!18:10 – Panel: I saw the conference for New Zealand? And the one that is in https://twitter.com/antarcticonf?lang=en 19:10 – Panel: Some people say: I don’t know how to get involved with X conference? I have a hard time giving advice b/c we all have different backgrounds. Who wants to present on Chrome Frame? Or...21:07 – Guest: Not everyone is outgoing nor comfortable being in front of an audience. However, just practicing helps!21:33 – https://devchat.tv/get-a-coder-job/ 22:12 – Panel: Chuck, I want to hear about your community!22:25 – Chuck: I can’t go to a development conference that doesn’t know who I am. I thrive off of people and connecting with them. There are a lot of great opportunities from learning from folks.The email went out this morning and get in the general channel and say: What do you listen to? What are you up to? It’s nice to hear feedback.25:54 – Panel: I appreciate the work you’ve done within the community, too, Chuck!26:08 – Panel: My community I’ve been around the block for about 20+ years. I get into one technology and then bounce from one to the other. I’ve had the blessing to be apart of many different communities. I did a lot of JavaScript back in the day and then left when it was a mess. These communities all have something similar: people come together. They want to find others who look/act like them! These experiences change people’s lives!28:11 – Guest: Through these communities I’ve made a lot of friends and great colleagues. Not just professional but also personal.28:44 – Panel: Yep the people that I’ve met through Twitter and conferences.29:00 – Panel.29:33 – Panel: I was in Poland a few weeks ago and I met some guys – two different Mike’s. I love how down-to-earth these guys are and I think it’s awesome to meet these great people at these conferences!30:11 – Panel: Go to Angular conferences if you can!31:25 – Panel: I tell people to do the same thing!33:17 – Guest: Yeah there are people out there that are introverted, but know that other people are like you, too! Reach out to people before the conference and Tweet at them! Invite people to your group and meet-up at conferences and have a coffee!34:55 – Panel: I meet a lot of people on Twitter.35:51 – Panel: I think we are getting to the end and I need to say this. The angular community is a bit different compared to other communities. One thing that this community doesn’t have is the focus of the community. On top of the community are Rob, Steven, Jewels and Naomi and others! I think the Angular team themselves really care! I know they care.38:09 – Guest: I completely agree with you, Aaron! We appreciate it!38:25 – Chuck: To wrap-up let’s talk to you, Juan, about where communities should be going to take care of the people38:45 – Guest: Yeah, what are we going to do next year? Are we going to do https://www.meetup.com Do they need something else? What are the needs of our members today and tomorrow? We decided to change the format. We realized that Meetups are great but they are 20-minute talks and they aren’t enough for our members. We do 4 hour https://www.meetup.com that is called the MEGA MEETUP!41:00 – https://www.freshbooks.com END – https://www.cachefly.com Links:
- https://vuejs.org
- https://jquery.com
- https://angular.io
- https://www.javascript.com
- https://www.python.org
- https://reactjs.org
- https://www.cypress.io
- https://www.meetup.com
- https://twitter.com/antarcticonf?lang=en
- https://twitter.com/jdjuan?lang=en
- https://github.com/jdjuan
Sponsors:
- https://angularbootcamp.com/
- https://www.cachefly.com
Picks:Aaron
- https://www.harrypottertheplay.com/uk/
- https://youtu.be/f8172H32vxo
- CFP: https://ngvikings.org
- CFP: https://docs.google.com/forms/d/e/1FAIpQLSfYLqvSIckyuhWyIl2NAYWQnSEOz2pXt6VRF1hF9MlBmP7aXw/viewform
- https://twitter.com/aaronfrost – Twitter!
Chuck
- DevChat TV transferring from WordPress to a static site.
Guest
- JS – library
- https://www.ngcolombia.com
- https://twitter.com/jdjuan?lang=en
John
- https://www.forbes.com/sites/darrahbrustein/2018/04/01/15-ways-to-start-a-conversation-at-a-conference-without-feeling-weird/#13beebf83b39
Special Guest: Juan Herrera.

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

Privacy & Opt-Out:

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

AiA 219: Testing Angular Applications with Michael Giambalvo

Tue, 11 Dec 2018 11:00:00 +0000

Panel:
- Charles Max Wood
- Joe Eames
- John Papa
- Alyssa Nicoll
Special Guest: Michael GiambalvoIn this episode, Chuck talks with special guest https://twitter.com/heathkit who is an author of the book titled, “Testing Angular Applications.” This book can be purchased through Amazon, Manning Publications, among other sites, too. The panelists and the guest talk about different types of tests, such as end-to-end testing and unit testing. They also talk about Angular, Java, Mocha, Test Café, and much more! Check it out!Show Topics:0:00 – Advertisement: https://angularbootcamp.com 0:53 – Chuck: Our panel is John Papa, Joe Eames, https://twitter.com/AlyssaNicoll, and myself. My new show is the http://thedevrev.com – check it out, please!1:26 – Guest: I am a contributing author to our https://www.manning.com/books/testing-angular-applications, which is about Angular.1:56 – Chuck: How is it like to write with multiple people?2:04 – Guest: Yep it’s hard b/c we are in different areas. Back in the 2.0 days, Jesse was writing a book. He was talking about typescript and components. Craig made friends with Jesse and they were talking about the book he was writing. Then we all jumped in to get in finished. We all had areas that we were specialists in!3:21 – Alyssa: If you break it up that makes sense.3:31 – Guest.3:40 – Panel: Pick different words and go around the room.3:51 – Panel: You write the first ½ of a sentence and then you write the other ½ of the sentence!4:10 – Guest: You have these big word documents and go back-and-forth.4:36 – Alyssa: Editing and then pass it back-and-forth – how does that work?4:46 – Guest: It’s like 8 pass backs-and-forth.5:35 – Guest: The editing was the main issue – it took forever!5:50 – Chuck: We were going to co-author a book and we didn’t.Chuck: If you could break down the book in 4 core topics what would they be? Elevator pitch? What is the starting knowledge?6:18 – Guest: We expect you to know Angular Intro and that’s it!6:43 – Chuck: What are the principles?6:50 – Guest: We talk about the testing component. We highlight the benefits of using Angular vs. Angular.js. That shows up in the book a lot. It’s very example driven.7:28 – Chuck: We have been talking about testing quite a bit on the show lately.8:22 – Chuck: Do you see people using the testing in regards to the pyramid?8:33 – Guest: I am not a huge fan of the pyramid. Some questions I ask are: Does it run quickly? Is it reliable? To give you some background I work on Google Club Platform.10:21 – The guest talks about “Page Level Integration Tests.” 11:31 – Alyssa.11:50 – Chuck: After your explanation after writing your book I’m sure it’s a breeze now. Knowing these tests and having the confidence is great.12:13 – Guest: Tools like Cypress is very helpful. Web Driver Testing, too.12:43 – Chuck: Where do people start? What do you recommend? Do they start at Protractor or do they come down to unit tests?13:02 – Guest: Finding the balance is important.14:30 – Chuck: Check out a past episode that we’ve done.14:40 – Panel asks a question about tools such as Test Café and Cypress.14:50 – Guest: I really don’t know Test Café. There is a long story in how all of these fit together.The guest talks about Selenium, Cypress, Safari, Edge, Chrome, Firefox, and Puppeteer! 19:24 – Chuck: Does it work in Electron as well, too?19:26 – Guest: Good question but I don’t know the answer.19:39 – Chuck: Maybe a listener could write a comment and tell us.19:43 – Panel: I’ve used Protractor for many years. I like the explanation that you just gave. The great thing about Protractor is that you can...20:29 – Guest: We wanted to explain the difficulty of Protractor in this book.Guest: You have this test running in Node but then you have your app running in the browser. You have these 2 different run times. You might have to run them separately and there is tons of complexity.21:15 – Panel: As I am coding you have this visual browser on one side, and then on the other side you have...22:22 – Guest asks the panelists a question.22:32 – Panel: I have only used it for a few months and a few several apps but haven’t had those issues, yet.22:55 – Guest: I haven’t heard of Test Café at all.23:05 – Alyssa: Is the book online?23:13 – Guest: It’s available through Manning Publications and Amazon. I think we have some codes to giveaway!23:34 – Chuck: Yeah, we are working on those codes and giveaways. We have mentioned about 5 or 6 tools – are you worried about your book going out of date?24:05 – Guest: Sure that is something we are worried about. When editing took a long time to get through that was one of my thoughts.The guest talks about Selenium, control flow, Protractor, 25:45 – Guest (continues): These new features were coming out while the book was coming out – so there’s that. What’s this thing about control flow and why this matters to you, etc. We were able to add that into the book, which is good. We were able to get those instructions out there. Books have a delay to them.26:47 – Chuck: We talked about this in JavaScript Jabber. This guest talked about this and he is from Big Nerd Ranch. At what point do you have this breaking point: This isn’t a good fit for Test Café or Selenium BUT a good fit for Mocha or Jest?27:27 – https://devchat.tv/get-a-coder-job/ 28:04 – Guest: Do you have a reason why you would switch testing tools?28:12 – Chuck.28:41 – Guest: That’s the tradeoff as you move down the ladder.29:43 – Panel: If you want to trigger an action that isn’t triggerable?29:50 – Guest answers the question. 30:07 – Panel.30:20 – Chuck.30:33 – Guest: You can access code. Usually something in a workflow will make it happen. You have to fall back on some type of UI sort of thing. It’s almost like doing Tetris! I’ve never had to directly call something. I am not the best one to answer that.31:16 – Panel: It’s like a weird mix of tests.31:29 – Panelist is talking about unit testing and other tests. 31:55 – Chuck asks a question. 32:02 – Guest: It depends on the scale of your project.32:28 – Chuck: Do you guys use a test coverage tool or on the side of: everything should run and then test if there is a bug.32:43 – Guest: Coverage isn’t the full story.33:26 – Panel: You said you weren’t a fan of the testing pyramid – can you explain why?33:43 – Guest: I think it turns too much prescriptive.Guest: I think there are bigger concerns out there and the test pyramid is an over-simplification.35:22 – Panel: What’s the difference between fast and slow testing?35:28 – Guest: It really depends on your level of knowledge. If your test suite runs more than twenty minutes to an hour that is probably too slow!36:03 – Alyssa.36:09 – Chuck.36:16 – Alyssa: There is no way that 20 minutes equals that!36:26 – Guest: 20 minutes is the extreme limit. 36:51 – Chuck.37:11 – Panel: Any new Twitter news on Trump?37:21 – Panelist talks about test suites! 37:40 – Panelists and guests go back-and-forth. 38:11 – Chuck: Do you have any recommendations for the unit testing? Keeping it small or not so much?38:29 – Guest: Think: What is this test asking? Don’t write tests that won’t fail if some other tests could have caught them.39:04 – Alyssa: That’s smart!39:09 – Guest continues. 39:28 – Chuck: What else to jump on?Chuck: Do you write your tests in typescript or in Java?39:48 – Guest answers the question. He mentions https://www.python.org, typescript, and more! 40:17 – Alyssa.40:22 – Guest continues. 40:46 – Alyssa: How many people worked on that project?40:50 – Guest: 2 or 3 framework engineers who did the tooling. About 20 people total for tooling to make sure everything worked.41:18 – Panelist asks a question. 41:22 – Guest: About 20 minutes!42:35 – Guest wants to talk about the topic: end-to-end testing! 44:59 – Chuck: Let’s do picks!45:09 – https://www.freshbooks.com END – https://www.cachefly.com Links:
- https://vuejs.org
- https://jquery.com
- https://angular.io
- https://www.javascript.com
- https://www.python.org
- https://reactjs.org
- https://www.cypress.io
- https://github.com/GoogleChrome/puppeteer
- https://www.protractortest.org/#/
- https://mochajs.org
- https://www.seleniumhq.org/projects/webdriver/
- https://docs.microsoft.com/en-us/dotnet/csharp/
- https://github.com/DevExpress/testcafe
- https://istanbul.js.org
-

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

AiA 218: Developer Freedom with Charles Max Wood

Tue, 04 Dec 2018 11:00:00 +0000

Panel:

Charles Max Wood

In this episode, Chuck discusses his new podcast show titled the DevRev. Chuck also asks you very honest questions that will get you thinking; such as: What does freedom mean to you? How do you want your life and career to unfold? How can we (at the DevRev) help you with your career decisions? Check out today’s episode to hear about this and much more!Show Topics:0:00 – Advertisement: AngularBootCamp.Com 0:52 – Chuck: Welcome! The panel is myself! I had this idea bouncing in my head for a while and I got some verification while waiting for my guest and panelists to show up. The show that I am producing is called, DevRev and it’s based on developer freedom.2:22 – Chuck: Some developers love to contribute to open source. Some developers say that they don’t get along with their boss or coworkers. Others will say that they aren’t learning and feel like they are falling behind. I am on the B team and want to be on the A team. It boils down to: are they getting the freedom to do what they want to do.3:45 – Chuck: I haven’t been happier with my job since I’ve gone self-employed. Having a sense of freedom could have a different definition for you. Perhaps you are looking for time to go hiking, skiing, and so on. For you it could be programming is to help you with your hobbies. What kind of opportunities can YOU create for yourself in programming?5:32 – Chuck: When I got into programming (at first) I didn’t have a real clear idea. My old boss would have these ideas and would change the day after our meeting, which was frustrating. Freedom could be things from the things that don’t make you happy. Maybe an office space for you doesn’t work for you.6:41 – Chuck: 1.) Freedom in life to do what you want! 2.) Freedom in your career to elevate you where you want to be.Chuck: Freedom to pursue the things that I care about vs. not pursue the things I don’t care about. First of all how do we take care of the big things? How do we reach our long-term goals? Finally, how do we remove all of the other interrupts and optimize our experience day-to-day to achieve things we want to achieve?8:48 – Chuck: I was talking with Chris and his ideas are centered on with helping the community. We talked about the things that hang him up, too?9:26 – Chuck: “I am swamped at work – what do I do?” I want to help you solve your issues. What’s your idea of freedom?10:15 – Chuck: How do you feel fulfilled? Let’s find you a place that will payoff for you. There are all kinds of ideas around this. That’s where I want to dive-into!11:11 – Chuck: If there are any questions that you have in particular – shoot me a message! I will gladly answer your questions and check out TheDevRev.com! I have some friends who run a financial podcast – 2 Frugal Dudes. I want you to ask the questions that are irking you.12:36 – Chuck: I feel like there are tons of opportunities for developers out there that we can help you find what’s a good place for you. Find what you want out your career and life – find something that will line-up for you. Even if you are trying to find your first job! There are a lot of options out there. I am putting the show out on YouTube and Facebook!END – Advertisement – Cache Fly! Links:

Discord App
Discord App – DevChat TV
TheDevRev.com

Sponsors:

Picks:Charles

AiA 217: Mastermind Groups for Startups, Consulting & Career Growth with Sean Merron

Tue, 27 Nov 2018 11:00:00 +0000

Panel:

Charles Max Wood
Aaron Frost
Shai Reznik
Divya Sasidharan
Joe Eames
Lucas Reis

Special Guest: Sean MerronIn this episode, The panelist of Adventure In Angular, View on Vue, React Round-Up, and Ruby Rogues and JavaScript Jabber speak with Sean Merron about Mastermind Groups of Startups and much more. Sean is the founder of today's topic and product “Mastermind Hunt.” This product is design to skillfully find a mastermind to take your business and skills to the next level.Show Topics:0:00 – Advertisement: AngularBootCamp.Com 3:00 – Webinar announcement January 3rd, 2p EST.4:10 - Sean talks about the importance of a Mastermind and his evolvement in mastermind groups. Sean breakdowns what exactly what a mastermind is about.6:10 - Charles ask the panelist if they have engaged in Masterminds. Shai talks about his experience and seeing one-sidedness in Masterminds. Sean talks about how to avoid this issue and staying on track. Sean shares on how to keep the meeting moving forward and meet accountability tasks.10:10 - Joe asks about examples of chatting on topics with co-workers and how is this different from masterminds. And how to keep topics on track. Sean provides using the round robin method to give each person a chance to bring their needs to the table. Sean talks about how developers share advice and topics in Masterminds.14:43 - Charles shares about how this works in using exercise workbooks as a group and who the rotation works for the hot seat. Sean explains that this is used to find others at your same level to help one another.16:50 - Shai ask about the benefits of mastermind, but how can we integrate higher level issues among a group. Sean shares a story about meeting and benefits of networking in Masterminds. Sean and Chuck continue with the power of networking among these types of groups.22:00 - Charles talks about the complexity of personal issues. Shai asks about how to build a mastermind. Sean gives examples of formats and schedule, number of people, and how to conduct successfully. Sean gives examples of technologies to use to help conduct masterminds, like Facebook groups, Skype, Zoom. Sean explains how this led to building mastermindhunt.com 27:00 – Advertisement: Get A Coder Job! 27:00 - Charles talks about how he did a lunch meetup as a mastermind. Lucas gives examples of guilds in his job. Lucas explains the guilds and how this works among the software development team. Lucas shares about presenting in a guild. Lucas says this is great for accountability and success.30:00 - Sean asks about the size or how many people are in the guild. Lucas mentions that if you do not understand something, bring it to the guild. Sean mentions how this could help shy people and build trust. Sean talks about “Friend D A”34:00 - Charles again talks about that BrownBag lunch mastermind. Charles talks about how to keep masterminds on track and not a chatfest. Joe asks about the accountability goals. Sean talks about how this works in Mastermind Hunt. Sean gives examples of how to keep people accountable in fun ways.37:00 - Shai talks about having to shave his head when he was not meeting accountability goals. Sean continues about respecting people’s time and keeping on topic with hot seat questions.39:00 - Shai asks about how to approach people who are not meeting goals and take-up to much time. Sean says the person with the best relationship should approach the person before they have to bump them out of the mastermind spot.42:00 - Charles talks about EntreProgrammers as a mastermind and the freeform style of the format. Charles talks about leaving the group if it is not meeting your value needs.44:00 - Sean talks about the introduction and application programs to enter into a mastermind. Lucas talks about diminishing quality of a mastermind, and how he raised the quality of engaging in a way that heightens the program. Sean shares more aobuu the initial attitude of the person who starts the meeting.49:00 - Divya ask about those who are not hitting their goals, but how do you keep them engaged without leaving the group. Sean mentions breaking down the goals or create achievable goals. Sean talks about figuring out the organization and finding where the issues are at that might be the problem to hitting goals.51:00 - Divya ask about how enthusiasm can diminish about how to keep that from happening in masterminds. Sean says you have to be consistent with your goals and make it fun.55:00 - Shai gives a quick recap of masterminds. Shai ask about how to rotate the hot seat. Sean give a webinar link for mastermindhunt.com/devchat on January 3rd, 2pm EST.57:30 – Advertisement – Fresh Books! 30-day free trial! END – Advertisement – Cache Fly! Links:

Sponsors:

Picks:Shai

Bob Proctor

Joe

Lucas

Radical Candor

Divya

Charles

CES - devchat.tv/events
Modern Medicine

Sean

(757) Area Code
RevolutionConf.com

Special Guest: Sean Merron.

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.

AiA 216: Building a Complete Web Application from Scratch Alone with Amir Tugendhaft

Tue, 20 Nov 2018 11:00:00 +0000

Panel:
- Aaron Frost
- Brian Love
Special Guest: Amir TugendhaftIn this episode, Aaron and Brian talk with https://twitter.com/amirtugi who is a web developer who is located in Israel. He finds much gratification developing and building things from scratch. Check out today’s episode where Aaron, Brian, and Amir talk about just that. Other topics include UI Design, Flexbox, UX design, PrimeNG, and ag-Grid.Show Topics:0:00 – Advertisement: https://angularbootcamp.com 0:52 – https://medium.com/@frosty/preparing-to-become-a-gde-752b551c88df Welcome! Today’s panel is myself, Brian, and our guest is https://twitter.com/amirtugi 1:13 – Guest: I am a developer and experience with Angular and React.1:56 – Host: You spend your days/nights there?2:03 – Panel: He is committed.2:08 – Host: I am going to back up a second, and Brian could you please introduce yourself, please?2:26 – https://twitter.com/brian_love?lang=en I am the CETO at an Angular consulting firm (Denver, CO). We have the pleasure with working with Aaron from time-to-time. My Twitter handle is https://twitter.com/brian_love?lang=en – check it out!2:52 – Host: What is CETO stand for?2:59 – Brian answers the question. Brian: I oversee the crew among other things.3:31 – Host: What do you want to talk about today, Amir? You are the guest of honor today!3:40 – Guest.4:00 – Host: That is a lot of information – that might be more than 1 episode. We have to stay focused!4:14 – Host: I read one of your recent blogs about Cross Filled Violators. I met you through your blog before we did theHost: Give us your own ideas about starting your own app.4:50 – Guest answers the question. 6:17 – Host: I am biased. But here is a fact. I used to work on a large team (60 people) and everyone committing to the same page app. We were using Angular.js 1.5, which I think they are still using that. I know that it worked but it wasn’t the easiest or fastest one to maintain, but it worked.7:05 – Brian.7:10 – Host: What are you trying to do? React doesn’t fulfill that need. I think you are being hyperballic and using extreme cases as the norm. Let’s be honest: we do cool stuff with jQuery plugins when we didn’t have a framework. When they say that the framework is stopping them then I say: I agree to disagree.8:00 – Host: What do you think, Amir?8:04 – Guest: I don’t have preferences. I try to build applications through the technologies and create components and simple applications.8:30 – Brian.8:33 – Guest: You create the component, and then...9:21 – Brian: You don’t have to have a template file and another file – right?9:35 – Guest.9:48 – Host: I do in-line styles and in-line templates. One thing I learned from React is that I like my HTML, style and code. I like it being the same file as my component. I like that about that: I like single file components. This promotes getting frustrated if it gets too big. Yeah if it’s more than 500 lines than you have to simplify. That’s one of the things that l like.10:47 – Brian: Modules versus...10:55 – Guest.11:07 – Host: I think in https://reactjs.org and https://vuejs.org you have the word module but in JavaScript you have a file that exports...11:26 – Host: I have my opinion here and talking with Joe. He made a good point: at a certain level the frontend frameworks are the same. You could be doing different things but they basically do the same thing.13:57 – Guest: Basically what that means is that the technology used it will do the same thing. Your patterns and practices are huge.14:17 – Brian: If you are talking about the 3 popular frameworks out there – they are basically doing the same thing. I like Angular a little big more, though. Like you said, Aaron, people tend to pick the same one. I like the opinionated things about Angular. You get properties, components or called props or inputs you are getting a lot of the same features. It comes down to your personal preference.15:31 – Host: What else Amir?15:35 – Guest: Let’s talk about the UI.16:05 – Brian.16:08 – Guest asks a question. 16:25 – Brian: How have you tackled this problem?16:34 – Guest: I kind of ran with it. If there wasn’t something that I liked I started from scratch, because it really didn’t feel right.16:51 – Brian: I am an enemy of starting over type of thing. You have a lot of engineers who START projects, and they can say that they start this piece, but the experts and choice team members have what it takes to ship a feature. I mean fully ship it, not just 80%, but also the final 20%. I think it takes a lot of pose decision making to say I want to rewrite it but not right now. I still need to ship this code. I have always been a bigger fan as not rewriting as much as possible; however, if you started with good patterns then that’s true, but if you are starting off with bad patterns then maybe yes. I like that opinion b/c you have to start right.Brian: How do you do your CSS?19:05 – https://www.linkedin.com/in/amir-tugi/?originalSubdomain=il 19:52 – https://devchat.tv/get-a-coder-job/ 20:30 – Brian: How do you make those decisions, Amir?20:39 – Guest: I see something that I like and ask myself how do I apply this to my design and I start scaling things.21:50 – Host: Are you using a tool likehttps://www.sketchapp.com for your initial https://en.wikipedia.org/wiki/User_interface_design 22:05 – Guest.22:54 – Host: I worked on a project where the client had a https://youtu.be/Ovj4hFxko7c 24:00 – Host and Guest go back-and-forth. 24:51 – Host: I am sure it’s all about the quality from your designer, too. Hopefully it works well for you and it’s quality.25:18 – Host: There is a lot to building an app from scratch. I am not a good designer. I am not a designer – I mean straight-up. I got nothing. I appreciate team members that can do that.26:06 – Guest: Do you write...?26:35 – Host: Only on the most recent project. The designer didn’t own the HTML CSS but he initially wrote it and then gave it to me and now I own it, and it’s in components. If he wants updates then I have to go and make changes b/c he doesn’t know Angular. If it’s a sketch or a PNG you have to make it look like that. That’s what most of my career has been.Host: HTML and CSS got me 762x easier once https://css-tricks.com/snippets/css/a-guide-to-flexbox/ came around! I know there is a decimal there!28:23 – Host talks about https://css-tricks.com/snippets/css/a-guide-to-flexbox/ some more. 28:42 – Guest asks a question. 28:50 – Host: I suppose if I really had heavy needs for a table then I would try CSS grid could solve some problems. I might just use a styled table.29:12 – Brian: https://www.ag-grid.com or something else.29:21 – Host: On this recent project...I’ve used in-house design and other things. If I ever needed a table it was there. I don’t rebuild components b/c that can get expensive for me.30:50 – Brian: Accessibility.31:00 – Host: Your upgrade just got 10x harder b/c you own the component loop. I really don’t build tables or drop-downs. Only way is if I really need to build it for a specific request.31:30 – Brian.31:58 – Host: Let me give you an example. You can think I am crazy, but a designer gave me a drop-down but he told me to use https://codeburst.io/why-not-primeng-852a9dfca6bc I had the chose of building my own drop-down or the designer has to accept whatever they gave him. I made the UI make what he wanted and I made the drop-down zero capacity and then...Host: When you click on what you see you are clicking on the...Host: Does that make sense?33:35 – Guest.33:50 – Host.34:25 – Brian: That is interesting; remember when...34:58 – Host: We will send this episode to Jeremy – come on Jeremy! Any last ideas? Let’s move onto picks!35:20 – https://www.freshbooks.com END – https://www.cachefly.com Links:
- https://vuejs.org
- https://jquery.com
- https://angular.io
- https://reactjs.org
- https://docs.microsoft.com/en-us/dotnet/csharp/
- https://youtu.be/Ovj4hFxko7c
- https://en.wikipedia.org/wiki/User_interface_design
- https://css-tricks.com/snippets/css/a-guide-to-flexbox/
-

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

AiA 215: “Progressive Web Apps” with Aaron Gustafson / Live at Microsoft Ignite

Tue, 13 Nov 2018 11:00:00 +0000

Panel: https://twitter.com/cmaxw?lang=en Special Guests: https://github.com/adtm In this episode, the Chuck talks with https://www.aaron-gustafson.com who is a web-standards and accessibility advocate working at Microsoft. Aaron and Chuck talk about PWAs and the ins and outs of these progressive web apps. Check out today’s episode to hear more!Show Topics:0:36 – Chuck: Our guest is Aaron, say HI!0:41 – Aaron: Hi! I have been working on the web for 20 plus years. I am working on the Edge team for accessibility among other things. I have done every job that you can do on the web.1:08 – Chuck: That is one of OUR publications?1:14 – Aaron: No the communities. I joined the staff as editor in chief for 1.5 year now. It’s a nice side project to do.1:36 – Chuck: I thought it was a commercial thing.1:40 – Aaron: No it’s volunteer.1:52 – Chuck: Talk about your web background?2:02 – Aaron: I remember the first book I got (title mentioned). My first job on the web (cash) I was the content manager in Florida and this was in 1999. Gel Macs just came out. I relocated from FL to CT and worked for other companies. I got into CSS among other things. It’s been a wild ride and done it all.3:52 – Chuck: Let’s talk about web standards?4:05 – Aaron: It depends on the organization and what the spec is and where it originates. It’s interesting to see how HTML developed back in the day.When standardization started working then everything started to converge.Everything is a little different now. Some specs come out from companies that... (Apple, https://responsiveimages.org, and Grid are mentioned among other things.) 7:37 – Chuck: We set up to talk about PWAs. Where did PWAs come from?7:57 – Aaron: Modern web design, best web applications. Being secure. One of the underpinnings came out from Google and they have been supporters of that.Firefox is working on installation as well.The Chrome implementation is weird right now, but it becomes an orphaned app. It’s like the old chrome apps where in Windows you can install from the Microsoft store. But the case of Chrome you don’t have to go through the store.10:14 – Chuck asks a question.10:24 – Aaron answers.11:53 – Chuck: What makes it a progressive web app rather than a regular website?12:05 – Aaron: The definition is running on HTPS and...Aaron defines the terms that Chuck asks at 11:53. 12:43 – Aaron: Of course you can push forward if it makes sense from the baseline.12:56 – Chuck: We have an Angular podcast, and we talked about PWAs and nobody had a good definition for it.13:18 – Aaron.13:22 – Chuck: What are the pros of having a PWA? Let’s start with the basics first.13:33 – Aaron: The ability to control how you react to the network. We development is challenging maybe in other areas because of the lack of control and how your code gets to your users. Any special needs that YOU might have.Aaron goes into detail on this topic.17:14 – Chuck: Is the service worker the star for PWAs?17:20 – Aaron: In a way, kind of.Aaron goes into detail on this topic. Share 2 is mentioned, too. 19:42 – Chuck: If the service worker intermediates between the browser and the page / Internet would it make sense to have your worker have it load and then load everything else? Cause you have those Web Pack now.20:14 – Aaron: Some people would consider it but I wouldn’t necessarily. I am not a fan for that. If anything goes wrong then nothing loads. I remember back when...22:23 – Aaron: That is a lot of overhead.22:34 – Chuck: I am wondering what is the best practice? How do you decide to pull in a service worker and then move into more complicated issues?22:53 – https://www.youtube.com/channel/UCDWpGhFB8j6Kia4B_MKUG3w: Progressive Web App where they talk about their evolution about this.25:17 – https://www.freshbooks.com/?adgroupid=51893696397&ag=%255Bfreshbooks%255D&camp=US%2528SEM%2529Branded%257CEXM&campaignid=717543354&crid=289640536553&dclid=CNGHh6XkmN4CFQO5TwodEqEA2w&dv=c&gclid=EAIaIQobChMIzpSso-SY3gIVDoxpCh0-HwkaEAAYASAAEgI6JfD_BwE&gclsrc=aw.ds&kw=freshbooks&kwid=kwd-298507762065&ntwk=g&ref=ppc-na-fb&source=GOOGLE Code: DEVCHAT.26:25 – Chuck: In order to be a PWA you don’t need to have a push notification.26:38 – Aaron: I don’t think anyone would want a push notification from me.27:12 – Chuck: What features do PWAs have?27:18 – Aaron: Features? None of them really, other than push notifications, it’s just standard it’s going to make an App feel more App “y”. If that’s something you want to do. It’s up to you to determine that.There is going to be like push notifications – sending person new updates about the order. If you were a new site you want to make sure you are not doing a push notifications on everything cause that would be too much. Exercising care with the capabilities with what the users are doing on your computer. This is a person that you are dealing with. We need to seem less needy. Give users control of how they want to use it. For example, Twitter will give you that control per user.30:56 – Chuck: Could you also do it for different parts of the page?31:01 – Aaron: It’s different scopes. Your servicer worker has different scopes and it needs to be in the root folder or the JavaScript folder. You can have different workers but they will come from different scopes.31:32 – Chuck gives a hypothetical example.31:50 – You can do a bunch of different service workers.32:11 – Chuck: This is why we create different hierarchies in our code.32:26 – Chuck: Is there a good point where people can be more informed with PWAs?32:40 – Aaron: https://www.pwastats.com and https://twitter.com/pwastats with Cloud 4.33:22 – Chuck asks a question.33:26 – Aaron: Yes. If you are a photographer you don’t want to cash all of your photos on someone’s hard drive. We have to be good stewards of what is operating on people’s hard drives.Even something as simple as a blog can benefit from being a PWA.35:01 – Chuck: Are there new things that are being added to a PWA?35:12 – Aaron: A new feature is the background sync.Aaron: What is native and what is web?36:33 – Chuck: Yeah it can detect a feature in your machine. Dark mode is...36:48 – Aaron: It would be nice to see things standardized across the board.37:00 – Chuck: How does this play into https://electronjs.org or Android or...? Do those need to be PWAs?37:16 – Aaron: It depends on what you are building. So I talked with people through Slack and they want total control. If you r desire is to shift the same experience then https://electronjs.org can make a lot of sense. They will have to pay a premium, though, your users. If you are aware of that then go the https://electronjs.org route. But for most cases then https://electronjs.org might be overkill for you. You don’t need that extra overhead.39:55 – Aaron continues. Aaron: I think the major benefit of PWA is...41:15 – Chuck: The other angle to that is that in an Electron app does it make sense to use a PWA things?41:23 – Aaron: Yes that makes sense.41:34 – Unless for some reason you need to unlock into an older version, which I hope is not the case b/c of security reasons.41:55 – Aaron continues. 42:34 – Chuck: Where can we find you?42:35 – Aaron mentions Twitter and other sites. See Links!43:02 – https://www.digitalocean.com/ Links:
- https://rubyonrails.org
- https://angular.io/guide/quickstart
- https://www.pwastats.com
- https://twitter.com/pwastats
- https://electronjs.org
- https://www.aaron-gustafson.com
- https://www.linkedin.com/in/aarongustafson
- https://twitter.com/AaronGustafson
- https://github.com/aarongustafson
- https://www.youtube.com/channel/UCDWpGhFB8j6Kia4B_MKUG3w
- https://medium.com/@AaronGustafson
- https://devchat.tv/get-a-coder-job/
- https://twitter.com/cmaxw?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor
Sponsors:
- https://devchat.tv/get-a-coder-job/
-

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

AiA 214: NgRx Tips & Tricks with Adrian Fâciu

Tue, 06 Nov 2018 11:00:00 +0000

Panel:

Charles Max Wood
John Papa

Special Guest: Adrian Faciu In this episode, Chuck talks with Adrian Faciu who is a developer for Visma and is a blogger. The panel talks to Adrian about his blog titled, “NgRx Tips & Tricks.” They ask Adrian in-depth questions about NgRx, among many other topics. Listen to today’s episode for more details!Show Topics:0:00 – Advertisement: AngularBootCamp.Com 0:55 – Chuck: Hi! Our guest is Adrian Faciu. 1:10 – Guest: Hello! I am Adrian and I am a developer who works for a Norwegian company, but I live in Romania!1:35 – Chuck.1:36 – Guest.1:47 – Chuck: The market is so global. I have talked with many different guests from different parts of the world – it’s really neat! It’s this global phenomenon.2:12 – Guest: It’s a great thing!2:23 – Chuck: They have an office where you live?2:31 – Yes.2:37 – Chuck: How are you guys using Angular over there?2:47 – Guest: We have several different products. We customize using them with internalized tools.3:04 – Chuck: Real quick let’s talk about your blog post. I will admit I am not that familiar with NgRx, so I will ask newbie questions. Now do you want to explain what this is?3:41 – Guest: Sure! The short story of the article is I saw people doing things the hard way. And after I figured out some things, people encouraged me to write about my experience.4:37 – Chuck: John Papa just signed-in!4:53 – Guest: Yes NgRx is...5:02 – Chuck: You used classes for all actions what do you mean by that?5:05 – Guest answers the question into detail. 6:31 – Chuck: Let’s say we have a class that uses a log error...6:42 – Guest: For example you have actions that...7:02 – Chuck: When you use the reducer...7:10 – Guest: There are other tricks we can use like keeping all of them in the same file...8:00 – Guest talks about the union type.8:24 – Chuck: You learned this by doing things wrong – what happens when you do these things wrong?8:30 – Guest: If you don’t put all of your classes in the right file then you end up with a lot of files. If you don’t create hero types then you’d have to...10:02 – Chuck: If you import user actions then does it import all of the other types?10:08 – Guest: Import everything from that file.10:17 – Chuck: If you have any questions, John, feel free to chime-in!10:29 – John: Yeah I am scanning through this.The negative I hear a lot of through actions, it’s cause we create constants – the action class creators, it seems to cause an undue amount of stress. How much actual code do you actually have to write – how do you feel about that?11:12 – Guest: I didn’t want to write all of this code! That’s what I wanted to avoid.11:44 – John: I wrote them, didn’t like them, I went back to them...It wasn’t just that I created a new action I had to create the constant and other things – also the place you do the union type, I’d forget to do the union type at the end! If you don’t have all of those things then it won’t work. Even on a simple project I’d have 120 lines of code for a simple task.12:49 – Guest: Yes. Sometimes I would forget this or that. I’d have to figure out what I did wrong. I went back and created classes for a lot of things. I like the benefits.13:19 – John: I like your ideas and your tips in your blog. How do you feel about the NAMES of those actions?13:55 – Guest.14:51 – John: Important part is the naming of the string inside of it – that’s the value...So you can see the actions that are being displayed.15:25 – Guest: If you didn’t do it right that’s where the problem would be.15:38 – John: To me it’s a love/hate relationship b/c there is so much code to it. I usually copy and paste which means that I usually forget to change something. I agree, but I don’t’ like creating it.16:05 – Guest: I’ve been trying to figure out a solution for it eventually I gave up.16:23 – John: Moving onto effects – inside that happens inside of the Redux cycle – if you want to do something outside of it that’s when you do effects right?16:40 – Guest.16:49 – John: Using the effects is good or do it a different way?17: 20 – Guest: It makes my components cleaner. I have seen projects that DON’T use it and it’s not the best.17:36 – John: Like getting a list of customers...(I am using my hands and nobody can see me!)It’s weird to me to NOT use the effects!18:52 – Guest: If you implement some type of caching then it’s everything to put everything in the state.19:07 – Chuck: I haven’t used it as much as I would like, but I haven’t do much with it.19:23 – John: I am curious from somebody hasn’t dove into it – does effects make sense to you, Chuck?19:39 – Chuck: It seems like effects is a side effect? Like calling out an external API...20:10 – John: Yeah even multiple effects.John asks a question.20:23 – Guest answers the question. 20:29 – Chuck: I like that you can make constrained assumptions and all of the complicated...21:10 – Guest: I am using my effects like functions.21:26 – John’s question. 21:31 – Chuck: Doing everything!You said implement the 2-payload method – that doesn’t make sense?21:43 – Guest: Not 100% convinced you need it. What people are doing on these actions...22:43 – Chuck: How much magic you want?22:50 – Guest.22:59 – John: I am confused about ERROR HANDLING. What do you advise for people to do?23:21 – Guest: Basically, when you deal with that effect you deal with the actions, and the actions...If you get an error on it it’s done. I was trying to explain there that...do it on another stream. Try it on another stream and handle it. What happened to me – I did it on the action state and I got an error and then everything will stop.24:27 – John: That’s not good!24:32 – Chuck.24:35 – John: Good tip!24:40 – Chuck: Angular has gotten better at that. I still find, though...25:06 – John.25:16 – John: Hey I appreciate these blog posts that don’t always show the happy path. To show the unhappy path is a good idea.25:32 – Chuck.26:00 – Going down your list, Adrian, let’s talk about effects are services. I agree, but not that we have...26:24 – Guest: I have seen cases where people forget that. They say I want to call a service, how do I do that? They forget...26:50 – John: You have to provide your services somewhere. The old way was you could go into the...What do you do?27:28 – Guest: Most of the applications...28:17 – John.28:25 – Chuck: I love deleting code!28:32 – John: You end up in a spaghetti pool, though, if you needed that deleted code. Nooooo!!!29:00 – Chuck.29:01 – Guest.29:10 – Advertisement: Get A Coder Job! 29:49 – John: Let’s talk about reducers – the smallest part of your tip sections. You say, “keep them simple” – how do you keep them simple?30:07 – Guest: I have received this observation from several people. This is the biggest problem I had.How to keep them simple...31:08 – John: When someone makes that type of code – where would you want them to put it?31:23 – Guest: It depends on different types of actions. Maybe I have some sort of matter that I added to the data – an action from my application we can catch it into an effect and...Not all of the actions have to go to the reducer.32:04 – John: I say, “Hmm...” when I see reducers like this...they are running a synchronized code inside of a reducer. And I see that a lot.32:24 – Chuck.32:28 – John: You go call a reaction, and...sometimes they are doing HTP there, but it’s hard to explain.33:11 – John: What are some of the things that they can do to step-into, when they are using these?33:16 – Guest: That’s why I only have these things about the reducers.33:48 – Chuck: I am wondering what is the life cycle look like? What do you call a reducer from an effect from an action or vice versa?34:09 – Guest answers the question. 34:37 – John: It can be confusing with all of these different terms. Where does it end? Your component you have to say: call this action. Perform this action and then the action says get customers – the NgRx library listens for that and helps connect to the reducer for you. Look into the action and then return that to a stream to whatever...35:29 – Guest: Yes, it sends it to reducers.Guest goes into more detail.36:09 – John: You never talk to the reducer directly?36:17 – Chuck: ...is that something I should have done before – or does it call effects and the effects load the information into the state and the reducer pulls it out for the action?36:46 – Guest.36:58 – Chuck.37:03 – Guest.37:53 – John: It really depends on what you want to do, Chuck.John will give a hypothetical scenario. 38:58 – Chuck: In your scenario, let’s say...39:14 – John: Everything is right up until the end there.It’s a little magical, honestly. I just know here is my selector and here is my data!40:17 – Chuck: Selector is essentially I am interested in THIS state or THIS state change.40:40 – Guest.40:50 –

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

AiA 213: Signal R with Brady Gaster LIVE at Microsoft Ignite

Tue, 30 Oct 2018 10:00:00 +0000

Panel:
- Charles Max Wood
Special Guest: Brady GasterIn this episode, Chuck talks with https://twitter.com/bradygaster about https://www.asp.net/signalr that is offered through Microsoft. Brady Gaster is a computer software engineer at Microsoft and past employers include Logical Advantage, and Market America, Inc. Check out today’s episode where the two dive deep into SignalR topics.Show Topics:0:00 – Advertisement: https://angularbootcamp.com 0:56 – Chuck: Hello! We are going to talk about https://www.asp.net/signalr which is an offering through Microsoft.1:09 – Guest: It started in 2011 that’s when I got involved, but I wasn’t with Microsoft, yet, at that point. I was working on the technology, though.Effectively you can do real time HTMP but what they did (Damon and David) let’s create a series of abstractions but not we have for Java. They basically cam up this idea let’s do web sockets and then go back to pole / pole / pole. It’s to see what the server and the client can support. Guest talks about https://socket.io, too. 6:45 – Chuck: What we are talking about real time coordination between apps.6:56 – Guest: Web sockets, 1 million...and 2.6 million messages a second!7:05 – Chuck: I can set that up like I usually set up web sockets?7:17 – Guest: There is a client library for each. Effectively you have a concept called a connection.9:48 – Chuck: How do you handle authentication on the frontend?9:56 – Guest: We have server side things that we can attribute things.10:09 – Chuck.10:12 – Guest: If you authenticate to the site then the site passes the token and it basically sits on top of the same plumbing.10:38 – Chuck.10:42 – Guest.10:54 – Chuck.10:58 – Guest: We recently just had the https://www.dotnetconf.net. We had an all night, 24-hour thing.11:48 – Chuck: Here you are, here you go.You hook it all up, JavaScript into your bundle.12:05 – (The guest talks about how to install.)13:12 – Chuck: I could come up with my own scheme.13:25 – Guest: The traditional example is SEND A MESSAGE and then pass you string. Well tomorrow I do that and I just change the code – it’s great b/c I send up a ping and everybody knows what to do what that ping. It’s just a proxy.14:17 – Chuck: I am trying to envision what you would use this for? If you are worried about it being stale then you refresh. But if you want the collaborative stuff at what point do you ask: Do I need SignalR?15:00 – Guest: When I do my presentations on SignalR and being transparent I want to send you 1,000 messages but 1 or 2 messages will be dropped. You don’t want to transmit your order data or credit card information. Do you have a hammer and you need a screw? If you need stock tickers and other applications SignalR would work.Keeping your UI fresh it is a great thing.19:02 – Chuck: You do that at the Hub? You set up the Hub and it passes everything back and forth. What can you do at the Hub for filtering and/or certain types of events?19:26 – Guest: I am looking at a slide. What’s the cool thing about SignalR and the API is it’s deceptively simple on purpose. If you want to call out to clients, you can get a message to all of your clients if you select that/those feature(s). Some other features you have are OTHERS, and Clients.Group.20:57 – Chuck: Can you set up your own?20:58 – Guest: I don’t know.21:12 – Chuck: Clients who belong to more than one group.21:23 – Guest: Dynamics still give some people heartburn. (The guest talks about https://docs.microsoft.com/en-us/dotnet/csharp/ Dev, Hub, and more!) 23:46 – https://devchat.tv/get-a-coder-job/ 24:23 – Chuck: How do people get started with this? Do they need Azure?24:30 – Guest: You don’t need Azure you can go to https://docs.microsoft.com/en-us/aspnet/signalr/overview/getting-started/introduction-to-signalr and it’s apart of the .NET team, too.26:39 – Guest talks about how to installhttps://twitter.com/SignalR?lang=en – see links below! 27:03 – Chuck: You don’t have to KNOW .NET.27:11 – Guest: It was created by that team (*fair enough*) but you don’t have to know .NET.27:57 – Guest: You can I could do JavaScript all the way.29:04 – Chuck: Yes, we keep moving forward. It will look different what people are using.29:21 – Guest: That was an early thing and I was reading through the old bugs from 2011/2012 and that’s one thing that kept coming up. I didn’t want to use https://jquery.com to use SignalR – now you don’t. It’s a happy thing.30:45 – Guest: Someone suggested using https://developer.android.com/reference/android/os/Parcel I have a question do you have any recommendations to have https://www.npmjs.com/package/node-sass workflow to have it less stressful? 31:30 – Chuck: It’s out of Ruby that’s my experience with Node-Sass.31:40 – Guest: I haven’t used Ruby, yet.31:46 – Guest: I haven’t heard of Phoenix what is that?31:50 – Chuck answers. Chuck: It’s functional and very fast.Once you’ve figured out those features they almost become power features for you. Elixir has a lot of great things going for it.32:50 – Guest: I tried picking up GO recently.33:08 – Chuck: Lots of things going on in the programming world.33:18 – Guest: I have always had a mental block around Java. I was PMing the Java guys and I asked: will this stuff work on...Once I got it then I thought that I needed to explore this stuff more!I want to learn Ruby, though.34:16 – Chuck: Anything else in respect to http://signalr.net 34:15 – Guest: I really think I have dumped everything I know about Signal R just now.I would draw people to the DOCS pages.A guide for anything that could happen on the JavaScript side – check them out!We have tons of new ideas, too!37:33 – Picks!37:42 – https://www.freshbooks.com/?adgroupid=51893696557&ag=r%252F+%257Efreshbooks&camp=US%2528SEM%2529Branded%257CEXM&campaignid=717543354&crid=284685866051&dclid=CO7qmoiOh94CFUnHwAodiCQBUA&dv=c&gclid=EAIaIQobChMI--6zho6H3gIVjsVkCh2wsQx6EAAYASAAEgL9B_D_BwE&gclsrc=aw.ds&kw=freshbooks&kwid=kwd-298507762065&ntwk=g&ref=ppc-na-fb&source=GOOGLE 47:54 – https://www.cachefly.com Links:
- https://vuejs.org
- https://jquery.com
- https://angular.io
- https://docs.microsoft.com/en-us/dotnet/csharp/
- https://twitter.com/cmaxw?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor
- https://www.asp.net/signalr
- https://twitter.com/SignalR?lang=en
- https://github.com/SignalR/SignalR
- https://socket.io
- https://www.npmjs.com/package/node-sass
- https://docs.microsoft.com/en-us/aspnet/signalr/overview/guide-to-the-api/hubs-api-guide-javascript-client
- http://signalr.net
- https://realtalkjavascript.simplecast.fm
- https://developer.android.com/reference/android/os/Parcel
- https://twitter.com/bradygaster
- https://github.com/bradygaster
- https://www.linkedin.com/in/bradygaster
Sponsors:
- https://angularbootcamp.com/
- https://www.digitalocean.com/
- https://devchat.tv/get-a-coder-job/
- https://www.cachefly.com
Picks:Brady
- Team on General Session
- https://www.korg.com/us/
- https://www.seahawks.com/
- Brady’s kids
-

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

AiA 212: “Angular Console” with Dan Muller

Tue, 23 Oct 2018 10:00:00 +0000

Panel:

Charles Max Wood
Aaron Frost
John Papa
Alyssa Nicholl

Special Guests: Dan MullerIn this episode, the Adventures in Angular panel talks with Dan Muller who is a member of the NRWL team and who has developed Angular Console. The panel asks Dan questions about the console and the pros and cons of it. Check out today’s episode!Show Topics:1:19 – Dan: I work now with NRWL and I used to work at Google and then I got bored writing Angular applications. I then texted a colleague and worked with him and he gave me what is now called1:52 – Chuck: Nice. Give us the elevator pitch for Angular Console?2:00 – Dan: It is mostly pretty.2:19 – Alyssa comments.2:30 – Dan: To each their own.2:38 – Dan One of the parts working at Google I would copy and paste the patterns I did at Google. Now we stopped copying and pasting code. If you are newbie there is a learning code and that’s a drag. What it (Angular Console) does it makes it easier for novices for them to know what can you generate and what options are available to you. It makes you feel nice and comforted and holds your hand. It’s a tool for me because I often go fast and it makes sure I don’t do anything wrong. It’s focused, and it keeps me focused.4:29 – Panelist: I just installed it for the first time. I am working on a project for a client and been doing a lot of NGG things. I am looking at this thing and I can see how it can be pretty helpful with its UI. Get in and try it out.5:23 – Dan: That’s the generate screen.5:30 – I have a terminal and it...5:51 – Dan: As you building up the commands it constantly runs them. It would be insane for you to hit the Enter key and copy and paste, cause we only have 2 hands. As you are doing the commands it will tell you what’s missing. You will have the flags above it and tweak it a little and it comes together.6:45 – Chuck.6:53 – Dan: Under the hood it’s running it verbatim. Anything that has an architecture definition every 1/10 sec it...will live update and it sees what projects you have, what apps you have and anything you have with a CI it will present it to you.7:51 – It has some custom scripts.8:03 – Alyssa: What did you do to install it?8:05 - AngularConsole.com Welcome download button and I downloaded it.8:43 – It’s a tiny file.8:47 – You are trying your best to make your bundle efficient.8:57 – Electron app is about the same size. It took only 11 seconds to download for me.9:11 – Nobody uses Lenox, so...9:22 – It does some very simple things it can do and chime-in when you want, Dan!I can see all my projects and if you were in a workspace you can see it all. If you have an Angular project you can do a generate component. There is a code generator, and there is a run screen. And in the end – I have a question about extensions? This is really where you can get a bunch of schematics, right?10:34 – Panelist asks a question.10:38 – Dan: Not wrong at all.11:25 – Panelist and Dan go back-and-forth.11:36 – We should do a show on schematics.11:43 – You are percolating a few new ones – that’s cool. What would be cool is if you...12:14 – Dan: Yeah it’s hard coded. We put this together in less than a month. It started in the middle of like October and we just put together and released in 3 weeks. Considering how slow Angular has developed it’s interesting to see...13:01 – Yeah I am seeing the extensions that reminds me...I like how you can search with these extensions there especially with the filter.13:21 – Dan: We want to eventually I hope we can surface more things. Not everyone thinks how a designer thinks. We are trivial to discover them maybe they would. He’s very much open to that someday.14:24 – I want to ask a question. Let’s do a poll request and it’s important to me. I don’t see the file where that lives.14:41 – Dan: I think there is a pre-existing file. You can base it off of that one.14:55 – A little context that I have and the one question that keeps coming up is what’s to say that this won’t drive us down a road to only do what NX wants us to do?15:52 – Dan: It’s tricky. Actually, back when the CUI they were thinking of something very similar to the console and it never happened. Basically before we launched it to the public we wanted to make sure that Angular team was on board with us. Even though we own the repo we wanted Google to sign-off the code. Make sure that they did it the correct way and they have lawyers more so than a start-up does. Eventually they will own...and they will be in charge of the release schedule. But all in all it’s my baby and I won’t give it up. There are extensions...Dan continues this conversation. 18:20 – Yeah so far using the console I can see the NX and finding extensions is hard. Where would you go find it? So this stuff...18:53 – As long as NX still stays an option than something you MUST choose then...19:12 – Dan: We decided early on that we didn’t want to shove NX into their face. That console can be useful but useful in another way. What we are building is this way you can reach out to us. We are a consulting company. If you are in the middle of making your app and you see a bug then we are building out a NWRL connect where you can connect with us.20:12 – Yeah I see that NWRL connect. Do I get you for free?20:26 – John Papa discount.20:31 – I usually have to pay him $10,000 a minute!20:53 – Yeah, he’s a cofounder (Victor).21:03 – It gives his number and SSN!21:17 – Alyssa: You said you have a lot of ideas of how console could go, do you have any things in the next steps?21:32 – Dan: I wasn’t very ambitious when I started the project. It’s not a huge desktop client focus application.I am adding background tasks. Things you can run all the time so you don’t have to click them all the time.23:17 – Advertisement – Get a coder job!23:58 – Why would you use this tool?24:05 – Dan: I have this fun experience when I was making console at first. It didn’t have the command screen and I needed to make a dialogue for creating a new workspace. And I said: Oh Shoot I don’t remember how to generate a module with routing. So instead of Googling...server and opened up Angular Console workspace and generated a component with it and it...25:11 – Comment.25:19 – Dan: During auto complete...26:10 – Panelist: If they want that UI...and when I teach Angular the first thing I teach is the UI. I think UI is a great starting point. I look at the console to see the extensions.27:09 – The CUI is already abstracting multiple different things. Now you have added a UI to it, I think it will be attractive for different people. I can see people saying I got it, and other people (John Papa) teaching a course, or maybe...certain people will like/don’t like it.28:12 – I don’t think it’s an either or.28:20 – Chuck: I would try things on the command line, and then things on the console line and figure out how it works with my flow. If I have 2 tools then I will use 1 for X and the other for Y.28:47 – Dan comments.29:17 – Where should people go to voice their ideas?29:29 – Dan: Some ideas are really, really good! Yeah shoot me a message.30:19 – You haven’t seen my issues, yet, bro.30:28 – Chuck: Was it inspired by the...30:37 – Dan: Shamelessly I steal design all the time. As I develop the Angular Console more I am steering away from their design but...31:26 – Chuck: Depending on WHO I am talking about there is rivalry between maybe Vue and Angular and whatever. I like the idea of sharing to show the mature elements to bring in what I am doing.31:59 – The main difference is the implementation is electron and web app and tell us pros and cons and why?32:14 – Dan: We could have done it either way. It looked more beautiful in my dock. Having it be an honest to goodness app and not having to open a terminal and fire it up, it didn’t feel professional or good. There is a little bit of professionalism there.33:42 – Chuck: I agree with that.33:48 – I like that it is web and that it’s a web application. It’s nice to have a web app open.34:06 – Dan comments.Dan: Discoverability is there. There are 2 servers and you could load it up and open it up in Chrome. We don’t use a lot of electronic UPIS because you are just running your terminal.34:56 – Chuck comments.35:02 – I just put the 7’s in there and there it is!35:11 – Dan: Theoretically, it is useful. That’s good.35:19 – What port?35:40 – Chuck, panel and guest go back-and-forth.36:06 – Seems like a good idea.36:13 – Hacker News.36:17 – Dan: That’s the dream – my life would be made as a developer.36:38 – Chuck.36:55 – I submitted a PR in there and looks like you are still getting help with this. I am a fan of this tool. People will love this.37:15 – Dan: We have more things that we want to add it - it to make it more attractive.We are making it official we are...37:54 – There are people that kill NWRLs.38:03 – Chuck.38:08 – Dan: Fellow NWRLer, Jack...38:50 – That stuff exists through web pack, right?39:20 – Dan: We can’t use it because it’s garbage and I won’t touch it.39:35 – Dan: I don’t know. We are going to do basically the same thing but prettier. The code will be prettier.40:10 – Chuck: Aaron, it looks like you put in a request to put in the plug-in. And you did it pretty fast so it’s not hard to do?40:31 – Probably not formatted properly.40:40 – Panel and guest go back-and-forth.40:54 – You have to fix it on the air. It’s a space problem. My line space is too long.41:07 – Panelists and guest.41:46 – Dan: Any compliment from Victor makes my life.41:57 – Panelist: I changed it.42:05 – Alyssa: Is it green light, green arrow?42:15 – I am just failing.42:21 – I used the web editor I really didn’t...42:30 – Alyssa: It was a space issue.42:39 – 3 more minutes to go...42:54 – Chuck sing us a song while we wait.43:03 – Is there a contributions page for people to contribute?43:18 – Dan: It tells you exactly how to run it.43:33 – Chuck: It usi

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

AiA 211: “Azure Pipelines” with Ed Thomson LIVE at Microsoft Ignite

Tue, 16 Oct 2018 10:00:00 +0000

Panel: Charles Max Wood Special Guests: Ed Thomson In this episode, the Adventures in Angular panel talks with Ed Thomson who is a Program Manager at Azure through Microsoft, Developer, and Open Source Maintainer. Ed and Chuck discuss in full detail about Azure DevOps! Check out today’s episode to hear its new features and other exciting news!Show Topics:0:59 – Live at Microsoft Ignite1:03 – Ed: Hi! I am a Program Manager at Azure. 1:28 – Rewind 2 episodes to hear more about Azure DevOps!1:51 – Ed: One of the moves from Pipelines to DevOps – they could still adopt Pipelines. Now that they are separate services – it’s great.2:38 – Chuck talks about features he does and doesn’t use.2:54 – Ed.3:00 – Chuck: Repos and Pipelines. I am going to dive right in. Let’s talk about Repos. Microsoft just acquired GitHub.3:18 – Ed: Technically we have not officially acquired GitHub.3:34 – Chuck: It’s not done. It’s the end of September now.3:55 – Ed: They will remain the same thing for a while. GitHub is the home for open source. Repos – we use it in Microsoft. Repositories are huge. There are 4,000 engineers working in these repositories. Everyone works in his or her own little area, and you have to work together. You have to do all this engineering to get there. We bit a tool and it basically if you run clone...Ed continues to talk about this topic. He is talking about One Drive and these repositories.6:28 – Ed: We aren’t going to be mixing and matching. I used to work through GitHub. It’s exciting to see those people work close to me.6:54 – Chuck.6:59 – Ed: It has come a long way.7:07 – Chuck: Beyond the FSF are we talking about other features or?7:21 – Ed: We have unique features. We have branch policies. You can require that people do pole request. You have to use pole request and your CI has to pass and things like that. I think there is a lot of richness in our auditing. We have enterprise focus. At its core it still is Git. We can all interoperate.8:17 – Chuck.8:37 – Ed: You just can’t set it up with Apache. You have to figure it out.8:51 – Chuck: The method of pushing and pulling.9:06 – Chuck: You can try DevOps for free up to 5 users and unlimited private repos. People are interested in this because GitHub makes you pay for that.9:38 – Ed and Chuck continue to talk.9:50 – Ed: Pipelines is the most interesting thing we are working on. We have revamped the entire experience. Build and release. It’s easy to get started. We have a visual designer. Super helpful – super straightforward. Releases once your code is built – get it out to production say for example Azure. It’s the important thing to get your code out there.10:55 – Chuck: How can someone start with this?11:00 – Ed: Depends on where your repository is. It will look at your code. “Oh, I know what that is, I know how to build that!” Maybe everyone isn’t doing everything with JavaScript. If you are using DotNet then it will know.12:05 – Chuck: What if I am using both a backend and a frontend?12:11 – Ed: One repository? That’s when you will have to do a little hand packing on the...There are different opportunities there. If you have a bash script that does it for you. If not, then you can orchestrate it. Reduce the time it takes. If it’s an open source project; there’s 2 – what are you going to do with the other 8? You’d be surprised – people try to sneak that in there.13:30 – Chuck: It seems like continuous integration isn’t a whole lot complicated.13:39 – Ed: I am a simple guy that’s how I do it. You can do advanced stuff, though. The Cake Build system – they are doing some crazy things. We have got Windows, Lennox, and others. Are you building for Raspberries Pies, then okay, do this...It’s not just running a script.15:00 – Chuck: People do get pretty complicated if they want. It can get complicated. Who knows?15:26 – Chuck: How much work do you have to do to set-up a Pipeline like that?15:37 – Ed answers the question in detail.16:03 – Chuck asks a question.16:12 – Ed: Now this is where it gets contentious. If one fails...Our default task out of the box...16:56 – Chuck: If you want 2 steps you can (like me who is crazy).17:05 – Ed: Yes, I want to see if it failed.17:17 – Chuck: Dude, writing code is hard. Once you have it built and tested – continuous deployment.17:33 – Ed: It’s very easy. It’s super straightforward, it doesn’t have to be Azure (although I hope it is!).Ed continues this conversation.18:43 – Chuck: And it just pulls it?18:49 – Ed: Don’t poke holes into your firewall. We do give you a lot of flexibility19:04 – Chuck: VPN credentials?19:10 – Ed: Just run the...19:25 – Chuck comments.19:36 – Ed: ...Take that Zip...20:02 – Ed: Once the planets are finely aligned then...it will just pull from it.20:25 – Chuck: I host my stuff on Digital Ocean.20:46 – Ed: It’s been awhile since I played with...20:55 – Chuck.20:59 – Ed and Chuck go back and forth with different situations and hypothetical situations.21:10 – Ed: What is Phoenix?21:20 – Chuck explains it.21:25 – Ed: Here is what we probably don’t have is a lot of ERLANG support.22:41 – Advertisement.23:31 – Chuck: Let’s just say it’s a possibility. We took the strip down node and...23:49 – Ed: I think it’s going to happen.23:55 – Ed: Exactly.24:02 – Chuck: Testing against Azure services. So, it’s one thing to run on my machine but it’s another thing when other things connect nicely with an Azure set-up. Does it connect natively once it’s in the Azure cloud?24:35 – Ed: It should, but there are so many services, so I don’t want to say that everything is identical. We will say yes with an asterisk.25:07 – Chuck: With continuous deployment...25:41 – Ed: As an example: I have a CD Pipeline for my website. Every time I merge into master...Ed continues this hypothetical situation with full details. Check it out!27:03 – Chuck: You probably can do just about anything – deploy by Tweet!27:15 – Ed: You can stop the deployment if people on Twitter start complaining.27:40 – Chuck: That is awesome! IF it is something you care about – and if it’s worth the time – then why not? If you don’t have to think about it then great. I have mentioned this before: Am I solving interesting problems? What projects do I want to work on? What kinds of contributions do I really want to contribute to open source?That’s the thing – if you have all these tools that are set-up then your process, how do you work on what, and remove the pain points then you can just write code so people can use! That’s the power of this – because it catches the bug before I have to catch it – then that saves me time.30:08 – Ed: That’s the dream of computers is that the computers are supposed to make OUR lives easier. IF we can do that and catch those bugs before you catch it then you are saving time. Finding bugs as quickly as possible it avoids downtime and messy deployments.31:03 – Chuck: Then you can use time for coding style and other things.I can take mental shortcuts.31:37 – Ed: The other thing you can do is avoiding security problems. If a static code analysis tool catches an integer overflow then...32:30 – Chuck adds his comments.Chuck: You can set your policy to block it or ignore it. Then you are running these tools to run security. There are third-party tools that do security analysis on your code. Do you integrate with those?33:00 – Ed: Yep. My favorite is WhiteSource. It knows all of the open source and third-party tools. It can scan your code and...34:05 – Chuck: It works with a lot of languages.34:14 – Ed.34:25 – Chuck: A lot of JavaScript developers are getting into mobile development, like Ionic, and others. You have all these systems out there for different stages for writing for mobile. Android, windows Phone, Blackberry...35:04 – Ed: Let’s throw out Blackberry builds. We will ignore it.Mac OS dies a fine job. That’s why we have all of those.35:29 – Chuck: But I want to run my tests, too!35:36 – Ed: I really like to use App Center. It is ultimately incredible to see all the tests you can run.36:29 – Chuck: The deployment is different, though, right?36:40 – Ed: I have a friend who clicks a button in...Azure DevOps.37:00 – Chuck: I like to remind people that this isn’t a new product.37:15 – Ed: Yes, Azure DevOps. 37:24 – Chuck: Any new features that are coming out?37:27 – Ed: We took a little break, but...37:47 – Ed: We will pick back up once Ignite is over. We have a timeline on our website when we expect to launch some new features, and some are secret, so keep checking out the website.39:07 – Chuck: What is the interplay between Azure DevOps and Visual Studio Code? Because they have plugins for freaking everything. I am sure there is something there that...39:30 – Ed: I am a VI guy and I’m like 90% sure there is som

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

AiA 210: “Zone.js” with Jia Li

Tue, 09 Oct 2018 12:00:00 +0000

Panel:

Special Guests: Jia LiIn this episode, the Adventures in Angular panel talks with Jia Li about Zones.js. Check-out today’s episode to hear this topic plus more!Show Topics:1:20 – What are zones?1:25 – Jia: It is a library developed 4 years ago.1:45 – Panelist: Execution context? What is this?1:50 – Jia answers this question.2:42 – I know it’s big in Angular because it kind of takes care of itself. What are the new things you have done in zones and let’s talk about that?3:01 – Jia: I started contributing 2 years ago. About 1 year ago I was using Angular. I would like to talk about different3:35 – Where are zones used in Angular – lots of people don’t know where it is.3:48 – Jia: For four parts.6:23 – What is this framework that you are talking about? Check-out the links for this framework.6:42 – Panelists chime-in with their comments.7:29 – Jia: It is a standalone package in Zone.8:27 – Going back to John’s question. I only ran into it a few times – one time in one of my classes I made a new behavior subject. That subject got created before the zone. Anything I did outside of Angular zone, didn’t know what was going on. Once I stuck the behavior subject in one of the classes everything got taken care of. You kind of monkey patch...what else gets monkey patched by zones?9:28 – Jia answers the question.10:54 – Monkey-patch is a term that we use in this industry. What is it?11:05 – Jia answers this question.Jia: Monkey patch basically is overriding the procedure for the API.14:05 – What are some of the new things you are doing? I know you’ve done some new things and what’s new with Zones?14:28 – Lia: It’s all about the performance.16:55 – Panelist: I didn’t know all about these hooks – so that’s cool! I knew about handling errors, but I didn’t know there are different ways to work with the tasks. I am curious what kind of interesting things have you done with Zones as an Angular developer?17:38 – Lia answers the questions.19:15 – Debugging and tests are good for Zones. But it sounds like you are saying that Zones is not good for...19:50 – Lia answers the question.20:35 – Panelist: Sounds like Zones is doing what you need out of the box for...20:51 – Panelist: You improved some of the performance? Zones doesn’t have that much of a footprint and is pretty lightweight. How much did you better the performance? 20-30%?2:25 – Jia – I think the library is faster. There is a lot of garbage collection.It’s not that much.22:47 – Advertisement – Code Badges! 23:38 – Panelist: So it will help with garbage collection. That is good to know. Cool to know that you can optimize such a small library with...23:48 – Jia comments.26:09 – Panelist: Gottcha.26:16 – Jia continues this topic.Jia: A lot of new things are happening with the testing in the Zone. There are a lot of new features in the syntax.27:35 – That is a nice feature to add back in.27:43 – Jia continues the talk.28:55 – Panelist: There are a lot of tests in this Repo. Do Zones generally work out of the box or do you have to add support for different things? What are the criteria to add support to? Blue Birds added to the list somehow.29:32 – Jia answers this question.30:03 – Panelist: Can the GIST team add support or only can the Zone team add it?30:37 – Jia: Other teams can add support to their libraries. It’s public.31:10 – Panelist: This is over my head, but is there a plan to get the documents going?31:32 – Jia adds a comment.31:41 – Panelist: Google this: What the heck is zones?An opposite side of the question: What would happen to Angular if you remove Zones.js?32:10 – Jia answers this question.332:37 – Zones is effectively how it works sweetly in Angular. It’s not totally true but if you remove Zones.js – which I see some people doing – why would someone do this? Is it heavy is it...?33:20 – Jia answers the question.Jia: It’s not good for the Angular element.34:29 – Panelist: It is an island of Angular.34:54 – Jia continues this conversation.35:10 – Panelist: That’s interesting – good to know.35:18 – Jia: Back to the new features.38:22 – Jia mentions another feature.39:43 – JavaScript something haunts you – then you are now a real developer!40:03 – Jia: Yes, exactly.40:10 – Panelist: I am going to put some things in the links that the listeners can access. (NG Zone)40:28 – Picks!40:31 – Advertisement – Get a Coder Job Course Links:

Sponsors:

Picks:Jia

Aaron

Educated

John

Real Talk JavaScript
https://twitter.com/realtalkjs
The Dark Side of Conferences

Joe

The Developer Experience Bait and Switch

Special Guest: Jia Li.

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.

AiA 209: “Azure DevOps” with Donovan Brown Live at Microsoft Ignite

Tue, 02 Oct 2018 10:00:00 +0000

Panel: Charles Max Woods Special Guests: Donovan Brown In this episode, the Adventures in Angular panel talks with Donovan Brown. He is a principal DevOps Manager with Microsoft with a background in application development. He also runs one of the nation’s fastest growing online registration sites for motorsports events DLBRACING.com. When he is not writing software, he races cars for fun. Listen to today’s episode where Chuck and Donovan talk about DevOps, Azure, Python, Angular, React, Vue, and much, much more!Show Topics:1:41 – Chuck: The philosophies around DevOps. Just to give you an idea, I have been thinking about what I want to do with the podcasts. Freedom to work on what we want or freedom to work where we want, etc. Then that goes into things we don’t want to do, like fix bugs, etc. How does Microsoft DevOps to choose what they want to do?2:37 – Guest: We want to automate as much as we can so the developer has less work. As a developer I want to commit code, do another task, rinse and repeating.Minutes and not even hours later then people are tweeting about the next best thing. Do what you want, where you want. Code any language you want.4:15 – Chuck: What has changed?4:19 – Guest: The branding changed. The name wasn’t the most favorite among the people. The word “visual” was a concerned. What we have noticed that Azure will let me run my code no matter where I am. If you want to run Python or others it can run in Azure.People didn’t need all of it. It comes with depositories, project management, and so much more! People could feel clumsy because there is so much stuff. We can streamline that now, and you can turn off that feature so you don’t have a heart attack. Maybe you are using us for some features not all of them – cool.7:40 – Chuck: With deployments and other things – we don’t talk about the process for development a lot.8:00 – Guest talks about the things that can help out with that.Guest: Our process is going to help guide you. We have that all built into the Azure tab feature. They feel and act differently. I tell all the people all the time that it’s brilliant stuff. There are 3 different templates. The templates actually change over the language. You don’t have to do mental math.9:57 – Chuck: Just talking about the process. Which of these things we work on next when I’ve got a bug, or a ...10:20 – Guest: The board system works like for example you have a bug. The steps to reproduce that bug, so that there is no question what go into this specific field. Let the anatomy of the feature do it itself!11:54 – Chuck comments.12:26 – Chuck: Back to the feature. Creating the user stories is a different process than X.12:44 – Guest – You have a hierarchy then, right? Also what is really cool is we have case state management. I can click on this and I expect this to happen...These are actual tasks that I can run.13:52 – Chuck: Once you have those tests written can you pull those into your CI?14:00 – Guest: “Manual tests x0.”Guest dives into the question. 14:47 – I expect my team to write those test cases. The answer to your question is yes and no.We got so good at it that we found something that didn’t even exist, yet.16:19 – Guest: As a developer it might be mind16:29 – Chuck: I fixed this bug 4x, I wished I had CI to help me.16:46 – Guest: You get a bug, then you fix a code, etc., etc. You don’t know that this original bug just came back. Fix it again. Am I in Groundhog Day?They are related to each other. You don’t have a unit test to tell you. When you get that very first bug – write a unit test. It will make you quicker at fixing it. A unit test you can write really fast over, and over, again. The test is passing. What do you do? Test it. Write the code to fix that unit test. You can see that how these relate to each other. That’s the beauty in it.18:33 – Chuck: 90% of the unit tests I write – even 95% of the time they pass. It’s the 5% you would have no idea that it’s related. I can remember broad strokes of the code that I wrote, but 3 months down the road I can’t remember.19:14 – Guest: If you are in a time crunch – I don’t have time for this unit test.Guest gives us a hypothetical situation to show how unit tests really can help.20:25 – Make it muscle memory to unit test. I am a faster developer with the unit tests.20:45 – Chuck: In the beginning it took forever. Now it’s just how I write software now.It guides my thought process.21:06 – Guest: Yes! I agree.22:00 – Guest: Don’t do the unit tests22:10 – Chuck: Other place is when you write a new feature,...go through the process. Write unit tests for the things that you’ve touched. Expand your level of comfort.DevOps – we are talking about processes. Sounds like your DevOps is a flexible tool. Some people are looking for A METHOD. Like a business coach. Does Azure DevOps do that?23:13 – Guest: Azure DevOps Projects. YoTeam. Note.js, Java and others are mentioned by the Guest.25:00 – Code Badges’ Advertisement25:48 – Chuck: I am curious – 2 test sweets for Angular or React or Vue. How does that work?26:05 – Guest: So that is Jasmine or Mocha? So it really doesn’t matter. I’m a big fan of Mocha. It tests itself. I install local to my project alone – I can do it on any CI system in the world. YoTeam is not used in your pipeline. Install 2 parts – Yo and Generator – Team. Answer the questions and it’s awesome. I’ve done conferences in New Zealand.28:37 – Chuck: Why would I go anywhere else?28:44 – Guest: YoTeam was the idea of...28:57 – Check out Guest29:02 – Guest: I want Donovan in a box. If I weren’t there then the show wouldn’t exist today.29:40 – Chuck: Asks a question.29:46 – Guest: 5 different verticals.Check out this timestamp to see what Donovan says the 5 different verticals are. Pipelines is 1 of the 5.30:55 – Chuck: Yep – it works on my Mac.31:04 – Guest: We also have Test Plant and Artifacts.31:42 – Chuck: Can you resolve that on your developer machine?31:46 – Guest: Yes, absolutely! There is my private repository and...33:14 – Guest: *People not included in box.*33:33 – Guest: It’s people driven. We guide you through the process. The value is the most important part and people is the hardest part, but once on33:59 – Chuck: I am listening to this show and I want to try this out. I want a demo setup so I can show my boss. How do I show him that it works?34:27 – Azure.com/devops – that is a great landing page.How can I get a demo going? You can say here is my account – and they can put a demo into your account. I would not do a demo that this is cool. We start you for free. Create an account. Let the CI be the proof. It’s your job to do this, because it will make you more efficient. You need me to be using these tools.36:11 – Chuck comments.36:17 – Guest: Say you are on a team of developers and love GitHub and things that integration is stupid, but how many people would disagree about...38:02 – The reports prove it for themselves.38:20 – Chuck: You can get started for free – so when do you have to start paying for it?38:31 – Guest: Get 4 of your buddies and then need more people it’s $6 a month.39:33 – Chuck adds in comments. If this is free?39:43 – Guest goes into the details about plans and such for this tool. 40:17 – Chuck: How easy it is to migrate away from it?40:22 – Guest: It’s GITHub.40:30 – Chuck: People are looing data on their CI.40:40 – Guest: You can comb that information there over the past 4 years but I don’t know if any system would let you export that history.41:08 – Chuck: Yeah, you are right.41:16 – Guest adds more into this topic.41:25 – Chuck: Yeah it’s all into the machine.41:38 – Chuck: Good deal.41:43 – Guest: It’s like a drug. I would never leave it. I was using TFS before Microsoft.42:08 – Chuck: Other question: continuous deployment.42:56 – When I say every platform, I mean every platform: mobile devices, AWS, Azure, etc.Anything you can do from a command line you can do from our build and release system. PowerShell you don’t have to abandon it.45:20 – Guest: I can’t remember what that tool is called!45:33 – Guest: Anything you can do from a command line. Before firewall. Anything you want.45:52 – Guest: I love my job because I get to help developers.46:03 – Chuck: What do you think the biggest mistake people are doing?46:12 – Guest: They are trying to do it all at once. Fix that one little thing.It’s instant value with no risks whatsoever. Go setup and it takes 15 minutes total. Now that we have this continuous build, now let’s go and deploy it. Don’t dream up what you think your pipeline should look like. Do one thing at a time. What hurts the most that it’s “buggy.” Let’s add that to the pipeline.It’s in your pipeline today, what hurts the most, and don’t do it all at once.49:14 – Chuck: I thought you’d say: I don’t have the time.49:25 – Guest: Say you work on it 15 minutes a day. 3 days in – 45 minutes in you have a CSI system that works forever. Yes I agree because people think they don’t “have the time.”50:18 – Guest continues this

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

AiA 208: From Custom Webpack Build to Angular CLI with Martin Jakubik

Tue, 25 Sep 2018 10:00:00 +0000

Panel:

Alyssa Nicholl
Joe Eames
John Papa
Ward Bell

Special Guests: Martin Jakubik In this episode, the Adventures in Angular panel talk with Martin Jakubik and he has been working with Angular for the last three years. He has one large and one small Angular application, which the panel talks about.Show Topics:2:31 – Alyssa likes to be called...2:40 – Alyssa: You have a large and small application – what makes it small? Is it the user-base?2:56 – Martin: It is one module out of ten or twenty components.2: 59 – Panelist: Only 1 Angular module?3:47 – Panelist: Joe went off on how much he hates modules. I am sorry JP we had to throw that in that?4:04 – Joe: I am an anti-modulist.4:11 – Martin: Just one module.4:21 – Panelist: When you are building an application with one module – start us from the beginning, what does it look like?4:38 – Martin: It is actually quite special. It has to run in an iFrame, and all it does it allows the user to add into the experiment.5:05 – Alyssa: Is it like a CMS?5:10 – Martin: It is like Google Optimize. The application is quite simple and every component is in that one module.5:36 – Panelist: How many do you have?5:44 – Martin: There are less than 10 services and 20 components at most.5:57 – Panelist: I feel personally, I feel like that I a decent size?6:11 – Panelist: That makes perfect sense. If there is no routing or nothing...6:40 – Panelist: Asks a question, and clarifies the question to Martin.7:48 – Panelist: It is nice and clean.7:55 – Panelist: I do, too.8:08 – Alyssa: How new is it?8:15 – Panelist: June/July?8:32 – Martin: I am using the new style.9:01 – Panelist: I am leery of using it.9:13 - Panelist: I would like to clarify. When you mention you have 20 components...9:40 - Panelist: Do it.10:34 – Panelist: Webpack. Can you explain what that is and how you solved it?10:57 – Martin: I don’t think I did anything special. I wanted to know how it works. I used webpack and used their configurations. Several months into the project then I...11:40 – Panelist: Why did you decide not to use the CLI? This is like an Iron Man thing.11:55 – Panelist: I think it’s a pain thing.12:05 – Martin: I wanted to know how it works.12:32 – Martin: I started from scratch, I can’t remember.12:44 – Panelist: Whenever I use webpack it makes my head spin.12:56 – Martin: The application was very simple. I was doing more blogging.13:45 – Panelist: It is doing more configurations on the fly for you. It’s wonderful if it works and if it doesn’t work then I don’t know what you’d do.14:17 – Martin: That’s why I did it, so I can appreciate all the magic.14:30 – Panelist: How big is big?14:36 – Martin: Enterprise level. 100 different components.15:06 – Panelist chimes in.15:13 – Panelist: That is complex.15:28 – Panelist: let’s add more modules to add to the complexity...15:55 – Alyssa: When you took your app to the CLI was that hard?16:06 – Martin: That took me one whole day. The module is so simple that’s why.16:32 – Panelist talks about this topic.17:39 – Panelist asks a question.17:53 – Panelist: Fixing any problem ... ever work on tooling help people if they have their stuff in the right file name?18:18 – Martin: I used Cypress. 18:58 – Panelist: Under what situation would you recommend it to anyone? Do it your own webpack configuration?19:23 – Martin: Only if...19:51 – Alyssa: What if you wanted to add a watermark to each file, do you have to stop adding the CLI?20:13 – Panelist: So am I...what are the boundaries, I don’t know what they are? I’m curious.20:41 – Panelist: Are you asking, Alyssa, how you would customize it?21:09 – Panelist: You won’t loose all the features that you get. You now elected out of that place where they had it; webpack configurations.22:12 – Panelist: What happened to it ejecting? How do you get it out of there?22:26 – Good question! I have – I like to play with scissors.22:43 – Advertisement 23:32 – Panelist reads a message from the company.How do you get that voice?24:10 – First you have to have a really deep sinus cold.25:00 – Panelist: Do you live without eject? I really don’t care. What I care about...Scratch that! I want to know what kinds of things you can’t do with a CLI that would drive you to do your own application? What other things could you not do in webpack.25:50 – Martin: I wanted to see how it works.25:56 – Panelist: Now I use CLI and all it’s features except testing. I use Cypress completely separate than CLI.26:46 – Panelist: I feel like it’s talking to the one person without a cellphone.27:01 – Panelist: Wow! I had no concept that life could be like that! I thought you had to have a cellphone.27:29 – Martin: What does anyone use the CLI for anyways?27:44 – Martin: I use it for unit tests.27:52 – Panelist: Another question.28:30 – Alyssa: You write things out by hand because it’s easier?!28:44 – Panelist: You copy, and paste and it’s less work.29:06 – Panelist: It feels easier.29:22 – Joe: No, I am serious.29:48 – Joe: Yes, I am amazing.30:30 – Martin talks about another topic.30:48 – Alyssa: When you generate a component do you put it into a different file?31:29 – Panel: We are all friends here and we aren’t shaming anyone here. We are joking here.32:00 – Alyssa: It’s that he can write it from memory.33:08 – Panelist: I have been using Vue lately.He also talks about Angular and mentions Sarah Drasner, too.34:26 – Panelist: Not everyone has a memory like him, though.35:32 – Panelist: The fourth version of Renderer.36:28 – Panelist: We are not talking about Nirvana the band, here.36:46 – Alyssa: It will be the new Renderer. It’s out for you to try. Check out Angular Air. He was trying out IB yourself right now. People are flipping out about it. I am excited to see how my Angular app runs differently now. Here is the code that was generated, here is the code that...I am not sure that there is a promise date. Any secrets heads-up on when it will come out?38:22 – Panelist: The big question what does this mean for my existing code? Do I have to change my existing code?38:48 – Alyssa: The Angular team is working so that there are minimal changes. I don’t have a good answer. NGGC. For third-party libraries you run it through and it...I don’t know what that means for the community.39:49 – Panelist: My hope is that they...40:03 – Alyssa: For your third-party...40:18 – Panelist: Question: between your small and large pack? What architectural differences are there?40:44 – Martin: I have a template edit.41:03 – Panelist: Come to my...41:32 – Panel talks about talks that Jon can do.42:13 – Panelist: True story...The panel is having fun going back and forth with jokes.43:03 – Panelist: This kind of stuff creeps into production code. That’s the great thing about copy and paste.43:21 – Panelist: We had a rule, though, if it happens more than once let’s put into our build.44:20 – It’s 3 hours if you have a CI process, if you don’t...44:33 – Console.log44:49 – Martin chimes in.45:14 – Panelist: Let’s talk about an iFrame in your app?45:27 – Martin: The point is to be able to do it with any...Make sure that it doesn’t collide.The CSS wasn’t separated.I had to put my application inside an iFrame.46:27 – Panelist: Thanks for coming on for us, Martin.46:37 – Picks!46:44 - Advertisement Links:

Sponsors:

Picks:Alyssa

Question as my pick – About Angular 7...(47:52) True or False?

Martin

Thank you for having me today.
Present your work more.
I challenge you all to cook.
Blog: Bratislava Angular

Ward

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

AiA 207: Ilya Bodrov and Roman Kutanov: "What It Is, and Why You Should Use It. Angular Use-Cases in Startups"

Tue, 18 Sep 2018 10:00:00 +0000

Panel:

Charles Max Wood
John Papa
Ward Bell

Special Guests: Ilya Bodrov & Roman KutanovIn this episode, the Adventures in Angular panel talks with Ilya and Roman. Ilya is a professor, writer, and developer. Roman is a cofounder, and a CEO, of a small startup company. Roman is making an application for small businesses, and he also was a CEO of a Russian startup, too. Check-out today’s episode where the panel talks to the guests about Angular, their startup companies, Test Cafe, among others.Show Topics:1:20 – Guests’ backgrounds.2:31 – Chuck: Let’s talk about Angular. In your opinion why is it a good option for startups?2:55 – Guest: Angular is a very good choice.3:55 – Guest: If you are not familiar with these concepts or a seasoned developer then it can be difficult and complex to get started. It really depends on what you are trying to build.4:47 – Chuck: Once you get rolling with it then you run into limitations with it. If you need something simple and fast it’s really nice.5:08 – Guest: Yes. Trying to find your market niche. Angular is very simple to transfer. Angular has a great community. There are some problems, and we know it. Like the whole mess with versions also...6:27 – John: Can you elaborate a little?6:34 – Guest: Yes, if you want to be in the latest technologies...so sometimes you get into a situation when you wan to have some libraries installed and you cannot do that. If you are on one version and this one isn’t supported, then it was a huge mess.7:43 – Guest adds in more comments.8:26 – Guest: Currently I have Angular 1. It is too complicated to rewrite.8:40 – Guest adds comments.8:57 – John: There would have to be a compelling reason for me to go to Angular 6 at this point. Going from 4 to 5 or 5 to 6 – the one feature – boy that is so amazing. To have it to update your app, and update your code then that’s awesome. If you didn’t know that a command changed then you were in trouble. I agree version control has always been a challenge.10:20 – Guest: What I like about Angular is the community – it drives it in the right direction. They try to make it more productive and that’s what I like.10:43 – Chuck: What is it like to run a startup?10:56 – Guest: I started to write the application. What you see is what you get. I use Angular 1. JavaScript is a heavier language.14:54 – Guest adds comments.16:02 – Panelist: What kind of server are you using for your startup?16:19 – Guest: I have Angular 1 as a backhand. The main application right now is...17:11 – Panelist: What has the experience been like for people?17:26 – Guest: Yes...17:32 – Panelist: What were the benefits of using Angular?17:40 – Guest: Angular was very helpful. The performance is much better. Important for startups is to know how to write functionality.18:53 – Panelist: What forms were you using?19:01 – Guest: Template driven. In Angular 1, I created “what you see is what you get.”19:52 – Panelist: I am torn about forms. The Reactive side but you move a lot of code that doesn’t feel all that intuitive to me. There are pros and cons of each, but it’s not exactly where I want it to be. I would love to mix the 2 together. Have you dealt with validation in the forms?21:04 – Digital Ocean’s Advertisement. 21:41 – Guest: I have an editor. I send it to the client. Each input is having some sort of validation.23:17 – Panelist: How do you make them look good? Yeah, I can do it but how does it not look generic? Do you have a layout?23:53 – Guest: I throw it into the screen – I try to keep it simple.25:04 – Panelist: That makes sense. I didn’t know if there was a crossover of complexity. I want a balance between...25:38 – Panelist: Reactive or Template driven?25:45 – Guest makes comments. You want to have some custom checking.26:13 – Panelist: Why was it hard?26:21 – Guest: Not sure...I experimented a lot.27:27 – Panelist: I gave up on Reactive. One of the killers for me was the nested components. It seemed to fall apart in my hands. It was extremely difficult. The outer form lost contact to what was going on. That was one of the biggest decisions to walk away from Reactive all together.28:25 – Guest: Now I remember why I dropped templates.28:44 – Panelist: Not true, but it’s doable! It’s also easy! You have to know what’s going on. Let’s change the story on this – I don’t want to hijack the podcast.30:55 – Panelist: It makes your ears stand up. John’s objection was that he was putting a lot of stuff into HTML.32:43 – Panelist: Every time I see some try to decorate the HTLM – no you don’t have to do that. The rules aren’t there. There are exceptions, of course, but real validation is not screen validation. Interestingly, we have written one for this application. It belongs to Marcel. This isn’t Breeze specific – maybe we an get people to working on it. For sure, even if you didn’t have this framework, you can create one on your own. It turns out that it has more models than you think it does.34:55 – Panelist: Aside from forms, what mattered in your app?35:22 – Guest answers the question.36:01 – Panelist: Lazy Loading. In some apps lazy loading doesn’t make sense in all areas. You don’t always have to use.36:53 – Guest: Yes, when you work for your employer you sometimes have more time available. When you have a startup it’s a race. Your startup doesn’t have any money.37:24 – Panelist: You had money?37:33 – Guest: You have to try new things and makes things right. When users really start really using your application. You can fix everything and make the perfect app or you can learn new things about your users. What problems do that have?38:50 – Panelist: Question asked.39:40 – Guest answers question. 40:38 – Protractor.41:51 – Problems that you/we ran into.42:21 – Panelist: “We” are using Test Cafe. 42:58 – Cypress. 44:10 – You do not need web driver and...44:29 – Test Cafe is free.44:39 – I would pay ten’s of dollars to use a piece of software. It’s a budget buster.45:15 – Sounds like you guys have a great product there.45:24 – Thanks for having us.45:30 – Chuck: Let’s go to picks!45:39 – Code Badges! 46:13 – Picks!Links:

Sponsors:

Picks:Charles

John

Pipelines – Azure
VS Code

Ward

Test Cafe

Ilya

Framework Event

Roman

Michael Seibel’s Building Product
MLcourse.AI – October 1st next session starts – it’s free

Special Guests: Ilya Bodrov and Roman Kutanov.

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.

AiA 206: The Origin of JavaScript with Brendan Eich

Tue, 11 Sep 2018 10:00:00 +0000

AiA 205: Agile Fluency with James Shore

Tue, 04 Sep 2018 10:00:00 +0000

Panel:

Charles Max Wood
Alyssa Nicholl
Joe Eames

Special Guests: James ShoreIn this episode, the Adventures in Angular panel talks about Agile Fluency with James Shore. James is one of Charles’ favorite people to talk to about Agile development because he is one of the people who really understands how people work, instead of the methodology proliferation that is more common. They talk about how Agile got started, the Agile Fluency Project, and how Agile has changed over the years. They also touch on TDD, the things people can do to solve the problems with Agile misconceptions, and more!Show Topics:1:10 – James has been on the shows previously on Ruby Rogues Episode 275 and My Ruby Story Episode 48.2:00 – He does a lot of work with agile, but actually got started with something called Extreme Programming.3:14 – When Agile started, it was a reaction to the management belief that the right way to develop software was to hire armies of replaceable programmers and a few architects to design something that was then sent off for these programmers to work.4:34 – Agile is turning into the “everything” thing. It is being used in many different spaces and leaving developers behind in the process. This goes along with “the law of raspberry jam.”6:55 – The agile manifesto states that they value “Individuals and interactions over processes and tools.”7:28 – The Agile Fluency Project is focused on software teams and they created the Agile Fluency Model, which is a way to describe how teams tend to learn Agile over time. They want people to be able to see what all they can really get out of Agile through this project.10:05 – Alyssa is more confused on the subject of Agile development and is interested more in what people lost by not using Agile anymore.11:45 – Agile changed from a grassroots movement driven by developers to a management structure that programmers ignore unless it affects their day-to-day.14:18 – Test driven development is a way of writing your code so that you have confidence to change it in the future not a way you can get unit test code coverage.17:36 – Joe defines TDD as a way to help him design better code and he finds value in using TDD and then once the code is done, throwing out the test and still find value in it.19:50 – TDD creates better code by forcing you to think about the client who will be using it and it forces you writing code that is inherently testable, and therefore, better code.22:22 – The values of Agile development have not been communicated to the programmers who are forced to use it, which accounts for the push back against it.24:40 – The issue across the board is when people take and idea and think they can read a headline and understand it fully.28:17 – The way to combat this problem is to dig into some of the things that was happening 15-20 years ago and you can look into DevOps. You can also look into the Agile Fluency Project and the Agile Fluency Model.31:24 – To get started with talking about how you should do Agile from the trenches, you can look into the books Fearless Change by Mary Lynn Manns and More Fearless Change by Mary Lynn Manns to help you to learn how to make change within your organization.35:18 – Planting seeds allows you to make change within your organization and make a difference in a small way.36:10 – The easiest way to remove some of these obstacles is to get together with your team and get them to agree to a trial period. There are more ways as well to get over obstacles.43:07 – The reason he became an Agile developer is because after his first job working with it, he never wanted to work any way else. So, he decided to start teaching Agile in order to keep working with it in his career.Links:

Sponsors

Picks:Charles

Joe

James

Special Guest: James Shore.

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.

AiA 204: "Real Ward Angular"

Tue, 28 Aug 2018 10:00:00 +0000

Panel:

Charles Max Wood
John Papa
Alyssa Nicholl
Joe Eames
Shai Reznik
Ward Bell

In this episode, the Adventures in Angular panel talks about what Ward is doing currently, which is working on a large, complex, and involved application that they are using Angular for. They are using this episode to discuss a real-world Angular project or real “Ward” Angular project. They talk a little about what the project is, challenges he has had to overcome, and the differences that come with writing apps in reactivity. They also touch on the idea that “the mystery is part of the pattern,” reactive forms, and more!In particular, we dive pretty deep on:

Get a Coder Job course
Angular
Ward’s project intro
Ward runs a business that builds applications for people
Taking lead on a new project
ngRx data
Redux and RxJS
His company makes Breeze
Needed an enrollment app
Didn’t want to use Breeze, they wanted him to use reactive programming
Needed the application to be as simple as possible
Why he decided to give reactivity programming a chance
Challenges he’s faced
Writing enterprise apps in reactivity
Immutability
Forms over data apps
Reactive forms
The mystery is part of the pattern
Effects
Debugging tools
Reactive pattern
Discovering new ways to code
Reactive programming brings in a different set of problems, but it’s not that it’s right or wrong
React State Museum
And much, much more!

Links:

Sponsors

Picks:Charles

John

Joe

Dungeons and Dragons
Lutron Caseta Wireless Smart Lighting Dimmer Switch with Amazon Echo

Shai

Ward

Virgin Galactic’s Rocket Man

AiA 203: "Where To Store Angular Configurations" with Dave Bush

Tue, 21 Aug 2018 10:00:00 +0000

Panel:

Charles Max Wood
John Papa
Alyssa Nicholl
Joe Eames

Special Guests: Dave BushIn this episode, the Adventures in Angular panel talks to Dave Bush about his blog post Where To Store Angular Configurations. Dave has been programming for 30 years both in the .net and JavaScript spaces, and has been working with Angular since it first came out. They talk about the inspiration for writing this post, config.json, and APP_INITIALIZER. They also touch on optimizing, if he ever worked with Angular.js, and more!In particular, we dive pretty deep on:

Chuck’s Get a Coder Job Course
Dave intro
JavaScript and Angular
What was the inspiration for this blog post?
Blog posts born out of frustration
Static config files
Config.json
Downsides to config.json
Replicating on dev servers
Local hosts
What is APP_INITIALIZER?
The cost of APP_INITIALIZER
Optimizing
Making an environment-agnostic
Did you ever work with Angular.js?
Pros to the APP_INITIALIZER
jQuery
Great tips from his article
Making one build that works in any environment
Moving towards optimization
Source maps
And much, much more!

Links:

Sponsors

Picks:Charles

John

Joe

Dave

High-fat, low-carb diet
MTailor

Special Guest: Dave Bush.

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.

AiA 202: "Programming education/education research" with Neil Brown

Tue, 14 Aug 2018 10:00:00 +0000

Panel:

Charles Max Wood
Shai Reznik
Ward Bell

Special Guests: Neil BrownIn this episode, the Adventures in Angular panel talks to Neil Brown about learning to code and learning to code better. Neil works as a research fellow at Kings College in London where he works in computing education. He is very interested in how people learn to program and also making tools that make learning to program easier. They talk about things that experts can do to help new people pick up programming easier, how you can use live programming to teach novices, and the importance of having a supportive community. They also touch on what he has learned from his research, the necessity of practice over time, and more!In particular, we dive pretty deep on:

Ruby Rogues Episode 257
Neil intro
Learning to code better
What kind of things can we do to help new people pick up programming easier?
Experts operate differently than novices
How an expert codes VS how a novice codes
Pragmatic Thinking and Learning by Andy Hunt
Putting yourself in a new programmer’s shoes
Experts forget how much knowledge they’ve got
How do you need to design instruction for novices?
Live programming
Seeing that people make mistakes along the way all the time
Keep the mistakes
Computer science degree VS self-taught VS boot camps
People learn differently
Element of having a supportive community
Do you see any threat to people transitioning to online schooling?
The curse of knowledge
What have you learned in your research?
You need a lot of practice
Helps to have spaced practice
The best way to learn
Ten quick tips for teaching programming by Neil Brown
And much, much more!

Links:

Sponsors

Picks:Charles

Shai

Neil

Last Chance U

Special Guest: Neil Brown.

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.

AiA 201: AI & Angular with Asim Hussain

Tue, 07 Aug 2018 10:00:00 +0000

Panel:

John Papa
Ward Bell

Special Guests: Asim HussainIn this episode, the Adventures in Angular panel talks to Asim Hussain about AI and Angular. Asim has been developing for about 17 years, has been working with Angular for about 5 years, and runs the website codecraft.tv. They talk about what AI means to him and where he sees it fitting into the JavaScript realm, how he got into AI himself, and some fun use cases for AI in JavaScript. They also touch on what TensorFlow and Tensorflow.js are, training in the browser, and more!In particular, we dive pretty deep on:

Asim intro
codecraft.tv
Co-organizer of AI JavaScript London
What does AI mean to you?
Where does AI fit into the JavaScript ecosystem?
Interested in machine learning
How does AI apply to the real world?
How did you get into AI?
Python to JavaScript developer
AI has been growing exponentially
An example of something you can do with AI in JS that is really cool
The power of AI breeds creativity
Magenta.js and Tensorflow.js
Face recognition with JavaScript
Client-side processing
What is TensorFlow?
What is Tensorflow.js?
Neural net
Training in the browser itself
Where do JavaScript developers fit into the AI space?
Load model
Transfer learning
Practical applications
And much, much more!

Links:

Sponsors

Picks:John

Ward

MachineLabs - @machinelabs_ai

Asim

aijs.rocks

Special Guest: Asim Hussain.

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.

AiA 200: Episode 200

Tue, 31 Jul 2018 10:00:00 +0000

Panel:

Charles Max Wood
Shai Reznik
Joe Eames
Alyssa Nicoll
Ward Bell

In this episode, the Adventures in Angular panel celebrates creating 200 episodes of Adventures in Angular! They talk about the origin of the show, how each of them came across the show and were asked to join the panel, and if there is a future for Angular. They also touch on where they see Angular going in the future, how difficult it is to predict how things are going to pan out in the next few years, and more!In particular, we dive pretty deep on:

The first episodes of Adventures in Angular
The origins of the show
Angular was really picking up – make a podcast
Chuck originally turned down the idea for the show
Now get around 8,500 downloads per episode
Alyssa heard about the show from ngConf
Is there a future for Angular?
What does Angular’s future look like?
Why I am betting my future on Angular 2 – Shai talk from 2016
Angular is here to stay
Angular IV
Learning the first 80% of different technologies is easy, the last 20% is the hard part
Angular in Depth blog
Angular is solving the right problems
Hard to know if Angular is going to be around for the long haul
Incumbent technology as we move forward
You never know what’s going to come up next
New technologies are the main “threat”
The case for Angular
Enterprise level products
Vue, React, and Ember
Having alternatives is a good thing
And much, much more!

Links:

Sponsors

Picks:Charles

Shai

Alyssa

Joe

Ward

NWLA Tournament

AiA 199: RxJS with Ben Lesh, Tracy Lee, and Jay Phelps

Tue, 24 Jul 2018 10:00:00 +0000

Panel:

Shai Reznik
Joe Eames
Alyssa Nicoll
Ward Bell

Special Guests: In this episode, the Adventures in Angular panel talks to Ben Lesh, Tracy Lee, and Jay Phelps about RxJS. Tracey is the co-founder of This Dot Labs, which does a lot for the JavaScript community and does JavaScript consulting, as well as is on the RxJS core team. Jay is also a co-founder of This Dot Labs and used to be on the RxJS core team. Finally, Ben is an engineer at Google, is the RxJS project lead there, and is on the Angular team. They talk about the changes to RxJS from the past year, the API changes for version 6, and more!In particular, we dive pretty deep on:

Ben, Tracey, and Jay intros
What happened in the last year with RxJS?
No longer a test scheduler
Using real timers
Version 5 VS version 6
TestScheduler.Run method
Won’t have to write code with injecting a scheduler
What’s the best way to get started?
Look at the docs
Understanding Marble diagrams
Many blog articles on Marble syntax out there
Wasn’t originally designed for public consumption
Using the test Scheduler is not a requirement for testing RxJS code
Jasmine testing framework
Jest
Marbles diagrams are a bit more declarative and specific to RxJS
Is it a part of RxJS proper?
API changes for version 6
Backwards compatibility package
TSLint rules
rxjs-tslint
TypeScript
And much, much more!

Links:

Sponsors

Picks:Shai

Joe

Ward

National Day Calendar

Tracey

Rx Workshop

Ben

Experimental branch in RxJS

Jay

brow.sh

Special Guests: Ben Lesh, Jay Phelps, and Tracy Lee.

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.

AiA 198: Building SharePoint Extensions with JavaScript with Vesa Juvonen LIVE at Microsoft Build

Tue, 17 Jul 2018 10:00:00 +0000

Panel: Charles Max Wood Special Guests: Vesa JuvonenIn this episode, the Adventures in Angular panel talks to Vesa Juvonen about building SharePoint extensions with JavaScript. Vesa is on the SharePoint development team and is responsible for the SharePoint Framework, which is the modern way of implementing SharePoint customizations with JavaScript. They talk about what SharePoint is, why they chose to use JavaScript with it, and how he maintains isolation. They also touch on the best way to get started with SharePoint, give some great resources to help you use it, and more!In particular, we dive pretty deep on:

Vesa intro
What is SharePoint?
Has existed since 2009
People either know about it and use it or don’t know what it is
Baggage from a customization perspective
Why JavaScript developers?
Modernizing development
SharePoint Framework
Microsoft Ignite Conference
Is there a market for it?
System integrators
Angular Element and React
React for SharePoint Framework back-end
Supports Vue
React Round Up Podcast
How do you maintain isolation?
What’s the best way to get started with SharePoint extensions?
Office 365 Developer Program
SharePoint documentation
SharePoint YouTube
What kinds of extensions are you seeing people build?
And much, much more!

Links:

Sponsors

Picks:Charles

Vesa

Armada by Ernest Cline

Special Guest: Vesa Juvonen.

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.

AiA 197: Bazel with Torgeir Helgevold

Sat, 14 Jul 2018 10:00:00 +0000

Panel:

Charles Max Wood
Joe Eames
Alyssa Nicholl

Special Guests: Torgeir HelgevoldIn this episode, the Adventures in Angular panel talks to Torgeir Helgevold about Bazel. Torgeir works for Nrwl and does experiment with Bazel as a part of his daily life. He has really taken an interest in Bazel and sees it as the next big thing in build systems. They talk about what Bazel is, zero configuration, and Bazel’s ability to deal with large and complex projects. They also touch on build speed with Bazel, how to set Bazel up, and more!In particular, we dive pretty deep on:

Torgeir intro
Bazel as the next big thing for build systems
What is Bazel?
Incremental build system
Mainly for large projects
Why is Bazel going to become the next big thing?
Bazel isn’t tied to a specific language
Bazel vs Webpack
Type sharing between front-end and back-end
Bazel is very streamlined
Zero configuration movement
The problem with zero configuration
Large vs simpler projects
Complex development and new tools
Google is well known to have large, complex projects
If your build system is working for you, there’s no need to change
Build speed
Continuous integration
How do you set Bazel up?
Alex Eagle repo - angular-bazel-example
What does Bazel actually do?
How do you pull these rules in?
How do you transition over to Bazel?
And much, much more!

Links:

Sponsors

Picks:Charles

The Whole-Brain Child by Daniel J. Siegel

Joe

Torgeir

Cross language API schemas with Bazel by Daniel Muller

Special Guest: Torgeir Helgevold.

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.

AiA 196: Error Tracking and Troubleshooting Workflows with David Cramer LIVE at Microsoft Build

Tue, 03 Jul 2018 10:00:00 +0000

Panel:

Charles Max Wood
Ayssa Nicholl
Ward Bell

Special Guests: David CramerIn this episode, the Adventures in Angular panelists talk to David Cramer about error tracking and troubleshooting workflows. David is the founder and CEO of Sentry, and is a software engineer by trade. He started this project about a decade ago and it was created because he had customers telling him that things were broken and it was hard to help them fix it. They talk about what Sentry is, errors, workflow management, and more!In particular, we dive pretty deep on:

David intro
Founder and CEO of Sentry
What is Sentry?
Working with PHP
De-bugger for production
Focus on workflow
Goal of Sentry
Triaging the problem
Workflow management
Sentry started off as an open-source side project
Instrumentation for JavaScript
Ember, Angular, and npm
Got their start in Python
Logs
Totally open-source
Most compatible with run-time
Can work with any language
Deep contexts
Determining the root cause
And much, much more!

Links:

Sponsors

Picks:Charles

Socks as Swag

David

Special Guest: David Cramer.

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.

AiA 195: Angular for Microsoft Developers with Sahil Malik

Tue, 26 Jun 2018 10:00:00 +0000

Panel:

Charles Max Wood
Alyssa Nicholl
Ward Bell

Special Guests: Sahil MalikIn this episode, the Adventures in Angular panelists discuss Angular for Microsoft developers with Sahil Malik. Sahil is a developer that has been in the Microsoft and Angular space for many years. He has been writing for CODE Magazine as well for many years and you can find his articles here. They talk about what he means by the term “Microsoft developer,” Visual Studio vs VS Code, and the pros to using Angular as a Microsoft developer. They also touch on how these developers can transition over to using Angular, the importance of having an open mind to other ways of doing things, and more!In particular, we dive pretty deep on:

Sahil intro
Writes for CODE Magazine
What do you mean by a Microsoft developer?
Azure and Linux
.NET Rocks!
Microsoft Build
Visual Studio
Angular is a natural progression for someone in the Microsoft world
ngrx and ngrx-data
VS Code is a fantastic editor
Visual Studio vs VS Code
VS Code has plugins for everything!
How has working with Angular felt as a Microsoft world
His experience in the Microsoft landscape
Feels more productive in an HTML based UI
XAML
Angular shines because it can acage things tightly
TypeScript
How should Microsoft developers transition over to Angular?
Open yourself to the idea of change
Get familiarized with node-based development
AI
And much, much more!

Links:

Sponsors

Picks:Alyssa

Sahil

Electric bicycles

Special Guest: Sahil Malik.

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.

AiA 194: Cloud-Hosted DevOps with Ori Zohar and Gopinath Chigakkagari LIVE at Microsoft Build

Mon, 18 Jun 2018 10:00:00 +0000

Panel: Charles Max Wood Special Guests: Ori Zohar and Gopinath ChigakkagariIn this episode, the Adventures in Angular panelists discuss Cloud-Hosted DevOps with Ori Zohar and Gopinath Chigakkagari at Microsoft Build. Ori is on the product team at VSTS focusing on DevOps specifically on Azure. Gopinath is the group program manager in VSTS primarily working on continuous integration, continuous delivery, DevOps, Azure deployment, etc. They talk about the first steps people should take when getting into DevOps, define DevOps the way Microsoft views it, the advantages to automation, and more!In particular, we dive pretty deep on:

Ori and Gopi intro
VSTS – Visual Studio Team Services
VSTS gives developers the ability to be productive
Developer productivity
What’s the first big step people should be taking if they’re getting into DevOps?
The definition of DevOps
The people and the processes as the most important piece
DevOps as the best practices
Automating processes
What people do when things go wrong is what really counts
Letting the system take care of the problems
Have the developers work on what they are actually getting paid for
Trend of embracing DevOps
Shifting the production responsibility more onto the developer’s
Incentivizing developers
People don’t account for integration
Continuous integration
Trends on what customers are asking for
Safety
Docker containers
And much, much more!

Links:

Sponsors

Picks:Charles

Ori

Fitbit
Pacific Northwest Hiking

Gopinath

Seattle, WA

Special Guests: Gopinath Chigakkagari and Ori Zohar.

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.

AiA 193: Angular Libraries with Juri Strumpflohner

Tue, 12 Jun 2018 10:00:00 +0000

Panel:

Charles Max Wood
Shai Reznik
Joe Eames
Special Guests: Juri Strumpflohner

In this episode, the JavaScript Jabber panelists discuss Angular libraries with Juri Strumpflohner. Juri is a software developer that previously has done a lot of full-stack development with JavaScript and Angular.js on the front-end and C# and Java on the back-end. More recently, he has begun to focus more on the front-end with Angular development as a freelance developer and has created training courses on Egghead. They talk about what an Angular library is, how you can create an Angular Package Format, and much more!In particular, we dive pretty deep on:

Juri intro
Create and publish Angular libs like a Pro- Juri’s NG-BE Talk
What are Angular libraries?
How do Angular libraries connect to Angular?
Angular modules
Open source as the main use case
CSS and Sass
Have to follow a certain series of steps to build your libraries
WebPack
Plunker
Server-side rendering
Tree shaking things that aren’t used on your library
Angular Package Format
Component library
Secondary entry points
How do you go about making a package like this?
TypeScript Modules
Now have built-in support of Angular libraries
ng-packagr
And much, much more!

Links:

Sponsors

Picks:Charles

FullContact
Set Appointments on Google Calendar

Shai

Joe

Juri

AiA 192: Visual Studio Code with Rachel MacFarlane and Matt Bierner LIVE at Microsoft Build

Tue, 05 Jun 2018 10:00:00 +0000

Panel:

Charles Max Wood

Special Guests: Rachel MacFarlane and Matt BiernerIn this episode, the JavaScript Jabber panelists discuss Visual Studio Code with Rachel MacFarlane and Matt Bierner, who are both developers on Visual Studio Code. They talk about what the workflow at Visual Studio Code looks like, what people can look forward to coming out soon, and how people can follow along the VS Code improvements on GitHub and Twitter. They also touch on their favorite extensions, like the Docker extension and the Azure extension and their favorite VS Code features.In particular, we dive pretty deep on:

Rachel and Matt intro
Month to month workflow of Visual Studio Code
VS Code JavaScript, TypeScript, and Mark Down support
Working on GitHub and within the community
Check out new features incrementally with insiders
Community driven work
What is coming out in Visual Studio Code?
GitHub helps to determine what they work on
Working on Grid View
Improved settings UI
Highlighting unused variables in your code
Improvements with JS Docs
Dart
Visual Studio Extension API
How do people follow along with the VS Code improvements?
Follow along on GitHub and Twitter
Download VS Code Insiders
Have a general road map of what the plan is for the year
Technical debt week
What do you wish people knew about VS Code?
Favorite extensions
Docker extension and Azure extension
And much, much more!

Links:

Sponsors

Picks:Charles

Rachel

GitLens

Matt

The Bronx Warriors

Special Guests: Matt Bierner and Rachel MacFarlane.

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.

AiA 191: UX in Angular with Tomek Sułkowski

Wed, 30 May 2018 10:00:00 +0000

Panel: Charles Max Wood Special Guests: Tomek SułkowskiIn this episode, the JavaScript Jabber panelists discuss UX in Angular with Tomek Sułkowski. Tomek currently works as a front-end engineer for an app creating company, as well as has been working for Sages running front-end workshops that mostly have to do with Angular. They talk about his blog post, buttons, and improving the user experience. They also touch on the importance of using simple solutions rather than overcomplicated ones, how to teach UI in training, and much more!In particular, we dive pretty deep on:

Tomek intro
Tomek blog post: Angular techniques: Improve submit button’s UX by NOT disabling it
Use a simple directive
The disabled button
Think about how the user will use it when coding
Using disable submit button when submitting a form
Are there other things that people do that hurt their user experience?
Making the UI easier for users
Looking into animations to improve user experience
Angular
Angular Router Animations: the tricky bits by Tomek
Routing from one path to another
Small animations can go a long way
The importance of not overcomplicating things
What is the approach you take for teaching UI in your training?
Know who you’re teaching
Buttons
Buttons make the interface much more usable
Building forms
Template based forms
And much, much more!

Links:

Sponsors:

Picks:Charles

Tomek

Special Guest: Tomek Sułkowski.

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.

AiA 190: Visual Studio Code and the VS Code Azure Extension with Matt Hernandez and Amanda Silver LIVE at Microsoft Build

Tue, 22 May 2018 12:45:00 +0000

Panel:

Charles Max Wood

Special Guests: Matt Hernandez and Amanda SilverIn this episode, the JavaScript Jabber/Adventures In Angular, panelists discuss Visual Studio Code and the VS Code Azure Extension with Matt Hernandez and Amanda Silver at Microsoft Build. Amanda is the director of program management at Microsoft working on Visual Studio and VS Code. Matt works on a mix between the Azure and the VS Code team, where he leads the effort to build the Azure extensions in VS code, trying to bring JavaScript developers to Azure through great experiences in VS Code. They talk about what’s new in VS Code, how the Azure extension works, what log points are, and much more!In particular, we dive pretty deep on:

Amanda intro
Matt intro
What’s new in VS Code?
VS Code core
VS Live Share
Shared Terminal
Now have Linux support
Live Share is now public to the world for free
What would you use Shared Terminal for?
Are there other things coming up in VS Code?
Constantly responding to requests from the community
Live Share works for any language
How does the Azure extension work?
Azure App Service
Storage extension
Azure Cosmos DB
What are log points?
All a part of a larger plan to create a better experience for JS developers
Visual debuggers
Is it the same plugin to support everything on Azure?
Want to target specific services that node developers will take advantage of
And much, much more!

Links:

Picks:Charles

Orphan Black
Shout out to VS Code team
Battle of the Books

Matt

Amanda

Special Guests: Amanda Silver and Matt Hernandez .

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.

AiA 189: Angular Contributor with Tracy Lee and Stephen Fluin

Tue, 15 May 2018 14:00:00 +0000

Panel:

John Papa
Joe Eames

Special Guests: Tracy Lee and Stephen FluinIn this episode of Adventures in Angular, the panel talks to Tracy Lee and Steven Fluin about Angular Contributor Days. They talk about what Angular Contributor Days is, why they decided to create it, and the changes they have made since last year’s Contributor Days. They also touch on the importance of empowering developers to contribute to the Angular community in their own way and giving them a place to have their voice be heard.In particular, we dive pretty deep on:

What is Angular Contributor Days?
Celebrate and recognize Angular community
Angular
Now online so more people can participate
ContributorDays.com
Sending out a survey
What is the point of Contributor Days?
Angular has a rich ecosystem of collaboration
Talking about education
Angular Bootcamp
Angular Core team panel
Who should attend this event?
Awesome way to discover this ecosystem
Helping people feel empowered
Is attending in person the only way to participate?
It is all online this year
Empowering people to contribute in their own way
Tough to work with everyone’s time zone
The event will be fully recorded
Contributor days for a majority of the JavaScript ecosystem
Everyone gets their voice heard
Adoption is not the goal
Breaking down walls as developers
And much, much more!

Links:

Picks:Joe

Barking Up the Wrong Tree by Eric Barker

John

Embossing Tape

Tracy

Stephen

update.angular.io

Special Guests: Stephen Fluin and Tracy Lee.

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.

AiA 188: ngGirls Part 2 with Shmuela Jacobs

Wed, 09 May 2018 21:00:00 +0000

Panel:

Charles Max Wood
Alyssa Nicoll
Joe Eames

Special Guests: Shmuela JacobsIn this episode of Adventures in Angular, the panel talks to Shmuela Jacobs about ngGirls. Shmuela founded ngGirls, which is an organization where they try to increase diversity in tech, and it is mainly focused towards Angular. This is because she loves Angular and feels that it is a good platform to start with because of its simplicity. They talk about how she came up with the idea for ngGirls, how the company works, and stress the incredibly helpful nature of the Angular community. In particular, we dive pretty deep on:

Shmuela intro
Angular and ngGirls
The Angular community
How the workshop works
Free workshop run by volunteers
Going to be at Google I/O
How did you come up with ngGirls?
Django girls
Women Who Code
Great experience with Django girls
Wanted a company geared towards Angular
The tutorial was written by the community
How much people in the Angular community want to help
Angular JS
Still so much to learn in Angular
People taking over
Workshops happen all over the world
The company allows for other people to organize the workshops themselves
Is ngGirls growing beyond you?
Plans to start more with helping to guide others as the company grows
Creating more activities for more experienced women or different ages
And much, much more!

Links:

Picks:Charles

Joe

ngConf
Role Playing Games

Shmuela

Special Guest: Shmuela Jacobs.

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.

AiA 187: Teaching Angular through Rhyme.com with Minko Gechev

Tue, 01 May 2018 10:00:00 +0000

Panel:

Charles Max Wood
Ward Bell

Special Guests: Minko GechevIn this episode of Adventures in Angular, the panel talks to Minko Gechev about teaching Angular through Rhyme.com. Minko is currently working on Rhyme.com, which is a platform for hands-on demos and trainings. They touch on what Rhyme.com is, how it works, and the advantages to using it, especially in training. They also go into detail as to how an all sides workshop is set up and the versatility of using Rhyme with many different frameworks.In particular, we dive pretty deep on:

Minko intro
What are you most famous for in the Angular community?
Angular.js style guide
What is Rhyme?
How does Rhyme work?
All sides workshop advantages
CodeSandbox.io
Plunker
Full on BM with virtual access
Run things in your bowser eventually
Working in the cloud
Linux and Windows
How workshops work
Providing video recordings
You can teach anything through Rhyme
Have you used this in a coding environment?
Angular CLI
How are you using Angular to build this system?
How much of the work is Angular pulling for you?
TypeScript
Architecture of Rhyme
What is WebRTC?
And much, much more!

Links:

Picks:Charles

Ward

Minko

ngConf

AiA 186: ngUpgrade in the Real World with Sam Julien

Tue, 24 Apr 2018 10:00:00 +0000

Panel:

Charles Max Wood
John Papa

Special Guests: Sam JulienIn this episode of Adventures in Angular, the panel talks to Sam Julien about ngUpgrade in the real world. Sam is an Angular teacher and developer in Portland, Oregon and has spent a lot of time working through the issues with ngUpgrade. He has also launched a course called Upgrading Angular JS. He talks about the process behind upgrading and the two phases and four building blocks that are present in this process. They also touch on the fact that Angular JS is very different in the real world versus in theory.In particular, we dive pretty deep on:

Sam intro
Do you see steady traffic with needing ngUpgrade?
Angular JS is popular in the enterprise community
How do people get started with upgrading?
Update to a current version of Angular JS
Building blocks to upgrading
TypeScript and Webpack
The most important things to be doing
npm
General process – 4 building blocks and 2 phases
Determine your approach
Different approaches available for upgrading
Pick a route and work from the bottom up
Angular AOT mode
Upgrading is overwhelming but is manageable
Don’t rush the process
Create a reasonable timeframe
You can’t always use the CLI for these projects
Target those who feel stuck
What are the biggest problems that you’re seeing?
And much, much more!

Links:

Picks:Charles

Star Realms

John

ng-AI

Sam

AiA 185: Angular for Java Developers with Yakov Fain

Tue, 17 Apr 2018 10:00:00 +0000

Panel:

Shai Reznik
Alyssa Nicholl
Joe Eames

Special Guests: Yakov FainIn this episode of Adventures in Angular, the panel talks to Yakov Fain about Angular for Java developers. Yakov has worked as a Java developer for about 18 years, and in the last 4 or 5 years, he also started using front-end frameworks like Angular. They talk about what made him switch over to Angular, how it has improved his programming, and when it is best to utilize this framework. They also discuss how Yakov trains Java developers to start using Angular and the two methods he uses to do so.In particular, we dive pretty deep on:

Yakov intro
Wrote books on Java and Angular
Angular
Adobe Flex
Why he stopped using Adobe Flex
Angular and TypeScript combination
Angular is built for large-scale projects
Angular is good for creating single-page apps
When Angular isn’t that great
What he’s looking for in Angular 6
Creating widgets
Angular Element
The programming community looks down on JavaScript
CSS
Recommends people learn CSS if they are a Java developer
The beauty of the industry
There is a specific way to teach to Java developers Angular that is easy for them to understand
Two major directions in training Java developers
And much, much more!

Links:

Picks:Shai

Joe

Yakov

Special Guest: Yakov Fain.

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.

AiA 184: ngGirls with Shmuela Jacobs, Samantha Rhodes, and Bonnie Brennan

Tue, 10 Apr 2018 10:00:00 +0000

Panel:

Charles Max Wood
Alyssa Nicholl
John Papa
Joe Eames

Special Guests: Shmuela Jacobs, Samantha Rhodes, and Bonnie BrennanIn this episode of Adventures in Angular, the panel talks to Shmuela Jacobs, Samantha Rhodes, and Bonnie Brennan about ngGirls. ngGirls is an organization that provides a free one-day workshop with volunteer mentors who will teach them Angular basics. It was inspired by Django Girls and provides this type introduction to programming for women who want to learn about Angular. They are really passionate about bringing ngGirls all around the world so that women everywhere can be introduced to both Angular and programming.In particular, we dive pretty deep on:

What is ngGirls?
Started in November 2016 in Israel
Django Girls
Helps build motivation in young girls to keep programming
Angular
ngConf and Google I/O events coming up
What is an ideal mentor?
What does the curriculum look like?
Angular Bootcamp
Do you have a prep pack ahead of time?
How do you sign up to be a mentor?
Do you encourage people to organize their own ngGirls?
How do you get the word out about the conferences?
Using twitter
How much experience do you need for ngGirls?
They need more girls mentors
Even if you’ve just started learning Angular, sign up as a mentor!
And much, much more!

Links:

Picks:Charles

Black Mirror

Alyssa

Ready Player One Movie

Joe

“Here are the best programming languages to learn in 2018”

John

ng-AI Hackathon by Microsoft

Shmuela

Sam

ngConf

Bonnie

Special Guests: Bonnie Brennan, Samantha Rhodes, and Shmuela Jacobs.

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.

AiA 183: TDD with Shai Reznik

Tue, 03 Apr 2018 15:00:00 +0000

Panel:

Charles Max Wood
Ward Bell
Joe Eames
John Papa

Special Guests: Shai ReznikIn this episode of Adventures in Angular, the panel talks to Shai Reznik about TDD. TDD is a technique used to write unit tests. They discuss what exactly unit testing is, the benefits of it, and why you would want to use it to test your code. Shai then discusses what TDD is, why you would use it, the benefits of it, and how you can get started using TDD in your own code. He loves that he can use TDD as a design tool for code and that it forces you to write cleaner, more modular code.In particular, we dive pretty deep on:

What is TDD?
Test Driven Development
What is unit testing?
Benefits of unit testing
Faster feedback and saves you from regression bugs
JavaScript Unit Testing & TDD Theory by Shai
Red, Green, Refactor
Why would you want to use TDD?
Benefits of TDD
You actually get to write the tests
Forces you to write more modular and cleaner code
Use TDD as a design tool for code
Do you actually write code using TDD?
Angular
Ember
Production code vs other types of code
Write tests around assumptions
Is TDD Dead? YouTube Series
Allows you to think through what you want to build before you build it
Blueprint in a sense
Testing vs TDD
And much, much more!

Links:

Picks:Charles

Get involved in the political process

John

Don’t be afraid to have healthy discussions
Five Things
The 7 Ds of Development Talk

Joe

The Mistakes I Made As a Beginner Programmer by Samer Buna
An Overview of JavaScript Testing in 2018 by Vitali Zaidman
Try it out and decide for yourself

Ward

NgRx Data

Shai

Machine Learning-Driven Bundling by Minko Gechev
Angular TDD course coming soon
JavaScript Unit Testing & TDD Theory

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.

AiA 182: Brittany Moore's Path into Angular

Tue, 27 Mar 2018 10:00:00 +0000

Panel:

Charles Max Wood
Alyssa Nicoll
Ward Bell
John Papa
Special Guests: Brittany Moore

In this episode of Adventures in Angular, the panel talks to Brittany Moore about her unique experience into Angular. Brittany has been working as a front-end developer for about four years and is currently a consultant for Test Double. She was first introduced to Angular at a talk that John Papa gave and was blown away by the sheer power of it. She really encourages people who are learning Angular to get out and attend talks, conferences and meetups so that they can build connections and get more information from people who are good at what they do.In particular, we dive pretty deep on:

Brittany intro
Angular
Front-end background
JavaScript and CSS
Discovered Angular from a talk
Angular JS and Angular 2.0
What made Angular appeal to you?
CS graduate
Before Angular, she used a lot of trial and error
C#
Had trouble getting stated without a JavaScript background
Angular gave her a clear path forward and a framework that was understandable
Got on as many online communities she could
Learned Angular through help on the internet and community resources
Encourages people to attend conferences and meetups
Ruby Rogues Episode 255
How did you go to conferences when you didn’t know anyone?
The importance of pushing yourself out of your comfort zone
Her career is defined by the conferences she went to
Emotional reaction to conferences
ng Vikings
Just going to the conferences are beneficial
What were your biggest OMG moments at conferences?
And much, much more!

Links:

Picks:Charles

Alyssa

Diversity Fundraiser

Ward

ngRx Data

Brittany

Special Guest: Brittany Moore.

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.

AiA 181: Doing More with Less and Router-First Architecture with Doguhan Uluca

Tue, 20 Mar 2018 10:00:00 +0000

Panel:

Charles Max Wood
Ward Bell
Shai Reznik
John Papa
Joe Eames

Special Guests: Doguhan UlucaIn this episode of Adventures in Angular, the panel discusses doing more with less and router-first architecture with Doguhan Uluca. Doguhan works for a consulting company in Washington D.C. called Excella, where he is on the JavaScipt Special fleet and is a software development expert. He is also the founder of the Tech Talk DC meetup and organized the DC Full Stack Dev Summit last year. They talk about doing more with less with code and the importance of deleting code that is unnecessary. Also, they discuss router-first architecture and how it can be used to your advantage in your coding.In particular, we dive pretty deep on:

Doguhan intro
Excella Consulting Company
Tech Talk DC
DC Full Stack Dev Summit
Being a polyglot is great, but in practice it is very difficult
What is true a polyglot developer?
Deleting code
Why would you want to delete code?
Do more with less when it comes to code
JavaScript
Going back to the basics
More code lends to more bugs and issues
How does this relate to router-first architecture?
Writing a book
Need a road map before you star refining things
Get a picture of the shape of the application and then start thinking ahead of time
The importance of planning ahead when coding
Agile Software Development
Walking skeleton from the beginning
Get to the first wrong answer as quickly as possible and fix it
And much, much more!

Links:

Picks:Charles

Ward

Homo Deus by Harari

Shai

John

Twitch

Joe

Wasteland Express Delivery Service Board Game

Doguhan

Special Guest: Doguhan Uluca.

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.

AiA 180: Angular Today with Stephen Fluin

Mon, 12 Mar 2018 10:00:00 +0000

Panel:

Charles Max Wood
Joe Eames

Special Guests: Stephen FluinIn this episode of Adventures in Angular, the panel discusses Angular today with Stephen Fluin. He leads developer relations on the Angular team, and he has two missions when it comes to the Angular team: to help developers and organizations be successful with Angular and to understand what it’s like to be an Angular developer in the real world, so they can make the right platform decisions as they evolve things from their side. They talk about the new things that are happening with Angular and discuss where the framework is headed in the future.In particular, we dive pretty deep on:

Stephen background
Two missions on the Angular team
Angular
What’s new with Angular?
Angular version 5 update
Pre-fix change for developers
Component development kits
NG Bootstrap
PrimeFaces
Advantages of using the CDK
Angular CLI
Schematics
NG Update
Build Tools convergence and how it will affect effect developers
Webpack
Integrating Bazel in the future
Get a Coder Job Course
NG generate
And much, much more!

Links:

Picks:Charles

Joe

Stephen

Special Guest: 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.

AiA 179: State of JS with Sacha Greif

Tue, 06 Mar 2018 11:00:00 +0000

Panel: Charles Max WoodAlyssa Nicoll Special Guests: Sacha GreifIn this episode of Adventures in Angular, the panel discuss the state of JS survey with Sacha Greif. This is a survey that is sent out to developers in order to see what people perceive the state of JavaScript is. They talk about his inspiration for creating this survey as well as discuss the data that was collected. This is a great episode for people who want to hear interesting data on JS in today’s current climate.In particular, we dive pretty deep on:

What is the State of JS?
23,000 responses this past year
What inspired you to do this?
JavaScript
Meteor
JavaScript fatigue
Great snapshot of where people are at
Backbone
Great tool to detect trends
Backgrounds of the people who created this survey
Bias in the results
GraphQL
Correlation vs causation issue
Why certain frameworks are scarce
Bootcamps are teaching React and Angular now
Do you have indications as to why there are increases in some areas and declines in others?
Vue is the fastest rising project on GitHub currently
Rising Star JS
And much, much more!

Links:

Picks:Charles

Sacha

Special Guest: Sacha Greif.

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.

AiA 178: The Framework Summit

Tue, 27 Feb 2018 11:00:00 +0000

Panel: Charles Max WoodShai ReznikJoe EamesJohn Papa Special Guests: NoneIn this episode of Adventures in Angular, the panel discuss the Framework Summit. This is a conference that is focused on front-end frameworks, such as Angular, React, and Ember. Frameworks are such a central piece to front-end development, and so this conference is going to be detailed towards people who are working with multiple types of frameworks or want to learn about new frameworks. One of the biggest goals of this conference is to help end framework wars and bring people from different types of frameworks together.In particular, we dive pretty deep on:

What is the Framework Summit?
How is this conference different from other general JavaScript conferences?
Broad conference- includes many different frameworks
Good amount of content on each framework
What will the experience be like at the conference?
Higher chance of finding a talk you’re interested in
2-day conference
Single-track and multi-track days
Ember, Knockout, View, Elm, Angular, and React
Oct 2-3, 2018 in Park City, Utah
Great for meeting people and making connections
Comparing the frameworks
Fostering community
How similar each of the frameworks are
Goals of the conference
Framework wars
What do you get out of this conference?
Meeting people from different communities
And much, much more!

Links:

Picks:Charles

GameVice
PipeDrive
View and React Podcasts Coming Soon
React Summit

Joe

Shai

AiA 177: Angular's BuildTools Convergence with Alex Eagle

Tue, 20 Feb 2018 11:00:00 +0000

Panel: Charles Max WoodJoe EamesAlyssa NicollJohn PapaWard Bell Special Guests: Alex EagleIn this episode of Adventures in Angular, the panel discusses Angular’s BuildTools with Alex Eagle. Alex has been working on the Angular core team at Google for the past three years and works on developer tooling there. He discusses the advantages of using a new build system, Bazel, and how using this system could improve your coding across the board. They also compare Bazel to other Angular tools and talk about when you would want to integrate Bazel into your tool belt.In particular, we dive pretty deep on:

Angular plumbing
Google Monorepo
Bazel software
Micro-services
Not all tools need to be written JavaScript
Pros of Bazel build system
Compilation in Angular CLI
Two second rule
How do you know when Bazel is good for you?
Production mode vs development mode
Feeling nervous about using Bazel
Want your CI to have cashing
What does Bazel look like today?
What will Bazel look like when your done with it?
Take rules and compose them however you want
Bazel syntax is like Python
Rules
Bazel Ecosystem vs Angular Ecosystem
Tools in your Toolchain
And much, much more!

Links:

Picks:Charles

Joe

Alyssa

The Impossible Project

Ward

Fly Like an Eagle by Steve Miller Band

Alex

Pocket Operators

AiA 176: NG Dynamic Forms with Udo Schöfer

Tue, 13 Feb 2018 11:00:00 +0000

Panel: Charles Max WoodJoe Eames Special Guests: Udo SchöferIn this episode of Adventures in Angular, the panel discusses NG Dynamic Forms with Udo Schöfer. Udo is web engineer from Nuremberg, Germany, with a focus on Angular, Node and Responsive Design. He is also the creator of NG Dynamic Forms. Udo discusses this topic and when and why it is best used, as well as the steps to use this library in Angular. He wanted to be able to give something back to the community and invites everyone to at least give it a try.In particular, we dive pretty deep on:

NG Dynamic Forms Library
Dynamically generates forms based on the field it’s given
What level would you want to use this at?
This is for complex, heavily form driven single-page applications
Defines validators and error messages in an easy way
MongoDB
Disadvantages to using a Dynamic Forms approach
When does it get complicated to use?
Libraries
Flexbox layouts
Needs for this library
Steps to use this in Angular
Debugging
Validations in the form
Template vs Reactive Base forms
How to test forms
Angular test bed and angular code
Comparison on Udo’s GitHub Account
Future projects
And much, much more!

Links:

Picks:Charles

Game Vice
State of the Union Address

Joe

Framework Summit
Firefly

Udo

Tom Brady
Wrong Creatures by Black Rebel Motorcycle Club

Special Guest: Udo Schöfer.

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.

AiA 175: Angular Differs with Minko Gechev

Wed, 07 Feb 2018 04:00:00 +0000

Panel: Charles Max WoodJoe EamesAlyssa NicollWard BellShai ReznikSpecial Guests: Minko GechevIn the episode of Adventures in Angular the panel discusses Angular Differs with Minko Gechev. Minko is a return guest to AiA, and is the founder o Rhyme and contributes to the Open Source community regularly. Minko is on the show to talk about Angular Differs. The discussion covers the details of the Differs and why they are important on the Angular platform. The topics covered are the concerns of differs, data applications and structures, problems solved and why it is good for Angular developers and much more.In particular, we dive pretty deep on:

Startup Rhyme and Open Source
Differs
Differ helps find out the difference in data applications
Problems it solves and why it is good for a day to day Angular developer
Behavior of NG 4 - Example
Binding refresh
How made you write the blog post?
Pump a Promise or an Async?
Binding to Differs, Observable, etc.
Turbo Differ
Track by Function
Implementing the track by function
Implementation detail
Tips for Building and Test Differs?
Angular source?
Rhyme
and much more!

Links:

Picks:Charles

Alyssa

Arch - game
War Knight - game

Ward

The Translation of The Odyssey

Joe

Shai

Minko

3rd Edition of Book Switching to Angular
Conditional types of TypeScript
Stack Blitz

AiA 174: Reducing Boilerplate of Redux/NGRX Patterns in Angular with Austin McDaniel

Wed, 31 Jan 2018 05:00:00 +0000

Panel: Charles Max WoodJohn PapaAlyssa NicollWard BellShai ReznikSpecial Guests: Austin McDanielIn the episode of Adventures in Angular the panel discusses Reducing Boilerplate of Redux/NGRX Patterns in Angular with Austin McDaniel. Austin is an Angular Team Member, he contributes to the material project, is a panelist on the Angular Air Podcast, and much more. Austin talks about the boilerplate issues of Redux/NGRX Patterns in Angular. Austin and the panel discuss the fixes for these once difficult actions with NGRX actions. This is a great episode to understand the reduced boilerplate and libraries.In particular, we dive pretty deep on:•Issues with boilerplate

Libraries
Redux patter for Angular - Advantages
NGRX
Complexities
If you are using and injectable service
More resources at: AiA Episode 169 with Jesse Sanders
Question what we are saying!
Make sure it is solving problems
Store systems
Writing an API
Command Query Operation
Switch Statements
Redux Actions
Passing String constants
Actions and Type
Passing the action class
Reducers
Keeping the project portable
Relations
Code Generator

•and much more!Links:

http://amcdnl.com
Angular Air Podcast
@amcdnl
github.com/amcdnl
https://devchat.tv/adv-in-angular/aia-169-ngrx-entities-jesse-sanders
https://github.com/amcdnl/ngrx-actions

Picks: Charles

Alyssa

My Fitness Pal
DropBox Paper

Ward

Last Pencil Factory

John

Shai

Getting Things Done
Workflowy
Karma Maca Reporter

Austin

Apollo Graph QL
StoryBook

Special Guest: Austin McDaniel.

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.

AiA 173: StackBlitz with Eric Simons and Albert Pai

Wed, 24 Jan 2018 03:00:00 +0000

Panel: Joe EamesAlyssa NicollWard BellSpecial Guests: Eric Simons and Albert PaiIn the episode of Adventures in Angular, the panel discusses StackBlitz with Eric Simons and Albert Pai. the co-founders of thinkster.io, where their company javascript technology’s various frameworks and backend. Also, with the recent creation of Stalkblitz, which is the main topic of today discussion.Stackblitz it an online VS Code IDE for Angular, React, Ionic, and a few more other technologies are supported. This is designed to run web pack and vs code inside your browser at blazing fast speeds. Eric and Albert dive into the many different advantages and services available by StackBlitz and thinker.io.In particular, we dive pretty deep on:•Programming at 10-13 years old

Created thinkerster.io together
What is Stalkblitz?
Local dev environments
Six months of work into making Stackblitz online
What is the business model?
Are you using Monaco?
VS Code Dark Plus
Concept and possibilities of building Stalkblitz
NPM and IDE sides
Low amount of resources?
Written in vanilla Javascript
Speed and increasing performance
How did you do the NPM stuff?
Yarn and NPM Binaries
Dependency managers
5X speed increase
The need for the CLI
Schools using Stackblitz to teach JavaScript
Speed, running offline
Custom API for Angular
Turbo
Firebase
Azure - Deploy?
Features?
VS Docs
VS Code

•and much more!Links:

Picks:Joe

Alyssa

Ward

No Pick

Eric and Albert

Special Guests: Albert Pai and Eric Simons .

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.

AiA 172: The Clarity Project at VMware with Eudes Petonnet-Vincent and Matt Hippely

Tue, 16 Jan 2018 21:00:00 +0000

Panel: Charles Max WoodJoe EamesAlyssa NicollWard BellSpecial Guests: Eudes Petonnet-Vincent and Matt Hippely In the episode of Adventures in Angular the panel discusses The Clarity Project at VMware with Eudes Petonnet-Vincent and Matt Hippely. Matt is a user interface engineer and has been working on The Clarity Project for a year. Matt has front experience as well as in many other aspects of the Clarity project. Eudes is a Web UI engineer, and well all piece of the stack in the project. Clarity is an Angular component library and full design system. The panel and guest discuss the build of the Clarity project, bootstrap, VMware, and much more.In particular, we dive pretty deep on:

An Angular component library
A Full design system
Bootstrap
Data Grid
VMware - open source
Consistency
Challenges of writing an open-source component library
Innovating in Angular since beta
The spread across VMware before going open-source
Building a competent Library for Angular
Building another bootstrap
Moving the framework
Trust the enforcing of the buttons
How did package up a 3rd party library? How is you tackle it?
NG packager
Manual Go build
Consider option for Clarity React, Clarity Custom Elements
and much more!

Links:

Picks:Charles

PB Wiki

Joe

Jumanji: Welcome to the Jungle

Alyssa

Ward

New Hammock
Lincoln in the Bardo

Eudes

Event of Code
Bit Burner

Matt

Special Guests: Eudes Petonnet-Vincent and Matt Hippely .

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.

AiA 171: Why People Are Sticking With AngularJS (1.x)

Wed, 10 Jan 2018 04:15:00 +0000

Panel: Charles Max WoodJoe EamesAlyssa NicollIn the episode of Adventures in Angular the panel discusses why people are sticking with Angular JS (1.x). The panel talks about the pros and cons of working in Angular 1.x. Chuck talks about a quick poll and about those who are still using AngularJS 1.x and not Angular 2.x. The discussion covers resources, expertise, familiarity, community, stability, RXJS, etc. This is a great episode for those who want to learn more about reasons to why some abandon or stay with AngularJS 1.x.In particular, we dive pretty deep on:•Why are you still using with Angular 1.x, and not Angular 2.x

More people are experts in Angular 1.x
Example: Which iPhone are you using?
RXJS
Changes, Stability, etc.
Keeping up with AngularJS
Bridging the Gap since 1.6
Upgrading to View
Working in View
Typescript and View working together
Comparison to Politics
Using Backbone
Reason to moving on to new platforms
Consider testing and take off the beta tag
New versions every month - Typescript, release schedule for Angular
Complexities
RXJS
DSL Decorators
Angular 2 material
Comparison Charts of Angular 1.x and Angular 2.x
Fixing what is not broken
Google supporting Angular 1.x
NG Doc
Wanting to do AngularJS
Server-side render rendering
I need widgets.
Angular 1.x declining
and much more!

Picks: Charles

My Angular Story on Dev Chat TV
Indiegogo for View and React, and Elixir
JavaScript Daily

Joe

Alyssa

NG Conf.

AiA 170: NG Atlanta with Zack Chapple and Kim Maida

Thu, 04 Jan 2018 04:00:00 +0000

Panel: Ward BellJoe EamesCharles Max WoodSpecial Guests: Zack Chapple & Kim MaidaIn the episode of Adventures in Angular the panel speaks with Zack Chapple. Zack is a software architect at Career Builder , and is the founder and main organizer for NG Atlanta. Zack is on the show to talks about the inspiration for NG Atlanta and the origin stories of the conference. Zack describes the details and goals of the conferences concerning diversity, demographics, and technology.Also joining the show is Kim Maida. Kim is the technical content lead at Auth0. Kim talks about the demographics of women and the diversity of the conference speaks and attendees. Zack is on the show to talks about the inspiration for NG Atlanta and the origin stories of the conference. Zack describes the details and goals of the conferences concerning diversity, demographics, and technology.In particular, we dive pretty deep on:

NG Atlanta - Two-day workshop and Two single-track conference
Diversity, Inclusion, Angular
Technology related to Angular
Leverage where we are in technology
Origin story of NG Atlanta
Programs
Holistic approach
Community and interpersonal skills
Diversity
50 percent of speakers are women
Tech conferences and statistics
Contributions
Diversity and Demographics
Calling out conferences
Putting together conferences
Code of conduct
Criteria for conferences
and much more!

Links:

https://www.careerbuilder.com
http://ng-atl.org
@KimMaida
@zchapple
https://auth0.com/blog/

Picks: Charles

Star Wars
Indiegogo for View and React, and Elixir

Joe

Murder on the Orient Express

Ward

Translation of the Odyssey

Zach

Kim

Special Guests: Kim Maida and Zack Chapple.

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.

AiA 169: NGRX Entities with Jesse Sanders

Wed, 27 Dec 2017 14:00:00 +0000

Panel: Ward BellAlyssa NicollJoe EamesJohnCharles Max WoodSpecial Guests: Jesse SandersIn the episode of Adventures in Angular the panel speaks with Jesse Sanders. Jesse is the CEO of BrieBug, A consulting firm in Denver Colorado. Jesse talks about the interesting challenges his company encounters with helping their clients with form creative solutions. Jesse mentions being a developer for over 20 years and familiarity with many platforms.Jesse is on the show to talk about NGRZX, Entities, Redux States, etc, the panel asks questions about how this all applies to Angular. Jesse talks about the current complexities and how these tools handle events, components, etc. This is a great episode to learn more about NGRX, Entities, and Redux, and how they used with Angular.In particular, we dive pretty deep on:•What does BrieBug do for its clients?

Show what is the state management stuff?
Thousand lines of code?
Dumb and Smart components
Redux? Isn’t that a React Thingy
Redux is just a pattern
Un-opinionated
Nested data
Mabex
Redux has much ceremony around it…
Choosing redux
Shared State
There is no one sire fits all solution
If NGRX was right for us?
Combining states
Normalizing data first
Converting data from ray data
Using an adapter
Dictionaries
Deconstructing
How to we make its NGRX pattern easier?
Difficulties with the patterns
Learning the step zone

•and much more!Links:

https://www.briebug.com
https://github.com/briebug
https://www.youtube.com/watch?v=pffEkpuZpPo
Slides from presentation

Picks: Charles

NG Atlanta
Indiegogo for View and React, and Elixir
Echo

John

Learning more about View, React, and Angular

Ward

Going to see Star Wars

Joe

Alyssa

Survey Results for the state of JavaScript

Jesse

Special Guest: Jesse Sanders.

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.

AiA 168: Angular Connect with Peter Bacon Darwin

Wed, 20 Dec 2017 02:00:00 +0000

Panel:Ward BellAlyssa NicollJohn PapaJoe EamesCharles Max WoodSpecial Guests: Peter Bacon Darwin and Megan Kingdom-DaviesIn the episode of Adventures in Angular the panel speaks with Peter Bacon Darwin and Megan Kingdom-Davies. Peter is an Angular Developer, known for maintaining AngularJS and the creator of Jammy. Megan is an event organizer with White October Events in the UK and has organized the Angular Connect Event. The panel and guest discuss the great environment of the conference and the business and community connections they form during the conference.In particular, we dive pretty deep on:•Angular Connect Conference details and what it is about

Who is it for?
What is the selling point?
Creating contacts and connections
Office hours of the conference
Informal conference events
Meeting new people in the community
Closed Captioning
Diversity and inclusion of the community
Facilities available for gender, religious, physical, and psychological specifics
How many attendees and how big is the conference - 1100 attendees/ 60 speakers
Big announcements? Angular Elements
Mobex
Chicken Dance
and much more!

Links:

Picks:Charles

Why are you using AngularJS? Email or Tweet ar @cmaxw

Joe•NG Conf.

Ward

Burke Holland
How to uppercase a stray envious code
Peter Video talking about Jenny
https://www.youtube.com/watch?v=VkSmaFAuaH4

John

Psych

Shai

Solid Principles of OO

Peter

Special Guests: Megan Kingdom-Davies and Peter Bacon Darwin.

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.

AiA 167: Deploying Angular

Tue, 12 Dec 2017 11:00:00 +0000

Panel: Ward BellJohn PapaJoe EamesCharles Max WoodIn the episode of Adventures in Angular the panel discusses Deploying Angular. Specifically, the panel talks about the complexities of the development server and CLI. Each panelist talks about their own paths on how they might deploy, the uses of guides, projects, tools or technologies and strategies they use to help the production. This is a great episode to grasp different approaches and tools to deploying Angular.In particular, we dive pretty deep on:•Is it easy Joe? Did you figure it out?

Difficulties, Effort
CLI is different in Production
ng-doc. io
Staging environments
Deploying with Rails
Using the web packer gem
Fall back routes
Web servers for deployment?
Guides
CLI as a crutch
Reducing cost with Circle CI
Building a web server
Schematics
Docker File
In person deploying…rather then someone else?
Checking-In
Code Ship, Git Lab
Azure
Comfortability to implement
Investing time to learn how to do this!
Building a docker image
If you are not using VS Code, how long does it take?

•and much more!Links:

Picks:Charles•Stranger Things 2

Avengers: Infinity War

Joe•NG Conf.

Ward

Novel - The Shadow of the Wind

John

Try other Technologies

AiA 166: Visual Studio Code and Live Sharing with Chris Dias and PJ Meyer LIVE at Microsoft Connect 2017

Tue, 05 Dec 2017 11:00:00 +0000

Charles Max WoodSpecial Guests: Chris DiasPJ MeyerIn this episode, Charles is at Microsoft Connect 2017 in NYC. Charles speaks with Chris Dias and PJ Meyer about Visual Studio Code and Live Sharing. Chris and PJ explain more on their demo at Microsoft Connect on Live Collaborative Editing and Debugging. Learn more about the new features with Visual Studio Code and the efficient workflows with screen sharing, and much more.In particular, we dive pretty deep on:

Demo on Live Collaborative Editing and Debugging explained
New Features with VS Code
Developer productive
Debugging pain points
Getting feedback
New in VS Code
Language support and Java Debugger
Live Share
Debugging from different machines and platforms
Multi-Stage Docker File
TypeScript compiler
More on debugging with Cosmos DB
Debugging in the Cloud?
Docker Extensions
Data Bricks
Updated python tools
Coming up with Visual Studio Code in the next 6 months
TypeScript and Refactoring
Getting the word out about code - Word of mouth?
Number of people using VS Code?
Envision for what VS Code is becoming?
Preparing for a keynote and processes?
And much more!

Links:

https://code.visualstudio.com
https://github.com/chrisdias
GitHub.com/microsoft
@code

Picks:Chris

Pizza

Deli

Charles

Coupon Pass for tourist in NYC

Special Guests: Chris Dias and PJ Meyer.

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.

AiA 165: Angular Air with Justin Schwartzenberger

Wed, 29 Nov 2017 04:00:00 +0000

Panel: Joe EamesCharles Max WoodSpecial Guest:Justin SchwartzenbergerIn the episode of Adventures in Angular the panel welcome Justin Schwartzenberger to talk about Angular Air. Justin is a podcaster, product manager, and educator at Narwhal Technologies. Justin talks about his experience working with customers and contributing to the Angular community. Justin discusses the content of his podcast, Angular Air, and how it helps the Angular community learn all about Angular. This is a great episode for learning about other podcast platforms that focus on all things Angular.In particular, we dive pretty deep on:•What do you do at Narwhal and with Angular Air?

Angular Air podcast History
Hosting and Topics on Angular Air video podcast
Favorite episodes on Angular Air
How to figure out what to discuss on the podcast
Using the community to figure great topics
Competition for listening time
Things to learn - Angular Animations, GraphQL, etc.
Influences
Performances, Character, with the intros and hosting
Difficulties and Challenges - Scheduling and finding guests
Youtube videos recording and cueing up
Dealing with episodes notes on Youtube
Views on the Video platform vs. Audio platform
What is the future of Angular Air podcast?
Automation, Sponsorships, etc
What is the present and future of Angular overall?
Are people still doing Angular?

•and much more!Links:

Angular Air
@angularair
Narwhal Technologies (nrwl.io)
@schwarty
@jschwarty
schwarty.com

Picks:Charles

Joe

JavaScript Journey with Only Six Characters
5 year old MacBook Pro

Justin

Special Guest: Justin Schwartzenberger.

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.

AiA 164: TypeScript with Amanda Silver

Wed, 22 Nov 2017 01:00:00 +0000

Charles Max WoodSpecial Guests: Amanda SilverIn this episode, Charles is at Microsoft Connect 2017 in NYC. Charles speaks with Amanda Silver. Amanda is deemed the TypeScript and future of JavaScript guru, and this year's speakers at Microsoft Connect with Visual Studio Live Share. Amanda shares what is new with TypeScript and how that is a kind of subscript to JavaScript. Amanda explains the big picture of TypeScript’s inception and where she believes the language will be most efficient and effective for JavaScript and TypeScript developers.In particular, we dive pretty deep on:

What is new in TypeScript?
Keep JavaScript and TypeScript aligned
TypeScript is implemented to create larger scaled applications
Integration with VS Code, etc.
Building better tools for JavaScript Developers
When would this be taken on by users
Defaults in Visual Studio
TypeScript replacing JavaScript type service
TypeScript is written in TypeScript
Chakra runtime
Diaspora
The different faces of JavaScript
Optimized JavaScript runtime
Languages should be created with tooling
A satisfying tooling experience
Foot Guns
New Tokens
Eco-systems and metadata
Multi-phase
Minimum common denominator constantly changing
Collaborating on the same code
Open Source and the impact
How to move to open source
Contributing
The next thing for TypeScript
The future of JavaScript
And much more!

Links:

@amandaksilver

Picks:Amanda

Visual Studio Live Share
Instinct of learning technology

Charles

What is new in TypeScript?
Keep JavaScript and TypeScript aligned
TypeScript is implemented to create larger scaled applications
Integration with VS Code, etc.
Building better tools for JavaScript Developers
When would this be taken on by users
Defaults in Visual Studio
TypeScript replacing JavaScript type service
TypeScript is written in TypeScript
Chakra runtime
Diaspora
The different faces of JavaScript
Optimized JavaScript runtime
Languages should be created with tooling
A satisfying tooling experience
Foot Guns
New Tokens
Eco-systems and metadata
Multi-phase
Minimum common denominator constantly changing
Collaborating on the same code
Open Source and the impact
How to move to open source
Contributing
The next thing for TypeScript
The future of JavaScript
And much more!

Links:

@amandaksilver

Picks:Amanda

Visual Studio Live Share
Instinct of learning technology

Charles

Special Guest: Amanda Silver.

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.

AiA 163: Finding a Job with Charles Max Wood

Tue, 14 Nov 2017 03:00:00 +0000

Panel:Charles Max WoodIn this episode of Adventures in Angular, Charles does a solo episode talking about entrepreneurship and the topic/course on “How to Get a Job.” This is an informative episode for those looking for a job as a developer and how to prepare your resume for your career search. Charles covers the core pieces of the course and specific areas of tailoring your credentials for the job you want to acquire.In particular, we dive pretty deep on:

How do I get a great job? Companies are only hiring Senior Devs.
Your selling point as a Jr. Dev.
Framing your experience for the companies to better see your experience.
I don’t want a ( this kind of boss)
Feeling like you are making a difference in your job.
Who do you want to work for, with, where, and how, etc.
Working in a facility or remotely. What do you want?
Check out the meet-up places or workplaces (WeWork), Glassdoor
Check out the people who work that these companies, LinkedIn.
Check out company’s Slack rooms, forum, etc. to make connections
Visit the companies personally
Look into contacting the Meetup Organizers
Building rapport
Resume mistakes - how to properly format it so it is skim-able
Top 3 bullet points and tailor to each job
Unnecessary material in your resume - again tailor to the company
Important material to include on your resume, contributions on projects
The cover letter - How to do this correctly with a personal touch
What to do when you get the interview - the offer!
And much more!

Links:

devchat.tv/get-a-coder-job-full-accessfull-access
WeWork
Expert Salary Negotiation

AiA 162: Change detection in Angular with Maxim Koretskyi

Wed, 08 Nov 2017 05:30:00 +0000

Panel: Joe EamesAlyssa NicollShai ReznikSpecial Guest:Maxim KoretskyiIn the episode of Adventures in Angular the panel welcome Maxim Koretskyi to talk about Change Detection in Angular. Maxim explains that he enjoys reverse engineering and working with Angular. Maxim talks about working with Angular and React to figure out how the Change Detection works on both platforms. Furthermore, Maxim mentions that all his findings and on his blog on Medium.In particular, we dive pretty deep on:

Why Change Detection and what is most interesting about it?
Debugging
Reversing engineering in React and how Change Detection works
The difference in how Change Detection work in Angular and React
Diving into the source code for Angular 2.
The component is angular?
Directives
Life Cycle hooks
Change detection runs for each view notes
View notes are a directive
Loops and subsequences
Example View at 24:00
Intercepting the mouse click
Microtasks
How does Angular know that something has changed?
Compliers
Dynamic components

•and much more!Links:

Picks: Shay Reznik

Alyssa

Warld Domination

Joe

Maxim

Special Guest: Maxim Koretskyi.

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.

AiA 161: Upgrading Angular

Thu, 02 Nov 2017 02:00:00 +0000

Panel: Joe EamesAlyssa NicollCharles Max WoodWard BellAaron FrostIn the episode of Adventures in Angular, the panel’s discussion topic is about upgrading Angular. The panel covers preparation and the difficulties of getting started with the upgrade service. Notably, basic users do not understand the process of the updated with simple applications. Also, playing with the idea to rewrite your applications in Angular directly, or do we just upgrade?In particular, we dive pretty deep on:

NG upgrading - preparation with a module loader.
It is a mess to get started
Look at you Angular JSJ, and ask what am I gaining by doing this?
Can you write it in a different Angular directly?
How long till am I off of Angular JS or Backbone?
Application is written in Angular JS
Legacy documentation for updates
Annotating and bundling
Angular solves the performance stuff
Having someone in charge of it will have a smooth transition
Convenient function with upgrading
Upgrading big applications vs. Rewriting.
Typescript
Migration
Upgrading components
and much more!

Links:

NG Conf. 2018

Picks:Ward

NG Atlanta
Neutron Star Collision

Alyssa

NG Atlanta

Joe

Migrations
NG CONF.

Aaron

Neutron Star Collision

AiA 160: NG-Conf. 2018 Plans

Tue, 17 Oct 2017 10:00:00 +0000

Panel: Joe EamesAlyssa NicollCharles Max WoodWard BellSpecial Guests: Aaron FrostIn the episode of Adventures in Angular, the panel speaks with Aaron Frost. Aaron is a return guest and works at SaltStack. In this episode, the panel and Aaron ask questions about the upcoming NG Conf. 2018. The panel discusses the many exciting upcoming topics discussions, events, and speakers.Importantly, Aaron and Joe give a preview of the theme of the event. Aaron mentions, for this year, NG Conf. is going to be about what the community wants to hear about. This is based on recent surveys taken by developers and new coders. These particular details extend into to specific speakers and the level of expertise for discussion.In particular, we dive pretty deep on:•NG Conf. - Grand America - April 18-20, 2018

Kid Conference
2 whole days of workshops
Same intro as last year
Schedule of workshops and event speakers
Parties and food
Activities
Theme - around “Ready Player One” - 80s
Who is coming and who is speaking
Number 1 thing to come away with - NGRX
#3 - Actually Animation?
Non-Angular topics? AI, Electro.
Ticket Sales - Waitlist raffle,

•and much more!Links: •SaltStack •NG Conf. 2018 •github.com/aaronfrost/ama•github/bryanforbes•Grand America Booking

Ready Player One

Picks: Ward•BackpackingAlyssa•NG Atlanta Joe•Steve Harvey - Jump

One Man Star Wars Trilogy

Charles•The Banished of Muirwood

Just code

Aaron•Can’t Make This Stuff Up •White Velvet Cake

Prayers for all recent disaster

Special Guest: Aaron Frost.

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.

AiA 159: Testing Angular with Intern 4 with Bryan Forbes

Tue, 10 Oct 2017 10:00:00 +0000

Panel: Joe EamesShai ReznikAlyssa NicollCharles Max WoodSpecial Guests: Bryan ForbesIn the episode of Adventures in Angular, the panel speaks with Bryan Forbes. Bryan has been working for Sight Pen a consultancy company that works with JavaScript and many others platforms. Bryan mentions that SitePen is well known for their Dojo toolkit. Bryan talks about testing Angular with the intern tool.Bryan and the panel dive into the testing of all sorts old and new tools and compared them to the Intern Toolkit. Bryan talks about the different kinds functions that are needed to compile and implement testing. The discussion covers tools like Testacular, karma, Protractor, and Leadfoot, and Intern, as testing kits for Angular.In particular, we dive pretty deep on:

What intern a testing tool and how it is used.
Protractor and how this is different as a testing tool
Cross browser testing
Testacular turning in to Karma
Unit testing end to end.
Using typescript
Promise shim
How to bring Intern into your Angular App
Assertion libraries
Intern working with Karma
Intern is client-side product, not a SAAS product
Protractor
Webpak plugin to integrate Intern
End-to-End testing
Leadfoot testing
and much more!

Links:

Picks:Shai

Angular Connect - EG Game Show

Alyssa

Destiny II

Joe

The Behavior Gap

Charles

Bryan

Using Intern With Angular
Read!

Special Guest: Bryan Forbes.

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.

AiA 158: Teaching Angular with Paul Spears and John Baur

Tue, 03 Oct 2017 10:00:00 +0000

Panel: Ward BellJoe EamesShai ReznikAlyssa NicollCharles Max WoodSpecial Guests: Paul Spears and John BaurPaul and John both work at Oasis Digital Solutions in St. Louis. Paul is the lead curriculum author for the Angular Bootcamp course. Both, Paul and John teach Angular to companies, public, private, and offer consulting to their customers.Paul and John speak about specific ways they approach teaching. Both teachers have a wide range of experience in teaching Angular. Paul and John speak about the most current best practices of teaching and learning Angular.In particular, we dive pretty deep on:

Teach newcomers Angular, the proper approach.
Starting fresh with the Bootcamp as an already experienced developer.
You should know the basics of JS, HTML, CSS, etc.
Enterprise background?
Using dot net with Angular
How do you bring people along with single page apps, as they have different backgrounds
CLI and tooling to help get people moving along with Angular
Where do people get hung up?
EG Module
Dumping everything in one module or Lazy Routing
and much more!

Links: AngularBootCamp.com@bps3@johnrbuarOasis Digital SolutionsPicks:Shai

Alyssa

Active Power Mode

Joe

Better Off Ted

Charles

Low Carb Cheese Cake

Paul

John

Terraforming Mars

Special Guests: John Baur and Paul Spears.

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.

AiA 157: Building Angular

Tue, 26 Sep 2017 10:00:00 +0000

Panel: WardAlyssaJoeCharlesIn this episode of Adventures in Angular the panel tackles the topic of build systems for Angular. Since the building process is subjective to experience and options. The panel talks about different ways to build based on their own qualification and prior knowledge of things like web pack, system JS, and many more.Joe, Ward, Alyssa, and Charles discuss how Web Pack is used, and individual problems they encounter in areas of the CLI and other areas. Ward and the team discuss guides to the CLI and deployments. Also, some talks about working backward to figure issues out. Also the key four lines of code.In particular, we dive pretty deep on:

Issues with Web pack
Using Node Server
Encounter problems with the CLI
Manually making sure production line of code do not change
and many more

Links

Picks:WardThe Annual Procrastination Conference Angular in Memory Web API Fences AlyssaJoe

Plural Sight Course - Migrating from Angular JS to Angular
Sara Cooper

Charles

AiA 156: Building High Performance Static Websites with Angular by Uri Shaked

Tue, 19 Sep 2017 11:00:00 +0000

Tweet this EpisodeThis is a talk given by Uri Shaked at the recent Angular Dev Summit. If you'd like to be notified about the next Angular Dev Summit, go to the Angular Dev Summit website and register for an attendee ticket.Uri is a Google Developer Expert in Web Technologies and Angular. He also works for BlackBerry.Uri shows us how to build a static website using Angular and other web technologies.Links:

Special Guest: Uri Shaked.

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.

AiA 155: Cypress.io and End-to-End Testing with Gleb Bahmutov

Tue, 12 Sep 2017 11:00:00 +0000

Tweet this EpisodeShow Notes in ProgressSpecial Guest: Gleb Bahmutov.

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.

AiA 088: Style Guides (Repeat)

Tue, 05 Sep 2017 11:00:00 +0000

03:26 - Style Guides

08:57 - Naming Conventions11:51 - The Growth of the Angular 1 Style Guide14:41 - Style Guide Dislikes21:26 - Multiple Recommendations

CTRL

23:48 - Making Arbitrary Choices29:54 - What is the state of the Angular 2 style guide?34:32 - Pipes37:43 - What will be in Angular 2?41:21 - Angular 2 Quickstart 49:15 - Levels of Proficiency for AllPicks The Warriors (Ward)
Tiny Desk Concerts (Lukas)
SNARKY PUPPY (Lukas)
Chris Welsh: Microsoft is adding the Linux command line to Windows 10 (John)
RAML (John)
Listening (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.

AiA 154: Angular Animations with Gil Fink

Tue, 29 Aug 2017 10:00:00 +0000

AiA 154: Angular Animations with Gil Fink This episode of Adventures in Angular features panelists Ward Bell, Joe Eames, and Charles Max Wood. Special Guest Gil Fink is on the podcast this week to discuss Angular Animations. Tune in to find out more about this topic! [00:01:05] Introduction to Gil Gil is the CEO of Sparxys, which is a small consulting company that he owns in Israel. He has been working for Microsoft for nine years in web development. He wrote the book Pro Single Page Application Development. Currently, he is also speaking in conferences and consulting for companies in Israel. [00:02:06] Introduction to Angular Animation Angular Animation is a model that has been used since Angular 2.0. In the full version it received it’s own model and expanded from Angular core. It is based on Web Animation API and gives a specific language to write Animations declaratively using Typescript in the components. It is also easy to write. Animations are not used to make web pages a “swirling vortex of text.” It instead is something that is used to capture the attention of the user to let them know what is new or where they should pay attention. It gives the user a better overall experience. For example, how to show a user they have a validation error: use a red blinking border. It does not have to be sophisticated or complicated, but can be if that is what is wanted. [00:05:48] Web Animation API Animation mobile in Angular has been available for roughly two years. There is a function called animate which gives the ability for an application to be animated. Web Animation API runs animation for you but is not simple. [00:07:35] What kinds of things do you see people doing with Animations? A common thing for developers is to make Animations make transitions between pages in SPA. Animations also can be used for appearing, or fading in or out elements. More transitions can be made for panel, where they slide from one side to the other, which grabs the attention of the user. SVG and Canvas also are used for Animations by developers. [00:10:33] Starting with Animations Most developers are in a hurry to write their first animations. First, they have to understand animations because understanding concepts are helpful. Reading examples of what CSS 3 and Web Development API are can be a helpful tool. Gil suggests MDM and Mozilla to gain a better understanding. After grasping these concepts, read about how to use the Angular Animation model and how it was created. The Angular Animation model is actually not needed to create Animation in websites – you can use CSS 3 animation and Web Development API. [00:14:15] How do I add Angular Animations to my Angular app?

Grab a browser Animation model, which is part of Animation.
Create a trigger. This is something that triggers the effect or Animation.
Create a state, move from one state to another state using the API.
Once you have a trigger, write inside the web component in the templates.
Take the trigger, which is a function, and pass the function in component declaration to the Animations property.

[00:18:09] When and where should you be using Animations? There needs to be a balance when using Animations. Gil’s rule is not to use experts to understand where to put them. Not everything should be filled with Animations. He prefers to start without them and then add according to specs or expert guidelines. Animations can be distracting and should be there to help the user. [00:21:43] Ideas on How to Use Animations in Applications For example, you can use Animations for models. If a model appears at once, it might shock the user. Instead, make sure that they appear smoothly. It should indicate something is either happening or has happened. If everything happens at once, it may not be as effective for the user. [00:25:25] At what point in the process do you decide this component needs Animation? Gil works with experts in the companies that he works for that have guidelines for the components he creates. Because of this, he creates what they want him to create. [00:28:44] Is there a way of testing these animations are happening? Yes, you can use tools like Protractor, Selenium, and Test IO. Test IO gives the option to record a screen. These tools won’t help understand animations because they can’t test animations. They can check for existents of a class name. You can use a manual tester for quality assurance or have a person check for you. To really see if an effect is working you have to just see it working. Picks Joe:

Go see an eclipse

Charles:

Gil:

Links

Special Guest: Gil Fink.

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.

AiA 153: Conferences and Speaking

Tue, 22 Aug 2017 10:00:00 +0000

AiA 153: Conferences and Speaking On this episode of Adventures and Angular the panelists are Alyssa Nicoll, Joe Eames, John Papa, Charles Max Wood. They discuss attending and speaking at conferences. Tune in to listen to their opinions![00:01:23] Benefits of Conferences Joe believes that attending somewhere between two and four conferences is good for a developer’s career. The minimum should be attending one conference a year. Some companies believe that people are wasting time because they are taking time away from work. They are of the mindset that they could learn the same information from a video. But John looks at it as developers learning how to communicate. If developers use their time well, they can potentially solve problems and find ideas they have never heard of and can learn how to implement them at work.John believes the benefits to the developer verses the company are different. Developers could meet a potential employer who would pay you more than your current employer. For companies, if people want to leave, forcing them to stay may not be the best thing to do. Forcing someone to stay could lead to low productivity, which is not the best thing for the company. The more educated the employee the happier they will be, and happy employees stick around.Charles believes that the reason you go is for things you can’t do at home. These are interactions, new thought processes, and mindshare. Companies that don’t give their employees chances to go to conferences are missing out on reasons why they hired them in the first place.[00:09:00] Why Attend Conferences?If the goal of attending conferences is to try to be better than everybody else, there are better goals. Go to conferences for yourself and your own education. Go to be the best developer that you can be.Before you get to a conference ask - What are the problems you’re trying to solve at work? How do you keep up? How could a conference help me? How are people feeling about the technology? If you cannot find out information online, it makes it a huge asset.Charles once heard a financial expert say you should get three to five times out of anything you do as you put in. Be sure to make the conference worth it.[00:13:40] – New Trend at Conferences There has been a noticeable trend at conferences for smaller groups to not watch sessions. They do not go to workshops, listen to speakers, or seemingly network with other developers. Instead, they just go to the parties with their friends. This could be a reason employers feel it is a waste of time and money for employees to attend conferences. Alyssa still thinks that people will take away something even by simply being around like-minded individuals.[00:15:50] Companies Perspective on ConferencesCompanies will want people who have experience with speaking at conferences. They will want those people who have influence in the community they have been speaking to. But sometimes, once the company hires them, they do not want them to speak at any more conferences. They get the job because of the extra things they do, but now they want people to focus on the job and don’t want to risk people finding another job.People need to have a conversation about the values they and their new company have to see if they match. To do this they need make sure to ask questions to see if something they value, such as conferences, will be allowed to continue once they are employed. Some companies may not want them to go to or speak at conferences. Any company’s core value is to do business and make money. If they are not doing that then they cannot employ people. They may think that letting people attend conferences is holding up their production.People need to be sure to think about the concerns the company has when negotiating. For example, there was an employee that wanted to speak at conferences, but was so valuable to his company that he could not leave. That led him to train someone who could handle things while he was gone. People have to earn trust from their employer. Some people do not think about how to do this; instead they give away swag from the company or tell secrets while speaking at conferences. This is a way to lose trust and potentially be fired.[00:27:18] Alternative PerspectivesSome companies will send and pay for people to go to conferences; no questions asked. They will be happy that their employees were invited to represent their company. There may be rules about what they are allowed to speak about.One thing to do as an employee is to always clarify if the contract is the same before going to speak at a conference. Make sure to continuously ask, “does this still fit for me?”[00:30:45] Developers and Conferences As a developer, attending conferences is good for your career. Should attend two a year. There are no negatives. Could never talk to another person, and still have benefits from sitting in the room.[00:31:54] Becoming a SpeakerWhat do you want? All developers want different things. Some want to write great software, have a job, contribute, learn, but do not want to build a reputation. Some feel like they can make a difference and get excited about speaking. There’s not a right or wrong as long as you get what you want out of your career. Speaking is valuable and a good way to give back to the community.
[00:36:20] How do you get into speaking? Start speaking at meet ups. Talk for five-minute intervals. Afterwards ask people to give feedback and do not take it personally. It will help to make you a better speaker. It is easier to know what you need to improve.Meetup.com helps you to find places to speak. Contact the organizer of a meet up and ask to speak. Two to three times a year hire a speaking coach. Look at this as a perspective of a professional who can give you advice to get better. It is easier to have feedback rather than self-evaluate. This also teaches how to get better at communicating with people. Picks: Joe:Valerie KittelAlyssa:NG Houston John:Do not speak at the audience; bring them on the same journey you went through when you learned that thing you're speaking about. Charles:Angular Dev Summit

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.

AiA 152: Multirepo vs Monorepo with Jeff Whelpley and Kushal Dave

Tue, 15 Aug 2017 11:00:00 +0000

AiA 152: Multirepo vs Monorepo with Jeff Whelpley and Kushal DaveOn today's episode of Adventures in Angular, we have panelists Ward Bell, Joe Eames and Charles Max Wood. We have special guests, Jeff Whelpley and Kushal Dave. The discussion ranges from the organization of code bases to the benefits of using Monorepo vs Multirepo. Tune in![00:01:45] – Introduction to Jeff Whelpley and Kushal DaveKushal is CTO at Scroll, a start-up. Before that, he was at Foursquare, Chartbeat, Google, and IBM. He has worked in a lot of monorepo code base. Although he actually has experience working on a lot of Multirepo situations.Jeff is the CTO of a small startup in Boston called GetHuman that helps people with customer service problems. He has been on Adventures in Angular a couple of times before. He has also been in a couple of other podcasts before, as well as in the open-source community.[00:03:20] – Introduction to the issueTypically, when you’re working in just one or two people team, you don’t really have that many issues centered on dev process, coordinating changes between each other, and trying to figure out the best optimal way to organize your code. Most of the time, you understand the entire code base because you’re working with everything. It gets to be a much different problem once you get to have a larger team. In essence, everything is starting slow down because of different overhead related to the process that was needed in order to make sure got quality changes. You basically have to spend a lot of time and thought around your developer process, how you structure your code, how you physically setup, and organize your entire code base.[00:06:20] – How to organize your code bases?When Kushal worked at Google, everything is in a single giant repository. There are one or two exceptions for client code and some infrastructure things. It allowed people to feel that they could change any of the code and it made it easy to keep everybody in sync with the state of the code. There is some sort of workflow and process things that you have to change in order to get that right. Probably, the biggest one is trying to keep the repo from working in long running branches because things start to diverge. That was the model of Foursquare too.[00:08:15] – How do you run all of the CI across everything?The answer changes to different sizes. At Scroll and for most of the time that Kushal was at Foursquare, it was efficient to run all the builds on every commit. If you just have one mega build that just runs continuously, that’s good enough up until 30 or 40 developers. Once you hit that size, there’s a variety of build tools out there that you can use and understand the structure of your code base. Once you’ve used one of these build tools, declaratively indicate which artifacts depends on which libraries, and what the full dependency thing is, you can build only the relevant CI’s. You can decide whether this change only touches this binary or this test.Chuck also like the approach of having everything in master. If it was experimental, it would still go into master and their CI would effectively run the different builds with the different feature flags. If what you did broke something that somebody else was working on in a process, you could just adjust it midstream.[00:16:00] – Gatekeeper processThe gatekeeper process protects the whole code base but at the same time, it’s in the layer of bureaucracy.We’ve been reviewing every piece of code before it’s allowed to land in master. Everybody on our team commits multiple times a day to master. All the changes, as much as possible are really small, especially the feature flag check. In that world, there is this bureaucracy. Hopefully, it’s not holding you up too much. The flipside of that is when you’ll feel really confident that you didn’t break anybody who depends on you and you’re going to have to revisit this change a month from now.For the past 9 months or so, Jeff tried a bunch of different configurations. He tried monorepo and other configurations from the other end of the spectrum - many small packages. As he was interviewing people with their different setups, they’ve all encountered the same types of problems. Regardless if you’re using monorepo or not, as long as you’re trying to keep your changes small and specific, and implemented quickly, it can alleviate any other pains.[00:22:10] – Guard railsThe guard rails are just the reviewers. For us, every change that’s getting reviewed means that in some extent, there’s a human check on that. I’m not sure if you can but I certainly know that Reviewable and Fabricate both offer sort of wide range of configuration options. I can imagine the world in which you can programmatically keep people from landing changes that didn’t have that level.In Github, there are guard rails. That actually helps the reviewers. It’s reassuring to have some technology that this person is associated with this set of boundaries. If you want to step outside of the boundaries, they’re going to have to get some other person who understands the code that’s outside of the line to join in approving that. If their organization is big, this is something that they might have to think about.Jeff advises to really be careful about what you’re doing. Is this a change where you are just bumping version numbers or is this something that you have to change a business logic?[00:28:15] – Allowing different people to upgrade dependenciesThe only way Kushal has ever seen it done is a brutal all-nighter by somebody who has to sit there and get everything working. But one of the things that Google does is they develop a lot of patterns about how to refactor code to make things easier.One solution that Jeff sees is the complete opposite of the spectrum from monorepo. Dr. Gleb Bahmutov is a huge fan of open-source smaller repos - a lot of the mentality of keeping things small, separate and distinct. He’s decided that he’s going to stick in the many repo universe and just create tooling to solve some of these problems. For versioning, he runs this server that detects that a new version has been published. It will automatically try to update it and run all the tests. But according to Kushal, if you have different repos, you can move differently in terms of dependencies but if you’re now out of sync, you may suddenly have incompatible dependencies across what you’re doing. It’s a question of when you want to deal with the problem.Chuck talks about the ways you can get out of sync. With the multirepo, you can get out of sync not just on the dependencies and the build process, but also on the API’s. If you have a module that you’re working on over here and whatever are consuming it on the other side as a driver may not be updated yet so it doesn’t talk properly. Jeff also noticed that with Angular DI, if you aren’t actually using the same version, you run into issues because it has to be the exact same thing at every level or else the injection token is different.[00:36:50] – Develop within Monorepo or develop in a separate repoChuck thinks that it depends. If there are a lot of dependencies and shortcuts that he can take by relying on the monorepo, he will do it on the monorepo like if it auto loads the correct libraries automatically. And then, they don’t have to do a whole lot of setup. If it’s small, independent, and it’s going to move quickly, then, a separate repo may be the right answer.Kushal adds that there are a lot of benefits in doing it in the monorepo. With feature flags, you have the benefit of reviewing it. It also allows you and others to keep up with everyone in terms of breaking API changes, other than having some brutal merge.Jeff will do it in a separate repo. If this an experimental thing, it disturbs people less. It alleviates the notifications that go on. That is why Kushal’s team also built a lot of custom Slack cooks in order to get some notifications tailored to the parts that they only care about.[00:44:50] – How do you work it out so that things aren’t so tightly coupled?There are no circular dependencies between your packages even transitively. As your monorepo grows you may eventually have some tooling that requires that for your build system. Can this layer have this type of functionality? Or does it need to be moved into a new package? It also means it improves your architecture.Kushal’s team is working on Java. This object that users and organizations create can know about each other’s’ objects but the users can never depend back into organizations or vice versa. You can think of the layered model of networking. We have the pure data model objects are not allowed to know anything about the service layer that interacts with the database. The database can know about those model objects. The web tier can obviously know about both the model objects and the service tier because it utilizes both of those.[00:47:30] – How are those relationships defined?They are defined in build files. If you look at Pants or Blaze or Buck, all those build systems have explicit dependency configurations so you can sort of keeping any of those invariants from being broken. But Kushal’s team just have a Wiki page that lists out the rules. They also have a test that looks for any cycles in any package dependencies.Jeff’s team created a CLI tool that walks down all subdirectories from where they’re running it. It finds all the package JSON in all your subdirectories and it creates the dependency graphs. They haven’t fully moved to a monorepo but they did start to consolidate. They have a couple of larger repos. This tool will see the dependency graph for all the NPM modules and also see the dependencies between the repos based off of the NPM module dependencies.[00:50:20] – Multimonorepo It’s not perfect to have one larger repo that has basically all of the none-deployable codes. Jeff and his team have a separate set of repos for the actual deployable code. They haven’t

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

AiA 151: WebVR with Aysegul Yonet

Tue, 08 Aug 2017 10:00:00 +0000

AiA 151: WebVR with Aysegul YonetThe panel for this episode of Adventures in Angular is Alyssa Nicoll, Joe Eames, Lukas Ruebbelke, and Charles Max Wood. Special guest Aysegul Yonet is here to discuss WebVR and visualizations. Tune in to learn more![00:02:36] Can you really do VR with Angular?Yes. VR is a different kind of API.[00:03:07] Can you give a brief explanation of how Web VR works?Web VR is currently an experimental API. It creates 3D experiences that interact using the gamepad API. Angular and Web VR work together by writing more declarative experiences.[00:04:05] What do you mean by it being experimental?Things are changing quickly. Not all browsers are implemented. It has to be enabled in Chrome, it can be enabled in Firefox, but not all other browsers implement it. A 2.0 Web VR version is being created, which will be similar to the version that is out now.[00:05:05] VR in a Predictable Manner Not enabled in some of the browsers but can check it and leave a message. Once you have an available browser, there is a consistent interaction.[00:06:30] What kind of hardware is required to run the VR experience?VR is now very accessible to everyone because of Web VR. Google Cardboard is one of the cheapest ways. It is around $20. Samsung VR headset is free. Also can purchase cheap hand controls. Developers do not have to go through app stores to release a product, which makes it cheap for them as well.[00:08:30] What are three cases that you see Web VR that could be disruptive?One case is in the education field. Google Expedition is creating an app for teachers to create experiences for students to see different places such as museums. A second case is in the medical world. Web VR can be an amazing pain killer. It has been used in Leukemia patients. For example, kids don’t want to take medication but using VR they can fight the disease itself. A third case is the Smithsonian Museum in DC. Artwork was scanned through VR and 3D experiences created through that.[00:14:35] Where would you recommend we start to try out VR?A-Frame is the easiest to use for beginners. You don’t need to know how to use 3D. It has Angular components. There is also Play, where you can take any experience you want and work off of that. Sketchfab is an app where you can use 3D models. There is also a Google app that takes 360-degree 3D pictures and turns them into experiences.[00:16:44] Would those 3D pictures have sound or just an image?Yes, it does have sound as well.[00:17:52] Does A-Frame have components that you feed data to?It is just like any kind of Angular component. It seems foreign to web developers because you are creating a scene. But A-Frame makes it easy for you: just have to add the objects itself. You have components for a scene.[00:19:14] How do you program the interactions with objects in Angular/Web VR app?Interactions are not the easiest to program. Trying to solve the problem itself. You can take data through the Gamepad API. You can also use Itracking where you look at an object and select it.[00:20:14] How long have you been doing this?Not long - she was “dying to work with WebVR.” She had a chance to work with Play and had fun.[00:21:00] Could I built a desktop app with Electron? Will it work in Chromium? Yes.[00:21:20] Will it work in the embedded Safari or Chrome Views that you get on Android or the iPhone?Not sure. But it can be loaded unto a website and downloaded onto your phone.[00:23:00] Fairly approachable if you have a SmartPhone.MergeVR has a Goggle and Cube. It can create VR experiences for kids. The product is affordable: only $60 for Goggles and the Cube is $20.[00:24:20] How do you test it?Hard to test because it is visual based. There is a Chrome plug-in that helps. The mapping is very mathematical, which is an easy part to test. [00:25:30] Is there anybody in the WebVR space that you admire?A-Frame team has done a great job. The 3JS creator Mr.Doob has been developing for a long time, before the community there is now. Companies have been using his stuff for years. Brandon Jones, who is implementing WebVR on the Chrome team.[00:34:47] How is VR development different from web development? Other than the interaction, writing the code isn’t all that different. The tool used was created for websites with 3D capabilities. Usability is different. There is an adjustment curve with VR: people navigate VR with a mouse better than with a headset.Picks Lukas:

Fantastical App
Ketogenic Diet
Keto Cheesecake

Charles:

Joe:

Rogue One
Never build a house

Aysegul

Links

Special Guest: Aysegul Yonet.

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.

AiA 150: What's New with Ionic with Mike Hartington

Tue, 01 Aug 2017 12:00:00 +0000

AiA 150: What’s New with Ionic with Mike HartingtonIn this episode of Adventures in Angular the panel is Ward Bell, Alyssa Nicoll, Joe Eames, and Charles Max Wood. The panel talks to special guest Mike Hartington about Ionic. Tune in to learn more![00:02:02] Introduction to Mike HartingtonMike is a developer for the Ionic framework. He helps people succeed on Mobile.[00:02:40] What have you been working on lately?Ionic is currently going through an investigative phase. They are moving things to a vanilla JavaScript state and web component based architecture.[00:03:02] What do you mean by web component based architecture? Throughout all different frameworks (such as Angular, React, Ember) and libraries have a similar concept of a reusable thing. It is a custom element they can ship, which becomes limiting. It only works in their specific framework because the API capability isn’t there. Ionic wants to make something that works in all frameworks.[00:04:27] When you’re talking about web components, you’re talking about the idea of components?No, talking about the web standard itself.[00:05:25] What does this mean for people who are used to the way Ionic works with Angular?When implementing these experiments in new releases, it shouldn’t change for people who are currently using Ionic and Angular; everything pretty much stays the same. There is a slightly smaller payload, but that’s it.[00:06:32] As essentially as Angular developers, we will actually be interacting with an adapter?More or less. There would have a single Ionic Angular package. Everything it needs to have the web components talk to Angular would already be including as soon as you started the entire app.[00:07:16] If I became another kind of developer, we will be able to get the same experience because there will be a way to interact with other web components?Yes, that’s the vision. It was the idea when we first started Ionic. It is easier to implement now than when Ionic first started.[00:09:20] Do you think it is limiting to our creativity as developers? Can still create something new within Ionic and have something more custom to your needs.[00:12:26] If I have something that adapts to something else, is that going to impact performance?It shouldn’t. The code would not be heavy; it would be vanilla JavaScript. It would run outside of your framework. It could run faster because they are default APIs. It allows for an extra layer and everything Angular can do will still work with a web component.[00:15:15] Efficiency and simplicity of web components implementation frees you from having to carry the payload of a general application component framework. Is that where you’re going?Generally. The building time of an app is APIs Makes sense for application development but not controls.[00:16:25] Does this translate all the way up to desktop browsers?Becomes more useful because web components uses browsers own APIs. Overall payload ends up being smaller. Smaller network area users can take advantage and it can be faster if a large desktop application is used.[00:17:35] Is there a direction Ionic has?Ionic understands hybrid technology is going to be around. Some people want distribution through an app and some just want a website. Ionic is catering to both parties. At the end, browser will implement APIs that native devices have.[00:19:00] Do you see a move away from the phone gap approach towards PWAs or do you not know how it will play? Just released the numbers from a developer survey we sent out. There is a healthy mix between people who want a native binary and progressive web apps.[00:19:35] Will Ionic continue doing progressive web apps and splitting the difference?Ionic will continue pushing for progressive web apps.[00:21:00] Ionic and Augmented RealityHe doesn’t know. Has seen a few people that has a HoloLens. In the future, Ionic could possibly use augmented reality.[00:26:54] Intro to Mike at Dev SummitWill speak about Ionic components across multitude of frameworks. How to take advantage of tools that Ionic has to use to create own custom components that work across all frameworks.Picks Alyssa:

Sketch

Joe:

Ward:

E-biking through Switzerland
Rösti
The Founder

Charles:

The Millionaire Mind by T. Harv Eke

Mike:

AiA 149: Angular, Web Bluetooth, and IoT with Uri Shaked

Tue, 25 Jul 2017 11:00:00 +0000

AiA 149: Angular, Web Bluetooth, and IoT with Uri ShakedIn this episode, Shai Reznik, Ward Bell, Lukas Ruebbelke, and Charles Max Wood talk to Uri Shaked about using Angular with Web Bluetooth and IoT.[00:02:27] – Introduction to Uri ShakedUri is an Angular GDE from Israel. His Angular Story episode is here.[00:03:21] – Introduction to Hardware with AngularAngular allows you to build web applications that scale quickly. For hardware devices, you need some kind of interface. Instead of a button, you have a mobile app or web application. This is one place where Angular comes into play. Building control panels, etc.You can do this with pure JavaScript or native mobile apps as well.[00:05:20] – Does it run on the IoT device? or on the web?It can do both. You can run Angular on a webserver on a Raspberry Pi or you can use Web Bluetooth to connect to the IoT device.[00:06:45] – What are the advantages of using web technologies?There's no hardware setup. And using Angular Material or Ionic, the UI looks right without spending a ton of time.RxJS allows you to gather sensor data from accelerometers, heart rate monitors, etc. connected via bluetooth.[00:09:20] – The physical webAn IoT device that broadcasts its own URL. You can then interface with the device simply by scanning for and browsing to the device. One example is walking into a room, scanning, and then controlling the lights without installing an app.[00:10:34] – SecuritySecurity is optional on Bluetooth Low Energy. Bluetooth devices used to pair using pin codes and they got set to 0000 or 1234 by default. So now BLE devices don't require it. Some devices add security on top of bluetooth or use the pairing mechanism.Security is an ongoing concern with IoT in general. The devices that Uri has played with don't implement security.Uri actually had an audience member hack into the smart bulb he was using during a demo.[00:15:08] – How do you manage your connection to the device through Angular?Uri uses async/await to manage the promises based functions that allow you to connect to the device. He wraps all of this in a service.The bluetooth terminology used for the functions that manage the device are also called services. Don't get them confused.[00:16:48] – What's the most useful thing you can do with this?Connecting to an EEG headset that measures brainwaves. Uri wants to allow headset owners to perform EEG experiments in the browser. Otherwise, they have to set up a bluetooth dongle and install python and some libraries to make it work. He'd like to make it simple enough to browse to a webpage and click "Connect."He'd like to show the user pictures and then guess which one you're looking at.[00:19:58] – What is the most useless thing you've build with this?Uri 3D-printed a robot and installed an accelerometer into it and connected it to a WebGL based system to show the orientation of the robot.[00:22:32] – How do you get started?You need a browser and a bluetooth device. A smart lightbulb or a robot. You can use your smartphone to simulate a bluetooth device. Uri wrote an Android app that simulates a smart light bulb. Then you can connect the app to your computer's browser and control the smart bulb app from your computer.[00:25:00] – Ward has a proposal for UriConnect lights in your t-shirt to an arduino device and control it from your phone. Web Bluetooth is much simpler than native APIs for Android or iOS.[00:29:45] – Commercial applicationsPhysical web applications and connecting to remote tools and sensors.Smart counters for your electric meter.Jen Looper's blog post on web bluetooth and beacons.The Louvre uses beacons.[00:33:00] – The physical webUri ran a beacon that broadcast his personal site. He took his trash out and one of his neighbors kept getting a notification about his website on his phone.PicksLukas Ruebbelke

Shai Reznik

59 Seconds
Volunteering - Ari Lerner teaching prisoners to code

Ward Bell

Uri Shaked

Ward's yet-to-be-made shirt
AngularUP Conference
WebAssembly

Charles Max Wood

Data Skeptic podcast

Links

AiA 148 What's New in NativeScript with TJ VanToll

Tue, 18 Jul 2017 10:00:00 +0000

AiA 148: What’s New in NativeScript with TJ VanTollOn today's episode of Adventures in Angular, we have panelists Alyssa Nicoll, Ward Bell, and Charles Max Wood. We have a special guest, TJ VanToll of Progress. If you want to stay current with NativeScript, tune in![00:01:55] – Introduction to TJ VanTollTJ works as a Developer Advocate for Progress, which is a software development company behind KendoUI, NativeScript, and few other tools.[00:02:20] – NativeScriptNativeScript is completely free, completely open-source tool that lets you build iOS and Android native apps with Native user interfaces using JavaScript. It also provides built-in support for both TypeScript and Angular, as well. If you’re an Angular developer, it’s a tool that you can use to take Angular and build for Native iOS and Native Android.[00:03:15] – Native apps using JavaScript core or v8 on AndroidNativeScript uses Native UI components so they’re not using web view, the DOM, HTML, etc. For people that are coming from an Angular background, your apps look like Native apps. They’re using the same building blocks that you’d use if you’re building your app straight up in Xcode or Android Studio. You’re still building your apps the same way, the same file and folder structure, routing, etc. But the real learning curve that it takes to build NativeScript apps is that you have to use their user interface components to build your apps.[00:05:35] – Template syntaxIf you’re building a fairly complex Angular app, when you have all custom components, it’s going to look exactly like a NativeScript app. It’s basically using a suite of custom Angular components vs. using divs and spans as you’re building blocks.Angular is an optional dependency. NativeScript, at its lowest level, it’s just a technology that’s allowing the communication between JavaScript and these Native objects. The reason why the team spends a lot of time working with Angular integrations is that the model that Angular uses happens to be a really good fit for NativeScript. Any JavaScript developer who doesn’t really like using frameworks at all, using these components and syntax that they’re not familiar with could make their learning curve a little bit heavy.[00:08:05] – What’s new in NativeScript Over the last 6 months or a year, the team’s focus has been performance, tooling, and plug-ins.Performance:In the last release, specifically, NativeScript 3.0 was shipped back in May. That release is really the combination of profiling over the NativeScript source-code based on how fast your apps start up, how you can render your UI, etc. There is a cost to working with NativeScript because we are letting you write your source code in JavaScript. The team’s effort has been in really optimizing how fast you can paint your UI’s, how fast you can transition from one page to the next, the startup time, etc. One of the performance penalties that NativeScript has is because you’re using JavaScript, there is one step that truly Native apps don’t have. Specifically, Angular is not necessarily known for being the world’s smallest JavaScript framework. But Angular is being known for being very tool able. So the team shipped a Webpack plug-in that helps you reduce the footprint of your app, which means faster start-up times when you’re using Angular with NativeScript.Tooling:The other thing that’s related to tooling with NativeScript is the command line interface. You build NativeScript apps with the command line interface. The team is working on adding some more visual tooling, more like a companion to the CLI. There are problems that visual tooling can solve like how do you build your icons? How do you deal with splash screens? How do you deal with some of these Native configuration files? There is a thing called NativeScript Sidekick that can help you with some of these tasks. There’s an early beta out now.Plug-ins:The team purposely try to keep NativeScript core light, trying to keep our footprint small. TJ encourages developers, on your own team, and the NativeScript community to do that to your plugins because the NativeScript plug-in ecosystem explodes over the last few months. There are somewhere over 500 plug-ins. Their new plug-ins market place is plugins.nativescript.org/ that shipped several months ago. Now, they’re trying to work to add some consistencies to the plug-ins and adding some documentation around as well.[00:13:25] – NativeScript 3.0 upgrade and compatibility with NativeScript 2.0It’s like Angular 2.0 to Angular 4.0 in a sense that there are few breaking changes but for most apps, it’s going to be fairly transparent or fairly trivial to update. It had some breaking changes with NativeScript plug-ins and one of the main reasons that they bumped the version number up is part of that performance changes to specifically render your interface faster. They also have to change their layout mechanism and some of the API with the NativeScript visual tree. Those are things that are unlikely to hit your common app because you’re probably just coding using their Angular components, in which case, you don’t necessarily need to know what’s going on under the hood. The team also worked with the plug-in authors of the top 30 or 40 most downloaded plugins out there to make sure that they were absolutely ready to go for the launch date for 3.0.If you are getting trouble with the upgrade, you can reach out on their forums. They’ve been trying to tackle these issues when they come up.[00:15:30] – Communication, upgrade, breaking things, and bugsProgress, as a company, haven’t done project quite like NativeScript before. It’s a project that’s completely open-source and completely free. They want to give people some freedom to of experiment and build their own things. But they try to be as transparent as possible on what we’re trying to do and reach out for feedback.They have a NativeScript Slack channel, which has a lot of people in there. They’re the first point of contact when making changes. And for the actual upgrade process, they try to actually put a good effort to get plug-ins where people have put on a considerable amount of effort into them.[00:17:35] – NativeScript 4.0Debugging:If you’re a Visual Studio Code user, you can now just directly do this step debugging directly within the debug tab in VS Code for your completely Native iOS and Android apps. The team also launched support for the Chrome developer tools for NativeScript but they’re only available at a very limited capacity right now. Right now, in the Chrome dev tools, the console works and you can see network request but it’s not the full experience that you’d expect if you’re using those tools for web apps.Visual tree:One of the big pinpoints when it comes to learning NativeScript is learning how to build a visual tree with NativeScript. You can mess with CSS in your web apps, you can play around with layouts, play around with colors, etc. That’s possible to break that to NativeScript as well.Performance:The other big thing is again related to performance. We’ve got a lot of efforts going on at the moment, specifically, around start-up time. I mentioned we shipped a lot of performance-related things for NativeScript 3.0 but most of those were focused on the runtime experience – how fast we can paint your UI, how fast we can paint more complex Native user interfaces. We’re not turning our attention more to just how fast we can start-up your app and what sort of things we can do to optimize that and bring that number down as much as possible. A lot of that involves how can we fight with web configuration files to get exactly what we want, what are the best ways to reduce the number of files we’re using, use whatever we can to reduce that bundle size.The last that’s related to toolings is some of the visual tooling that we have. They think they can bring some fairly powerful behavior to NativeScript developers. In the past progress, they've had some premium tools for working with mobile apps that let you do things like build apps in the cloud. Say, you are a Windows developer and you want to build iOS apps, we have some premium tooling that could do that today. We think we’re going to be able to bring that to the open-source version of NativeScript, sort of make that work with directly within the NativeScript CLI.[00:21:15] – Store on distribution of appsWith NativeScript, things are going to work exactly the same as if you’re building things from the ground up with Xcode or Android Studio. NativeScript CLI spits out the Native app package - that’s .apk file for Android and .ipa file for iOS. You just head out to the Native stores and actually register your apps and use those stores as the distribution model to get your app out to your users.There are certain people, especially companies, that don’t need to distribute their apps publicly. Think an app that you need your internal people to have, maybe they’re sales rep, maybe they’re doing an inventory job. In Progress, they sell some of the tools that you can use to distribute your apps locally to users. Because it’s generating those exact same Native binaries, once you have that, you can use any iOS or Android distribution model that you want to use.[00:22:30] – Start-up performanceOne of the big performance advantages that Native apps have is you don’t necessarily have to deal with a network. In terms of media files, a web app might need to worry about your initial load of image assets or video assets. But with Native apps, you have the ability to package that in the file.The specific cost when it comes to start-up time is not getting JavaScript from the network. The cost is actually the registration of your JavaScript code with v8 or JavaScript core. It’s the same reason that there’s a cost for that in the browser if you feed Angular into v8. There’s a cost that it will take to be able to parse that thing and run with it.[00:25:30] – Lower cost for low-powered devicesTJ has zer

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

AiA 147 Codelyzer and Static Analysis Tools for Angular with Minko Gechev

Tue, 11 Jul 2017 10:00:00 +0000

AiA 147: Codelyzer and Static Analysis Tools for Angular with Minko GechevThe week on Adventures in Angular features panelists Alyssa Nicoll, Shi Resnick, Lukas Ruebbelk, and Charles Max Wood. The special guest this week is Minko Gechev who is here to discuss Codelyzer. Minko is currently working on a start up. Angular JavaScript is the programming language that excites him the most.How do you work in a start up and still have free time?He tries to find an overlap between the work he's doing in the startup and work he does in his spare time. This is why he had previous work that was completely Angular (Angular Seed). This startup is more complicated because the overlap isn't as much.What is Codelyzer? Last year, he worked on the Angular Style Guide. He thought it was a good idea to have an automated way to verify a given project that follows the Angular Style Guide. He built on top of that and built Angular and provided similar style checks on top of templates, Angular CSS Styles inside of the components, and the Angular expressions inside of the templates. Codelyzer is a tool for static code analysis for Angular applications.How is it used? It can be used as a set of rules on top of tslint. You install it with mpm. Then tslint performs static analysis and verifies whether the source code follows some style guidelines that our team has agreed upon. When Codelyzer is used, we can also analyze the templates on Angular applications. After that, you can confirm it follows these rules by running tslint on top of the entire project.How many of the default tslint rules do you agree with?Minko states that that is a lot of tslint and Angular rules that align and that he agrees with most of them. He does admit there are some he finds annoying, such as specific semi colon rules. Overall, he believes that if the team has agreed upon the rule, it is following in order to avoid arguing.What do you recommend as the best way to add Codelyzer to a project that started without it?He thinks you should add one rule at a time. All the wordings will be fixed one by one, eventually fixing the entire project. He has also started working on style analysis on top of the application, which is performance analysis. He doesn’t know what data the application will process. But he still considers that a given component will have performance if it has a huge -- in the template. So static analysis we can find such templates and eventually warn the users about eventual performance issues that are possible.How hard is it to add or change in Codelyzer? It might be slightly harder compared to tslint because there are more things that can be statically verified. In Tslint there's a visitor pattern. There is a classical design from the Ganga; it is used for the reversal of syntax 3 of a Typescript code. So when you implement the visitor pattern, you visit a specific construct, verify whether the name follows some guidelines. It is pretty much the same thing in Codelyzer but you can also implement the same visitor pattern for visiting the template of the component. Currently, the project has more than 20 contributors. It looks complicated but not if you spend 30 to 40 minutes looking at the code.What was the motivation behind going deep into Angular? The style was easy for static (automated) verification. This way saved a lot of time from code reviews. Code reviews still have to be performed, but at least can skip the verification from style guides because they can be automatically done.He likes compilers, it is the front end of a compiler: analyzing Syntax 3 part of a compiler itself interesting algorithms. There is another rule from Codelyzer being worked on that isn't completely stable yet. It is to find out which styles are actually used inside of the template. Codelyzer can find out some of the styles that are no longer applied to some of the styles within the template. This is not ready yet but it will be ready in a couple of configurations.Is the idea of searching through of finding either redundant or non-used style, is this something Codelyzer's doing for the very first time (no one has ever done it) or are there tools that this would replace?For Angular, there is no other tool like that. JavaScript or HTML may be close. The Browser can do that.If I want to write a rule do I take the abstract syntax and tell it what to look for? How does that work?You can’t learn it by heart, so I usually copy and paste the existing code and then modify it. It is a standard typescript rule so you need to provide an abstract rule; you'll need to provide the visitor. If the rule is super complicated, you need four visitors.Are you relying on tslint to break things down into tokens and the abstract syntax and then doing the work from there? Yeah. I did some extensions of tslint. Just extending tslint because it would have been too much work to create something from scratch. He is relying on tslint’s error reporting.So in order to set this up on a CI machine, it needs to be able to run node and install some mpm packages?Yes. Run node, install tslint, install Codelyzer and have this rule directory with the Codelyzer rules inside tslint.Is there a visual proof for knowing what the rule does? There is documentation on codelyzer.com/rules.Picks: Shi:

Reflect API
Driving on the right side of the road
Minko Gechev

Alyssa:

Apple Airpods:https://www.apple.com/airpods
Crutches

Lukas:

iPhone 7+ portrait mode: https://techcrunch.com/2016/09/21/hands-on-with-the-iphone-7-plus-crazy-new-portrait-mode/
Vulfpeck-1612: https://www.youtube.com/watch?v=jRHQPG1xd9o

Charles:

Angular Dev Summit www.angulardevsummit.com

Minko:

Pixel: https://madeby.google.com/phone/
Angular IO: https://angular.io/
Philip Wadler’s Monads for Functional Programming: http://homepages.inf.ed.ac.uk/wadler/papers/marktoberdorf/baastad.pdf

AiA 146 10 Ways to Lose a Developer with Bonnie Brennan and Keith Stewart

Tue, 04 Jul 2017 10:00:00 +0000

AiA 146: 10 Ways to Lose a Developer with Bonnie Brennan and Keith StewartOn today's episode of Adventures in Angular, we have panelists Ward Bell, Alyssa Nicoll, Joe Eames, and Charles Max Wood. We have special guests, Bonnie Brennan of ngHouston and Keith Stewart of CollabNet. The discussion ranges from the Most Common Reason for People to Leave to Mandatory Happy Hour that companies have! Stay tuned![00:01:05] Introduction to Bonnie Brennan and Keith StewartBonnie is an Angular architect at Houston, Texas. She is the founder of ngHouston. She also runs Code Bridge Texas with her daughter. They do free programming workshops for girls. She’s going to be at a couple of conferences coming up. They’re going to AngularMix and FrontEnd Connect with Alyssa.Keith, on the other hand, works for a company called CollabNet as a UI Tech Lead. He is working mostly on UI’s for DevOps-related products. He is also a frequent panelist on the ngHouston Meet up broadcast that Bonnie runs and a curator on ngDoc.io with Alyssa and Joe.[00:03:20] – Most common reason for people to leaveIf Bonnie has to narrow down, she thinks it’s the tech stack. Some companies have a lot of legacy code that needs to be maintained but at the same time, when you are a developer who spends a lot of time on emerging technologies, you want to be working on this new stuff that you’re learning.While working on this course on how to find a better dev job, Charles surveyed people on Skype or the phone. They feel stuck and not moving ahead.[00:10:50] – In the culture, if you’re not a performer, then, you’re not trying hard enough?Joe thinks that we have this problem in this industry that if you are not going to be blogging and speaking at conferences, then, you just don’t belong. Ward also thinks that you don’t have to be a performer to contribute to a great development environment. But for Bonnie, being a performer is not exactly about getting up on stage. It really is about caring enough.Alyssa tells about the gradient of the type of person. There’s a person like, “Okay, this is just a job for me but I still take pride in my work.” But if you’re in the mindset of “Hey, I have kids or I have a wife outside of this. But I’m still giving it my all while I’m here.” Then, it’s perfectly reasonable. Keith also tells about the two different types of people. The generalists, the folks who are on the bleeding-edge, they don’t necessarily master one of those, and the other folks who get really good at one particular thing that they’re working on.Ward cites an instance where you’re in an enterprise and you have a lot of very important legacy systems that need a person who cares about the legacy stuff. You can’t have a company that has all people who have to be on the bleeding-edge all the time.[00:18:55] – Type of developers that companies want and how to keep themWard mentions how professional growth is important. The opportunities for people to work on the leading technologies is not always something that every company can offer but they can sprinkle these opportunities here and there. It can be done but if it’s not, there are things that you can do with some of the legacy applications to make them more palatable to work on.Charles suggests to companies to show the developers that you care, you are listening. It’s on the roadmap and you’re going to get there.[00:22:55] – Is boss on your list of Ways to Lose a Developer?Bonnie can’t think of the time that she has left because of her boss. But the company culture is an important thing because however, the upper management feels about culture, that’s going to trickle down.One issue about Charles’ boss is that he is very controlling. Another issue is he was specifying the requirements for the application and he wasn’t very good at staying consistent with it. They wind up building one thing but gets angry with them because they hadn’t built what he wanted, even though it was exactly what he specified.Bonnie also had a situation similar to Charles where the project requirements kept changing while she was writing the code. If you feel like you’re going to work to be frustrated again, it doesn’t matter what technology you’re using, it doesn’t matter how you like the rest of your co-workers, eventually, you’re going to burn out.[00:27:00] – Not being paid enoughWhen you’re not making a whole lot of money, Bonnie thinks it can be a big deal but it’s not the biggest issue. For Keith, if he would be weighing two companies, he’ll also choose the company with the good tech stack instead of the company which pays a little higher. But Ward thinks that it is a privilege to be in an industry where even in the low-end of the salary rank, you tend to be pretty comfortable.[00:29:55] – Effective ways to show your appreciation to a developerBonnie refers to an instance when the boss gives credit for a developer in a meeting on how he did a great job on a feature. And on the flipside, the worst kind of boss is the boss that says, “Look what I did.”But Keith finds it a difficult question because it might be different for other people. Some people like to be called out in a meeting and say, “You did a good job.” But some folks would like that to be a little more behind the scenes. Or some folks might be looking for a bonus instead. So you might be able to read your people.For Alyssa, she likes the boss who regularly checks in even if it’s not a pat on the back because it just shows that they care about the process. Ward speaks of the boss who asks your opinion on an important decision, technical or otherwise.[00:37:40] – RecruitmentKeith never likes the recruitment process of companies which bring a lot of people in and give them coding exercises on a whiteboard. So they built a small application that’s similar to the application that the folks will actually be doing.[00:41:05] – Remote vs. working in an officeAlyssa loves being remote. She mentions she has ADHD so she was distracted in an office setting. It’s important for her to set up her environment to be more productive. Bonnie also has been working remote for 3 years now. It used to be difficult to communicate but now, we can just use video call.But Keith finds people more engaged in a meeting when it’s in person. An office space can add a lot of value to a team. Ward points out that you can also be distracted as well by working remote. In Google, they all work in the office. Even though they have open office plans, sitting right next to each other, they trust the people that they can do well in that environment. People put on headphones when they’re really focusing on something.[00:53:20] – Mandatory happy hourCompanies which have a snack room, ping pong table, foosball can contribute to company culture and make it a much more attractive place for developers. But Alyssa gets scared a little bit when programmers go overboard and sometimes you’re not into it as much as they are.PicksWard Bell
- Progressive Web Apps (PWA)
- https://www.google.com.ph/url?cad=rja&cd=1&esrc=s&q=&rct=j&sa=t&source=web&uact=8&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DcmGr0RszHc8&usg=AFQjCNFteiHS7s7K1wYiwwm9_OlD9BsM1A&ved=0ahUKEwiWj_3m6vvUAhVLUbwKHcSeDjMQtwIIJDAA
Joe Eames
- https://www.google.com.ph/url?cad=rja&cd=2&esrc=s&q=&rct=j&sa=t&source=web&uact=8&url=https%3A%2F%2Fwww.netflix.com%2Ftitle%2F80103734&usg=AFQjCNHF57izk0IQJ8XmF1Ay63ML83JpRg&ved=0ahUKEwjcxtny6vvUAhUBxbwKHYkrAbgQFggwMAE
- Keith Stewart
Charles
- Angular Dev Summit
- https://www.google.com.ph/url?cad=rja&cd=3&esrc=s&q=&rct=j&sa=t&source=web&uact=8&url=https%3A%2F%2Fwww.amazon.com%2FCamelBak-53843-Eddy-Water-Bottle%2Fdp%2FB01787PW8W&usg=AFQjCNETAQ4PYgXgV_UqLnJdxO5nvn38HA&ved=0ahUKEwjDjYT_6vvUAhWHTrwKHUJMBCcQFggvMAI
- https://www.google.com.ph/url?cad=rja&cd=2&esrc=s&q=&rct=j&sa=t&source=web&uact=8&url=https%3A%2F%2Fwww.amazon.com%2FExtreme-Wireless-Speaker-Blue-HX-P430BL%2Fdp%2FB00CDGSNPS&usg=AFQjCNGcC6MiTlBLxq7gRuqMCjOP4b753Q&ved=0ahUKEwjQwdOR6_vUAhVGwbwKHfN1BbcQFggpMAE
Bonnie Brennan
- https://www.pluralsight.com/courses/angular-2-reactive-forms
- https://toddmotto.com/ultimate-guide-to-learning-angular-js-in-one-day/
- https://twitter.com/bonnster75
- https://www.youtube.com/channel/UC3cfVUpgrO5TK6cvH04ieSQ
Keith Stewart
- https://medium.com/curated-by-versett/building-maintainable-angular-2-applications-5b9ec4b463a1
- https://en.wikipedia.org/wiki/Rogue_One
- https://twitter.com/TheKeithStewart
Special Guests: Bonnie Brennan and Keith Stewart.

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.

AiA 145 Why I'm Still Betting On Angular with Shai Reznik

Tue, 27 Jun 2017 10:00:00 +0000

AiA 145 Why I’m Still Betting on Angular with Shai ReznikOn today’s episode of Adventure in Angular, we have panelists Alyssa Nicoll, Joe Eames, along with Charles Max Wood. We have a special guest Shai Reznik from Hirez.io, a website and video web development course series that mixes information with a few laughs. Today we are figuring out why Shai is still betting on Angular. It’s a fun show, we hope you check it out!Why are you still betting on Angular?Shai has been getting this question a lot. He tells us about working on Angular courses for his website hires.io He has two courses out so far, first being a course on Angular basics, a second course on Why Angular? Shai suggests that picking a framework is essentially gambling. He also gave a talk “Why I’m betting my future on Angular 2,” focused on the non technical reasons that he is sticking with Angular. If you teach someone without experience about web development and ask them to pick a framework without guidance it’s a disservice. Once that person has gained experience, then they can choose on their own.Shai’s Decision MethodAt HiRez.io he had to pick a specific framework. Shai has been working on comparing different frameworks for years, including React and ViewJS. He adds that when you see talks or documentation on framework, you’re seeing a showcase of the best parts. It isn’t until you work with it that you find the quirks and issues. Part of what he did to learn the frameworks were to simulate real life scenarios. He also came up with a set of requirements to help him. The main question being “Does it handle scaling?” He found that React leans more towards libraries while Angular is more of a framework. It comes down to integration. Building your own framework from a library can be a good practice if you want to become a more professional JavaScript developer. Shai suggests that its like building your own computer instead of buying a brand new one. The issue is with JavaScript, the updates come weekly and so building your own framework from a library comes with a cost. Developed frameworks tend to handle that level of integration for you.Less Mental Overhead with AngularCharles adds that Angular allows him to make things without worrying about when to use things like Redux or Mobix and it just works. There is less mental overhead along with available expertise because everyone is generally using the same stack. React can have a shorter learning curve, and both communities have about the same number of proficient users as a resource. Both seem to be equal in those ways. Having choices keep things on the innovative edge. Shai talks about the Angular team and how innovative they tend to be. Aimee adds that their attitude about Angular is also genuine, giving an example of when they are approached with issues, they are open to discussing them.Dependency InjectingViewJS is also a framework. The one thing that is missing is dependency injection ,which in Shia’s opinion is one of the biggest selling features of Angular. It allows for easier code testing and in Angular 2 it has been improved even more. He adds that some developers can be lazy and not write tests and for them it wouldn’t matter. Angular also prides itself as a JavaScript framework, and so no typescript. When working on a big team, being able to see immediately where things are broken is very helpful and is a plug for Angular.Evolving communitiesJoe says that Angular has a great community and he like Angular because of his familiarity. Shai adds that all three are great solutions. Angular just happens to fit well with his current situation. He had to switch from old technologies or communities because they got stuck in the past. ViewJS is picking up popularity and in a couple years will have a strong community. He adds that while the community and support system is great, it’s not the main reason he stays.Will the market for Angular courses be sustainable?Shai mentions that it seems to come in waves, a certain technology will have hype come in every six months or so. That hype leading to adoption and then months later the adoption rate drops down. This is something he witnessed with Angular 1 in 2012 with 1.0. It took 6 months to a year for people to learn about it and adopt it. It wasn’t until 2013 or 2014 when React came out, early adopters jump on React and started creating hype for it. Some of React solved the pain points for Angular. We are getting to the end of the adoption wave of React. It’s hard to tell how long React and ViewJS will be popular. The new Angular will bring a new wave and peak in demand in a year or so. Shai adds that this is his bet and he may be wrong. He sees that it handles small apps or big apps, having the ability to scale and that is important. Charles adds that Ruby on Rails had a similar cycle. Ruby has stop being in the media as much because it’s becoming stable, but the community is strong there either way. Shai mentions that he doesn’t see these frameworks like React going away soon because they solve real issues. If you zoom out from the discussion, these frameworks are all part of a big JavaScript family. Listens can comment on this episode on what frameworks they’ve choose and why.PicksJoe NGDoc.io
PersistenceAlyssaHiRez.ioCharles Rush Revere and the American Revolution
Palto Alto Firefighter’s Hot Sauce Shia Futur Youtube
Decorators
HiRez.io Links HiRez Twitter
Shai Twitter 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.

AiA 144 Azure and Angular with Shayne Boyer

Tue, 20 Jun 2017 10:00:00 +0000

On today’s episode of Adventures of Angular we’ve got panelists Ward Bell, Joe Eames, Alicia Michael, John Papa, Charles Max Wood, and our special guest Shayne Boyer. Shayne is a Senior Developer Advocate at Microsoft and on the Azure team. The last time he was on the show was Episode 082 of Adventures in Angular and we talked about getting started with Angular 2. Today we are going to talk a bit about Angular and Azure. Stay tuned.[3:12] Talk about offerings with Azure.

There is a connotation that if you want to use Azure you have to use .NET
That is not the case.
Large part of Azure runs linux.
There are over 170 type products that Azure offers.
noSQL databases, postgres, mongolDB, Azure Cosmos, Azure functions
It’s more than .NET and VMs.
Things you can do this type application are things like - Deployment to web front end, putting apps in Docker container and pushing to container service, scaling those apps etc etc.

[5:23] Put your app in Docker container?

Talking about just front end. Just the web application.
Putting it into a container and deploying the container into a linux instance or web app on Azure.

[6:13] Why is it a good thing to use Docker for this kind of thing?

Example. NGX for front end services, you can’t NGbuild using ClI do an NGBuild get the disc folder and throw that to a web application service like IAS or Node and have that application just service. Deep linking wouldn’t work.
Instead you would want to package something like an express server that requires NodeJS. Then something to handle deep linking. You can easily package that in a container and push it to the cloud and be able to control it without worrying about infrastructure.
Essentially it’s the app that has been written as well as the server that serves that app.
You can choose the base it runs on. I.e. Node 6 instead of 8. Etc etc.
Control those in the container so any time you pull it down it has those same settings.
Often developers assume versions of services are the same between the developer and the services used like a cloud service and when it’s not, things break.
The concept of “works on my machine” is actually true now. How it works for you, will be exactly how it works where ever you push it.
You can set up the version of Node you want, the settings how you’d like, test it on your own machine and when you push it to providers like Azure, Heroku, AWS, etc, it will run the same on all those providers.
Takes away complexities when testing.

[9:39] Outside of Docker, what other things does cloud bring to the table?

Serverless offerings.
Takes away issues with - worry about building a node server to serve my app. Building API to serve the data. Building Infrastructure behind the server and deploying it.
Building and deploying pains reduced as well.

[10:57] “Wait wait, serverless?”

It’s the new buzzword.
There are servers underneath.
Don’t have to worry about infrastructures or the servers themselves.
Just write the function.
Function will return the data to controller service built in Angular. Just have to build the Javascript (or python, and C#, java is coming) in the portal or in Github, and it’s just the code to run the function.
No need to worry about the types of servers, VMs, operating systems, patching or scaling.
It will scale based on what the capacity demand it needs.
Event driven - event queues, message queues, etc.

[13:20] Simple endpoints

Scalability at endpoint level.
Previously when writing APIs on the backend, typically you’re concerned with scaling that API application.
Endpoints typically scale at the same level.
Serverless functions scale at that typical API level.
Paying only for usage.

[15:30] How do you orchestrate between the services?

Just because you spread things around doesn’t mean it’s better.
It’s important to realize that breaking assembly or dll files down into smaller dll files don’t change things much.
Minimizing what it takes to think about when it comes to handle and configure a server running the services.
It’s easy as “Here it is, go run it for me Azure!”

[20:12] How does this relate to angular developers?

Be careful about over complicating the ‘concept count’ Having too many systems, front end, back end, VMs, Docker, etc. To many things to learn or to know to get it done.
Easier to write API and serverless. So then it’s just Javascript on the front end. Much easier.

[21:58] Someone brand new to Azure, what should they try out?

Azure functions is a great place for Javascript or Angular.
Typescript is coming as well.
Understanding it’s just a backend.
Learning to connect to a database, or have a static file.
Routing, proxies, etc are all built in Azure.

[23:13] What JavaScript engine does it support?

Chakra Engine.
ES 5
ES 6
Support for TypeScript recently announced. Coming up.
Node 8 is now available on Azure service platform.

[25:04] More on the portal.

The portal is one of the largest typescript platforms available right now.
The portal is not the only option.
Strong CLI experience.
Making VMs and web applications and all products can be done with CLI.
If you like CLI then start there.

[26:54] Creating a quick web app

If you want to create a new web application.
Simple as AZ web create
Pass the name of application
pass the location
in a few commands you can create an app
Set it up to deploy from the GitHub Repo
From there it’s just checking in code and it’s getting the deployment from the CLI pipeline.
Write it, check it in, deploy.

[27:32] Do you have articles or videos that people can jump to?

Did a course in deploying an angular app using GitHub git Azure
Talks about how to hook up Azure web app instance to a GitHub repo.
It’s easy as checking in code, no worries about the concept count and complicated setup.

[28:45] Integrates with Docker and Visual Studio Code

There is an Azure extension for VS Code that allows you to push all of your code.
Demos available to learn
Has great extensions for Angular too.

[29:28] Simplifies or eliminates complications on the back end, does it also help on the front end.

Don’t have to worry about scaling my static site. Data is what makes it scalable.
Serverless experience - hitting databases, doing computations, working on triggers or WebHook from other parts of your business.
Azure function can listen to WebHooks
Azure can aggregate backend in serverless functions.
Has database offerings to store data.
Infrastructure for hosting Node applications and Node APIs
Azure does not = .NET

[31:19] How does someone get involved and try it out?

Go to Azure.com and try it free.
Try the Azure functions portal free as well.
Plenty of free experiences from the platform.
The tuts and walk-throughs for almost any of the platforms or languages for Azure.

PicksJoe John Papa’s course on Angular CLI course.
NG Doc. WardTroy Hunt used Azure functions to fight DDOS attacks article.
AlexaCharles Serverless framework. NPM serverless.
Angular Dev Summit (Now free) Shayne Keyvo Smartlock
Angular 2 app to Azure using Git play by play course.
Docs.microsoft.com LinksAzureSpecial Guest: Shayne Boyer.

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.

AiA 143 KendoUI with Burke Holland

Tue, 13 Jun 2017 10:00:00 +0000

AiA 143 Kendo UI with Burke Holland Charles Max Wood and Burke Holland discuss Kendo UI. Burke Holland is on the Developer Tools Division at Progress. The discussion ranges from the introduction of Kendo UI to tests used for Angular apps. Stay tuned to discover what Kendo UI can do for you![00:01:50] Shutout for Angular Remote ConfCharles will be picking speakers really soon so get your ticket at the early bird price.[00:02:15] – Introduction to Burke HollandBurke Holland is working for Progress in the Developer Tools Division on the Developer Relations Team. They work on products like NativeScript, KendoUI and all the developer tools that Progress makes, which is mostly UI components and mobile frameworksQuestions for Burke Holland[00:03:00] – What is Kendo UI?Kendo UI is a Javascript UI library. It has open source components (Kendo UI Core), but it’s primarily commercial. It’s more on heavy lifting text scenarios like grid that has sorting and filtering, drag and drop, grouping, scheduler, robust calendar interface, pivot grids, Gantt charts, data visualizations. We’ve rebuilt Kendo UI from the ground up using Angular components. It’s the Kendo UI Core Angular that was released last January.[00:08:00] – How are Kendo UI elements pulled for use into an app?There’s a private npm repo that you would just pull in and bundle some of the widgets together. Inputs can be a drop down list, a combo box, autocomplete, etc. Using npm and install -@progress/kendo-angular-input, you get all of those inside your npm modules folder. We and the team are pushing to move to the public npm repo so that people don’t have to register for an account.[00:13:00] What about mobile development? Does this work with NativeScript?Kendo UI widgets do not work inside of NativeScript for mobile apps. However, we are looking for a possibility of merging their NativeScript UI library with Kendo UI so that you can build a website, a progressive web app, a NativeScript app, etc.[00:16:00] Do you also have to pull in some CSS?Kendo UI has their own CSS that is based on Sass. It has a theme builder to customize themes that you can pre-select from. Integration for Bootstrap 4 was also built because Kendo UI does not have a layout system so it doesn’t provide you with any grid system for layouts or for responsive design.[00:19:00] Do you just import it into my app and then use the components, is it that simple?It is recommended to use Angular CLI to use Kendo UI’s components and import it into an app. First step is to create a new project with the Angular CLI because Kendo UI is designed to work with it. You can work with SystemJS, instead, but it requires some tweaking. Next, you would need to add the private npm repo which registers the end point on the terminal. And then, npm-install to install the components. After that, you can include them in your app module file. Import Kendo grid from @progress/kendo-angular-grid. Then, you can import them into your module so you use it in your templates.[00:23:00] – Can I tie a chart to a grid, update the chart and have the grid change?Everything that Angular updates, Kendo UI just updates too. If you buy two components to the same array and you update that array, both of those components are going to update because they’re using Angular’s binding.[00:24:00] – Does Kendo UI work with the older versions of Angular?Kendo UI works with Angular 1.x. By the way, AngularJS means Angular 1.x. Meanwhile, Angular means Angular 2 and up. Directives for Angular 1.x wrap Kendo UI components.[00:28:00] – When moving my component in AngularJS to Modern Angular, do I have to include both of those in the product?I can’t provide any guidance here, other than I wouldn’t do that. If you migrate, you’re going to be firing up a new project but you should be able to move your application logic over pretty well. However, we still have this idea of services and injection and those things are transferable. And then, when you use Kendo UI components, the only thing that’s really transferable there is the configuration settings.[00:29:00] – How do you write tests if you’re testing Angular app? Are there other things that you should be testing?That would mean there’s some sort of functional testing and unit testing. If we’re talking about unit testing, you should just test the way that you would normally test Angular. For functional test, you need a functional testing tool like Selenium or Test Studio.[00:30:00] – Is there anything else that people need to know about Kendo UI?We’ve got a lot of other components coming so stay tuned on that. We’re also working on some React stuff. We always love to get feedback. We have a github repo.PicksBurke Holland:

Server list
Azure Functions Challenge
Medium article on Samsung’s weird emoji
Twitter at @burkeholland
Twitter of Tara Z. Manicsic

Charles Max Wood:

Serverless library in npm
AWS Lambda
Slack room for the podcast (adventuresinangular.com/slack)
Angular Remote Conf
Get A Coder Job
Stack for Slack automation
MemberPress on WordPress

Special Guest: Burke Holland.

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.

AiA 142 Angular and Electron with Ryan Chenkie

Tue, 23 May 2017 10:00:00 +0000

On today's episode, Adventures in Angular features Angular and Electron with Ryan Chenkie. Ryan is a product owner, blogger, and JavaScript trainer. His interests in working on Angular with other technologies led him to using it on desktop apps with Electron. Tune in!Special Guest: Ryan Chenkie.

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.

AiA 141 Migrating a Large Angular 1.x App to Angular 2+

Tue, 09 May 2017 10:00:00 +0000

How long do you wait to load regular Angular? Today's episode features Migrating a Large Angular 1.x App to Angular 2+ with Ciro Nunes. Ciro is a frontend engineer at CrossEngage. He appeared on episode 89, where he talked about Angular CLI. Now, he shares how they migrated an app and the challenges they faced. Tune in!Special Guest: Ciro Nunes.

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.

AiA 140 NgDoc.Io with Joe Eames and Alyssa Nicoll

Tue, 02 May 2017 10:00:00 +0000

On today’s episode, Charles Max Wood and Ward Bell discuss NgDoc.Io with Joe Eames and Alyssa Nicoll. NgDoc.Io is a website that contains all Angular-related content in the community. It includes sample projects and apps. It's a great resource for everyone who wants to learn about Angular. Tune in!

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.

AiA 139 ng-conf Roundup

Tue, 25 Apr 2017 10:00:00 +0000

On today’s episode, Charles Max Wood, Lukas Reubbelke, Ward Bell, Joe Eames, and Alyssa Nicoll discuss ng-conf Roundup. Stay tuned as they share their meaningful experiences in attending the conference!

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.

AiA 138 Progressive Web Apps with Houssein Djirdeh

Tue, 11 Apr 2017 10:00:00 +0000

On today’s episode, Charles Max Wood, Joe Eames, and Alyssa Nicoll discuss Progressive Web Apps with Houssein Djirdeh. Houssein is a front-end engineer based in Toronto. He works for Rangle.io where he builds mobile web apps strictly focused on JavaScript. Stay tuned to learn more about the web apps he is working on and what he's currently up to!Special Guest: Houssein Djirdeh.

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.

AiA 137 NGRx with Mike Ryan

Tue, 04 Apr 2017 10:00:00 +0000

On today’s episode, Charles Max Wood, Ward Bell, and Alyssa Nicoll discuss NGRx with Mike Ryan. Mike is a senior software engineer at Synapse Wireless, Inc. in Huntsville, Alabama and is a core team member of NGRx. What he does in work is that he builds real-time interactive UIs for industrial applications. Stay tuned to learn more about what NGRx and what he currently enjoys doing related to web development!Special Guest: Mike Ryan.

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.

AiA 136 Catalog of Angular Libraries and Components with Romuald Brillout

Tue, 28 Mar 2017 10:00:00 +0000

On today’s episode, Charles Max Wood, Joe Eames, John Papa, Lukas Reubbelke, and Ward Bell discuss Catalog of Angular Libraries and Components with Romuald Brillout. Romuald studied computer science and does freelance in programming for particular clients. Stay tuned to learn more about the topic and what he is currently up to! Special Guest: Romuald Brillout.

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.

AiA 135 Angular Flex Layouts with Thomas Burleson

Tue, 21 Mar 2017 10:00:00 +0000

On today’s episode, Charles Max Wood, Alyssa Nicoll, Joe Eames, John Papa, Lukas Reubbelke, and Ward Bell discuss Angular Flex Layouts with Thomas Burleson. Thomas has been a part of the Angular community since dot 9 and is currently taking the lead on flex layout. Tune in to learn more what this new library from Angular is all about and discover what it has in store for you.Special Guest: Thomas Burleson.

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.

AiA 134 When Joe Gets MEAN

Tue, 14 Mar 2017 10:00:00 +0000

On today’s episode, Charles Max Wood, Alyssa Nicoll, Joe Eames, and Ward Bell talk about Joe's experience in building an application with MEAN. Tune in to learn about this JavaScript framework, and hear what happens when Joe gets MEAN.

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.

AiA 133 RxJS with Angular

Tue, 07 Mar 2017 11:00:00 +0000

On today’s episode, Charles Max Wood, Alyssa Nicoll, John Papa, and Ward Bell talk about RxJS with Angular. Tune it to learn how to use RxJS directly as an Angular developer rather than inside some library.

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.

AiA 132 The Angular CLI

Tue, 28 Feb 2017 11:00:00 +0000

On today’s episode, Charles Max Wood, John Papa, and Ward Bell talk about The Angular CLI. Tune it to their interesting talk to understand what CLI does, know where it's at, and consider the issues about it.

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.

AiA 131 Security and Angular with Brian Clark

Tue, 21 Feb 2017 11:00:00 +0000

On today’s episode, Charles Max Wood, Joe Eames, John Papa, Ward Bell, Alyssa Nicoll, Jules Kremer, and Lukas Reubbelke discuss Security and Angular with Brian Clark. Brian is a web developer and an architect. He is into secured application development practices. Tune in and learn more about Angular and about security in building applications.Special Guest: Brian Clark.

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.

AiA 130 NG-Conf Speaker Selection Process

Tue, 14 Feb 2017 11:00:00 +0000

On today’s episode, Charles Max Wood, Joe Eames, John Papa, Ward Bell, Alyssa Nicoll, Jeff Whelpley, and Dave Geddes discuss NG-Conf Speaker Selection Process. Tune in and learn how the organizers choose the speakers for the event!Special Guests: Dave Geddes and Jeff Whelpley.

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.

AiA 129 How do I Start My Single Page App?

Tue, 07 Feb 2017 11:00:00 +0000

On today’s episode, Charles Max Wood, Joe Eames, John Papa, Lukas Ruebbelke, and Ward Bell discuss How do I Start My Single Page App. Tune in and learn about the major concerns in starting the app!

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.

AiA 128 Organizing Non-traditional Developer Events

Tue, 31 Jan 2017 11:00:00 +0000

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

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

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

AiA 127 GraphQL and Apollo with Uri Goldshtein

Tue, 24 Jan 2017 11:00:00 +0000

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

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

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

AiA 126 Incrementally Upgrading an Application to Angular 2 with Danny Blue

Tue, 17 Jan 2017 11:00:00 +0000

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

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

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

AiA 125 API Powered Components for Severless Applications with Travis Tidwell

Thu, 29 Dec 2016 13:00:00 +0000

1:25 - Introducing Travis Tidwell

2:35 - What’s a form and why would you build one?8:30 - Making changes to API-driven forms

Swagger

13: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 Angular

https://github.com/formio/ng2-formio

46: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 NG2
- 040 - ng-wat
Objects 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/brands

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

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

124 AiA From Junior to Senior Developer

Thu, 22 Dec 2016 13:00:00 +0000

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 Developers

PluralSight Skills Assessment

Picks: 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/brands

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

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

123 AiA Upgrading from Angular 1 to Angular 2 with Victor Savkin

Thu, 15 Dec 2016 13:00:00 +0000

3:00 - Introducing Victor Savkin

3: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 migrating

Blog post

16: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 Cruise (Alyssa) Egghead.io (Alyssa) Newsfeed Eradicator (Charles) Echo Dot (Charles) Ethics in the Real World by Peter Singer (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.

122 AiA Angular 2 Routing

Thu, 08 Dec 2016 13:00:00 +0000

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

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

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

121 AiA Dependency Management for Angular Apps with GraphQL Uri Goldshtein

Thu, 01 Dec 2016 13:00:00 +0000

1:40 - Introducing Uri Goldshtien

6:00 -Intro to Graph QL

28:40 - Live demo of using Graph QL35:00 - Demo using example apps

Special Guest: Uri Goldshtein.

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.

120 AiA Back End And Front End Teams versus Cross-Functional Teams

Thu, 24 Nov 2016 13:00:00 +0000

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

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

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

119 AiA Avoiding Common Pitfalls in Angular2

Thu, 17 Nov 2016 13:00:00 +0000

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 Audible (Charles) MindMup2 (Charles)Devchat Conferences Devchat Webinars NgConf 2017

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.

118 AiA Joe Eames and Charles Max Woods Angular Journeys

Thu, 10 Nov 2016 13:00:00 +0000

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 projects

NgConf 2017

37:10 - Charles’ current projects

40:25 - Getting into programmingPicks: Designated Survivor (Joe)Going to the dollar theater (Charles) The Daily Lasagna (Charles)

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.

117 AiA Hot Loading and Time Travel with Tero Parviainen

Thu, 03 Nov 2016 12:00:00 +0000

2:40 - Introducing Tero Parviainen

- NgConf Presentation: “Generative Art in Angular 2”
- Website
- Github
Build Your Own AngularJS ebook

4:10 - Hot Loading

“Angular 2 Hot Loading with @ngrx/store and Webpack” article by Tero

5: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 Music

In-C on Github

34: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 (Lukas)Special Guest: Tero Parviainen.

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.

116 AiA Angular 2 Compiler with Tobias Bosch

Thu, 27 Oct 2016 12:00:00 +0000

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 scenarios

Component Factory Resolver

21:35 - Functions of the Compiler: Tree shaking

Google Closure Compiler

25: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 developers

Lucidchart

37: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 Workshop (rescheduled) (John) The 12 Week Year (Charles) AST Explorer (Joe)Enter the lottery to win the opportunity to buy a ticket to NG-Conf (Joe)Call for presenters for NG-Conf will open November 1st (Joe)Special Guest: Tobias Bosch.

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.

115 AiA Polymer and Web Components with Angular 2 with Rob Dodson

Thu, 20 Oct 2016 12:00:00 +0000

2:15 - Introducing Rob Dodson

2: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 Components

41:20 - What does Rob Dodson do?

Polymer Summit London 2016

42:40 - Seeing how Angular 2 and Web Components connect

Picks: Men Explain Things to Me by Rebecca Solnit (Ward) Angular Remote Conf videos (Charles) Web Components Remote Conf (Charles) Elon Musk: Tesla, SpaceX, and the Quest for a Fantastic Future by Ashlee Vance (Rob) Stranger Things (Rob)Special Guest: Rob Dodson .

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.

114 AiA Life Lessons from Angular Air - Jeff Whelpley - Angular Remote Conf

Thu, 13 Oct 2016 12:00:00 +0000

1:50 - Introducing Jeff Whelpley at Angular Remote Conf

3:40 - Working on Angular Air6:25 - Lessons from Ben Lesh

Episode Link

8:20 - Lessons from Gleb Bahmutov

Episode Link

11:50 - Lessons from Aaron Frost

Episode Link

14:00 - Lessons from Shai Reznik

Episode Link

16:50 - Lessons from Joe Eames

Episode Link

19:10 - Lessons from Uri Goldshtein21:40 - Lessons from Wesley Cho and Jesus Rodriguez

Episode Link

25:40 - Lessons from Brad Green28:50 - Lessons from Igor Minar31:40 - Lessons from Victor Savkin and Dan Abramov

Episode Link

34:30 - Lessons from Amy Knight36:05 - Lessons from Patrick Stapleton39:00 - Lessons from Jamie King and Kyle Newman

Fanboys movie
Episode Link

Special Guest: Jeff Whelpley.

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.

113 AiA Angular 2 in a .NET World

Thu, 06 Oct 2016 12:00:00 +0000

1:25 - Introducing Marcel Good

Breeze
Github
Twitter
info@ideablade.com

2:15 - Introducing Steve Schmitt

4: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/brands

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

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

112 AiA Upgrading from Angular 1.x to Angular 2

Thu, 29 Sep 2016 12:00:00 +0000

2:20 - Should everybody update to Angular 2?3:50 - Defining migration

NGUpgrade

6: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 migration

Joe Eames’ Pluralsight Course

45: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/brands

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

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

111 AiA Redux and Angular 2 with Nate Murray

Thu, 22 Sep 2016 12:00:00 +0000

1:50 - Introducing Nate Murray

2: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 NgRx

Dan Abramov’s Github

43:15 - Flow changes in Redux45:40 - Redux and observables52:45 - Simplifying data structures without using Redux

Breeze.js

Picks: 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/brands

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

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

110 AiA Special Angular 2 Final is Released

Thu, 15 Sep 2016 02:00:00 +0000

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

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

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

109 AiA Ionic 2 with Mike Hartington and Justin Willis

Thu, 08 Sep 2016 12:00:00 +0000

Angular Bootcamp Angular Remote ConferencePanel: Joe Eames, John Papa, Jules Kramer, Lucas Reubelki, and Charles Max Wood1:50 - Introducing Mike Hartington and Justin Willis

3: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 Cordova

Untappd social drinking app
Sworkit workout app

24: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 Willis and Mike Hartington.

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.

108 AiA Web Workers in Angular with Torgeir Helgevold

Thu, 01 Sep 2016 13:00:00 +0000

1:50 - Introducing Torgeir Helgevold

3:05 - Defining and using Web Worker8:55 - Web Worker and value communication between threads15:05 - Booting an app in Web Worker vs a browser20:15 - Web Worker and mobile browsers23:55 - Reality and perception of running apps on mobile devices29:00 - Multi-threading and Web WorkersPicks: Angular NgModule Doc (John) Tinker Crate (John) Angular 2 Router by Victor Savkin (Lukas) “Out of the Tar Pit” by Ben Moseley and Peter Marks (Lukas) Hardcore Henry (Joe) Vid Angel (Joe) Angular 2 Class with John Pop and Dan Moleen. Use code “AIA” for $200 off registration (Joe) Angular 2 Gitter chat (Tor)Special Guest: Torgeir Helgevold.

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.

107 AiA NgModule

Thu, 25 Aug 2016 12:00:00 +0000

1:55 - Public Service Announcement: Moving past RC54:40 - Advice for an easy transition9:40 - Modules and smaller apps14:15 - Process for moving folders and modules16:30 - Sharing code between projects19:40 - Ahead Of Time Compiler 27:00 - Non-Javascript back-end systems29:25 - Functions of the NgModule31:00 - Components and Templates

Javascript Jabber episode on Rollup.js

36:40 - Providers38:50 - Ordering Components41:50 - Building a small app with no use for modulesPicks Stranger Things on Netflix (Joe) Game of Thrones (Jules) Angular 2 Class with John Pop and Dan Moleen. Use code “AIA” for $200 off registration (Joe) Gboard for iPhone (Jules) Factorio game (Steve) Electric Knife Sharpener (Ward) IdeaBlade (Ward) Freshdesk (Charles)

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.

106 AiA Angular2 RC5 and Beyond

Thu, 18 Aug 2016 13:00:00 +0000

1:50 -Jules explains release candidacy

Angular Weekly Meeting Notes

7:10- RC5 and Angular 211:20 - Big changes with RC5: NGModules14:45 - Big changes with RC5: Bootstrapping root modules15:45 - Big changes with RC5: Lazyloading and packaging options20:20 - Big changes with RC5: Compiler options23:30 - RC5 and depreciation28:17 - Documentation29:33- Installing release candidate

Migration guide

33:50 - Engineering listPicks: Lootcrate (Charles) Stickermule (Charles) Osmo coding set (Lukas) Premier Protein (Lukas) ngMigrate (Lukas) DJI Phantom 4 Drone Camera (Jules) Munchery (Jules)Duet Beer by Alpine Beer Company (Jules)2016 Rio Olympics (Ward)

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.

105 AiA Augury with Igor Kamenetsky

Thu, 11 Aug 2016 13:00:00 +0000

Angular Remote Conference1:35 - Introducing Igor Kamenetsky

Company website
Github
Email him: gor.kamenetsky@rangle.io
Augury Github
Slack Team Chat
Augury Wiki

2:07 - What does “Augury” mean?5:25 - Using Augury in Chrome9:10- Augury in other browsers10:20 - Microsoft Debugging Tools

Debugging for Windows

11:54 - Favorite Chrome developer techniques and Augury tips14:22 - Challenges with Batarang15:55 - Creating informative graphics18:15 - Managing app component communications21:25 - Angular Connect 2016 24:10 - Angular’s engagement with the community

Rangle’s Angular 2 Training Guide

28:30 - Router compatibility29:40 - Feedback and Troubleshooting for Augury

35:15 - Navigating ID’s in Augury39:30 - Angular Two Features45:55 - Router Tree View48:30 - View Source Feature50:00 - The future of AuguryPicks: Gmail keyboard shortcuts (Lukas) The Ultimate Angular 2 Workshop with Dan Wahlin and John Papa (Joe)New Jason Bourne film (don’t see it!) (Joe) Wood Badge (Charles) Boy Scouts of America (Charles) Tifie Scout Camp (Charles) Angular Remote Conference - Use the code “podcast” to get 25% off registration (Charles) Finding Dory (Igor) TypeScript guide by Basarat (Igor) ALM (Igor) NG2 Redux (Igor) Special Guest: Igor Kamenetsky.

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.

104 AiA Forms with Justin Schwartzenberger

Thu, 04 Aug 2016 13:00:00 +0000

Angular Remote Conf 01:56 - Justin Schwartzenberger Introduction

03:01 - User Input/Forms

angular-form-builder

07:40 - Validation; Using Forms for Angular 2

Justin Schwartzenberger: Angular 2's Fresh Approach to Style @ ng-conf
Complexity
Template-driven vs Model-driven

25:27 - Changes in Forms32:06 - Getting Started with Forms (Tips and Tricks)

Metadata-driven Forms

Picks

Angular 2 (John & Joe)
Parks and Recreation (John)
The Goldbergs (Joe)
Ego Is the Enemy by Ryan Holiday (Lukas)
Matt Podwysocki's Rx Twitter Status (Lukas)
How to Stay Motivated: Developing the Qualities of Success by Zig Ziglar (Chuck)
The Harry Potter Series (Chuck)
MacBook Pro (Justin)
Red Dead Redemption (Justin)
Lynda.com | Angular 2 Forms: Data Binding and Validation with Justin Schwartzenberger (Lukas)

103 AiA New Developer Problems

Thu, 28 Jul 2016 13:00:00 +0000

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)

102 AiA Angular and WordPress with Ryan Sullivan and Roy Sivan

Thu, 21 Jul 2016 13:00:00 +0000

Angular Remote Conf 02:01 - Roy Sivan Introduction

02:23 - Ryan Sullivan Introduction

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

07:38 - Data and Plugging Angular Into APIs

AppPresser

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

21:23 - Displaying Data in WordPress Using Angular

25:01 - Tutorials

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.

101 AiA The State of NG2 with Rob Wormald and Stephen Fluin

Thu, 14 Jul 2016 13:00:00 +0000

02:59 - Rob Wormald Introduction

03:46 - Stephen Fluin Introduction

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.

100 AiA Episode 100! Here's to 100 more!!

Thu, 07 Jul 2016 13:00:00 +0000

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

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

24:39 - Favorite Episodes

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)

099 AiA Firebase and AngularFire2 with David East and Jeff Cross

Thu, 30 Jun 2016 13:00:00 +0000

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

02:34 - Jeff Cross Introduction

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.

098 AiA Azure Functions Portal with Chris Anderson and Ahmed ElSayed

Thu, 23 Jun 2016 13:00:00 +0000

01:58 - Ahmed ElSayed Introduction

02:09 - Chris Anderson Introduction

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.

097 AiA Angular 2 Tips with Pascal Precht

Thu, 16 Jun 2016 13:00:00 +0000

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

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.

096 AiA Angular 2 and TypeScript with Dan Wahlin

Thu, 09 Jun 2016 13:00:00 +0000

01:59 - Dan Wahlin Introduction

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.

095 AiA Building NG2 Libraries with Olivier Combe

Thu, 02 Jun 2016 13:00:00 +0000

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

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)

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.

094 AiA ng-conf 2016 Live!

Thu, 26 May 2016 13:00:00 +0000

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)

093 AiA Angular Universal Patterns with Jeff Whelpley

Thu, 19 May 2016 13:00:00 +0000

02:05 - Jeff Whelpley Introduction and Angular Universal Patterns

03:26 - Backend Implementations05:07 - Drawbacks

zone.js

12:46 - Contribution

16:42 - Caching19:04 - Other Gotchas

Session State
App Container

25:40 - The User Experience

Hydration

31:29 - Installation and Running Angular Universal33:24 - The Release Schedule Picks

BB-8 Sphero (Joe)
Black Man in a White Coat: A Doctor's Reflections on Race and Medicine by Damon Tweedy (Joe)
iPhreaks Show Episode 153: Using Mobile Devices to Manage Diabetes with Scott Hanselman (Chuck)
The Freelancers' Show Episode 202: Live from MicroConf: Managing a Team with Anders Thue Pedersen (Chuck)
DevChat.tv Survey (Chuck)
GetHuman (Jeff)

092 AiA webpack with Sean T. Larkin

Thu, 12 May 2016 13:00:00 +0000

01:53 - Sean T. Larkin Introduction

02:17 - Configuration 02:56 - webpack 06:17 - Grunt and gulp vs webpack 08:02 - Plugins and Loaders

09:49 - Downsides 10:46 - Writing Less Code? 12:50 - Configuration (Cont’d)

NgWebpackStarter

14:23 - Metrics and Speed

Sightspeed.io

18:12 - Migration Risk 20:29 - The Learning Curve 22:04 - webpack with Angular 2 24:21 - webpack and Angular 1 26:05 - Getting Started with webpack

angular-starter-es6-webpack

27:34 - Why use webpack with your Angular 2 build?

Systemjs

36:32 - webpack IntegrationSpecial Guest: Sean T. Larkin.

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.

091 AiA Performance with Zackary Chapple

Thu, 05 May 2016 13:00:00 +0000

01:52 - Zackary Chapple

02:02 - Performance; Metrics and Analytics

08:23 - Performance in Angular 1 vs Angular 2 Apps09:43 - Mobile Performance

benchpress

10:51 - Migration Work from 1 to 216:20 - Single-page Apps21:00 - The RAIL Performance Model 21:42 - Speed; Efficiency25:21 - HTTP 1.0/2.026:49 - Websockets27:11 - Mobile Performance Testing29:20 - Production Monitoring

heimdallr

Picks Angular 2: Getting Started by Deborah Kurata (Lucas)
Electron (Lukas)
Flyover Country (Jules)
Snapchat (Jules)
#AskGaryVee: One Entrepreneur's Take on Leadership, Social Media, and Self-Awareness by Gary Vaynerchuk (Lukas)
Betterment (Stephen)
Upwork (Chuck)
QuickBooks Online (Chuck)
Crazy Egg (Zack)
Grafana (Zack)Special Guest: Zack Chapple.

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.

090 AiA NativeScript Part 2 with TJ VanToll

Thu, 28 Apr 2016 13:00:00 +0000

01:56 - TJ VanToll Introduction

03:08 - Code Sharing

Adventures in Angular Episode #74: NativeScript with Burke Holland and TJ VanToll

06:35 - Components and Directives13:09 - NativeScript and Electron 15:02 - Business Model16:07 - Compatability; Multi/Cross-Platform Capability17:31 - Why Use NativeScript?26:41 - Performance and Usability; Hybrid and Native30:21 - iOS Concerns; Xamarin 37:23 - Where is NativeScript heading? (Future Visions and Plans)38:21 - Getting Started with NativeScript

Picks Things Organized Neatly (Jules)
House of Cards: A Tale of Hubris and Wretched Excess on Wall Street by William D. Cohan (Ward)
AngularFire - Firebase (Joe)
Zootopia (Joe)
Rogue One Star Wars Trailer (John)
HoloLens (Chuck)
.NET Rocks! (Chuck)
MicroConf (Chuck)
Build a Raspberry Pi-Powered DIY Amazon Echo (Chuck)
The 5th Wave Book Series (TJ)
Red Rising Series (TJ)Special Guest: TJ VanToll.

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.

089 AiA Angular CLI with Ciro Nunes

Thu, 21 Apr 2016 13:00:00 +0000

02:11 - Ciro Nunes Introduction

02:39 - Command-line Interface (CLI) 06:58 - Ciro’s Involvement with the CLI08:10 - Features and Improvements for Angular 2

Ruby on Rails
AST (Abstract Syntax Tree) Transformations
- NG6-starter

19:33 - Accessibility26:36 - CLI Basics28:11 - Testing34:12 - Building a Production Pipeline35:38 - GitHub Pages; Community Contribution

Picks Star Wars: The Force Awakens (John)
LEGO® Star Wars: The Force Awakens (John)
ng-conf (John)
AngleBrackets (John)
Disturbed - The Sound Of Silence (Joe)
The Hello World Podcast (Joe)
Jurgen Van de Moere: How I feel about Angular 2 (Ciro)
angular-cli (Ciro) Special Guest: Ciro Nunes.

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.

088 AiA Angular Style Guides

Thu, 14 Apr 2016 13:00:00 +0000

03:26 - Style Guides

08:57 - Naming Conventions11:51 - The Growth of the Angular 1 Style Guide 14:41 - Style Guide Dislikes21:26 - Multiple Recommendations

CTRL

087 AiA Angular’s Developer Relations Team with Jules Kremer

Thu, 07 Apr 2016 13:00:00 +0000

02:24 - Jules Kremer Introduction

04:21 - Jules and the Angular Team05:41 - “The Dev Rel Role” (Developer Relations)08:28 - The Enterprise10:22 - The Angular Developer Relations Team12:18 - How the Team Should/Will Work

Events - Angular 2

16:05 - The F5 Experience vs The CLI World/Project20:46 - Implementing Simple vs Advanced Concepts27:24 - Angular and Language Paths/Choices31:02 - ASP.NET Core 35:10 - Jule’s Role in Developer Relations

Developer Types:
- The Hacker
- The Skillbuilder
- The Manager
Companies:
- The Developing Company
- The Very Sophisticated Enterprise Company
- The Inbetweeners

43:21 - The GDE ProgramPicks New York Pluralsight Study Group (John)
issues | angular/angular.io (Ward)
GO CUBES (Lukas)
Auto imports from TypeScript (Lukas)
FEM 2016 Plunks (Lukas)
Sushi Burrito (Joe)
Angular Swag Feedback: juliekremer@google.com (Jules)Special Guest: Jules Kremer.

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.

086 AiA Being a Good Open Source Citizen

Thu, 31 Mar 2016 15:00:00 +0000

04:33 - Inspired by Scott Hanselman: Bring Kindness back to Open Source 06:02 - Cultivating a Community08:53 - Making it Easier for People to Contribute

“No Meanness Rule” and Etiquette
PDI = Please Do Investigate

19:33 - Responding to PRs20:52 - Contribution Guidelines

32:38 - Being an Effective Contributor

(Example) 1.3.x ngCookies service overwrites/duplicates cookies set outside of ngCookies

41:18 - Responding to Unrelated Pull Requests & Opening Issues47:55 - Working with Large Open Source Projects

DHH: Software has bugs. This is normal.

Picks lite-server (Joe)
The Goldbergs (Joe)
Review: In ‘The Diary of a Teenage Girl,’ a Hormone Bomb Waiting to Explode (Ward)
Code Folding in Visual Studio Code (John)
How Lucasfilm made Star Wars’ first official VR lightsaber battle (John)

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.

085 AiA Looking at Angular 2 with Ben Nadel

Thu, 24 Mar 2016 13:00:00 +0000

02:14 - Ben Nadel Introduction

02:56 - Looking at Angular 204:01 - Dialect and Mechanics13:17 - Angular 2: Likes and Dislikes

The Angular Learning Curve Graph

28:02 - Promises and Observables32:11 - Change Detection

ngModel

39:13 - The Mental Model47:12 - redux Picks Ex-Con #2 (Joe)
Ben's Blog (Ward)
Ben Lesh: Learning Observable By Building Observable (Lukas)
The Lulu (Lukas)
Dropbox (Chuck)
The Best Podcast Rap Video (Chuck)
Tef: Write code that is easy to delete, not easy to extend. (Ben)
Sandi Metz: The Wrong Abstraction (Ben)
Kyle Simpson: The Economy of Keystrokes @ Thunder Plains 2015 (Ben)
Rich Hickey: Simple Made Easy (Ben)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.

084 AiA Angular Material 2 with Jeremy Elbourn

Thu, 17 Mar 2016 14:00:00 +0000

02:36 - Jeremy Elbourn Introduction

03:15 - Material Design; Angular Material

Adventures in Angular Episode #071: Angular Material with Thomas Burleson

05:12 - Components

“Alpha”

11:09 - Getting Involved with Angular 2 Material

Documentation

16:38 - Strategies for Preparing for Angular 2 Material; Preserving Old Spirit22:07 - Office UI Fabric 24:23 - Best Practices and Infrastructure

Testing

27:19 - Architecture28:52 - Getting StartedPicks Muru (Ward)
Temblor (Ward)
Observables (Lukas)
Evan Czaplicki: Let's be mainstream! User focused design in Elm @ Curry On (Lukas)
Calamity by Brandon Sanderson (Joe)
The Expanse (Jeremy)
Flexbox Froggy (Jeremy)
Fiskars Titanium Shears (Jeremy)Special Guest: Jeremy Elbourn.

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.

083 AiA NG-NL

Thu, 10 Mar 2016 14:00:00 +0000

The recording for this episode took place on February 18th, 2016 at the NG-NL conference in Amsterdam. Thank you to the conference organizers and sponsors for hosting an awesome single-day, multi-track conference.

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.

082 AiA Getting Started with Angular 2 With No Angular 1 Experience with Shayne Boyer

Thu, 03 Mar 2016 14:00:00 +0000

02:17 - Shayne Boyer Introduction

02:38 - Shayne’s Background

TypeScript => Angular 2

07:20 - Benefits of Skipping Angular 111:21 - Building Desktop Applications with Angular 214:18 - First Experiences with Angular 222:44 - ASP.NET 5

26:22 - Node

Aggregation

35:49 - HTTP, ReactiveX

RX.NET and LINQ

41:16 - Tips to Jump Into Angular 2

TypeScript

PicksJohn Papa’s New Angular 2 Course (Angular 2: First Look) on Pluralsight (Joe)
Women in tech: Submit technical talks! (Joe)
Star Wars: Episode VIII (Joe)
Rogue One: A Star Wars Story (Joe)
[egghead.io] Cycle.js Fundamentals (Ward)
Shayne’s Play by Play on Pluralsight (John)
Girls Who Code (John)
Pacifiers (Chuck)
Amsterdam (Chuck)
The Iron Druid Chronicles: Staked by Kevin Hearne (Chuck)
Calamity by Brandon Sanderson (Chuck)
Thinking in Angular 2.0 (Shayne)
Amazon Echo (Shayne)Special Guest: Shayne Boyer.

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.

081 AiA Angular 1.5 with Peter Bacon Darwin

Thu, 18 Feb 2016 14:00:00 +0000

02:08 - Peter Bacon Darwin Introduction

03:48 - Angular 1.5

Angular 1.5.0 - ennoblement-facilitation has been released!

06:29 - Will people prefer to write in this style going forward?09:34 - Styling

John Papa’s Style Guide

15:58 - The Component Router18:33 - Security

The Sandbox

23:00 - Angular 1.4 vs 1.525:08 - TypeScript

ng-forward

29:33 - Angular 1.5 vs 2.0

Directives and Controllers

40:55 - Styling (Cont’d)44:34 - ngTouch 49:58 - AngularConnect Picks AngularConnect (Ward)
ng-conf (Joe)
Sarah Blasko (Joe)
Survey (Joe)
AngleBrackets Use the code PAPA for $50 discount (John)
The LOOP (Chuck)
Subresource Integrity (Peter)
Hackers: Heroes of the Computer Revolution by Steven Levy (Peter)
Clause 57.10 (Peter)Special Guest: Peter Bacon Darwin.

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.

080 AiA Aurelia with Rob Eisenberg

Thu, 11 Feb 2016 14:00:00 +0000

Check out Freelance Remote Conf and React Remote Conf! 02:34 - Rob Eisenberg Introduction

03:23 - Aurelia 04:28 - Conventions and Configurations19:15 - 2015: “The Year of the Framework”23:46 - Databinding and Unit Directional Data Flow27:56 - Advice for Framework Developers

32:52 - Tool Fatigue

JavaScript Fatigue and Keeping Up with Modern Development

43:32 - Change Detection45:22 - Aurelia InterfacePicks AngularConnect (Joe)
Why Composer John Williams Knows More About Star Wars Than You Do (Joe)
LEGO Star Wars: The Force Awakens Game (Joe)
Angular 1 and AngularFire (Joe)
The Aurelia Docs (Ward)
OhYeah! ONE Bar (Lukas)
Joe Eames: How Functional Reactive Programming (FRP) is Changing the Face of Web Development (Lukas)
The Auralia Website (Lukas)
RushMyPassport (Chuck)
Mogo Portable Seat (Chuck)
The Malazan Book of the Fallen (Rob)
Scholastic Metaphysics: A Contemporary Introduction by Edward Feser (Rob)
Attack on Titan Vol. 2 by Hajime Isayama (Rob)Special Guest: Rob Eisenberg.

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.

079 AiA Reactive Programming and Redux with Angular 2 with Rob Wormald

Thu, 04 Feb 2016 14:00:00 +0000

Check out Freelance Remote Conf and React Remote Conf! 02:34 - Rob Wormald Introduction

02:53 - How redux Works and How it Works in the Context of Angular 2

06:19 - Data Structuring and Immutability

Gerard Sans: Angular 2 — Introduction to Redux How to use Redux in Angular 2 Applications

09:11 - Angular 2 Frustrations

Performance

15:54 - Filtering and Ordering18:12 - Application Logic and Testing

André Staltz

29:21 - Mixing redux and RxJS

31:12 - Resources/Code Examples

[egghead.io] Dan Abramov: Getting Started with Redux

41:12 - Should the Angular team embrace redux?

tactical

44:42 - ngrx: Problems47:28 - RxJS 5 and Getting StartedPicks iZombie (Joe)
Malcolm in the Middle (Joe)
[egghead.io] Cycle.js Fundamentals (Lukas)
Pilot G-Tec-C Gel Rolling Ball Pens (Lukas)
Freelance Remote Conf (Chuck)
React Remote Conf (Chuck)
NG-NL (Chuck)
RushMyPassport (Chuck)
Mogo Portable Seat (Chuck)
Occupied (Rob)
[egghead.io] Cycle.js Fundamentals (Rob)
[egghead.io] Dan Abramov: Getting Started with Redux (Rob)
Angular 2 Gitter Channel (Rob)Special Guest: Rob Wormald.

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.

078 AiA NG Beta with Brad Green, Miško Hevery, and Igor Minar

Thu, 28 Jan 2016 14:00:00 +0000

Check out Freelance Remote Conf! And while you’re there take a look at all of this year’s conferences! 02:42 - Angular 2 Beta and Projected Release Talk

ng-conf ??

06:52 - Payload Size07:56 - Preparing For Angular 213:31 - Application Capability17:06 - Language

17:33 - Releasing Angular 1 vs 2

Syntax
- New A2 Syntax
Tooling

27:10 - angular-cli 28:31 - The Designer Story

Inline Templates
UI Components

34:57 - Promises and Observables40:55 - The Router

Lazy Loading

48:43 - Angular 2 Myths: Busted53:22 - React, React Native

55:37 - Angular Guidance; OO-Style or Functional App Architecture?

01:01:19 - Angular 1 => 2 Migration

01:04:17 - The Angular Community and Upcoming Conferences and Announcements

Picks a2-in-memory-web-api (John)
John Papa’s Upcoming Angular 2 Pluralsight Course (John)
Julia Gillard (Ward)
Bryce Canyon National Park (Joe)
Stockpile (Joe)
ngrx (Lukas)
The Revenant (Brian)
ServiceWorker: Revolution of the Web Platform (Brian)
The Architecture of Open Source Applications (Igor)
iPad Pro (Igor)
Apple Pencil (Igor)
Paper & Pencil by FiftyThree (Igor)
Mandy Moore (Chuck)
Federico Iachetti (Chuck)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.

077 AiA 2016 Year Predictions

Thu, 21 Jan 2016 16:00:00 +0000

02:34 - Angular in 2015

Visual Studio Code

09:11 - Tooling10:47 - Angular 2 Courses, Style Guide13:01 - People Leaving Angular for React ??14:31 - No New Frameworks of Consequence in 2016 ??

21:50 - New Year’s Challenge: Communicate “Why”

Pair Programming

25:12 - Opinionated Blog Posts and Rants28:42 - Mobile Developers and Applications 33:44 - Angular 2 LIVE Predictions

Lukas: June 15th
John: May 4th (ng-conf)
Chuck: mid-July
Ward: August
Joe: April 1st

39:54 - ES2015/6, ES741:15 - Bootstrap Takes a Backseat41:48 - Inline Styles43:43 - Containers44:08 - NOSQL Databases 44:35 - Java45:06 - Ruby 45:35 - PHP 46:34 - Bootcamps / Coding Camps

Education and Job Attainability

54:02 - Revolt on ES6 => Go Back to ES5 ??55:49 - WebAssembly Picks Mad Max: Fury Road (Ward)
Luca Sestak Duo - Key Engine (Lukas)
Star Wars: The Force Awakens (Joe)
littleBits (Joe)
Submit a CFP for ng-conf! (Joe)
Spending time with family (John)
Clash of Clans (Chuck)
All Remote Confs (Chuck)
Swarm Simulator (Chuck)
CES (Chuck)
The Venetian Hotel (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.

076 AiA Using Angular in Office Client Apps with Andrew Connell

Thu, 14 Jan 2016 16:00:00 +0000

Check out Freelance Remote Conf! 02:48 - Andrew Connell Introduction

03:16 - Building for an Office Platform

08:12 - How do you host Angular code?09:56 - Why Angular in this situation?

Training Modules for Using Angular to Talk to Office 365 as a Standalone App, Building Office Add-ins for Outlook & Excel

14:41 - SharePoint Add-ins

27:32 - Adoption, Uptake29:29 - Office UI Fabric

Angular 1.x Directives for Office UI Fabric

33:03 - What’s the plan for Angular 2?

The Binding Syntax

Picks Shannara (John)
[egghead.io] Getting Started with Redux (Lukas)
View-Master Virtual Reality Starter Pack (Lukas)
Dan Abramov’s work on React (Ward)
JavaScript Jabber Episode 179: redux and React with Dan Abramov (Chuck)
JavaScript Jabber Episode 181: The Evolution of Flux Libraries with Andrew Clark and Dan Abramov (Chuck)
Star Wars (Joe)
Sphero BB-8 (Joe)
Build-A-Bear Chewbacca (Joe)
The Star Wars: The Force Awakens Soundtrack (Joe)
LambdaConf (Joe)
MyFitnessPal (Chuck)
Allrecipes (Chuck)
A gym membership (Chuck)
The Nike+ Running App (Chuck)
Run 10k (Chuck)
Aftershokz Blues 2 (Chuck)
The Twelve Factor App (Andrew)
ngOfficeUIFabric.com (Andrew)
The Innovators (How a Group of Hackers Geniuses and Geeks Created the Digital Revolution) by Walter Isaacson (Andrew) Special Guest: Andrew Connell.

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.

075 AiA Pragmatic Future-Minded Angular with Dylan Johnson

Thu, 07 Jan 2016 16:00:00 +0000

The Conversation Gist that Dylan prepared prior to the show. 02:15 - Dylan Johnson Introduction

05:41 - What “Pragmatic” Means06:35 - Applying Pragmatic Principles in Angular08:28 - Pragmatic Principles

13:07 - Stone Soup 14:48 - Pragmatic Programmers Enjoy Change

“Why should I go learn ‘x’ when I know ‘y’?”

21:58 - TypeScript

33:30 - How do we apply these ideas to Angular 2?

Rubber Duck Debugging
“Rubber Duck Design”
The Law of Demeter

39:00 - Testing41:40 - How Pragmatic Programming Can Help 42:47 - New Year’s Resolution; Approaching Angular 2

PicksMore sleep (Ward)
awesome-nodejs (A curated list of delightful Node.js packages and resources) (John)
Exploding Kittens (John)
Reactive Programming with RxJS Untangle Your Asynchronous JavaScript Code by Sergi Mansilla (Lukas)
Greg Wilson: What We Actually Know About Software Development, and Why We Believe It's True (Joe)
Star Wars: The Force Awakens Soundtrack (Joe)
The Pragmatic Programmer: From Journeyman to Master by Andy Hunt and Dave Thomas (Dylan)
The Pragmatic Programmer Wiki (Dylan)
ES6 In Depth Articles (Dylan)
TypeScript Deep Dive by Basarat Ali Syed (Dylan)Special Guest: Dylan Johnson.

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.

074 AiA NativeScript with Burke Holland and TJ VanToll

Thu, 31 Dec 2015 16:00:00 +0000

Get your JS Remote Conf tickets! 02:20 - Burke Holland Introduction

02:40 - TJ VanToll Introduction

03:04 - NativeScript + Angular; The DOM

07:04 - Getting Started/Setting Up a New Application

NativeScript Getting Started Guide
- Plugins and npm modules
- plugins.telerik.com
Power Features: Skill Reuse

10:34 - Code Reuse

Data Models
Components

17:00 - Platform Specific Customization22:12 - Plugins (Cont’d)

27:36 - Doing Things with Angular + NativeScript

Animation
- ngAnimate
TypeScript
IDEs

34:14 - Testing

37:08 - What’s coming down the pipeline?

Documentation, Samples

39:19 - Comparing Angular + NativeScript to React Native

The iPhreaks Show Episode #128: JavaScriptCore with Cesare Rocchi

42:31 - UI for NativeScriptPicks Pebble Time Steel (Chuck)
Fathead (Chuck)
Apple Photos (TJ)
Michigan State (TJ)
Buy albums you love to support music artists (Burke)Special Guests: Burke Holland and TJ VanToll.

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.

073 AiA Angular 2 Beta Architecture

Wed, 23 Dec 2015 16:00:00 +0000

Check out JS Remote Conf! The conference will run from January 14th-16th 2016. 02:22 - Angular 2 in Beta

The Beta Release Blog Post

04:04 - The Notion of a Module

Architecture Overview: Angular 2 for TypeScript

05:05 - Where should I start?08:37 - The Module (Cont’d)15:39 - Components

Adventures in Angular Episode #72: Components and Directives

17:00 - Template and Metadata21:54 - Databinding29:19 - The Repeater

angular.for

30:38 - Directives vs Components31:22 - Service, Services

What does the code look like?
Getting Services Into Components

43:42 - Architecture in General; Structuring Your Application

Scope
- $scope

** See website for diagrams mentioned in this show **Picks The War of Art: Break Through the Blocks and Win Your Inner Creative Battles Paperback by Steven Pressfield (Lukas)
The Angular Panelists and Guests (John)
The Five Dysfunctions of a Team: A Leadership Fable by Patrick Lencioni (John)
Ward’s wife (Ward)
Serial (Chuck)
Pebble Time Steel (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.

072 AiA Components and Directives

Thu, 17 Dec 2015 16:00:00 +0000

02:20 - Components: Angular 1.0 => Angular 2.0

Aurelia
- Rob Eisenberg

07:31 - Single Components; Multiple Templates11:37 - Common Associations with an Angular 2.0 Component

15:35 - Directives

1.5 and the New Component Function
Directives in Angular 2.0
- Structural Layout Directives
- Regular/Attribute Directives
- Components
Joe Eames: Directives 101
DirectiveFactory

29:54 - Styling (Separating Components and Directives)35:38 - Inline Templates vs Separate Templates

How do you decide?

46:11 - Components; ControllersPicks Joe Eames: Directives 101 (Joe)
Seth MacFarlane (Joe)
HTML editing within .js/.ts code (e.g. in es6 template strings). (John)
Angular 1 JavaScript and TypeScript Snippets for VS Code (John)
Angular 2 TypeScript Snippets for VS Code (John)
JS Remote Conf (John)
Good news (Chuck)
Angular Remote Conf Videos (Chuck) If you’d like to sponsor any of Chuck’s Remote Conferences, please email chuck@devchat.tv.ng-conf is also looking for sponsors. Email joeeames@gmail.com.

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.

071 AiA Angular Material with Thomas Burleson

Thu, 10 Dec 2015 16:00:00 +0000

Check out JS Remote Conf and All Remote Confs! 02:35 - Thomas Burleson Introduction

03:01 - Angular Material

05:06 - What makes it “Angular-ish”?

Layouts

09:47 - Visual Design Goals14:38 - Mental Model; google.com/design

ColdFusion

18:01 - Getting Started with Angular Material

Docs

28:17 - Marketing and User Adoption31:23 - Browser Support

Can I use... Search = flex

35:27 - Perf Story37:47 - Material and Responsive Design 41:07 - Angular Material and Angular 2Picks Screeps (Joe)
Lena Reinhard: A Talk About Nothing @ .concat() 2015 (Joe)
Meru (Lukas)
How to Sharpen Pencils (Ward)
Hour of Code with Star Wars (John)
Star Wars | Code.org (John)
Star Wars: The Force Awakens (John)
JS Remote Conf (Chuck)
Angular Remote Conf (Chuck)
All Remote Confs (Chuck)
Clash of Clans (Chuck)
Dan Abramov: Live React: Hot Reloading with Time Travel @ react-europe 2015 (Thomas)Special Guest: Thomas Burleson.

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.

070 AiA Holiday Pick List

Thu, 03 Dec 2015 16:00:00 +0000

02:28 - Ward Bell (and Co.’s) Documentation Contributions for Angular 205:39 - Peter Bacon Darwin (and Co.) & Jade 07:38 - John Papa and the Tour of Heroes Tutorial 09:01 - Geoff Goodman & Plunker 10:07 - GDE (Google Developer Expert) Program/Summit 13:37 - Thomas Burleson & Angular Material 16:07 - The Angular Team <317:13 - Rob Wormald: ng2 + Rx + redux Plunker

Rob Wormald: Everything is a Stream Slides from Angular Remote Conf

19:13 - The Go Programming Language 19:51 - Jeff Whelpley and Patrick Stapleton & Angular Universal

Steve Sanderson: ASP.NET + Spa

22:52 - Minko Gechev

25:56 - FiveFilters.org 26:35 - Aurelia & Other Frameworks + Collaboration and Dialog

Picks

The GDE Summit and The Angular Community (Lukas)
Thanksgiving (Ward)
REI (Joe)

069 AiA Angular 2 Documentation with Pascal Precht

Wed, 25 Nov 2015 16:00:00 +0000

Go check out JS Remote Conf! 02:14 - Pascal Precht Introduction

03:03 - Getting Involved with the Angular 2 Documentation

thoughtram Blog

05:10 - Deciding Where to Contribute06:16 - Contributors and Contributions

Dependency Injection (DI)

15:41 - APIs18:02 - Reactions to Trainings20:15 - ngUpgrade

@teropa (Tero Parviainen)

25:34 - View Caching 26:53 - “Chapters” (Documentation Format)

29:26 - Giving the Broad Overview of Angular 232:02 - Approaching Documentation34:18 - Contributing to the Documentation Project

wardb@ideablade.com

Picks Heart of a Dog (Ward)
Chrome Dev Summit codelabs (Aaron)
Toastmasters (Chuck)
Nexus 5X (Pascal)
@robwormald (Pascal)
thoughtram Blog (Ward)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.

068 AiA Reactive Programming with Jeff Cross and Rob Wormald

Thu, 19 Nov 2015 16:00:00 +0000

JS Remote Conf will run from Thursday, January 14th - Saturday, January 16th. Get your ticket(s) or submit a CFP today! 02:27 - Jeff Cross Introduction

02:31 - Rob Wormald Introduction

02:42 - Object.observe() => Dirty Checking06:22 - Reactive Programming and Reactivity14:34 - What problem are we solving?

Promises > Callbacks
Streams

22:45 - Reactive Programming in Angular 2

HTTP Requests

27:43 - Using Observables/Promises => Observables

Push vs Pull

067 AiA Consulting in Angular with Jesse Warden

Thu, 12 Nov 2015 16:00:00 +0000

Suggest topics and guests! aiatopics 02:12 - Jesse Warden Introduction

02:53 - Consulting vs Full-Time Employees06:03 - Common Problems07:50 - Version Cycles and Best Practices11:34 - Educating Clients

John Papa’s Angular Style Guide

26:26 - Maintenance and Contracts

The Freelancers’ Show

36:41 - Training and Negotiating Rates

The E-Myth Revisited: Why Most Small Businesses Don't Work and What to Do About It by Michael E. Gerber

Picks Marissa Mayer and the Fight to Save Yahoo! by Nicholas Carlson (Aaron)
Snuggling with your kids (Aaron)
Atom (Lukas)
Having integrity (Chuck)
aiatopics (Chuck)
15 Minute Podcast Listener chat with Charles Wood (Chuck)
Nigel Barnes: Lessons from Rocket Science (Part 1&2) (Jesse)
Nigel Barnes: Lessons from Rocket Science (Part 3) (Jesse)
jspm.io (Jesse)Special Guest: Jesse Warden.

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.

066 AiA How To Build Directives Around Another JavaScript Library with Uri Shaked

Thu, 05 Nov 2015 15:00:00 +0000

Submit a CFP or get an early bird ticket! Check out JS Remote Conf! 02:18 - Uri Shaked Introduction

04:27 - Uri’s Libraries

05:11 - Advantages of wrapping things around directives

10:33 - How do you wrap things around directives?13:52 - Building angular-moment and angular-spinner 17:09 - Things to do to wrap a component in an Angular directive

angular-chosen

PicksThe ES2016 Column Operator (Uri)
Bullshit (The Game) (Uri)
Angular — Introduction to Reactive Extensions (RxJS) (Lukas)
Kamal Meattle: 3 Plants that Best Recycle Air (Chuck)
Charles Max Wood: My podcasting setup #ufy (Chuck)Special Guest: Uri Shaked.

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.

065 AiA News From AngularConnect

Thu, 29 Oct 2015 15:00:00 +0000

AngularConnect Track 1 Playlist
Track 2 Playlist 02:30 - Going to Beta

AngularConnect Keynote with Brad Green, Igor Minar and Jules Kremer

09:23 - Angular 1.x

Angular 1.5 and beyond with Pete Bacon Darwin and Lucas Mirelmann

17:39 - Peter’s Thoughts as an Organizer of AngularConnect26:33 - Highlights

31:46 - Soft Skills Talks

35:03 - What is the next big Angular Conference on the horizon?

ng-conf 2016

36:09 - Going to Beta (Cont’d)

Better Concepts, Less Code in Angular 2 with Victor Savin and Tobias Bosch

44:19 - NativeScript

Building native mobile apps with Angular 2 0 and NativeScript with Sebastian Witalec

47:06 - Angular Cheat Sheet

Tutorial: Tour of Heros - Angular 2 for TypeScript

49:54 - Material Design Joe’s List for ““talks to watch if you want to get up to date with Angular 2”

Joe’s Additional Recommendations

Suggest topics and guests! Contribute to the repo aiatopics! Picks AngularConnect (Joe)
Denmark (Joe)
Star Wars: The Force Awakens Trailer (Official) (John)
Ultimate t-shirt for trolling science fiction fans (Chuck)
Rush Revere and the Brave Pilgrims by Rush Limbaugh (Chuck)
The Magician's Nephew by C. S. Lewis (Chuck)
MONEY Master the Game: 7 Simple Steps to Financial Freedom by Tony Robbins (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.

064 AiA Ionic with Matt Kremer and Mike Hartington

Thu, 22 Oct 2015 15:00:00 +0000

02:18 - Mike Hartington Introduction

02:27 - Matt Kremer Introduction

02:36 - The Ionic Framework and Ionic Creator

Getting Started with Ionic

05:25 - ngCordova

Apache Cordova

07:14 - Performance10:29 - Cordova (Cont’d)11:47 - Use Cases

Sworkit

12:37 - Plugins

ngCordova Plugins Overview

13:54 - What Ionic is NOT Ideal For16:09 - Local Data Storage17:27 - Fidelity of Interactions20:54 - The Business Side of Ionic23:13 - When should I go native? When should I go hybrid?

27:58 - Business Cases: Convincing Others to Use Ionic32:44 - Tools for Apache Cordova (TACO) Overlap36:34 - Deployment38:58 - Ionic and Angular 2

45:06 - IDE Support

Picks RAVPower 23000mAh Portable Charger Power Bank External Battery Pack (Joe)
iZombie (Joe)
Anglebrackets Conference (John)
The Standing Athlete | Feat. Kelly Starrett | Ep. 274 | MobilityWOD (Lukas)
Kelly Starrett’s Standing Desk Tips (Lukas)
Charles Max Wood: Standing Desk and Upgrading My Health (Chuck)
Thirsty Light Curve (Chuck)
Beardr (Matt)
Blab (Matt)
Untappd (Mike)Special Guests: Matt Kremer and Mike Hartington.

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.

063 AiA Live Q&A From October 7th, 2015

Thu, 15 Oct 2015 15:00:00 +0000

02:39 - When is Angular 2 out? Do you feel like other frameworks (React) are becoming more popular and that people are moving over to them? Will people come back to Angular?21:01 - How can you convince a client to pick Angular over something else like React?26:19 - Should I continue learning Angular 1 or move on to Angular 2? Will there still be jobs where I can use Angular 1 after Angular 2 is released?27:38 - To Typescript or not to Typescript? 33:02 - How do you integrate third-party libraries like Firebase or D3 into an NG2 app, taking into account that NG2 runs on one-way dataflow paradigm fueled by an Rx implementation?36:14 - The Typescript autocomplete/help, etc. that we were discussing before: what tools or IDEs are we talking about?

Visual Studio Code

38:26 - What is the current state of the Angular 2 router?46:08 - Any really good recent D3/Angular resources? What are some things to look at in regards to performance when implementing D3 with Angular?

Aysegul Yonet and Patrick Stapleton: Creating d3 components with Angular2 and TypeScript @ ng-vegas 2015

49:40 - How do you structure a really large Angular application?

John Papa’s Angular Style Guide

PicksAngular 2 (Patrick)
Angular Tips (Patrick)
Observables and the Angular 2 HTTP library (Rob)
Go find yourself a local Hackathon (Ward)
Visual Studio Code (John)
Rob’s Angular Remote Conf talk (Lukas)
The Introduction to Reactive Programming series on Egghead.io (Lukas)
Periscope (Chuck)
Magnus SnapPod Compact Tabletop Tripod (Chuck)
ChargerCity MegaGrab2 Easy-Adjust Smartphone Holder Mount & 360º Swivel Adjustment Selfie Video Recording Camera Tripod Adapter (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.

062 AiA Module Loading and JSPM or WebPack for Angular 2 with K. Scott Allen

Thu, 08 Oct 2015 15:00:00 +0000

02:07 - K. Scott Allen Introduction

02:32 - Package Managers, Package Managers vs Module Loaders06:09 - Getting Modules, Loading Modules, and Bundling Modules

11:06 - Exploring ^ These Options12:27 - Performance, Maintenance, and Tooling Support

systemjs

23:08 - HTTP/2 28:16 - webpack vs jspm.io

Aurelia
Configuration
Getting Started

45:30 - Angular 246:42 - Community50:44 - Evaluating New or Upcoming FrameworksPicksLearn everything you can about upcoming features of JavaScript: TypeScript, ES-whatever, etc. (John)
TV Fool (Chuck)
Michael Vey: The Prisoner of Cell 25 by Richard Paul Evans (Chuck)
The Wire (Scott)Special Guest: K. Scott Allen.

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.

061 AiA ng-book with Ari Lerner

Thu, 01 Oct 2015 15:00:00 +0000

02:13 - Ari Lerner Introduction

04:56 - ng-book 2

Typescript
ES5 / ES6
- Classes

15:07 - Angular 219:55 - Writing Angular 1 Apps Today26:17 - Getting ng Information

Source Code

28:50 - RxJS

The Flux Framework

30:50 - One-way Dataflow, Two-way Databinding 49:42 - Testing Experience51:37 - The State of ng-book 2 52:49 - Waiting for Angular 2PicksStart a local hackathon (John)
The Big Bang Theory (Joe)
Wolverine: Old Man Logan by Mark Miller (Joe)
Start a Meetup for boardgaming for your local developer community (Joe)
Waiting for Godot: A Tragicomedy in Two Acts by Samuel Beckett (Ward)
Waiting for Guffman (Ward)
iOS 9 (Chuck)
Pebble.js (Chuck)
spacemacs (Ari)
open-ocr (Ari)Special Guest: Ari Lerner.

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.

060 AiA Further Down the Road to NG2

Thu, 17 Sep 2015 15:00:00 +0000

This episode is a follow-up episode of Adventures in Angular Episode #48: The Road to NG2 Also, don’t forget to get your Angular Remote Conf Tickets! The online/completely remote conference will run from Thursday, September 24th thru Saturday, September 26th. 03:18 - Panelist Recent Experimentation06:25 - ES6 vs Typescript, Tooling

11:21 - Destructuring

Destructuring and parameter handling in ECMAScript 6

16:01 - Debugging17:07 - Angular 1 => 2

MVC
Key Features Needed
Getting in the Front Door (Getting Past the Ecosystem)
Angular 1 and Angular 2 integration: the path to seamless upgrade

27:32 - Angular 2 & ES5

Pascal Precht: Even better ES5 code for Angular 2

29:44 - Components, Annotations32:45 - Editors: What Microsoft Users Are Doing

38:35 - Learning Lessons (From Panelists)Picks Angular Articles by Pascal Precht (Lukas)
Enter the ng-conf ticket lottery (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.

059 AiA Learning Resources

Thu, 10 Sep 2015 15:00:00 +0000

Get your tickets for Angular Remote Conf!Enter the ng-conf ticket lottery! 03:44 - egghead.io

Lukas' AngularJS Fundamentals egghead.io Course

04:58 - Pluralsight 06:26 - Code School: AngularJS Tutorial 06:38 - Dan Wahlin: AngularJS Fundamentals In 60-ish Minutes 06:52 - DEVintersection Conference 07:30 - Stack Overflow + Plunker 08:02 - Angular Remote Conf 08:50 - AngularConnect 08:58 - Onsite Training

Oasis Digital

11:10 - Backends

14:09 - John Papa's Angular Style Guide 14:24 - Lukas’ Blog 15:04 - ng-newsletter 15:39 - ng-book 16:29 - Getting Started with Angular

AngularJS.org

18:41 - Working with Designers

20:14 - Hack Reactor 20:42 - Angular Boot Camp 21:22 - Khan Academy 21:30 - Angular 2 Resources & Skills You Should Know

25:54 - Podcasts

26:33 - Angular Unit Testing 27:22 - AngularJS on YouTube Picks Slack (Ward)
The Pillars of Reality Series by Jack Campbell (Lukas)
Angular Remote Conf (Chuck)
Essentialism: The Disciplined Pursuit of Less by Greg McKeown (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.

058 AiA D3 with Aysegul Yonet

Thu, 03 Sep 2015 15:00:00 +0000

Don’t forget to check out Angular Remote Conf! 02:29 - Aysegul Yonet Introduction

02:51 - D3.js 04:29 - Aysegul’s Background in Teaching Computing and Social Interest

09:08 - Using D3

11:49 - Angular + D3

Aysegul Yonet: Creating D3 Components with Angular Slides (Angular U Conference)

12:49 - Directives

Angular-nvD3

17:17 - Visualization

Creating multiple charts inside ng-repeat with Angular-nvD3 (Plunk)

20:06 - Other Uses for D3

A Visual Introduction to Machine Learning

23:51 - Mind Blowing Aspects of D325:16 - What’s Wrong with D3?27:26 - Debugging28:22 - Animations29:42 - The Learning Curve and Getting Started (Resources)

30:42 - D3 + Angular 2

Aysegul Yonet: Creating d3 components with Angular2 and TypeScript @ ng-vegas 2015

Special Offer!

Get codeclass: Data vizualization with D3 for 20% off with the code AYSEGUL
Get your ticket(s) to Angular Remote Conf for 25% off with the code ADVENTURE or ADVENTURES

Picks Starbucks Mango Black Tea Lemonade (Lukas)
Rosie Revere, Engineer by Andrea Beaty (Lukas)
Iggy Peck, Architect by Andrea Beaty (Lukas)
Angular Remote Conf (Chuck)
Orphan Black (Chuck)
Coworking (Chuck)
Dashing D3.js (Aysegul)
The Bletchley Circle (Aysegul)Special Guest: Aysegul Yonet.

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.

057 AiA Starting a Local Angular Meetup with Will Buck

Thu, 27 Aug 2015 15:00:00 +0000

Don’t miss out! Check out Angular Remote Conf! 02: 10 - Will Buck Introduction

02:57 - Membership & Attendance04:48 - Starting a Group

Dinners
Code Katas
Coworking

08:35 - Networking with Other Groups and Organizers09:38 - Corporate Sponsors10:35 - Prizes & Giveaways

13:54 - Advice for Creating Meetups

Content
- Fishbowls
- Katas & Hacknights
- Social Hours
Sponsorship
Advertising
- Meetup.com
- Google Groups

19:47 - Topics & Speakers

Hack Nights
Best Practices
Beginner Topics
Lightning Talks
Karaoke

27:11 - Getting Started in Rural Areas

Remote Hangouts
Nomad JavaScript

29:31 - Beginner Stories

Ruby Rogues Episode #216: Code Review Culture with Derek Prior
Arrogance vs Confidence
Impostor Syndrome
- Scott Hanselman: I'm a phony. Are you?

39:04 - Land Grab Your Social Media

Slack

Extras

Adventures in Angular Episode #44: Visual Studio Code with Erich Gamma and Chris Dias

Picks Galactic Civilizations III (Joe)
Legendary Encounters: An Alien Deck Building Game (Joe)
Good Mythical Morning Podcast (Katya)
Coin (John)
[Pluralsight] Introducing Visual Studio Code by John Papa (John)
Angular Remote Conf (Chuck)
Mastermind Groups (Chuck)
Midwest JS YouTube Channel (Will)
Last Week Tonight with John Oliver (Will)
Heroes of the Storm (Will)Special Guest: Will Buck .

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.

056 AiA Server Rendering with Angular with Jeff Whelpley and Patrick Stapleton

Thu, 20 Aug 2015 15:00:00 +0000

02:53 - Patrick Stapleton Introduction

03:39 - Advantages of Server Rendering14:28 - Universal & Isomorphic24:11 - Caching and Load Balancing

Rendering the Application
Rendering the Application with Data

41:29 - Service Worker43:02 - Bindings46:36 - Rendering Angular49:00 - Prerendering52:41 - Rendering in Angular 258:38 - Time TablePicks 14 by Peter Clines (Lukas)
ZPacks Cuben Fiber Arc Backpacks (Ward)
Angular Remote Conf (Chuck)
Iron Sharpens Iron (Chuck)
View from the Top (Chuck)
GetHuman (Jeff)
Angular Universal (Jeff)
Open Source (Patrick)
Angular Summit (Patrick)
AngularConnect (Patrick)Special Guests: Jeff Whelpley and Patrick Stapleton.

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.

055 AiA Promises

Thu, 13 Aug 2015 15:00:00 +0000

03:25 - Promise (Definition)

Do promises trigger events?

06:39 - Promises + Angular

19:06 - Logging

Lukas Ruebbelke & Geoff Goodman: Badges We don't need no stinkin' badges @ ng-conf 2015 (Tearaway Pants Dance Video)

25:19 - Once a promise has been fulfilled…27:12 - Programming Asynchronously30:43 - The Next Level of Understanding Promises32:51 - Embedding Functions34:25 - HTTP37:02 - .then, .catch41:59 - ObservablesPicks The Science of Interstellar by Kip Thorne (Ward)
Ant-Man (John)
Kyle Simpson's You Don't Know JS Book Series (Lukas)
AngularJS Kurs (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.

054 AiA Immutability with Angular with Minko Gechev

Thu, 06 Aug 2015 15:00:00 +0000

02:06 - Minko Gechev Introduction

03:57 - Immutability05:11 - Why is immutability interesting to Angular developers?

React

09:19 - Side Effects12:18 - Are immutable data structures in conflict with large quantities of data?

Persistent Data Structures
Immutable.js
angular-immutable

16:18 - How does the track by syntax help/affect you?19:05 - Angular 2 and Immutable Data21:30 - Immutable Data and Observables

25:14 - Getting Started

26:26 - Minko’s Background with Immutability27:36 - The Evolution of Immutability28:52 - Functional User Interface29:29 - Data in, UI out

Victor Savkin: Building Angular Apps Using Flux Architecture

32:30 - Case Studies and Examples Where Immutability Has Worked IdeallyPicks The Little Mermaid Musical (Katya)
Primitive.io (Joe)
Douglas Crockford: The Better Parts (John)
DuckTales (John)
Camp Pluralsight (John)
Cell Phone Tripod Adapter (Chuck)
NeewerHandheld Video Stabilizer for DV GoPro Mini Cameras (Chuck)
Michael Feathers: The Deep Synergy Between Testability and Good Design (Minko)Special Guest: Minko Gechev.

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.

053 AiA Angular Apps That Scale with Ben Drucker

Thu, 30 Jul 2015 15:00:00 +0000

Check out RailsClips! 02:24 - Ben Drucker Introduction

03:00 - What is meant by “Angular apps that scale”?04:54 - Tools

06:25 - Ben’s Background in Scalability09:28 - “Scalability” and “Scaling”14:00 - Team Size14:53 - EAZE 17:00 - The EAZE Architecture

Eaze MD

21:17 - What You Should Be Doing to Scale (Tips)

Documentation
API Answers the Right Questions for the UI
Versioning Strategy

23:45 - Managing Scale (Monitoring Load)26:58 - Server-side: Data Storage28:58 - Client-side

Dependency Injection
Naming Collision and Conventions
Build Process

37:24 - Ben's GitHub Repos and Open SourcePicks Robots on the Line (Joe)
Saint Petersburg, Russia (Katya)
The Man Who Saw America: Looking back with Robert Frank, the most influential photographer alive (Ward)
Paracord (Chuck)
Soto Pocket Torch (Chuck)
Shyp (Ben)Special Guest: Ben Drucker.

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.

052 AiA Web-Based Animations with Jack Doyle of GreenSock

Thu, 23 Jul 2015 15:00:00 +0000

Check out RailsClips and RemoteConfs! 02:53 - Jack Doyle Introduction

GreenSock
- @greensock
- GreenSock Blog

03:53 - GSAP (GreenSock’s Animation Platform) 04:05 - GreenSock: The Name05:01 - GreenSock: The Inception09:13 - Transitions & CSS Animations10:32 - Who is GreenSock aimed at? / What kind of applications use it?15:01 - Lukas and GreenSock

Lukas Reubbelke: Build a Sweet AngularJS Photo Slider Pt 2 with ngTouch

16:50 - Angular + GreenSock + CSS Animations (GreenSock Under The Hood)

jQuery
“tweens”
ngAnimate

27:44 - Using GreenSock Outside of Angular29:20 - Getting Started With Animations, Learning Curve

39:13 - When To Use Animations (User Experience)

Microactions
Using Animations to Help Workflow
- ngFx

46:09 - Material Design

Introduction: Material Design

49:11 - Licensing 51:24 - Mobile AppsPicksTake a vacation, and actually do the vacation! (John)
GreenSock (Lukas)
Microinteractions: Full Color Edition: Designing with Details by Dan Saffer (Lukas)
Beautiful Outlaw: Experiencing the Playful, Disruptive, Extravagant Personality of Jesus by John Eldredge (Joe)
GOG.com (Joe)
Sleeping in a hammock (Ward)
remoteconfs.com (Chuck)
God (Chuck)
Jesus Christ (Chuck)
The Church of Jesus Christ of Latter-day Saints (Chuck)
CodePen (Jack)
Seth Godin's Blog (Jack)Special Guest: Jack Doyle of GreenSock.

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.

051 AiA The Angular 1 Compiler with Tero Parviainen

Thu, 16 Jul 2015 15:00:00 +0000

01:33 - Tero Parviainen Introduction

02:28 - Getting Started Digging the Angular Source Code

Angular Documentation

05:05 - The Angular Compiler 06:13 - Advantages of Understanding the Compiler07:42 - Directives10:21 - Combining Controllers and Directives12:43 - Routing13:42 - What do we need to know about the Directive API?15:12 - Transclusion17:46 - Getting Started with the Compiler

Tero Parviainen: Inside The AngularJS Directive Compiler

19:08 - How much do you need to know?20:55 - Why use the compile phase?22:02 - Angular 225:02 - The Clojure and JavaScript WorldsPicks Build Your Own AngularJS with Tero Parviainen (Lukas)
The U.S. National Women’s Soccer Team (Joe)
Better Off Ted (Joe)
Inside Out (Ward)
Aftershokz AS500 Bluez 2 Open Ear Wireless Stereo Headphones (Chuck)
Paul Graham: Programming Bottom-Up (Tero)
Flash Boys: A Wall Street Revolt by Michael Lewis (Tero)Special Guest: Tero Parviainen.

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.

050 AiA Angular Meteor with Uri Goldshtein

Thu, 09 Jul 2015 15:00:00 +0000

02:07 - Uri Goldshtein Introduction

02:27 - What is Meteor?

angular-meteor

03:23 - The Meteor Company 03:54 - Structure & Deployment

Matt DeBergalis: What's coming in Meteor 1.2, and beyond

11:51 - Revenue Story (Scaling)

Galaxy

13:44 - Sync/Client-side Cache19:19 - How Does Angular Work with DDP?22:43 - Angular 2.0

angular-meteor: angular2

26:02 - Observables

30:48 - Publish Functions36:09 - Client-side (Cont’d)

GroundDB

More Resources

Picks AngularConnect (Joe)
ng-click.com (Joe)
mdn.io (Joe)
Ward and Victor Savkin's Angular 2 Samples (Ward)
Downcast (Chuck)
iPhone 6 Plus (Chuck)
Côte&Ciel Isar Rucksack (Uri)
Solar Panel for Bag (Uri)
Angular-Meteor - Angular2, migration and Angular-Server (Uri @ ng-vegas 2015) (Uri)Special Guest: Uri Goldshtein.

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.

049 AiA Line of Business Applications and Developers with Deborah Kurata

Thu, 02 Jul 2015 15:00:00 +0000

02:14 - Deborah Kurata Introduction

02:32 - Line of Business App Developers04:24 - How do these apps look different?07:20 - Forms Over Data and Business Rules

Delivering Features and Ease of Development

10:43 - Learning Curve, Tools13:24 - Forms Over Data (Cont’d), Using Angular for LOB Apps17:57 - NuGet Package Manager 21:17 - Training Newbies in Angular22:31 - Features of Angular Most Important to LOB Devs

Two-way Databinding
Modularization
Routing

24:01 - Custom Directives?24:34 - Grids

32:33 - Cons of Being a Line of Business Developer

Scott Hanselman: Dark Matter Developers

34:11 - OData 35:28 - Where Angular is Going and Where Microsoft is Headed with It’s Tooling

42:59 - Deborah’s Thoughts on Using Angular 2

Pay Attention to TypeScript

Picks Camel Up (Joe)
Exploring ES6: Upgrade to the next version of JavaScript by Dr. Axel Rauschmayer (Lukas)
Zapf Video From 1960s (Ward)
Just My Type: A Book About Fonts by Simon Garfield (Ward)
Essentialism: The Disciplined Pursuit of Less by Greg McKeown (Chuck)
Angular 1.4 (Deborah)Special Guest: Deborah Kurata.

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.

048 AiA The Road to NG2

Thu, 25 Jun 2015 15:00:00 +0000

03:51 - Dilemma of Choice: Onboarding Process

12:45 - Frameworks => Structured Languages

Are we leaving behind the casual web developer?

17:47 - Do Angular 1 with TypeScript, etc., before doing it with Angular 2

20:46 - ES5 with Angular 223:45 - Wrangling Tools

Source Code > Documentation
TodoService in Angular 2 and Angular 1 both in TypeScript and ES5
systemjs

28:58 - If you’re starting an app now…what do you do?

39:36 - Applying Concepts42:12 - Repos

github.com/johnpapa
- hottowel-angular-typescript
- ng2play

Picks The Phoenix Project: A Novel about IT, DevOps, and Helping Your Business Win by Gene Kim (Lukas)
Arrow (John)
Ex Machina (Ward)
Listen to other people’s views (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.

047 AiA Angular 1 to Angular 2 with Patrick Stapleton

Thu, 18 Jun 2015 13:00:00 +0000

02:32 - Patrick Stapleton Introduction

04:21 - Angular 2 and Where It’s Headed05:04 - Enterprise/Small App Distinction07:19 - Angular 2 Preparation and Migration

10:35 - Authoring Scenario in ES5 vs ES613:44 - Composition Over Inheritance

The Class System
Duck Typing

18:47 - Services and Directives

Patrick Stapleton and Aysegul Yonet: Creating d3 components with Angular2 and TypeScript @ ng-vegas 2015

20:48 - Controller vs Link Function22:21 - The Router24:21 - Two-way Data Binding

ngModel
Template-Driven, Data-Driven

Picks 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)Special Guest: Patrick Stapleton.

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.

046 AiA Preparing for NG2 with Shai Reznik

Thu, 11 Jun 2015 13:00:00 +0000

02:26 - Shai Reznik Introduction

03:02 - Angular 2 and Shai’s Background

05:56 - Radical Changes and the Future

12:56 - Comparing and Lining Up Code

[YouTube] Patrick Stapleton and Aysegul Yonet: Creating d3 components with Angular2 and TypeScript @ ng-vegas 2015

13:46 - Preparing for NG2 Emotionally

18:44 - What should people start doing to prepare?

John Papa's Angular Style Guide
Stop Using $scope
Templates => Sections and Components
Native Query Selector
.service
Start Using ES6

Picks The Princess Bride (Katya)
Visual Studio Code (Joe)
Console (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.

045 AiA Performance with Gleb Bahmutov

Thu, 04 Jun 2015 13:00:00 +0000

Check out Ruby Remote Conf! 02:19 - Gleb Bahmutov Introduction

03:21 - Perceptual Performance

07:09 - Getting User Feedback 12:15 - Profiling, Tools and Techniques

code-snippets

16:45 - Performance Optimization

20:38 - Benchmarks22:20 - Extracting Value from Profiling

angular-vs-repeat

26:11 - Top Performance Problems

Two-Way Binding
Keeping Up-to-Date with Versions
Minimize the Number of Expressions in Template Elements

28:44 - Performance Lessons

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

044 AiA Visual Studio Code with Erich Gamma and Chris Dias

Thu, 28 May 2015 13:00:00 +0000

02:28 - Chris Dias Introduction

02:38 - Erich Gamma Introduction

03:38 - Visual Studio Code

@VisualStudio
[YouTube] Chris Dias: Visual Studio Code @ Build2015
IDE (Integrated Development Environment)
Core Inner Loop
Opinionated Workflow

06:25 - Task Running Support09:13 - Cross-Platform09:58 - Branding and Searchability

13:51 - Philosophically, what were the driving factors behind Microsoft releasing a cross-platform tool?19:10 - Preview => Release Timeline

Extensibility

22:04 - Core Features

33:13 - Testing

Problem Matchers

36:31 - Angular 1 Support37:29 - Snippets 38:04 - Debugging Support40:07 - Speed41:00 - Features and Tooling (Con’t)

Peek
Find All References

45:40 - Getting the Latest Versions

Auto-Update
Windows Insider Program

47:13 - Visual Studio Code vs Sublime Text Picks Chris Dias, Erich Gamma and John Papa - Visual Studio Code: A Deep Dive on the Redefined Code Editor for OS X, Linux and Windows (John)
Visual Studio Code Connect Link (John)
Rob Eisenberg: Getting Started with Aurelia and TypeScript (Ward)
Blue Man Group (Katya)
ng-vegas (Joe)
[YouTube] ng-vegas Channel (Joe)
The CodeNewbie Podcast (Chuck)
Ask Me Another (Chuck)
[YouTube] Getting Started with Angular 2 Developer Preview (Chris)
Jonathan Turner: Using TypeScript in Visual Studio Code (Chris)
Emmet (Chris)
The Computing Universe: A Journey through a Revolution by Tony Hey and Gyuri Pápay (Eric) Special Guests: Chris Dias and Erich Gamma.

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.

043 AiA Falcor with Jafar Husain

Thu, 21 May 2015 13:00:00 +0000

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

02:42 - 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.

042 AiA Dependency Injection and Change Detection with Victor Savkin

Thu, 14 May 2015 13:00:00 +0000

02:07 - Victor Savkin Introduction

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

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.

041 AiA TypeScript with Dan Wahlin

Thu, 07 May 2015 13:00:00 +0000

01:46 - Dan Wahlin Introduction

02:29 - Background and Involvement in the Angular Community

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

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

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.

040 AiA ng-wat with Shai Reznik

Thu, 30 Apr 2015 13:00:00 +0000

02:02 - Shai Reznik Introduction

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.

039 AiA ES6 with Scott Moss

Thu, 23 Apr 2015 13:00:00 +0000

00:43 - Scott Moss Introduction

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?

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.

038 AiA Performance with Ben Nadel

Thu, 16 Apr 2015 13:00:00 +0000

01:35 - Katya Eames Introduction

01:52 - Ben Nadel Introduction

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

037 AiA Animations with Matias Niemelä

Thu, 09 Apr 2015 13:00:00 +0000

Thank you RailsClips Kickstarter Backers! 02:05 - Matias Niemelä Introduction

03:13 - Animations with Angular

ngAnimate

04:24 - CSS Animations

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

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 Niemelä: 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.

036 AiA Protractor with Julie Ralph

Thu, 02 Apr 2015 13:00:00 +0000

01:20 - Julie Ralph Introduction

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

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.

035 AiA The Current State of Angular with Brad Green, Igor Minar, and Miško Hevery

Thu, 26 Mar 2015 13:00:00 +0000

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

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: joeeames@gmail.com
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.

034 AiA LIVE! from ng-conf 2015

Thu, 19 Mar 2015 13:00:00 +0000

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

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

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.

033 AiA Elementor with Andres Dominguez

Thu, 12 Mar 2015 15:00:00 +0000

Check out RailsClips on Kickstarter!! 00:58 - Andres Dominguez Introduction

Twitter
GitHub
Blog
Google: New York

01:47 - protractor

03:50 - elementor

09:54 - Use Outside of Angular10:37 - The Name: “Elementor”11:11 - Conception => Production

Writing Tests
Text Editors
- Sublime
- vim

12:42 - Implementing Elementor / Workflow

TDD (Test-driven Development)

14:39 - Testing a Non-Angular Website15:31 - Installing the Elementor Chrome Extention

Google Developer Tools

18:45 - Running in Emacs 19:47 - Plugins (egghead.io)

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

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

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

032 AiA Angular UI Router with Craig McKeachie

Thu, 05 Mar 2015 13:00:00 +0000

Check out RailsClips on Kickstarter!! 01:41 - Craig McKeachie Introduction

02:07 - Routing

UI-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 ngSwitch

Ember interview with Tom Dale, a Robust Framework
Nested Views / Child Routes

12:06 - Nested Routes

How to make Angularjs nested routes?

15:09 - Boxes: “Boxes in boxes in boxes”

ng-view

19:44 - Navigation and Code Maintenance25:28 - Routers in Other Frameworks and the Angular 1.4 Router

27:28 - Page Lifecycle Support37:44 - State Object

URL Routing

ng-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/brands

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

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

031 AiA Advanced Directives

Thu, 26 Feb 2015 13:00:00 +0000

01:32 - Redefining Directives

Ben Nadel: Don't Blindly Isolate All The Scopes In AngularJS Directives
“Priority” in Directives
- ngInclude
Faking Them Out
Foo Directive

16:42 - Why Would You EVER Use the Precompile Function?

Link Function
- The nitty-gritty of compile and link functions inside AngularJS directives
Compile Function: $compile
Transclude Function
- ngIf
- ngRepeat

24:14 - When Should You REALLY Use Isolated Scope?

Ben Nadel: Using Isolate Scope In Directives In AngularJS
Understanding Scopes
New Directives in Angular 2:
- Component Directive
- Decorator Directive
- Template Directive (Structural Directive)
  - ngRepeat

Other ResourcesJoe’s Pluralsight Course: AngularJS Directives FundamentalsTips

Watch 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)News

Announcing: 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.

030 AiA Angular Interns with Rodric Haddad and Anting Shen

Thu, 19 Feb 2015 14:00:00 +0000

The crew talks to Angular interns Rodric Haddad and Anting Shen.Special Guests: Anting Shen and Rodric Haddad .

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.

029 AiA Angular At Work with Ben Nadel

Thu, 12 Feb 2015 14:00:00 +0000

The crew talks to InVision's Ben Nadel.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.

028 AiA Isomorphic JavaScript with AngularJS with Jeff Whelpley

Thu, 05 Feb 2015 14:00:00 +0000

The crew talks isomorphic JavaScript and AngularJS with Jeff Whelpley.Special Guest: Jeff Whelpley.

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.

027 AiA Accessibility with Marcy Sutton

Thu, 29 Jan 2015 14:00:00 +0000

The crew talks to Marcy Sutton about the importance of accessibility.Special Guest: Marcy Sutton.

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.

026 AiA Testing Tools

Thu, 22 Jan 2015 14:00:00 +0000

The crew talks about testing tools in Angular.Special Guest: Ward Bell.

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.

025 AiA Testing with Ward Bell

Thu, 15 Jan 2015 14:00:00 +0000

The crew discusses testing with Ward Bell.Special Guest: Ward Bell.

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.

024 AiA Replacing Silverlight with Wijmo and Angular with Chris Bannon and Bernardo Castilho

Thu, 08 Jan 2015 14:00:00 +0000

The crew talks to Wijmo's Chris Bannon and Bernardo Castilho about replacing Microsoft Silverlight with Wijmo and AngularJS.Special Guests: Bernardo Castilho and Chris Bannon.

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.

023 AiA Back& with Itay Herskovits and Relly Rivlan

Thu, 01 Jan 2015 14:00:00 +0000

The crew talks Back& with Itay Herskovits and Relly Rivlan.Special Guests: Itay Herskovits and Relly Rivlan.

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.

022 AiA Form Validation with Kent C. Dodds

Thu, 25 Dec 2014 14:00:00 +0000

The crew talks form validation with Kent C. Dodds.Special Guest: Kent C. Dodds.

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.

021 AiA Duck Angular with Avishek Sen Gupta

Thu, 18 Dec 2014 14:00:00 +0000

The crew talks Duck Angular with Avishek Sen Gupta.Special Guest: Avishek Sen Gupta.

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.

020 AiA Structuring Code in an AngularJS App with Dan Wahlin

Thu, 11 Dec 2014 14:00:00 +0000

The crew talks about structuring code with Dan Wahlin.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.

019 AiA Microsoft Tooling with Mads Kristensen

Thu, 04 Dec 2014 14:00:00 +0000

The crew talk about Microsoft Tooling with Mads Kristensen. Special Guest: Mads Kristensen.

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.

018 AiA Style Guides

Thu, 27 Nov 2014 14:00:00 +0000

The crew discusses style guides with John Papa and guest, Ward Bell.

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.

017 AiA AtScript with Miško Hevery

Thu, 20 Nov 2014 14:00:00 +0000

The crew talks about AtScript with Miško Heverly.Special Guest: 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.

016 AiA NG 1.3 and 2.0 with Brad Green, Igor Minar, and Miško Hevery

Thu, 13 Nov 2014 14:00:00 +0000

The crew talks Angular 1.3 and 2.0 with Brad Green, Igor Minar, and Miško Hevery.Special Guests: Brad Green, Bryan Forbes, 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.

015 AiA Angular and Kendo UI with Jesse Liberty

Thu, 06 Nov 2014 13:00:00 +0000

The crew talks to Jesse Liberty about using Kendo UI in AngularJS.Special Guest: Jesse Liberty.

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.

014 AiA Using ES6 with Angular with Scott Allen

Thu, 30 Oct 2014 13:00:00 +0000

The panelists talk to Scott Allen about using ES6 with AngularJS.Special Guest: K. Scott Allen.

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.

013 AiA Modern Web and Open Source with Scott Hanselman

Thu, 23 Oct 2014 13:00:00 +0000

The panelists talk to Scott Hanselman, of Microsoft, about the modern Web and open source.Special Guest: Scott Hanselman.

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.

012 AiA Directives

Thu, 16 Oct 2014 14:00:00 +0000

The crew talks about directives in AngularJS.

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.

011 AiA Angular Fire with David East and Kato Wulf

Thu, 09 Oct 2014 13:00:00 +0000

The crew talks AngularFire with David East and Kato Wulf.Special Guests: David East and Kato Wulf.

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.

010 AiA Preferred Backends

Thu, 02 Oct 2014 13:00:00 +0000

The crew talks about preferred backends.

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.

009 AiA ng 2.0 with Rob Eisenberg

Thu, 25 Sep 2014 13:00:00 +0000

The crew discusses ng 2.0 with Rob Eisenberg.Special Guest: Rob Eisenberg.

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.

008 AiA Angular & WebGL with Sean Griffin

Thu, 18 Sep 2014 13:00:00 +0000

The crew talks WebGL with Sean GriffinSpecial Guest: Sean Griffin.

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.

007 AiA HabitRPG

Thu, 11 Sep 2014 13:00:00 +0000

The panelists talk to Tyler Renelle about HabitRPG.Special Guest: Tyler Renelle.

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.

006 AiA Build Processes

Thu, 04 Sep 2014 13:00:00 +0000

The panelists talk about build processes in Angular. Specifically, gulp.js and Grunt.

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.

005 AiA Teaching Angular

Thu, 28 Aug 2014 13:00:00 +0000

The panelists talk about best practices for teaching Angular.js.

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.

004 AiA Resources & Learning Angular

Thu, 21 Aug 2014 13:00:00 +0000

Charles Max Wood and Lukas Reubbelke talk about resources and learning Angular.js.

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.

003 AiA GDEs

Thu, 14 Aug 2014 13:00:00 +0000

The panelists talk about GDEs.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.

002 AiA Angular Meetups with Matt Zabriskie and Sharon DiOrio

Thu, 07 Aug 2014 13:00:00 +0000

The panelists discuss what you need to know about running an AngularJS meetup with Matt Zabriskie and Sharon DiOrioSpecial Guests: Matt Zabriskie and Sharon DiOrio.

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.

001 AiA The Birth of Angular

Thu, 31 Jul 2014 13:00:00 +0000

In the inaugural episode of Adventures in Angular, the panelists talk to Miško Hevery about the birth of AngularJS.Special Guest: 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.