[pull] master from mazipan:master

.github/FUNDING.yml

@@ -0,0 +1,12 @@
+# These are supported funding model platforms
+
+github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: mazipan
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+custom: ['https://mazipan.space/support']

.github/workflows/codeql-analysis.yml

@@ -0,0 +1,66 @@
+# For most projects, this workflow file will not need changing; you simply need
+# to commit it to your repository.
+#
+# You may wish to alter this file to override the set of languages analyzed,
+# or to provide custom queries or build logic.
+#
+# ******** NOTE ********
+# We have attempted to detect the languages in your repository. Please check
+# the `language` matrix defined below to confirm you have the correct set of
+# supported CodeQL languages.
+#
+name: "CodeQL"
+
+on:
+  schedule:
+    - cron: '21 21 * * 2'
+
+jobs:
+  analyze:
+    name: Analyze
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+      contents: read
+      security-events: write
+
+    strategy:
+      fail-fast: false
+      matrix:
+        language: [ 'javascript' ]
+        # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python' ]
+        # Learn more:
+        # https://docs.github.com/en/free-pro-team@latest/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#changing-the-languages-that-are-analyzed
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    # Initializes the CodeQL tools for scanning.
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v1
+      with:
+        languages: ${{ matrix.language }}
+        # If you wish to specify custom queries, you can do so here or in a config file.
+        # By default, queries listed here will override any specified in a config file.
+        # Prefix the list here with "+" to use these queries and those in the config file.
+        # queries: ./path/to/local/query, your-org/your-repo/queries@main
+
+    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+    # If this step fails, then you should remove it and run the build manually (see below)
+    - name: Autobuild
+      uses: github/codeql-action/autobuild@v1
+
+    # ℹ️ Command-line programs to run using the OS shell.
+    # 📚 https://git.io/JvXDl
+
+    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
+    #    and modify them (or add more) to build your code if your project
+    #    uses a compiled language
+
+    #- run: |
+    #   make bootstrap
+    #   make release
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v1

.github/workflows/generateJson.yml

@@ -1,29 +1,37 @@
 name: Generate JSON
-"on":
+
+on:
+  workflow_dispatch:
   push:
     branches:
       - master
+    paths-ignore:
+      - "LAST_UPDATED"
+      - "all-talks.json"
+      - "all-talks.js"
+      - "all-talks-node.js"
+      - "package.json"
+
 jobs:
   generate_json:
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout code
-        uses: actions/checkout@v2
+      - uses: actions/checkout@v3      
         with:
-          persist-credentials: false
-          fetch-depth: 0
+         persist-credentials: false
+         fetch-depth: 0
 
-      - name: Use node 12
-        uses: actions/setup-node@v1
+      - name: Install Node.js
+        uses: actions/setup-node@v3
         with:
-          node-version: 12.x
+          node-version: 18
 
       - name: Get yarn cache
         id: yarn-cache
         run: 'echo "::set-output name=dir::$(yarn cache dir)"'
 
       - name: Cache Node.js modules
-        uses: actions/cache@v1
+        uses: actions/cache@v3
         with:
           path: "${{ steps.yarn-cache.outputs.dir }}"
           key: "${{ runner.OS }}-yarn-${{ hashFiles('**/yarn.lock') }}"
@@ -43,13 +51,14 @@ jobs:
 
       - name: Commit files report
         run: |
-          git config --local user.email "actions@github.com"
-          git config --local user.name "Github Actions"
+          git config --local user.email "mazipanneh@gmail.com"
+          git config --local user.name "mazipan"
           git add -A
-          git commit -m "✅ by Github Actions"
+          git commit -m "🐙 Auto commit by Github Actions"
 
       - name: GitHub Push
-        uses: ad-m/github-push-action@v0.5.0
+        uses: ad-m/github-push-action@v0.6.0
         with:
-          github_token: "${{ secrets.GITHUB_TOKEN }}"
+          directory: "."
+          github_token: "${{ secrets.PERSONAL_TOKEN }}"
           force: true

LAST_UPDATED

@@ -1 +1 @@
-2020-10-28T11:57:59Z
+2024-12-12T01:33:25Z

README.md

@@ -2,11 +2,53 @@
 
 Hi, I am **Irfan Maulana**, also known as mazipan.
 
-Principal Engineer in Tokopedia. Former Software Engineer in Bizzy, Blibli.com and SML Technologies.
+A frontend developer for almost 10 years of experience. 
+My talks are covering about web performance topic, web development, testing, and a generic career advice from my own perspective.
 
