- 18
- Episodes
- 4
- Ratings
- 2020
- First episode
About ng build --pod
Two full stack Angular developers share experiences and knowledge gained building custom Angular software templates and libraries... and share some laughs along the way.
- Publisher
- ng build pod
- Category
- technology
- Language
- en
- Explicit
- No
- First episode
- 28 Feb 2020
- Latest episode
- 16 Sept 2021
Latest episodes
18 episodes in the feed.
16 Sept 2021
Special Guest Tom!
John and Chris have a special guest on today. We are interviewing Tom. Tom is a developer at Miles Technologies and has been developing software using the Breckenridge template we've been talking about so much. He helps share a 1st hand perspective of our software and share's his angular story. Quick Tips: Engineering Excellencies https://medium.com/swlh/what-is-engineering-excellence-a8aa5a1e8dc5 (https://www.mentoring-club.com/) Payment processors https://www.braintreepayments.com/ Google Maps https://developers.google.com/maps/documentation https://www.milestechnologies.com/careers (https://www.milestechnologies.com/careers) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
30 Jul 2021
Component APIs
John and Chris talk about an option for controlling components by creating an API and outputting that. This allows for complex control from a parent component to a child component. Quick Tips: mentorship programs and their value bash aliases for helping with dotnet core CLI Links: mentoring club https://www.mentoring-club.com/ (https://www.mentoring-club.com/) bash alias https://linuxize.com/post/how-to-create-bash-aliases/ (https://linuxize.com/post/how-to-create-bash-aliases/) https://www.milestechnologies.com/careers (https://www.milestechnologies.com/careers) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
27 May 2021
Practical State Management
John and Chris talk state management in Angular applications. The format is a train-me episode where John plays the part of the audience, learning about state management from Chris. The focus is on practical uses of light state management. Quick Tips: chrome tabs https://blog.google/products/chrome/manage-tabs-with-google-chrome/ (https://blog.google/products/chrome/manage-tabs-with-google-chrome/) discord for business https://discord.com/ (https://discord.com/) Links: state management https://en.wikipedia.org/wiki/State_management (https://en.wikipedia.org/wiki/State_management) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
20 Jan 2021
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 (https://scully.io/) for SEO in Angular Links: Angular lazy loading https://angular.io/guide/lazy-loading-ngmodules (https://angular.io/guide/lazy-loading-ngmodules) webpack bundle analyzer https://www.npmjs.com/package/webpack-bundle-analyzer (https://www.npmjs.com/package/webpack-bundle-analyzer) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
15 Dec 2020
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/ (https://vim-adventures.com/) optional chaining - https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#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 (https://angular.io/guide/dynamic-form) Dynamic Component Loader https://angular.io/guide/dynamic-component-loader (https://angular.io/guide/dynamic-component-loader) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
1 Dec 2020
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 (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 (https://gist.github.com/J-Graham/b694dbaaef4144c4cefa39683cdb1601) Customer Interface https://gist.github.com/J-Graham/afe64f5a8edad22e5998da8842784104 (https://gist.github.com/J-Graham/afe64f5a8edad22e5998da8842784104) BackEndModel.json https://gist.github.com/J-Graham/2dbed1e14524a1b95b4a2faf1cc44901 (https://gist.github.com/J-Graham/2dbed1e14524a1b95b4a2faf1cc44901) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
24 Nov 2020
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/ (https://sendgrid.com/) Links: Angular reactive forms https://angular.io/guide/reactive-forms (https://angular.io/guide/reactive-forms) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
4 Aug 2020
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/ (https://typedoc.org/) Links: pre-optimization https://github.com/J-Graham/ng-build-pod-rx-jssamples (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://github.com/J-Graham/ng-build-pod-rx-jssamples/tree/post-optimization) https://www.learnrxjs.io/ (https://www.learnrxjs.io/) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
23 Jun 2020
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 (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 (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 (https://docs.npmjs.com/misc/scripts) Links: https://www.cypress.io/ (https://www.cypress.io/) https://github.com/cypress-io/cypress-example-recipes/tree/master/examples (https://github.com/cypress-io/cypress-example-recipes/tree/master/examples) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
2 Jun 2020
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 (https://www.npmjs.com/package/bent) Angular Essentials - https://marketplace.visualstudio.com/items?itemName=johnpapa.angular-essentials (https://marketplace.visualstudio.com/items?itemName=johnpapa.angular-essentials) Links: https://angular.io/guide/attribute-directives (https://angular.io/guide/attribute-directives) https://sweetalert2.github.io/ (https://sweetalert2.github.io/) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
19 May 2020
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://www.amazon.com/Ultralearning-Master-Outsmart-Competition-Accelerate/dp/006285268X) https://en.wikipedia.org/wiki/Pomodoro_Technique (https://en.wikipedia.org/wiki/Pomodoro_Technique) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
6 May 2020
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://regex101.com/) https://cmder.net/ (https://cmder.net/) https://angular.io/guide/dynamic-component-loader (https://angular.io/guide/dynamic-component-loader) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
21 Apr 2020
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://github.com/microsoft/PowerToys) https://dynalist.io/ (https://github.com/microsoft/PowerToys) https://medium.com/angular-in-depth/improve-spa-performance-by-splitting-your-angular-libraries-in-multiple-chunks-8c68103692d0 (https://github.com/microsoft/PowerToys) https://freakonomics.com/podcast/the-cobra-effect-a-new-freakonomics-radio-podcast/ (https://github.com/microsoft/PowerToys) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
7 Apr 2020
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://github.com/microsoft/PowerToys) https://angular.io/guide/router#milestone-5-route-guards (https://angular.io/guide/router#milestone-5-route-guards) https://jwt.io/ (https://jwt.io/) https://angular.io/api/common/http/HttpInterceptor (https://angular.io/api/common/http/HttpInterceptor) https://maxchadwick.xyz/blog/http-request-header-size-limits (https://maxchadwick.xyz/blog/http-request-header-size-limits) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
19 Mar 2020
Angular Libraries
Angular Libraries are where you turn your modules into npm packages that can be used in other Angular applications. John and Chris dive into this subject going over concepts and terms. Then talk about how to build out and structure your libraries, along with plenty of tips and gotchas. They even go into how to handle distributing your packages using your own repository manager and semantic versioning. Quick Tips: npx and how to use a package without installing it using rxjs take(1) to fake http calls using a subject Links: https://angular.io/guide/libraries (https://git-fork.com/) https://github.com/milestechnologies/ngx-package-starter (https://git-fork.com/) https://www.npmjs.com/package/npx (https://git-fork.com/) https://www.learnrxjs.io/learn-rxjs/operators/filtering/take (https://git-fork.com/) https://www.npmjs.com/package/ng-packagr (https://git-fork.com/) https://docs.npmjs.com/misc/semver (https://git-fork.com/) https://www.sonatype.com/nexus-repository-oss (https://git-fork.com/) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
28 Feb 2020
RxJS
Chris and John tackle RxJS. Starting with the basics including terminology and concepts and going in depth on use cases, operators, pipes, and some of the tips and gotchas. Quick Tips: Fork a GUI for git Who's afraid of Regex :) Links: https://git-fork.com/ (https://git-fork.com/) https://www.thisdot.co/labs (https://www.thisdot.co/labs) https://twitter.com/BenLesh (https://twitter.com/BenLesh) https://twitter.com/ladyleet (https://twitter.com/ladyleet) http://phillydotnet.org/2020-1-schedule.html (http://phillydotnet.org/2020-1-schedule.html) go to Saturday's sessions for our talk https://twitter.com/JohnGrahamDev (https://twitter.com/JohnGrahamDev) https://twitter.com/PilgrimSecret (https://twitter.com/PilgrimSecret) https://www.milestechnologies.com/careers/ (https://www.milestechnologies.com/careers/) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
28 Feb 2020
Change Detection
Chris and John explore Angular's Change Detection. Starting with the basics or terminology and concepts and going in depth on how it works, performance concerns, and tips. Quick Tips: Windows Key + V Object.assign() Links: https://www.thisdot.co/labs (https://www.thisdot.co/labs) http://phillydotnet.org/2020-1-schedule.html (http://phillydotnet.org/2020-1-schedule.html) go to Saturday's sessions for our talk https://twitter.com/JohnGrahamDev (https://twitter.com/JohnGrahamDev) https://twitter.com/PilgrimSecret (https://twitter.com/PilgrimSecret) https://www.milestechnologies.com/careers/ (https://www.milestechnologies.com/careers/) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
28 Feb 2020
Lazy Loading
Chris and John tackle Lazy Loading in Angular. Starting with the basics including terminology and concepts and going in depth on how it works, performance concerns, and tips. Quick Tips: Prettier config files Impostor Syndrome Links: https://prettier.io/ (https://prettier.io/) http://phillydotnet.org/2020-1-schedule.html (http://phillydotnet.org/2020-1-schedule.html) go to Saturday's sessions for our talk https://twitter.com/JohnGrahamDev (https://twitter.com/JohnGrahamDev) https://twitter.com/PilgrimSecret (https://twitter.com/PilgrimSecret) https://www.milestechnologies.com/careers/ (https://www.milestechnologies.com/careers/) Music: Phortitude by Shane Ivers - https://www.silvermansound.com
Reach and audience
Public platform figures. Ratings count people who left a rating, not total listeners.
- Apple Podcasts (US)
- 5.0 / 5
- 4 ratings
Host of ng build --pod?
Claim your podcast to manage its listing and keep your show details accurate.
Pod Engine is an independent podcast discovery and analytics service and is not affiliated with or endorsed by this podcast. Artwork and show content belong to their owners. Full legal notice.
Explore this show
Podcast research with Pod Engine