A frontend developer from Yogyakarta, Indonesiahttps://afifalfiano.my.id/https://afifalfiano.medium.com/one-chat-zero-code-a-finance-bot-that-built-itself-cc62a0a4b03f?source=rss-a40d2d6ac40b------2https://afifalfiano.medium.com/one-chat-zero-code-a-finance-bot-that-built-itself-cc62a0a4b03f?source=rss-a40d2d6ac40b------2No IDE. No repo. No framework. Just a Telegram chat, a cheap VPS, and a few dollars in API costs. AI Generated In this article, I’m going to show you how I built a personal finance assistant that literally configures itself. We’ll start by setting up a VPS and installing OpenClaw , then walk throughSat, 28 Mar 2026 06:42:23 GMThttps://afifalfiano.medium.com/dynamic-import-in-angular-load-what-you-need-when-you-need-it-8d5c91d977c3?source=rss-a40d2d6ac40b------2https://afifalfiano.medium.com/dynamic-import-in-angular-load-what-you-need-when-you-need-it-8d5c91d977c3?source=rss-a40d2d6ac40b------2A practical guide to understanding how dynamic import() works in Angular to boost your app performance Hi guys, I think it’s been a while since the last time I posted about Angular stuff. So, today we’re gonna talk about dynamic import in Angular. Have you ever thought about what happens when your AMon, 23 Mar 2026 12:11:29 GMThttps://afifalfiano.medium.com/angular-be-aware-with-observable-data-3ee2e7d57f1b?source=rss-a40d2d6ac40b------2https://afifalfiano.medium.com/angular-be-aware-with-observable-data-3ee2e7d57f1b?source=rss-a40d2d6ac40b------2Photo by Lukas: https://www.pexels.com/photo/laptop-computer-showing-c-application-574069/ Have you ever wanted to monitor the observable data on Angular? How are they running in the background? Have they stopped or are they still running? How can we find out all these things? Here, I will provide aSat, 08 Mar 2025 08:18:27 GMThttps://afifalfiano.medium.com/expose-function-variable-children-to-parent-with-useimperativehandle-on-reactjs-41f1190d663e?source=rss-a40d2d6ac40b------2https://afifalfiano.medium.com/expose-function-variable-children-to-parent-with-useimperativehandle-on-reactjs-41f1190d663e?source=rss-a40d2d6ac40b------2Photo by Pavel Danilyuk from Pexels: https://www.pexels.com/photo/a-person-holding-a-pencil-8640082/ Hi everyone, I think it’s been a while ya when the last time I have posted the tutorials. Now, I’m a bit missed to share my journey or story on the tech stuff. So, to save our time, I’m going to creaSat, 07 Dec 2024 05:25:19 GMThttps://afifalfiano.my.id/post/golang-hello-world/https://afifalfiano.my.id/post/golang-hello-world/Hello world in GolangSat, 06 Jul 2024 10:12:00 GMThttps://afifalfiano.medium.com/intersection-observer-api-lazy-load-scroll-data-on-angular-59f5cc13b789?source=rss-a40d2d6ac40b------2https://afifalfiano.medium.com/intersection-observer-api-lazy-load-scroll-data-on-angular-59f5cc13b789?source=rss-a40d2d6ac40b------2Intersection Observer API Have you ever thought about what looks like the mechanism of libraries for an infinite scroll? They will load or request the data once the scroll indicator until to the bottom of the bar. How can it be? So, today I’m gonna share a bit of tutorial about how to create a simplMon, 27 May 2024 00:49:43 GMThttps://afifalfiano.medium.com/web-workers-api-a-way-to-improve-web-performance-2e23642f1b3e?source=rss-a40d2d6ac40b------2https://afifalfiano.medium.com/web-workers-api-a-way-to-improve-web-performance-2e23642f1b3e?source=rss-a40d2d6ac40b------2Web Worker Hi Everyone, It’s been a while since the last time I published an article last year. Today, we’re gonna talk about web workers. Have you used web workers on your web apps on the production level? You might be confused about why I need to implement it. Intro Let’s use a study case to make Thu, 23 May 2024 04:28:32 GMThttps://afifalfiano.medium.com/javascript-generate-validate-sitemap-to-improve-the-seo-7458e79505e5?source=rss-a40d2d6ac40b------2https://afifalfiano.medium.com/javascript-generate-validate-sitemap-to-improve-the-seo-7458e79505e5?source=rss-a40d2d6ac40b------2Generate and validate sitemap.xml with javascript Generate Sitemap Hi everyone, Hopefully, you are healthy and well. Long time no see yaa, In this article I want to share how to generate sitemap.xml for a website with javascript. The sitemap.xml is very important for SEO because it will give your weSat, 23 Sep 2023 03:58:48 GMThttps://afifalfiano.medium.com/angular-optimization-bundle-size-with-brotli-8222d753d6b2?source=rss-a40d2d6ac40b------2https://afifalfiano.medium.com/angular-optimization-bundle-size-with-brotli-8222d753d6b2?source=rss-a40d2d6ac40b------2Problem: The bundle size is too large and makes website slower Reduce Bundle Size Hi everyone, in this section I want to share my experience about optimization bundle size, especially in Angular using Brotli. The main problem why am I using Brotli rather than Gzip is because the bundle size is too lSat, 17 Jun 2023 06:29:07 GMThttps://afifalfiano.medium.com/angular-publish-your-private-angular-library-for-sharing-component-using-verdaccio-9a0856e5ded6?source=rss-a40d2d6ac40b------2https://afifalfiano.medium.com/angular-publish-your-private-angular-library-for-sharing-component-using-verdaccio-9a0856e5ded6?source=rss-a40d2d6ac40b------2Sharing components with the private library in Angular Verdaccio Angular Introduction Have you thought to share components in many projects? But you don’t want to copy and paste code in every project to avoid duplicate code. If the purpose is to share components, utility and etc. I think this articlSun, 05 Mar 2023 09:46:08 GMThttps://afifalfiano.medium.com/angular-documentation-of-your-project-with-compodoc-d2367c7cfb9a?source=rss-a40d2d6ac40b------2https://afifalfiano.medium.com/angular-documentation-of-your-project-with-compodoc-d2367c7cfb9a?source=rss-a40d2d6ac40b------2One of the best options for documenting an angular project Angular Compodoc Introduction Have you been confused about the documentation projects, especially on the angular? If yes, don’t worry because I had to. Several months ago, I was confused about it and then I search on google and the result isSat, 04 Mar 2023 12:22:02 GMThttps://afifalfiano.my.id/post/how-to-run-cypress-in-angular-with-github-action/https://afifalfiano.my.id/post/how-to-run-cypress-in-angular-with-github-action/Hi, In this case, we will learn about how to add cypress for e2e testing in angular and run in GitHub action every push on Github. When GitHub action runs in the project.Fri, 03 Dec 2021 10:12:00 GMThttps://afifalfiano.my.id/post/list-dan-key-pada-reactjs/https://afifalfiano.my.id/post/list-dan-key-pada-reactjs/Selamat datang kembali teman-teman, pada kesempatan kali ini kita akan mempelajari list pada react javascript. Nah seperti teman-teman ketahui bahwa list bukan...Sat, 13 Nov 2021 10:12:00 GMThttps://afifalfiano.my.id/post/useeffect-pada-reactjs/https://afifalfiano.my.id/post/useeffect-pada-reactjs/Halo teman-teman, kembali lagi nih di blog pribadi saya dimana pada kesempatan kali ini kita akan mempelajari tentang use effect pada react javascript.Tue, 09 Nov 2021 10:12:00 GMThttps://afifalfiano.my.id/post/usestate-pada-reactjs/https://afifalfiano.my.id/post/usestate-pada-reactjs/Halooo, ketemu lagi kita pada artikel baru yang masih berkutat seputar react javascript. Nah pada kesempatan kali ini kita akan belajar bersama-sama mengenai state pada reactjs.Tue, 09 Nov 2021 10:12:00 GMThttps://afifalfiano.my.id/post/component-dan-props-pada-reactjs/https://afifalfiano.my.id/post/component-dan-props-pada-reactjs/Selamat datang kembali teman-teman. Pada kesempatan kali ini kita masih belajar mengenai react khususnya tentang component dan props. Kalau teman-teman ingin bisa menggunakan react js maka sudah satu hal yang wajib tahu tentang hal ini.Sun, 07 Nov 2021 10:12:00 GMThttps://afifalfiano.my.id/post/kenapa-perlu-menggunakan-react-fragment/https://afifalfiano.my.id/post/kenapa-perlu-menggunakan-react-fragment/Selamat sore teman-teman. Pada kesempatan kali ini kita akan bersama-sama mempelajari tentang fragments. Nah sebelum kita masuk ke topik tentang fragment kita cari dulu permasalahannya.Sun, 07 Nov 2021 10:12:00 GMThttps://afifalfiano.my.id/post/apa-itu-react-portal/https://afifalfiano.my.id/post/apa-itu-react-portal/Selamat datang kembali teman-teman, pada kesempatan kali ini kita akan mempelajari salah satu fitur dari react yang bernama react portal. Sat, 06 Nov 2021 10:12:00 GMThttps://afifalfiano.my.id/post/membuat-todolist-menggunakan-react-dan-deploy-ke-vercel/https://afifalfiano.my.id/post/membuat-todolist-menggunakan-react-dan-deploy-ke-vercel/Selamat datang kembali teman-teman di blog saya. Pada kesempatan kali ini kita akan belajar hal baru yaitu belajar reactjs. Dimana jika pada artikel-artikel sebelumnya saya selalu menggunakan angular...Mon, 01 Nov 2021 10:12:00 GMThttps://afifalfiano.my.id/post/my-experience-collaborative/https://afifalfiano.my.id/post/my-experience-collaborative/In this blog or article, I'm going to tell a story about my collaborative experience in a working environment. First, I use my blog because I have this personal blog and I usually wrote some tutorials or my opinion on this website.Thu, 07 Oct 2021 10:12:00 GMThttps://afifalfiano.my.id/post/menggunakan-automate-commit-linter/https://afifalfiano.my.id/post/menggunakan-automate-commit-linter/Pernahkan teman-teman mendengar istilah commit conventional? Jika belum mari kita pelajari bersama - sama apa itu commit convetinoal dan bagaimana mengautomate commit menggunakan husky untuk automate commit linter, baik untuk javascript, typescript, css ataupun scss.Sun, 29 Aug 2021 10:12:00 GMThttps://afifalfiano.my.id/post/the-story-as-a-frontend-developer/https://afifalfiano.my.id/post/the-story-as-a-frontend-developer/Hello, this is my first blog in English. So, if there is something wrong in my blog, I would say sorry. In this section, I will tell you about how does it feel when you as a frontend developer. But, before that? Do you know what is Frontend Developer?Thu, 10 Jun 2021 10:12:00 GMThttps://afifalfiano.my.id/post/cara-menggunakan-cypress-di-angular/https://afifalfiano.my.id/post/cara-menggunakan-cypress-di-angular/Pada kesempatan kali ini kita akan belajar bersama-sama bagaimana cara menggunakan cypress di angular lengkap dari awal sampai akhir. Pada tutorial ini kita juga menggunakan real consume API dari backend dan data juga disimpan di database.Sat, 10 Oct 2020 10:12:00 GMThttps://afifalfiano.my.id/post/reusable-component/https://afifalfiano.my.id/post/reusable-component/Haloooo! Gimana kabar teman-teman? Maaf ya sudah 3 minggu lebih tidak ada artikel sama sekali. Oke, jadi pada kesempatan kali ini saya ingin berbagi ilmu tentang web component. Apakah kamu sudah tau apa itu web komponen? dilansir dari MDN berikut ini penjelasannya.Sat, 22 Aug 2020 10:12:00 GMThttps://afifalfiano.my.id/post/how-to-hosting-angular-on-github-pages/https://afifalfiano.my.id/post/how-to-hosting-angular-on-github-pages/Selamat Pagi, Gimana kabar teman-teman? semoga selalu dalam keadaan baik-baik saja. Pada kesempatan kali ini saya ingin membahas bagaimana cara hosting di github pages secara otomatisasi. Jadi kita tidak perlu susah-susah mengupload file hasil build project kita ke github pages.Sat, 25 Jul 2020 10:12:00 GMThttps://afifalfiano.my.id/post/reactive-forms-on-angular/https://afifalfiano.my.id/post/reactive-forms-on-angular/Karena minggu kemarin saya tidak sempat membuat artikel, maka akan saya ganti dengan minggu ini. Apa yang teman-teman pikirkan ketika pertama kali mendengar forms? apakah mengisi sebuah kolom? atau harus manual dengan cara menulis? Nah, pada kesempatan kali ini saya akan membahas tentang form.Sat, 25 Jul 2020 10:12:00 GMThttps://afifalfiano.my.id/post/10-perintah-git-yang-harus-kamu-ketahui/https://afifalfiano.my.id/post/10-perintah-git-yang-harus-kamu-ketahui/Selamat Sore. Bagaimana kabarmu hari ini? Semoga selalu diberikan kesehatan dan semangat yang tak pernah padam. Pernahkah kamu berkolaborasi dengan orang lain? Bagaimana cara memanajemen project yang dikerjakan?Sat, 11 Jul 2020 10:12:00 GMThttps://afifalfiano.my.id/post/menggunakan-lazy-load-angular/https://afifalfiano.my.id/post/menggunakan-lazy-load-angular/Haloo teman-teman. Bagaiamana akhir pekannya? Pergi refreshing apa tetap di depan laptop atau komputer 😅. Apapun itu selagi kegiatannya positif maka tidak perlu diperdebatkan, oke.Pada kesempatan kali ini saya ingin share tentang salah satu fitur angular yang bisa mempercepat waktu load website.Sat, 04 Jul 2020 10:12:00 GMThttps://afifalfiano.my.id/post/my-first-pull-request/https://afifalfiano.my.id/post/my-first-pull-request/Gimana rasanya ketika pertama kali pull requestmu di setuju oleh pemilik project? pasti senang bukan. Pull request adalah sebuah metode dimana kita meminta pemilik kode master untuk mereview tambahan kode kita dan jika disetujui bisa dimerge atau digabung ke master kode tersebut.Thu, 18 Jun 2020 10:12:00 GMThttps://afifalfiano.my.id/post/deploy-angular-bazel-azure-github-action-part1/https://afifalfiano.my.id/post/deploy-angular-bazel-azure-github-action-part1/Ketika kita mengembangkan suatu aplikasi tentunya kita membutuhkan tempat supaya aplikasi dapat digunakan orang banyak, tidak hanya localhost atau hanya ada dikomputer pribadi. Supaya aplikasi yang kita kembangkan dapat bermanfaat untuk banyak orangSun, 14 Jun 2020 10:12:00 GMThttps://afifalfiano.my.id/post/deploy-angular-bazel-azure-github-action-part2/https://afifalfiano.my.id/post/deploy-angular-bazel-azure-github-action-part2/Setelah proses panjang menginstall bazel di angular, maka kita lanjut ke proses mengunggah source code ke github dan menghubungkan ke azure untuk dilakukan proses deployment.Sun, 14 Jun 2020 10:12:00 GMThttps://afifalfiano.my.id/post/membuat-animasi-tanpa-menggunakan-jquery/https://afifalfiano.my.id/post/membuat-animasi-tanpa-menggunakan-jquery/Apa yang teman-teman pikirkan ketika ingin menggunakan animasi? Pasti menggunakan javascript nih kalau nggak menggunakan jquery. Lah apa bedanya javascript dengan jquery haha. Intinya jquery itu library yang diisi menggunakan javascript.Mon, 18 May 2020 10:12:00 GMThttps://afifalfiano.my.id/post/membuat-todolist-menggunakan-angular-9/https://afifalfiano.my.id/post/membuat-todolist-menggunakan-angular-9/Selamat sore teman-teman. Yap, kali ini saya ingin berbagi sedikit pengetahuan tentang salah satu framework javascript yang cukup popular, yaitu Angular. Sebelumnya apakah teman-teman sudah mengetahui apa itu angular?.Tue, 12 May 2020 10:12:00 GMThttps://afifalfiano.my.id/post/10-heuristic-principles/https://afifalfiano.my.id/post/10-heuristic-principles/Sepertinya akhir-akhir bidang UI/UX sedang diminati banyak orang. Apakah teman-teman pernah mendengar istilah heuristik? atau mendengar istilah UX? saya yakin kalo istilah UX pasti sudah familiar ya, tapi bagaimana dengan heuristik?Wed, 25 Mar 2020 10:12:00 GMThttps://afifalfiano.my.id/post/lets-becomes-a-foss-user/https://afifalfiano.my.id/post/lets-becomes-a-foss-user/Selamat pagi, gimana kabar teman-teman? semoga tetap semangat dan selalu diberikan kesehatan ya. Pada kesempatan kali ini saya tidak akan menulis tentang hal-hal yang berbau teknis karena saya hanya ingin berbagi pengalaman tentang perangkat lunak gratisan.Wed, 25 Mar 2020 10:12:00 GMThttps://afifalfiano.my.id/post/menulis-kenapa-tidak/https://afifalfiano.my.id/post/menulis-kenapa-tidak/Selamat malam teman-teman, Bagaimana kabarnya? Semoga selalu dalam keadaan sehat dan selalu diberi kemudahan. Tetap semangat ya walaupun dalam keadaan seperti ini. Semoga wabah corona virus ini segera berakhir dan kita bisa kembali normal seperti sediakala.Wed, 25 Mar 2020 10:12:00 GMThttps://afifalfiano.my.id/post/my-journey-from-it-support-to-development-team/https://afifalfiano.my.id/post/my-journey-from-it-support-to-development-team/Sepertinya akhir-akhir bidang UI/UX sedang diminati banyak orang. Apakah teman-teman pernah mendengar istilah heuristik? atau mendengar istilah UX? saya yakin kalo istilah UX pasti sudah familiar ya, tapi bagaimana dengan heuristik? kalau belum familiar mari kita pelajari.Wed, 25 Mar 2020 10:12:00 GMT