-You can see my complete CV in my Linkedin Profile: [https://www.linkedin.com/in/mazipan/](https://www.linkedin.com/in/mazipan/)
+## 🤝 How to invite me?
 
-In the last few years, I have some presentations stage, mostly talking about JavaScript, CSS, Frontend Development in General but not limited with non-technical topic but still related with Software Engineering.
+You can invite me to giving a talk in your event by sending an email to [[email protected]](mailto:[email protected]).
+
+Don't forget to give me a clear information about your event, including (but not limited):
+
+- About your organization
+- Target audience
+- The topic you want me to talk about
+- The event date/schedule
+
+## ❓ Additional FAQs
+
+Expand to see the answer.
+
+<details>
+    <summary>📒 Can we get your resume?</summary>
+    <p><br/>🗣 Just visit my LinkedIn profile https://ksana.in/mzp.in to get all required information about me.</p>
+</details>
+
+<details>
+    <summary>🖼️ Where can we get your latest photo?</summary>
+    <p><br/>🗣 You can download my latest photo profile in the <a href="https://github.com/mazipan/talks/tree/master/photo">photo/</a> directory</p>
+</details>
+
+<details>
+    <summary>💻 Can we share the presentation deck?</summary>
+    <p><br/>🗣 Yes, You can. Most of my decks are publicly available on https://speakerdeck.com/mazipan</p>
+</details>
+
+<details>
+    <summary>💸 Do we need to pay you for giving a talk?</summary>
+    <p><br/>🗣 No, you don't need. But if I need to travel to your area, you may need to cover the travel costs.</p>
+</details>
+
+<details>
+    <summary>🗓 After got an agreement, what things we should do?</summary>
+    <p><br/>🗣 Create a calendar invitation to my email to reserve my time, do not forget to add all additional information I need to know in the description.</p>
+</details>
+
+## 👋 Contact me
+
++ 📧 Email    : [[email protected]](mailto:[email protected])
++ 🐦 Twitter  : DM to [@Maz_Ipan](https://twitter.com/Maz_Ipan)
 
 ## Template
 
@@ -20,10 +62,136 @@ In the last few years, I have some presentations stage, mostly talking about Jav
 - Slide: [here](link-to-slide)
 ```
 
-## 🙌 My Talks (in chronological order)
+## 🙌 Tech talks (in chronological order)
+
+### 2024
+
+#### Open Tech Summit Jakarta by FOSSASIA
+
+- Topic: Panduan untuk mempublikasikan kode ke publik
+- Date: Nov 25, 2024
+- Location: Universitas Atma Jaya
+- Event Link: [here](https://www.linkedin.com/posts/fossasia_opentechsummit-jakarta-opensource-activity-7238387270523699201-CYEV?utm_source=share&utm_medium=member_desktop)
+- Slide: [here](https://speakerdeck.com/mazipan/panduan-untuk-mempublikasikan-kode-ke-publik)
+
+### 2022
+
+#### PHPID Online Learning 
+
+- Topic: Kinerja Web 101 - Edisi 2022
+- Date: Mar 29, 2022
+- Location: Live on Zoom from Jakarta
+- Event Link: [here](https://youtu.be/5A40KaPO4EM)
+- Slide: [here](https://speakerdeck.com/mazipan/kinerja-web-101-edisi-2022)
+
+#### Sharing Santai Vol.10 by Narai Coder
+
+- Topic: Sharing Bebas Seputar Frontend
+- Date: Mar 26, 2022
+- Location: Live on Zoom from Jakarta
+- Event Link: [here](https://youtu.be/fPSHSi9RJ-4)
+- Slide: N/A
+
+#### Webinar Nasional Series 1 by STMIK Widya Cipta Dharma
+
+- Topic: Membuat Website Zaman Sekarang 
+- Date: Mar 12, 2022
+- Location: Live on Zoom from Jakarta
+- Event Link: [here](https://youtu.be/VED76hylPec)
+- Slide: [here](https://speakerdeck.com/mazipan/membuat-website-zaman-sekarang)
+
+### 2021
+
+#### DevFest 2021 by GDG Semarang
+
+- Topic: Repaint Layout and The Lessons Learned
+- Date: Dec 18, 2021
+- Location: Live on YouTube from Jakarta
+- Event Link: [here](https://youtu.be/J3mOtpGwUzY)
+- Slide: [here](https://speakerdeck.com/mazipan/layout-repaint-and-the-lessons-learned)
+
+#### Tokopedia NextGen by Tokopedia Academy
+
+- Topic: Building your first Audio Player Web App
+- Date: Dec 17, 2021
+- Location: Live on YouTube from Jakarta
+- Event Link: [here](https://tokopedia.link/Su7u38WEapb)
+- Slide: [here](https://ksana.in/handbook-audio-player)
+
+#### Tech Talk #1: How a Front-End Developer Implements a Mockup Design from UI/UX Designer?
+
+- Topic: Bagaimana implementasi mockup design
+- Date: Nov 28, 2021
+- Location: Live on Zoom from Jakarta
+- Event Link: N/A
+- Slide: [here](https://speakerdeck.com/mazipan/bagaimana-implementasi-mockup-design)
+
+#### Webinar Studi Excursie 2021 - Proses Bisnis dan Lingkungan Kerja Industri IT
+
+- Topic: Memulai Karir Sebagai Web Programmer
+- Date: June 06, 2021
+- Location: Live on Zoom from Jakarta
+- Event Link: [here](https://youtu.be/3eL4m6CBFKs)
+- Slide: [here](https://speakerdeck.com/mazipan/memulai-karir-sebagai-web-programmer)
+
+#### Tokopedia Goes to Campus - June
+
+- Topic: Life After Graduation - Land Your Dream Job in Leading Tech Company
+- Date: June 03, 2021
+- Location: Live on YouTube from Jakarta
+- Event Link: [here](https://youtu.be/H_yyrfqg8Ok)
+- Slide: N/A
+
+#### PHPID Online Learning #72
+
+- Topic: Bongkar Dapur Webnya #PHPID-OL
+- Date: Mar 31, 2021
+- Location: Zoom Meeting from Jakarta
+- Event Link: [here](https://www.facebook.com/groups/phpid/permalink/10159073242061101/)
+- Slide: [here](https://speakerdeck.com/mazipan/bongkar-dapur-webnya-number-phpid-ol)
+
+#### Tech Talk Web Development Developer Student Club Gunadarma University
+
+- Topic: Web Development Productivity on Tokopedia
+- Date: Mar 27, 2021
+- Location: Zoom Meeting from Jakarta
+- Event Link: [here](https://youtu.be/Z2sYk-bjgNM)
+- Slide: N/A
+
+#### PHPID Online Learning #63
+
+- Topic: Membuat Laporan Kecepatan Web untuk Blog Pribadi
+- Date: Mar 17, 2021
+- Location: Zoom Meeting from Jakarta
+- Event Link: [here](https://www.facebook.com/groups/phpid/permalink/10159038292141101/)
+- Slide: [here](https://speakerdeck.com/mazipan/membuat-laporan-kecepatan-web-untuk-blog)
+
+#### DeepTech X StackIT FTD ITB Asia Malang - Belajar Bareng Teman Komunitas
+
+- Topic: Belajar React.js untuk Pembuatan Website Modern
+- Date: Feb 11, 2021
+- Location: Streamyard from Jakarta
+- Event Link: [here](https://youtu.be/F1sbZbrILIg)
+- Slide: N/A
+
+#### Chrome Dev Summit Extended 2020 Day 3 by GDG Jakarta
+
+- Topic: Alat Pengukur Performa Web
+- Date: Jan 30, 2021
+- Location: Streamyard from Jakarta
+- Event Link: [here](http://goo.gle/CDS-ID3)
+- Slide: N/A
 
 ### 2020
 
+#### Intech Fesh 2020 - Website Technology Optimization
+
+- Topic: Menjadi Web Developer di Masa Pandemi
+- Date: Oct 31, 2020
+- Location: Google Meet from Jakarta for Politeknik Negeri Bali
+- Event Link: [here](https://m.facebook.com/story.php?story_fbid=131432505408472&id=100056251688889)
+- Slide: [here](https://speakerdeck.com/mazipan/menjadi-web-developer-di-masa-pandemi)
+
 #### Start Summit Extension - Tokopedia Frontend Journey
 
 - Topic: Unlocking New Capabilities For The Web
@@ -37,14 +205,14 @@ In the last few years, I have some presentations stage, mostly talking about Jav
 - Topic: Core Web Vitals to Win Over The Market
 - Date: Aug 29, 2020
 - Location: Google Meet from Jakarta
-- Event Link: [here](https://www.linkedin.com/posts/idindrakusuma_workshop-training-webdev-activity-6707908590742728704-Hi7C)
+- Event Link: [here](https://academy.tokopedia.com/learn/technology/16)
 - Slide: N/A
 
 #### Deep Tech Talk Vol. 12
 
 - Topic: Tips Wawancara Biar Bisa Diterima di Perusahaan Teknologi Nasional
 - Date: Aug 22, 2020
-- Location: Zoom Meeting from Jakarta
+- Location: Streamyard from Jakarta
 - Event Link: [here](https://www.youtube.com/watch?v=GyahQonyDeg&t=1s)
 - Slide: N/A
 
@@ -231,20 +399,3 @@ In the last few years, I have some presentations stage, mostly talking about Jav
 - Location: Bukalapak.com HQ, Jakarta
 - Event Link: [here](https://www.codepolitan.com/tambah-pengetahuan-tren-teknologimu-terbaru-bersama-php-indonesia)
 - Slide: [here](https://www.slideshare.net/IrfanMaulana21/php-indonesia-nodejs-web-development)
-
-## ❓ FAQ
-
-+ **Q:** Hey, I need your photo for a banner. Where can I get it?
-+ **A:** You can download my latest photo profile [here](photo/)
-
-+ **Q:** Can I get the slides from your presentation?
-+ **A:** Yes, You can. Most of my slides are available in [speakerdeck/mazipan](https://speakerdeck.com/mazipan)
-
-## 👋 Contact Me
-
-+ 📧 Email : [[email protected]](mailto:[email protected])
-+ 🌏 Blog : [mazipan.space](https://mazipan.space/)
-+ 💬 Telegram : [@mazipan](https://t.me/mazipan)
-+ 🐦 Twitter : [@Maz_Ipan](https://twitter.com/Maz_Ipan)
-+ 🎭 Facebook: [@mazipanneh](https://www.facebook.com/mazipanneh)
-+ 📸 Instagram: [@maz_ipan](https://www.instagram.com/maz_ipan/)