Patricio Vargas (Pato) - Overview
Tags: techtalks, devrel, speaking
Published: 2020-12-15 00:08:00

<img src="https://dev-to-uploads.s3.amazonaws.com/i/ws84bryaqwccuwu1wsak.png" alt="google developer expert" width="250px"/>

<i>Using dev.to as a centralized space to show what I have done for the community.</i>

## Overview
* Biography
* Portfolio
* Talks/Videos
* Articles

## Biography

"My brain🧠 is a Software Engineer but my heart❤️ a developer advocate🥑"

I'm a Google Developer Expert on Angular and Web Technologies, Women Techmaker Ambassador, Auth0 Ambassador, Media Developer Expert at Cloudinary, Twilio Champion, Postman Supernova, Amazon Community Builder, and SpringBoard mentor.

![developer relations](https://dev-to-uploads.s3.amazonaws.com/i/6wavbft0h5q857ru75dg.png)

A little more about me: I am very passionate about what I do especially when it comes to code and community. Coding was my motivation to obtain my B.S in Computer Science. I have participated in several hackathons and even won two of them. I love mentoring people in technology, writing articles, contributing to open source, speaking at conferences/tech talks, and advocating for technologies that I love.

Currently, I'm the Sr.Developer Advocate for OneSignal where I'm leading the DevRel efforts and building the DevRel department from the ground up. Some of the activities I'm in take part of at OneSignal are:

* Social Media Strategies
* Product Feedback
* Community Building
* Documentation
* Guest Author Program
* Architecture Review
* Content creation (Blog posts & Videos)
* Stack Overflow Questions
* Discord Server
* Sample Apps
* Conferences/Live Streams/ Twitter Spaces/ Meetups events
* OneSignal Messengers Program
* OneSignal Guest Author Program
* OneSignal Beta Program
* OneSignal Developers Community

Another of my community contributions is managing the Angular Hispano Open Source project where 60 people from around the  Hispanic community are contributing to the Angular project. We are working closely with the Angular Core team at Google to meet goals and deliverables.

I have written over 46 articles (with more than 500k views combined) on different topics like AWS, Angular, Javascript, NodeJS, React JS, PWAs, and more.

Another way I have been helping the community is by writing tweets under my personal twitter account,<a href="https://twitter.com/ThisDotMedia">This Dot Media</a> and <a href="https://twitter.com/onesignaldevs">OneSignal Developers</a> accounts. The tweets contain tips, code snapshots, and more to help developers. Example of my tweets: <a href="https://twitter.com/devpato/status/1297404363439329283?s=20">this</a> one.

**Pato, Is there something else you do?** Definitely, I host monthly Twitter Spaces where I invite other members of the community to talk about technical topics, I host webinars, do cross collaborations with other DevRel teams across the industry, and many more things.

## Portfolio

* GitHub: <a href="https://github.com/devpato">devpato</a>

* Stackoverflow: <a href="https://stackoverflow.com/users/5262452/devpato?tab=profile">devpato</a> with 4.7K+ points and contributions have reached over 1.6 million people

* Twitter: <a href="https://twitter.com/devpato">devpato</a>

* React Online Meetup Host

* Founder of AngularJAX meetup

* NYC Devs (Twitter Community)

* Founder of All Things Tech NYC/All Things Tech Bay Area Meetup groups

## Talks/Videos
* <a href="https://2022.connect.tech/session?id=352536">
Web for all. The power of progressive web apps (USA)</a>
* <a href="https://www.buildstuff.events/">
Near-Field Communication (NFC), The Alien Technology (Lithuania)</a>
* <a href="https://cdc.dev/">
Powering up your React App as a PWA(Dominican Republic)</a>
* <a href="https://codecampsdq.com/">
Powering up your React App as a PWA(USA)</a>
* <a href="https://2022.allthingsopen.org/schedule/">
Powering up your App as a PWA(USA)</a>
* <a href="https://www.codeonthebeach.com/">
The Web For All. The power of Progressive Web Apps(USA)</a>
* <a href="https://podcasts.google.com/feed/aHR0cHM6Ly9hbmNob3IuZm0vcy8xYzQ0OGE0Yy9wb2RjYXN0L3Jzcw/episode/NDVlOTFlMWUtMGZiMi00NjMxLWI1YTctYzY5Mzk4Nzk0MGIw?sa=X&ved=0CAUQkfYCahcKEwjw4OvL_r35AhUAAAAAHQAAAAAQAQ">
Resultados de la Encuesta de Stack Overflow 2022 (Mexico)</a>
* <a href="https://www.developer-week.de/en/">
Enterprise Angular App With Nx Monorepos (Germany)</a>
* <a href="https://stirtrek.com/">
Web for all. The power of progressive web apps (USA)</a>
* <a href="https://www.youtube.com/watch?v=Prgff3__-mw">
Create a Custom OneSignal Dashboard (USA)</a>
* <a href="https://www.youtube.com/watch?v=jz8i5LNH6Zw">
Contribuyendo a la comunidad (Mexico)</a>
* <a href="https://www.youtube.com/watch?v=CU6oBNjRUL0">
Introdução a Push Notification com OneSignal  (Brazil)</a>
* <a href="https://www.youtube.com/watch?v=4y0NrcPHWn8">
Add push notifications to React Apps (USA)</a>
* <a href="https://www.youtube.com/watch?v=8ETTQZ8NRCc&t=611s">
Add push notifications to Ionic React Apps (USA)</a>
* <a href="https://confoo.thinkific.com/">
Web for all. The power of progressive web apps (Canada)</a>
* <a href="https://www.youtube.com/channel/UCI7nxwUpNG-VUU3-wy1HfIw/videos">
Web for all. The power of progressive web apps (Global)</a>
* <a href="https://www.youtube.com/watch?v=FFXOrWDuZks">
Level up your Angular CSS with Tailwind CSS (USA)</a>
* <a href="https://www.twitter.com">
Twitter Space: Latino Tech! (LATAM)</a>
* <a href="https://www.twitter.com">
Twitter Space: let's talk about Ionic! (USA)</a>
* <a href="https://www.youtube.com/watch?v=H6uJGBRWlbs">
Angular & Scully, the power couple! (USA)</a>
* <a href="https://www.youtube.com/watch?v=dua0HGEUSNg">
Web for all The power of progressive web apps (Lithuania)</a>
* <a href="https://www.youtube.com/watch?v=h0c3KPDQUSs">
Entrevista a @DevPato: Google Developer Expert + Dev Advocate (Mexico)</a>
* <a href="https://www.youtube.com/watch?v=eDWH06aQ4G4">
Performant and Accessible Angular Apps as PWAs (USA)</a>
* <a href="https://2021.connect.tech/">
Performant And Accessible Angular Apps As PWAs</a>
* <a href="https://www.youtube.com/watch?v=Tn80qW3LBPA">
Create a PWA from Scratch</a>
* <a href="https://www.youtube.com/watch?v=31ozmzVv-KI">
Sending Push notifications with Angular (USA)</a>
* <a href="https://www.youtube.com/watch?v=UlSEEwwrsoQ">
The Web NFC API (Bolivia)</a>
* <a href="https://www.atlantacodecamp.com/2021">
React Progressive Web Apps (USA)</a>
* <a href="https://www.meetup.com/angularcommunity/">
Add Push Notifications to an Angular App (USA)</a>
* <a href="https://www.youtube.com/watch?v=dStq9_KOi4g">
Push Notifications en tu App React (Argentina)</a>
* <a href="https://www.youtube.com/watch?v=JHEsZLyKChU">
Add Push Notifications to ReactJS Apps (USA)</a>
* <a href="https://www.youtube.com/watch?v=oXVpXWjSZ3A">
Web for all. The power of progressive web apps (JS & Friends Conf)</a>
* <a href="https://www.youtube.com/watch?v=LO5LG6mI6b0">
Growing your business with PWAs (PWA Pilipinas)</a>
* <a href="https://www.youtube.com/watch?v=jnAb2nEFoq8">
Mantenimiento y Diseño de APIs (Dominicode)</a>
* <a href="https://youtu.be/BzgT-kRTfGU">
SELECT*: Everything You Need to Know About Service Workers (HarperDB)</a>
* <a href="https://www.youtube.com/watch?v=FcZEB81anns">
Send Push Notifications in Webflow (OneSignal Webinar)</a>
* <a href="https://www.youtube.com/watch?v=IBHpWJQbQ0Y">
Angular and Push Notifications (Angular Bolivia)</a>
* <a href="https://www.angularnation.net/">
How-to integrate Push Notifications in Angular (Angular Nation)</a>
* <a href="https://www.youtube.com/watch?v=IBHpWJQbQ0Y">
How-to integrate Push Notifications in Angular</a>
* <a href="https://www.youtube.com/watch?v=c1aUFPm1kd0">
Service Workers & Notificaciones Push (Honduras)</a>
* <a href="https://www.youtube.com/watch?v=c1aUFPm1kd0">
Angular y TailwindCSS juegan al balón pie</a>
* <a href="https://www.youtube.com/watch?v=c1aUFPm1kd0">
Angular y TailwindCSS juegan al balón pie</a>
* <a href="https://www.youtube.com/watch?v=X16mn4ATgeQ">
Angular and TailwindCSS, The Power Couple (Philippines)</a>
* <a href="https://ng-honduras.org/">
Metiendole magia a Angular con TailwindCSS - NgConfg (Honduras)</a>
* <a href="https://www.youtube.com/watch?v=yjnr4_idgXA">
Angular and TailwindCSS got married (Germany)</a>
* <a href="https://www.youtube.com/watch?v=SCTqT6vI3UE">
Metiendole flow a Angular con TailwindCSS (Uruguay)</a>
* <a href="https://www.youtube.com/watch?v=A9HGnvsR_Cg&t=972s">
Metiendole flow a Angular con TailwindCSS (Colombia)</a>
* <a href="https://www.youtube.com/watch?v=Qwcr27twqZw">Progressive Web Apps</a>
* <a href="https://www.youtube.com/watch?v=59YT8l1qxYQ&ab_channel=medellinjs">Your web with super powers</a>
* <a href="https://www.youtube.com/watch?v=9dKteTcGSrI&list=PL-G5r6j4GptFLEtYahm9acTJ6E7MW5hGD&index=1&ab_channel=ThisDotMedia">PWAs and Service Workers (Part 1)</a>
* <a href="https://www.youtube.com/watch?v=-3JQ0sngYNE&list=PL-G5r6j4GptFLEtYahm9acTJ6E7MW5hGD&index=2&ab_channel=ThisDotMedia">PWAs and Service Workers (Part 2)</a>
* <a href="https://www.youtube.com/watch?v=bwIWjHDBMwE&list=PL-G5r6j4GptFLEtYahm9acTJ6E7MW5hGD&index=3&ab_channel=ThisDotMedia">PWAs and Service Workers - Creating our fist app (Part 3)</a>
* <a href="https://www.youtube.com/watch?v=w1mo1lh2QHM&list=PL-G5r6j4GptFLEtYahm9acTJ6E7MW5hGD&index=4&ab_channel=ThisDotMedia">PWAs and Service Workers - PWA Notifications (Part 4)</a>
* <a href="https://www.youtube.com/watch?v=kohTpzt91dk&list=PL-G5r6j4GptFLEtYahm9acTJ6E7MW5hGD&index=5&ab_channel=ThisDotMedia">PWAs and Service Workers - PWA Push Notifications (Part 5) </a>
* <a href="https://www.youtube.com/watch?v=p5ybqoRUqNI&list=PL-G5r6j4GptFLEtYahm9acTJ6E7MW5hGD&index=6&ab_channel=ThisDotMedia">PWAs and Service Workers - Testing Push Notifications (Part 6)</a>
* <a href="https://www.youtube.com/watch?v=ptbIe9mST5w&list=PL-G5r6j4GptFLEtYahm9acTJ6E7MW5hGD&index=7&ab_channel=ThisDotMedia">PWAs and Service Workers - Cloud Messaging subscriptions (Part 7)</a>
* <a href="https://www.youtube.com/watch?v=hbxr6zJPa8E&list=PL-G5r6j4GptFLEtYahm9acTJ6E7MW5hGD&index=8&ab_channel=ThisDotMedia">PWAs and Service Workers - Testing with the Firebase Console(Part 8)</a> 
* <a>Conquer the Web with PWAs.</a>
* <a href="https://www.youtube.com/watch?v=Rn11vuV56bo">Construye tu blog con Angular y Contentful CMS.</a>
* <a href="https://www.youtube.com/watch?v=9hL0WabUoSc&lc=z22sfl2asqngfvquqacdp435gwk5wqajtlofcphnqqxw03c010c&ab_channel=ThisDotMedia">Angular PWAs</a>
* <a href="https://www.youtube.com/watch?v=SKN_uc7-mws&ab_channel=AngularHonduras">Angular en Enterprise (Honduras meetup)</a>
* <a href="https://www.youtube.com/watch?v=l5j9jVKNYf8&t=499s&ab_channel=DominiCode">Angular en Enterprise (Dominican Republic meetup)</a>
* <a href="https://www.youtube.com/watch?v=mDjDplOOlaY&list=PL-G5r6j4GptEQExoIURbVmWso_pKL3RZK&index=1&ab_channel=ThisDotMedia"> Creating an Enterprise Angular Application (Part 1) </a>
* <a href="https://www.youtube.com/watch?v=8jdaZIFHwIk&list=PL-G5r6j4GptEQExoIURbVmWso_pKL3RZK&index=2&ab_channel=ThisDotMedia"> Creating an Enterprise Angular Application (Part 2) </a>
* <a href="https://www.youtube.com/watch?v=aZORveCJaBU&list=PL-G5r6j4GptEQExoIURbVmWso_pKL3RZK&index=3&ab_channel=ThisDotMedia"> Creating an Enterprise Angular Application (Part 3) </a>
* <a href="https://www.youtube.com/watch?v=LtJNf2_YdBs&list=PL-G5r6j4GptEQExoIURbVmWso_pKL3RZK&index=4&ab_channel=ThisDotMedia"> Creating an Enterprise Angular Application (Part 4) </a>
* <a href="https://www.youtube.com/watch?v=CUY4TwlqYLI&list=PL-G5r6j4GptEQExoIURbVmWso_pKL3RZK&index=5&ab_channel=ThisDotMedia"> Creating an Enterprise Angular Application (Part 5) </a>
* <a href="https://slides.com/devpato/sass"> Getting Started with SASS </a>

## Articles
* <a href="https://onesignal.com/blog/how-to-send-push-notifications-with-the-onesignal-rest-api/">How to Send Push Notifications with the OneSignal REST API</a>

* <a href="https://onesignal.com/blog/how-to-add-push-notifications-in-android-using-ionic-capacitor-react/">Adding Push Notifications to an Ionic & Capacitor Android App</a>

* <a href="https://onesignal.com/blog/send-push-notifications-with-the-onesignal-nodejs-client-sdk/">How to Send Push Notifications with the OneSignal NodeJS Client SDK</a>

* <a href="https://onesignal.com/blog/how-to-add-push-notifications-to-a-cordova-android-app/">How to Add Push Notifications to a Cordova Android App</a>

* <a href="https://onesignal.com/blog/onesignal-takeshape-collab-project/">GraphQL and Push Notifications with OneSignal and TakeShape</a>

* <a href="https://onesignal.com/blog/how-to-add-in-app-messages-in-react-with-onesignal-expo/">How to Add In-App Messages in React Native (Expo)</a>

* <a href="https://onesignal.com/blog/how-to-integrate-push-notifications-in-react/">How to Add Push Notifications into a ReactJS App</a>

* <a href="https://onesignal.com/blog/how-to-integrate-onesignal-sendgrid-to-build-automated-email-campaigns/">Improve Your Web App UX With Automated Emails</a>

* <a href="https://onesignal.com/blog/how-to-add-push-notifications-to-a-webflow-site/">How to add Push Notifications to a Webflow Site</a>

* <a href="https://onesignal.com/blog/how-to-integrate-push-notifications-in-angular/">How To Integrate Push Notifications in Angular</a>

* <a href="https://dev.to/devpato/push-notifications-in-reactjs-with-onesignal-5bon">Push Notifications in ReactJS with OneSignal</a>

* <a href="https://dev.to/devpato/tips-to-get-a-job-as-a-developer-4ic3">Tips To Get A Job As A Developer</a>

* <a href="https://dev.to/devpato/show-how-to-use-your-app-with-step-by-step-guide-with-intro-js-in-angular-2f6k">Show Users How To Use Your App With A Step-By-Step Guide With Intro.js In Angular</a>

* <a href="https://dev.to/thisdotmedia/image-text-face-recognition-with-aws-rekognition-4efa">Image Text/Face Recognition With AWS Rekognition👀</a>

* <a href="https://dev.to/thisdotmedia/angular-app-with-contentful-cms-518l">Angular App With Contentful CMS</a>

* <a href="https://dev.to/devpato/setup-google-maps-with-agm-in-angular-app-33em">Setup Google Maps with AGM in Angular App</a>

* <a href="https://dev.to/devpato/setup-google-map-in-angular-app-the-pro-way-3m9p">Setup Google Map in Angular app (The pro way) pt1</a>

* <a href="https://dev.to/thisdotmedia/angular-development-in-enterprise-1c03">Angular Development in Enterprise</a>

* <a href="https://dev.to/devpato/angular-unofficial-docs-architecture-2d4i">Angular Architecture</a>

* <a href="https://dev.to/devpato/angular-with-nodejs-image-upload-to-aws-s3-easy-pec">Angular With NodeJS Image Upload To AWS S3 - EASY!!</a>

* <a href="https://dev.to/devpato/qr-code-event-registration-app-angular-pwa-2fhe">QR Code Event Registration App - Angular PWA</a>

* <a href="https://dev.to/devpato/displaying-data-in-angular-unofficial-docs-4nd4">Displaying Data in Angular</a>

* <a href="https://dev.to/thisdotmedia/a-quick-dive-into-firebae-firebase-3mi1">A quick dive into Firebae (Firebase)</a>

* <a href="https://dev.to/thisdotmedia/angular-libraries-with-nx-for-enterprise-apps-395h">Angular Libraries with Nx for Enterprise Apps</a>

* <a href="https://dev.to/thisdotmedia/web-app-deployment-with-firebase-in-2-minutes-4bo8">Web App Deployment with Firebase in 2 minutes</a>

* <a href="https://dev.to/devpato/quick-overview-to-javascript-engines-1o23">Quick Overview To JavaScript Engines</a>

* <a href="https://dev.to/devpato/customize-your-mac-terminal-vs-code-too-easy-2315">Customize your Mac Terminal (VS Code too)-EASY!
</a>

* <a href="https://dev.to/thisdotmedia/intro-to-pwa-and-service-workers-15d4">Intro to PWAs and Service Workers</a>

* <a href="https://dev.to/devpato/how-to-create-a-pwa-with-javascript-4jlh">How to create a PWA with JavaScript</a>

* <a href="https://dev.to/thisdotmedia/how-to-add-notifications-to-your-pwa-2mmg">How to add Notifications to your PWA</a>

* <a href="https://dev.to/thisdotmedia/realtime-app-with-angular-and-firestore-angularfire-2o90">How to make a realtime app with Angular and FireStore (AngularFire)</a>

* <a href="https://dev.to/thisdotmedia/intro-to-performance-analytics-with-firebase-1joh">Intro To Performance Analytics with Firebase</a>

* <a href="https://dev.to/devpato/javascript-security-1moc">JavaScript Security</a>

* <a href="https://dev.to/thisdotmedia/pwa-push-notifications-with-firebase-cloud-messaging-pt1-10ak">PWA Push Notifications with Firebase (Cloud Messaging)-pt1</a>

* <a href="https://dev.to/thisdotmedia/share-in-a-pwa-like-a-native-app-using-the-web-share-api-3eco">How to do social Media sharing in your PWA
</a>

* <a href="https://dev.to/devpato/multiple-markers-on-google-map-in-angular-app-the-pro-way-pt2-50p0">Multiple markers on Google Map in Angular app (The pro way) pt2</a>

* <a href="https://dev.to/thisdotmedia/closer-look-at-the-dna-of-the-openfin-platform-api-2i02">Closer look at the DNA of the OpenFin Platform API</a>