Skip to content

Instantly share code, notes, and snippets.

@pjlamb12
Last active December 14, 2020 05:56
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pjlamb12/9f80c1463eed9f5167dc56c07b37a38f to your computer and use it in GitHub Desktop.
Save pjlamb12/9f80c1463eed9f5167dc56c07b37a38f to your computer and use it in GitHub Desktop.
A list of ways I've tried to be involved in the Angular community

Community Involvement — Preston Lamb

This page is no longer updated. You can view the latest information on my website. Thanks!

People Impacted: 51,428

1. Summary

  • Thinkster.io Courses: 3
  • ngWeber Events: 5
    • Total Downloads/Views: 720+
  • Blog Posts: 27
    • Total Views: 31,453
  • Open Source Contributions: 6
    • Total Downloads: 17,315
  • Talks: 13
    • Audience: 1,037 + podcasts
  • Mentoring: 2
    • Audience: 6
  • Docker Images: 1
    • Audience: 897

2. Thinkster.io

In May 2019, I became an author for Thinkster.io. I began working with Joe Eames and Brooke Avery to produce some Angular training videos that could be put on the Thinkster.io site for others to watch and learn from. It's been a great experience, and I've learned a lot. Below is a list of the courses I've completed or am working on.

Course Name Summary Links
Deploying Apps to Netlify Learn how to deploy apps to Netlify. The example shows how to deploy an Angular app to Netlify, but the same principles apply to any other front end framework or static HTML site. Link
Angular CLI Basics Become familiar with the Angular CLI by learning how to create an application, generate components, pipes, modules, services, and guards, and how to build and test your application. Link
JavaScript Fundamentals Learn JavaScript Fundamentals and strengthen your skills to be able to work better in all JavaScript applications. Link

3. ngWeber

In late January/early February of 2019 I finally took the step to start ngWeber, an Angular meetup in the Weber county area of northern Utah. It's still early, so there hasn't been a lot of participation yet, but I'm working hard to get the name out there.

The goal is for people to be able to participate in multiple ways. Meetups will consist of in-person activities as well as YouTube live streams. Everyone has different levels of availability. Going to a meetup doesn't always work for their schedule. Having the option of the meetup being online includes many people that otherwise couldn't be. Even in-person meetups will be live streamed, ideally, so that those who couldn't be there can still see it. Each live stream will also be turned into a podcast episode.

Date Location/Event Summary Links # of Attendees
2019-02-09 ngColombia Medellín I was able to give a presentation at an ngColombia event about using ng-template and Content Projection in their applications. YouTube Link 354+
2019-03-19 ngWeber Episode 003 of ngWeber covers error handling in your Angular application. YouTube Link 101
2019-04-11 ngWeber Episode 004 of ngWeber covers Progressive Web Apps in Angular. YouTube Link 118
2019-05-16 ngWeber Episode 005 of ngWeber covers Deploying a JAMstack site to Netlify and the benefits of Netlify YouTube Link 147

** Stats as of 2020-08-04 and include audiences that watched the broadcast at one time from one stream as well as podcast listens for each episode

4. Blog Posts

Since 2017, I've been writing blog posts on various Angular topics. Those blog posts can be found here. I've been able to get a pretty good amount of exposure by submitting articles to ngDoc.io and adding them to Dan Wahlin's Flipboard magazine. All blog posts can be viewed at this link.

