15 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
    • 5.0 • 3 Ratings

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

    Lazy Loading v2 - Eager to Lazy

    Lazy Loading v2 - Eager to Lazy

    John and Chris take another look at lazy loading in Angular, as they discuss lessons learned while converting their codename:Breckenridge Angular template from Eager Loading to Lazy Loading.  In this episode they go over analyzing the code generated for lazy loading, tweaking the output to optimize it, and a few advanced routing cases.



    Quick Tips:

    automating tasks with bash

    scully.io for SEO in Angular



    Links:

    Angular lazy loading https://angular.io/guide/lazy-loading-ngmodules

    webpack bundle analyzer https://www.npmjs.com/package/webpack-bundle-analyzer



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

    • 1 hr 3 min
    Dynamic Forms part 3 of 3

    Dynamic Forms part 3 of 3

    Join John and Chris on an epic journey, as they tackle a topic so big, it just can't be contained in one episode.  It all starts with a simple idea... "why do we have to keep building out forms manually?  I wish we could automate this part of web development."  In this final episode in a three part series, we discuss the implementation of dynamic forms using dynamic field components and configuration objects for the Angular front end.



    Quick Tips:

    vim adventures - https://vim-adventures.com/

    optional chaining - https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#optional-chaining



    Links:

    Angular's Dynamic Forms https://angular.io/guide/dynamic-form

    Dynamic Component Loader https://angular.io/guide/dynamic-component-loader



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

    • 51 min
    Dynamic Forms part 2 of 3

    Dynamic Forms part 2 of 3

    Join John and Chris on an epic journey, as they tackle a topic so big, it just can't be contained in one episode.  It all starts with a simple idea... "why do we have to keep building out forms manually?  I wish we could automate this part of web development."  In this second episode in a three part series, we discuss the use of a json based Model that allows our Database to build out interfaces and form control prototypes for the Angular front end.



    Quick Tips:

    Air Purifier - https://www.amazon.com/gp/product/B073WJL99W/ref=ppx_yo_dt_b_search_asin_title?ie=UTF8&psc=1

    Prioritize your work life culture and Advocate for your well being



    Links:

    Customer Form Control https://gist.github.com/J-Graham/b694dbaaef4144c4cefa39683cdb1601

    Customer Interface https://gist.github.com/J-Graham/afe64f5a8edad22e5998da8842784104

    BackEndModel.json https://gist.github.com/J-Graham/2dbed1e14524a1b95b4a2faf1cc44901



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

    • 55 min
    Dynamic Forms part 1 of 3

    Dynamic Forms part 1 of 3

    Join John and Chris on an epic journey, as they tackle a topic so big, it just can't be contained in one episode.  It all starts with a simple idea... "why do we have to keep building out forms manually?  I wish we could automate this part of web development."  In this first episode in a three part series, we discuss the problem and the beginnings of an exciting solution that we have named as Dynamic Forms. 



    Quick Tips:

    Go on a vacation

    Send Grid - https://sendgrid.com/



    Links:

    Angular reactive forms https://angular.io/guide/reactive-forms



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

    • 57 min
    RxJS v2 - a Real Scenario

    RxJS v2 - a Real Scenario

    Let's take the next step with RxJS!  This time, John and Chris tackle a real scenario as they dive into the next level of using RxJS in Angular.  Using an Order Summary page as an example, this episode covers ways to consolidate API calls using RxJS, cleaning up the component in the process.  Check out the links section for follow-along code samples of the scenario discussed in this episode.



    Quick Tips:

    Engineering Journal

    Typedoc - https://typedoc.org/



    Links:

    pre-optimization https://github.com/J-Graham/ng-build-pod-rx-jssamples

    post-optimization https://github.com/J-Graham/ng-build-pod-rx-jssamples/tree/post-optimization

    https://www.learnrxjs.io/



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

    • 1 hr
    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

Customer Reviews

5.0 out of 5
3 Ratings

3 Ratings

Top Podcasts In Technology