Adventures in Angular

Adventures in Angular

Download on the App Store

Adventures in Angular episodes

  • AiA 270: JAMstack Conf SF with Mandy Michael & Shawn Erquhart
    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
    • https://www.netlify.com/
    • https://www.netlifycms.org/
    • https://twitter.com/erquhart
    • https://jamstackconf.com/sf/
    • https://variablefonts.dev/
    • https://codepen.io/collection/XqRLMb/
    • https://twitter.com/Mandy_Kerr?
    • https://www.facebook.com/adventuresinangular
    • https://twitter.com/angularpodcast
    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.
    48 min
  • AiA 269: Data Mocking with Dave Cooper
    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
    • Mocking made easy | Dave Cooper |
    • http://www.davecooper.org/
    • https://twitter.com/davewritescodes
    • https://www.facebook.com/adventuresinangular
    • https://twitter.com/angularpodcast
    PicksShai Reznik:
    • TestAngular.com
    • https://twitter.com/shai_reznik/status/1202293459207540737 
    • Angular 9: Getting Ready To Update to Angular 9 
    Dave Cooper:
    • https://www.npmjs.com/package/data-mocks
    • Dough: Simple Contemporary Bread
    Younes Jaaidi:
    • https://www.json-generator.com/ 
    • https://docs.pact.io/implementation_guides/javascript
    Charles Max Wood:
    • A Christmas Story
    • Holiday Inn
    • White Christmas
    • The Bishop’s Wife
    • Frozen 2
    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.
    44 min
  • AiA 268: Secure Angular Apps with Philippe De Ryck
    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
    • OWASP Top Ten Project 
    • GitHub dependency graph
    • https://snyk.io
    • Angular and the OWASP top 10 | Philippe De Ryck | 
    • The Parts of JWT Security Nobody Talks About | Philippe De Ryck, Google Developer Expert
    • https://twitter.com/philippederyck
    • https://pragmaticwebsecurity.com 
    • https://www.facebook.com/adventuresinangular
    • https://twitter.com/angularpodcast
    PicksBrain Love:
    • Angular Ivy
    Jennifer Wadella:
    • Red vs Blue
    • Buttermilk-Marinated Roast Chicken 
    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.
    54 min
  • AiA 267: JavaScript Performance with Tammy Everts
    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
    • https://jamstackconf.com/sf/
    • https://speedcurve.com/
    • https://twitter.com/tameverts?
    • https://www.facebook.com/adventuresinangular
    • https://twitter.com/angularpodcast
    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.
    13 min
  • AiA 267: JavaScript Performance with Tammy Everts

    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 Devs
        Sponsors
        • CacheFly

          Links
          • https://jamstackconf.com/sf/

          • https://speedcurve.com/

          • https://twitter.com/tameverts?

          • https://www.facebook.com/adventuresinangular

          • https://twitter.com/angularpodcast

            13 min
          • AiA 266: Creating Content in Portuguese with Loiane Groner
            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
            • Open source libraries and frameworks 
            • http://lite.acad.univali.br/portugol/ 
            • https://www.facebook.com/adventuresinangular
            • https://twitter.com/angularpodcast
            PicksBrain Love:
            • https://github.com/jakejarvis/lighthouse-action 
            Jennifer Wadella:
            • Merino wool
            • https://pa11y.org/
            Loiane Groner:
            • Ivy
            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.
            37 min
          • The MaxCoders Guide To Finding Your Dream Developer Job
            "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.
            15 min
          • AiA 265: Progressive Enhancements with Ire Aderinokun
            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
            • https://buycoins.africa/
            • Headless Chrome & Cloudinary for progressively enhanced dynamic content
            • https://github.com/ireade/caniuse-embed
            • https://ireaderinokun.com/
            • https://twitter.com/ireaderinokun
            • https://github.com/ireade
            • https://www.facebook.com/adventuresinangular
            • https://twitter.com/angularpodcast
            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.
            13 min
          • AiA 264: ngTemplateOutlets with Stephen Cooper
            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
            • ngTemplateOutlet: The secret to customisation | Stephen Cooper  
            • https://ngtemplateoutletcontext.stackblitz.io 
            • https://github.com/StephenCooper/ngTemplateOutlets 
            • Advanced Angular: Implementing a Reusable Autocomplete Component 
            • https://twitter.com/CooperDev 
            • https://www.facebook.com/adventuresinangular
            • https://twitter.com/angularpodcast
            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:
            • TestAngular.com
            • One Strange Rock
            Stephen Cooper:
            • Visiting museums near you
            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.
            46 min
          • AiA 263: The JAM in JAMstack with Tara Z. Manicsic
            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
            • https://www.netlify.com/
            • https://www.facebook.com/adventuresinangular
            • https://twitter.com/angularpodcast
            PicksBrain Love:
            • Living with Yourself
            Shai Reznik:
            • Angular Testing Tip — The Easiest Way To Start Your Test 
            • Joker
            Tara Z. Manicsic:
            • Fleabag
            • Netlify Tutorial - How to build and deploy websites using Netlify
            • https://www.ng-conf.org/2019/sessions/workshop-jamstack-from-i-dont-know-to-pro/
            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.
            41 min

          About Adventures in Angular

          From the publisher's feed

          Join our weekly discussion about how to build top end Angular applications and become an Angular expert.

          Become a supporter of this podcast:

          More shows like Adventures in Angular

          Ruby Rogues by Charles M Wood

          Ruby Rogues

          45 Listeners

          The Freelancers' Show by Charles M Wood

          The Freelancers' Show

          23 Listeners

          JavaScript Jabber by Charles M Wood

          JavaScript Jabber

          234 Listeners

          iPhreaks by Charles M Wood

          iPhreaks

          17 Listeners

          React Native Radio by Jamon Holmgren, Robin Heinze, Mazen Chami

          React Native Radio

          66 Listeners

          JavaScript Jabber by Charles M Wood

          JavaScript Jabber

          62 Listeners

          Ruby Rogues by Charles M Wood

          Ruby Rogues

          21 Listeners

          My JavaScript Story by Charles M Wood

          My JavaScript Story

          4 Listeners

          My Ruby Story by Charles M Wood

          My Ruby Story

          0 Listeners