10 episodes

Two full stack Angular developers share experiences and knowledge gained building custom Angular software templates and libraries... and share some laughs along the way.

ng build --pod ng build pod

    • Technology

Two full stack Angular developers share experiences and knowledge gained building custom Angular software templates and libraries... and share some laughs along the way.

    Cypress

    Cypress

    John teaches Chris all about Cypress for end to end testing in Angular.  In this episode we try something new where John explains cypress.io and e2e testing in Angular to Chris, who has never worked with it before.  The result is a quick tutorial of cypress, what it does, how it works, and some of the ways we have implemented it in our CI to provide testing for our Angular framework.



    Quick Tips:

    Shape-up - https://basecamp.com/shapeup 

    Work doesn't have to be crazy - https://www.amazon.com/Doesnt-Have-Be-Crazy-Work-ebook/dp/B079WV79TK/ref=sr_1_2?crid=AG46YM8KYJWM&dchild=1&keywords=work+doesn%27t+have+to+be+crazy&qid=1592590276&sprefix=work+doesn%27t%2Caps%2C144&sr=8-2

    Scripts in package.json - https://docs.npmjs.com/misc/scripts



    Links:

    https://www.cypress.io/

    https://github.com/cypress-io/cypress-example-recipes/tree/master/examples



    Music: Phortitude by Shane Ivers - https://www.silvermansound.com

    • 53 min
    Directives

    Directives

    Directives are everywhere and are super powerful, but also a bit more complicated to create than components.  In this episode, Chris and John cover many of the inner workings of directives inlcuding how to create them and some more advanced ideas of what you can do with them.



    Quick Tips:

    Bent - https://www.npmjs.com/package/bent

    Angular Essentials - https://marketplace.visualstudio.com/items?itemName=johnpapa.angular-essentials



    Links:

    https://angular.io/guide/attribute-directives

    https://sweetalert2.github.io/



    Music: Phortitude by Shane Ivers - https://www.silvermansound.com

    • 52 min
    Clean Components and Services

    Clean Components and Services

    In Angular applications, clean components help to keep your code readable and straightforward.  In this episode, Chris and John cover how to critically review your components to know when they are too complicated, and some ways to go about refactoring them, including using Services to handle some of the more complicated business logic.



    Quick Tips:

    Ultralearning

    Pomodoro technique



    Links:

    https://www.amazon.com/Ultralearning-Master-Outsmart-Competition-Accelerate/dp/006285268X

    https://en.wikipedia.org/wiki/Pomodoro_Technique



    Music: Phortitude by Shane Ivers - https://www.silvermansound.com

    • 59 min
    Component Orchestration

    Component Orchestration

    This week John and Chris use an example of building a forum to talk about how to conditionally create the components you need without the use of ngIf statements.  The discussion includes the steps to get there, why you would want to do it this way, and gotchas along the way.



    Quick Tips:

    Regex101 FTW

    cmder console



    Links:

    https://regex101.com/

    https://cmder.net/

    https://angular.io/guide/dynamic-component-loader



    Music: Phortitude by Shane Ivers - https://www.silvermansound.com

    • 53 min
    Testing

    Testing

    This week it's all about Testing.  Specifically Unit Testing in Angular.  John and Chris cover everything from why you want to test your code and how to get started with testing, including some gotchas along the way.



    Quick Tips:

    Using Dynalist to organize your thoughts and work plans

    Splitting your Angular libraries for better performance



    Links:

    https://angular.io/guide/testing

    https://dynalist.io/

    https://medium.com/angular-in-depth/improve-spa-performance-by-splitting-your-angular-libraries-in-multiple-chunks-8c68103692d0

    https://freakonomics.com/podcast/the-cobra-effect-a-new-freakonomics-radio-podcast/



    Music: Phortitude by Shane Ivers - https://www.silvermansound.com

    • 1 hr 10 min
    Authentication

    Authentication

    This week John and Chris talk about Authentication in Angular.  They discuss everything from how to guard your routes in your Angular app to methods for modifying the http requests to include auth tokens.



    Quick Tips:

    Image and video capture in your merge requests

    Windows PowerToys and screen templates



    Links:

    https://github.com/microsoft/PowerToys

    https://angular.io/guide/router#milestone-5-route-guards

    https://jwt.io/

    https://angular.io/api/common/http/HttpInterceptor

    https://maxchadwick.xyz/blog/http-request-header-size-limits



    Music: Phortitude by Shane Ivers - https://www.silvermansound.com

    • 1 hr 4 min

Top Podcasts In Technology