Blogs.

Cover Image for 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.

Afif Alfiano
Afif Alfiano

More Posts.

Cover Image for List dan Key pada React Javascript

List dan Key pada React Javascript

Selamat datang kembali teman-teman, pada kesempatan kali ini kita akan mempelajari list pada react javascript. Nah seperti teman-teman ketahui bahwa list bukan......

Afif Alfiano
Afif Alfiano
Cover Image for useEffect pada React Javascript

useEffect pada React Javascript

Halo teman-teman, kembali lagi nih di blog pribadi saya dimana pada kesempatan kali ini kita akan mempelajari tentang use effect pada react javascript....

Afif Alfiano
Afif Alfiano
Cover Image for useState pada React Javascript

useState pada React Javascript

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....

Afif Alfiano
Afif Alfiano
Cover Image for Component dan Props Pada React Javascript

Component dan Props Pada React Javascript

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 ...

Afif Alfiano
Afif Alfiano
Cover Image for Kenapa Perlu Menggunakan React Fragments?

Kenapa Perlu Menggunakan React Fragments?

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....

Afif Alfiano
Afif Alfiano
Cover Image for Apa itu React Portal?

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. ...

Afif Alfiano
Afif Alfiano
Cover Image for Membuat TodoList Menggunakan Reactjs & Deploy ke Vercel

Membuat TodoList Menggunakan Reactjs & 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....

Afif Alfiano
Afif Alfiano
Cover Image for My Experience Collaborative

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...

Afif Alfiano
Afif Alfiano
Cover Image for Menggunakan automate commit conventional linter di angular

Menggunakan automate commit conventional linter di angular

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 ...

Afif Alfiano
Afif Alfiano
Cover Image for The story as a FE

The story as a FE

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, b...

Afif Alfiano
Afif Alfiano
Cover Image for Cara Menggunakan Cypress di Angular

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 back...

Afif Alfiano
Afif Alfiano
Cover Image for Reusable Component

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 a...

Afif Alfiano
Afif Alfiano
Cover Image for How to hosting angular on github pages

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 ti...

Afif Alfiano
Afif Alfiano
Cover Image for Reactive Forms on Angular

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 ha...

Afif Alfiano
Afif Alfiano
Cover Image for 10 perintah git yang harus kamu ketahui

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 ...

Afif Alfiano
Afif Alfiano
Cover Image for Menggunakan Lazy Load di Angular

Menggunakan Lazy Load di 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 kal...

Afif Alfiano
Afif Alfiano
Cover Image for My First Pull Request

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 ...

Afif Alfiano
Afif Alfiano
Cover Image for Deploy Angular 9 and Bazel on Azure Static Web Apps(Preview) using Github Actions Part I

Deploy Angular 9 and Bazel on Azure Static Web Apps(Preview) using Github Actions Part I

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 ki...

Afif Alfiano
Afif Alfiano
Cover Image for Deploy Angular 9 and Bazel on Azure Static Web Apps(Preview) using Github Actions Part II

Deploy Angular 9 and Bazel on Azure Static Web Apps(Preview) using Github Actions Part II

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....

Afif Alfiano
Afif Alfiano
Cover Image for Membuat animasi tanpa menggunakan jquery

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 libra...

Afif Alfiano
Afif Alfiano
Cover Image for Membuat aplikasi todolist menggunakan angular 9

Membuat aplikasi 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...

Afif Alfiano
Afif Alfiano
Cover Image for 10 Heuristic Principles

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, ...

Afif Alfiano
Afif Alfiano
Cover Image for  Let’s becomes a FOSS user

Let’s 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 i...

Afif Alfiano
Afif Alfiano
Cover Image for Menulis? Kenapa Tidak

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...

Afif Alfiano
Afif Alfiano
Cover Image for My Journey From IT Support to Developer

My Journey From IT Support to Developer

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, ...

Afif Alfiano
Afif Alfiano