Publishing Date Topic Description Link Views
2020-07-16 Reactive Forms Benefits: Nested Form Groups Learn how to nest your Reactive Forms. Link Unknown
2020-04-27 Reactive Forms Benefits: Conditional Validation Add conditional validation to fields using Reactive Forms. Link Unknown
2020-03-03 Angular State Management in RxJS Services Manage state in your application using RxJS. Link Unknown
2019-12-17 Angular Configuration on Netlify Angular apps need configuration, so learn how to provide that configuration when deployed to Netlify. Link 1,037
2019-11-12 Securing Angular Applications with Auth0 and Deploying to Netlify Learn how to secure your Angular app using Auth0 and then how to deploy it to Netlify. Link Unknown
2019-10-31 Reactive Forms Benefits: Validators Learn about one of the benefits of reactive forms in Angular: custom validators. Link 2,134
2019-10-18 PWAs and Angular Learn how to create a PWA in Angular. Link Unknown
2019-09-20 Why Use Nx for Monorepos Learn why you should use Nx by Nrwl for creating and working in monorepos. Link 257
2019-09-10 Flexible Caching and Refreshing With Rxjs in Angular Learn how to cache and refresh data, with some extra flexibility in when to refresh it, in your Angular application using RxJS. Link 889
2019-08-30 RxJS Caching and Refreshing in Angular Learn how to cache and refresh data in your Angular application using RxJS. Link 3,103
2019-08-12 Content Projection in Angular Learn how to use content projection in your Angular application. Link 1,697
2019-08-07 Angular CDK's Breakpoint Observer Learn how to use the BreakpointObserver from Angular CDK. Link 2,062
2019-06-06 Deploying an Angular App to Netlify Learn how to deploy your Angular app to Netlify! Link 3,714
2019-05-27 Unit Testing in Angular Complete guide to unit testing your Angular application. Link 3,073
2019-05-19 Angular Directives and AfterViewInit Using the AfterViewInit lifecycle hook with attribute directives Link 1,657
2019-04-10 Getting Started with Angular PWAs Part 2 More techniques on working with PWAs in Angular. Link 188
2019-04-08 Getting Started with Angular PWAs Part 1 Get started creating a PWA with Angular and the CLI. Link 486
2019-04-08 Getting Started with Angular Elements Learn how to build custom elements with the Angular Elements package. Link 266
2019-03-04 Intro to Testing in Angular Get introduced to some Angular testing techniques! Link 223
2019-01-22 Using OnPush Change Detection and Updating the UI Make sure the UI updates when you use the OnPush change detection strategy. Link 272
2018-11-07 Using Angular Route Guards to Limit Access by Roles Recap how to use roles to limit access to routes using Angular Route Guards. Link 545
2018-10-01 Loading App Configuration in the APP_INITIALIZER Use the APP_INITIALIZER injection token to load runtime configuration for your Angular application. Link 898
2018-08-15 ES6 Code in an Angular Project If you plan to ES6 JavaScript in your project, it may not work as expected. Plan on converting it to ES5 before including it! Link 39
2018-08-04 TemplateRefs in Angular TemplateRefs are a powerful, useful feature in an Angular application. Learn to use them so you can have more flexibility and reuse in your components. Link 934
2018-07-18 Global Error Handling in Angular Implement error handling using http interceptors so you can handle all the error handling in one place in the application. Link 882
2018-02-20 Angular, Node, and Auth0 Learn how to work with Auth0 and a Node backend with your Angular application. Link 289
2018-01-16 Dockerizing Your Angular App Learn how to work with Auth0 and a Node backend with your Angular application. Link 1,149
2017-12-05 Authentication with Angular and Sails.js Learn how to authenticate your user with Angular and the node framework Sails.js. Link 210
2017-09-18 Configuring Angular Services Learn how to configure Angular services when they will be provided as part of an NPM package using the forRoot method. Link 36
2017-09-01 Angular Http ErrorInterceptors Learn what HTTP Interceptors are in Angular and how to use them. Link 5,413

Dev.to total article views: 1,191

I do not have access to the stats for the Auth0 blog or the Newline/Fullstack.io blog.

** Views stats as of 2019-12-19

5. Angular Packages

I have published 5 open source Angular packages at this time. You can see a brief description of each open source package, as well as a link to a demo and the NPM page, here. I'll also list them here:

Publish Date Package Name Description Links Downloads
2017-11-09 angular-tag-select Angular tag select is a component that allows a user to select one or more items (visualized as tags) from a list. There's also the option for them to add a tag if it's not in the list. Example App
NPM
GitHub
940
2017-11-14 ng-loaders ng-loaders is a component that provides CSS loading animation components as an angular component. There are several different options, and the color can be chosen by the developer as well. Example App
NPM
GitHub
3,523
2018-03-22 ngx-twitter ngx-twitter is an Angular component library that makes it easy to embed tweets in your website. Embed a single tweet or a list of tweets. Example App
NPM
GitHub
419
2018-07-20 ng-env-logger ng-env-logger allows you to conditionally log to the console based on the environment. Don't have those rogue console.logs in production anymore! Example App
NPM
GitHub
1,010
2018-10-01 runtime-config-loader This package assists in loading a JSON file with configuration values for Angular applications. Example App
NPM
GitHub
10,636
2019-05-26 ngx-plug-n-play This package contains components and directives and services that can be used in an application, mainly using content projection. Example App
Stackblitz
NPM
GitHub
787

** Downloads stats as of 2020-08-04

6. Speaking and Mentoring Opportunities

I've had a handful of opportunities to speak to groups about Angular and teach them how to write applications. Unfortunately, none of those were recorded. This list is short for now, but I'm hoping it will grow as I've submitted two talk ideas for ng-conf 2019. I've also talked to a couple meetup hosts about presenting at their meetup as well.

Date Location/Event Summary Links # of Attendees
2017-05-25 DevMountain Presentation In the summer of 2017, I gave a presentation at DevMountain, a developer bootcamp located in Provo, UT. Unfortunately it wasn't recorded, but I was able to answer a lot of questions from students after the event. Slides 35
2018-04-17 NgGirls I was able to be a mentor for the ngGirls event in Salt Lake City, UT during ng-conf 2018. It was an incredible experience, and I'm hoping that I'll be able to participate in the future with ngGirls at future events as well. 3
2018-12-12 ngHouston I was able to give a presentation at ngHouston about runtime configuration in Angular applications, and how to load a file to use as configuration before your app initializes. YouTube Link 205
2019-02-11 High School Presentation I was able to give a presentation at a high school introducing the students to web development in general and to talk a little about Angular as well. 60+
2019-02-21 High School Presentation I was able to give a presentation at a high school to talk to them about web development and demonstrate Angular and what it can do to help them in web app development. 25
2019-03-13 AngularAir I was able to give a presentation at ngHouston about runtime configuration in Angular applications, and how to load a file to use as configuration before your app initializes. YouTube Link 585
2019-05-01 ng-conf 2019 I was able to give a presentation at ng-conf during the Technical Writer's Summit about using Netlify and the JAMstack to start a website and blog. Slides 40
2019-06-05 ngHouston I was asked to present on ngHouston about a new library I authored, ngx-plug-n-play. Slides YouTube Link 87
2019-07-02 Thinkster.io DevEd Podcast I was a guest panelist on the DevEd podcast to discuss learning by teaching. Podcast Link Unknown
2019-07-30 Thinkster.io DevEd Podcast I was a guest panelist on the DevEd podcast to discuss impostor syndrome and how to overcome it. Podcast Link Unknown
2018-09-28 NgGirls I was able to be a mentor for the ngGirls event online hosted by This.Dot. 3
2019-10-01 Thinkster.io DevEd Podcast I was a guest panelist on the DevEd podcast to discuss learning and using programming for people in non-programming jobs. Podcast Link Unknown
2019-10-24 Thinkster.io DevEd Podcast I was a guest panelist on the DevEd podcast to discuss the JAMstack and deploying to Netlify, in relation to a course I developed for thinkster.io. Podcast Link Unknown
2019-10-29 Thinkster.io DevEd Podcast I was a guest panelist on the DevEd podcast to discuss code comments and the pros and cons of them. Podcast Link Unknown
2019-11-12 Thinkster.io DevEd Podcast I was a guest panelist on the DevEd podcast to discuss Code Ninjas and community learning, especially for kids learning to program. Podcast Link Unknown
2020-11-24 BLS 013 I was a guest on BLS 013, where Brahm and I talked about deploying apps in an Nx workspace to Google Cloud YouTube Link 33

** Stats as of 2019-11-20

7. Docker Images

Publish Date Image Name Description Links Downloads
2019-11-25 angular-cli Docker image with the Angular CLI built in, perfect for converting Angular apps into Docker images for deployment. Docker Hub
GitHub
897

** Stats as of 2020-08-04

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment