00:00:00Tepat 10 tahun yang lalu hari ini, sungguh menakjubkan menurut saya, adalah hari yang
00:00:06cukup penting bagi saya karena saya merilis versi pertama kursus Angular saya, kursus Angular 2 saya saat
00:00:12itu. Dan sama seperti Angular, kursus ini tentu saja telah banyak berkembang selama 10 tahun terakhir,
00:00:17telah diperbarui berkali-kali oleh saya karena tentu saja Angular berkembang cukup pesat. Dan
00:00:23di video ini, di episode ini, saya ingin sedikit membahas tentang masa lalu Angular, dari mana
00:00:28asal kita, di mana kita berada saat ini, dan tentu saja ke mana arah kita dan apa masa depan
00:00:32yang menanti Angular, bagi para pengembang Angular, apakah masih layak untuk mempelajarinya, terutama
00:00:37saat ini dengan adanya AI. Mari kita mulai. Jadi Angular, khususnya Angular 2,
00:00:44diumumkan kembali pada tahun 2014, dikembangkan pada tahun 2015, dan saat itu cukup kontroversial
00:00:53karena benar-benar berbeda dibandingkan dengan Angular 1, AngularJS, yang merupakan salah
00:00:59satu framework besar pertama yang kita miliki saat itu, yang pada dasarnya dibuat untuk membantu kita
00:01:05lepas dari jQuery atau mungkin dalam istilah lain, agar bisa membangun aplikasi web
00:01:13yang lebih mumpuni dan interaktif, karena Angular 1 mempermudah pembangunan aplikasi yang
00:01:20dirender dan dikendalikan di sisi klien. Lalu Angular 2 diumumkan
00:01:25dan itu benar-benar berbeda. Pada tahun 2016, versi stabil pertama Angular dirilis,
00:01:33maksud saya Angular 2. Dan seperti yang saya sebutkan, pada Februari 2016, saya merilis versi pertama
00:01:40kursus saya saat itu untuk versi beta Angular 2. Dan saya bisa katakan bahwa ada banyak perubahan
00:01:45selama fase beta dan fase release candidate tersebut, bahkan saya sudah memperbarui kursusnya
00:01:51berkali-kali saat itu. Hingga akhirnya muncullah Angular 2. Dan Angular kala itu,
00:01:58jika Anda melihat kode Angular modern, tampak sangat berbeda. Dulu ada konsep ng modules
00:02:05atau modul Angular di mana Anda memiliki class dan harus menambahkan dekorator ng module
00:02:12dan secara eksplisit mendeklarasikan semua komponen yang akan digunakan. Lalu ada komponen-komponen itu,
00:02:19tentu saja, dan kelas komponen Anda, serta dependency injection berbasis konstruktor.
00:02:26Jika ada sesuatu yang perlu diinjeksi, sampai batas tertentu, memang mirip dengan tampilan
00:02:32komponen saat ini yang masih berupa class. Tapi sekali lagi, itu sangat berbeda. Terutama ng modules
00:02:39adalah sesuatu yang mungkin tidak lagi Anda kenali, tergantung kapan Anda memulai perjalanan
00:02:45Angular Anda dan di perusahaan mana atau dengan versi Angular apa Anda bekerja.
00:02:51Sebab masih banyak perusahaan dan proyek di luar sana yang tertahan di versi lama.
00:02:55Lalu, pada tahun 2017, kita melewatkan versi tiga, karena Angular memiliki jadwal rilis
00:03:04hingga saat ini bahwa setiap enam bulan, versi mayor baru Angular akan dirilis.
00:03:11Dan saya ingat saat itu, banyak orang yang tidak senang, karena terdengar seolah-olah
00:03:17Angular akan merusak kode setiap enam bulan. Saya ingat banyak komentar dan
00:03:23pesan di kursus saya tentang orang-orang yang mengeluh Angular berubah terus, padahal
00:03:27sebenarnya tidak selalu berubah total. Mereka hanya memiliki jadwal rilis tersebut untuk memberi peluang
00:03:33memperkenalkan fitur-fitur besar baru. Namun mereka selalu melakukannya dengan cara yang sangat kompatibel
00:03:40dengan versi sebelumnya. Dan ya, ada versi tiga yang hilang di tahun 2017 ini.
00:03:46Karena awalnya, terjadi ketidakcocokan versi antara paket inti Angular dan paket
00:03:51Angular router karena Angular adalah framework yang terbagi menjadi banyak paket berbeda.
00:03:57Mereka melompati versi tiga untuk menyamakan kembali nomor versinya. Nah,
00:04:03lompatan besar berikutnya mungkin terjadi pada tahun 2020 dengan pengenalan compiler Ivy.
00:04:12Dan tentu saja, di antara tahun-tahun tersebut, atau di 2018 dan seterusnya, tim Angular bekerja keras
00:04:19mengerjakan compiler baru itu, bersama dengan banyak penyempurnaan dan peningkatan kecil lainnya.
00:04:25Tapi ide di balik compiler itu adalah untuk benar-benar menulis ulang internal Angular dan bagaimana
00:04:31komponen dikompilasi serta diterjemahkan menjadi instruksi nyata yang memanipulasi DOM. Karena compiler lama
00:04:38memiliki beberapa ketidakefisienan, beberapa masalah yang menyebabkan ukuran bundle menjadi besar tanpa perlu. Jadi
00:04:44itulah mengapa mereka menjalankan proyek besar untuk menulis ulang compiler internal tersebut. Mengapa itu penting?
00:04:52Ini penting karena fase ini bisa disebut sebagai fase yang membosankan. Dari 2017
00:05:01hingga 2020, tidak banyak yang berubah. Banyak perubahan secara internal, dan ada sedikit polesan.
00:05:10Tapi set fitur intinya, cara membangun komponen Angular dan sebagainya, tidak banyak berubah.
00:05:16Mengapa ini penting? Karena ini juga merupakan masa ketika ada banyak persaingan
00:05:22di pasar framework JavaScript. Kita melihat
00:05:27perilisan Vue.js 2 pada tahun 2016. Kita melihat banyak perkembangan di ekosistem React.
00:05:36Maksud saya, di tahun 2018, React hooks diperkenalkan. Jadi rasanya seperti seluruh
00:05:43ekosistem JavaScript berkembang pesat, dan tidak semua orang menyukainya. Sejujurnya, Angular
00:05:50terasa stagnan. Dan itu mungkin tidak seburuk kedengarannya. Tentu saja, banyak orang menghargai
00:05:57stabilitas itu karena sekali lagi, ada banyak keluhan tentang segala sesuatu yang berubah
00:06:03setiap saat di ekosistem JavaScript, yang tentu saja terasa seperti lelucon jika kita melihat
00:06:08hari ini dengan semua evolusi berbasis AI dan perubahan konstan dengan AI yang kita lihat hampir
00:06:13setiap hari. Tapi ya, itulah yang dikeluhkan orang saat itu. Itulah fase yang membosankan.
00:06:19Kini fase membosankan itu berakhir sekitar tahun 2022 ketika pada Angular 14,
00:06:28komponen standalone diperkenalkan dalam pratinjau pengembang saat itu. Dan idenya di sini
00:06:33adalah tiba-tiba Anda tidak memerlukan modul Angular lagi. Sebaliknya, Anda bisa menambahkan
00:06:42flag standalone ke komponen Anda dan kemudian Anda bisa menggunakan komponen tersebut di
00:06:47komponen lain tanpa ng-modules. Jadi tanpa hal-hal ini, Anda tetap bisa menggunakan ng-modules.
00:06:55Anda bisa menggunakannya bersama dengan komponen standalone. Anda bisa mencampur dan mencocokkan sesuai kebutuhan
00:07:00karena sekali lagi, kompatibilitas ke belakang dan memberikan jalur migrasi yang mudah selalu
00:07:05penting bagi tim Angular, tetapi Anda tidak harus melakukannya. Jadi itulah komponen standalone
00:07:12dan itu kemudian diikuti dengan cepat pada tahun 2023 dengan Angular 16 beserta signal dan banyak
00:07:20fitur lainnya. Banyak fitur seperti cara merender konten secara kondisional dengan
00:07:26@if alih-alih direktif ng-if. Dan juga ada eksperimen pertama yang dilakukan untuk
00:07:34zoneless Angular. Dan jika Anda belum tahu, Angular saat dirilis, Angular 2, menggunakan
00:07:40konsep yang disebut ng-zone atau zone.js, yang pada dasarnya adalah pustaka yang mendengarkan
00:07:46berbagai macam peristiwa yang bisa terjadi di situs web seperti klik dan permintaan HTTP yang dikirim serta
00:07:54banyak hal lainnya. Dan kemudian ia akan menjalankan deteksi perubahan untuk melihat apakah DOM perlu
00:08:00diperbarui sebagai respons terhadap salah satu peristiwa ini. Keuntungan dari pendekatan ini adalah
00:08:05pembaruan DOM terasa ajaib. Tidak seperti React, Anda tidak perlu memanggil set state atau semacamnya.
00:08:11Tapi kerugiannya, tentu saja, adalah adanya monkey patching di mana sebuah pustaka
00:08:17akan menyuntikkan pendengar peristiwa ke semua jenis peristiwa dengan segala overhead dan
00:08:22tambahan ukuran bundle yang diakibatkannya. Oleh karena itu, ia juga kurang efisien dibandingkan
00:08:28mekanisme React, misalnya. Dan zoneless, oleh karena itu, merupakan langkah maju besar lainnya, yang
00:08:35dimungkinkan oleh signal karena ide di balik signal adalah sekarang tiba-tiba Anda memiliki
00:08:40cara eksplisit untuk memberi tahu Angular bahwa suatu state telah berubah. Dan Angular mampu mengingat
00:08:46di mana state tersebut digunakan dalam DOM. Dan kemudian ia mampu memperbarui hanya bagian itu
00:08:52dari DOM. Jadi reaktivitas yang mendetail itu diperkenalkan ke Angular pada tahun 2023. Dan oleh karena itu
00:09:01hal itu sering disebut sebagai Kebangkitan Angular (Angular Renaissance). Setelah masa-masa
00:09:08membosankan dan masa-masa awal yang kacau dengan semua perubahan besar dibandingkan
00:09:15dengan Angular 1, Angular kembali mendapat banyak dukungan dari komunitas karena mereka melakukan
00:09:23langkah besar menuju masa depan yang membuat Angular lebih ramping, lebih mudah digunakan, dan membawanya
00:09:30lebih selaras dengan apa yang dilihat orang di beberapa framework lain di luar sana. Signal,
00:09:36misalnya, dipopulerkan oleh SolidJS, tetapi sebenarnya, saya rasa salah satu framework
00:09:43besar pertama yang menggunakannya adalah Vue. Mereka hanya tidak menyebutnya signal, melainkan ref. Bagaimanapun,
00:09:50itulah arah tujuan Angular. Dan sekarang untuk tahun 2026 dan masa depan, kita tentu akan melihat
00:09:59lebih banyak perkembangan di sana. Kita akan melihat signal forms. Tim Angular juga tentu saja merangkul
00:10:06AI dengan server MCP yang terintegrasi dalam CLI untuk mempermudah pengembangan aplikasi Angular
00:10:13berbasis AI, agar AI memahami semua fitur Angular tersebut. Dan oleh karena itu, ini adalah kisah
00:10:19sebuah framework yang sebenarnya cukup stabil dan kompatibel ke belakang sepanjang
00:10:26masa hidupnya, meskipun telah menemukan kembali dirinya setidaknya sekali, atau mungkin beberapa kali, tergantung
00:10:33bagaimana Anda melihatnya. Ia sangat stabil dan kompatibel ke belakang. Dan saya rasa tim Angular
00:10:39telah melakukan pekerjaan yang hebat dan mereka mampu benar-benar mengubah citra Angular
00:10:46setidaknya sedikit, dari framework yang terasa berat dan mungkin sulit dipelajari menjadi framework yang lebih modern.
00:10:54Nah, satu hal yang selalu dimiliki Angular adalah pendekatan "batteries included"
00:10:59di mana Anda memiliki hal-hal seperti penanganan formulir, routing, permintaan HTTP, dependency
00:11:06injection, manajemen state lintas komponen. Semuanya sudah tertanam di dalam framework.
00:11:12Anda tidak perlu mencari pustaka pihak ketiga di sini, tidak seperti React di mana Anda harus menyertakan
00:11:18router pihak ketiga. Anda harus menyertakan pustaka manajemen state pihak ketiga dan
00:11:23sebagainya. Jadi hal itu tentu saja juga dihargai oleh banyak perusahaan. Oleh karena itu, Angular telah
00:11:29mengalami pertumbuhan yang stabil selama 10 tahun terakhir jika Anda melihat kurva pertumbuhannya. Namun
00:11:37bagian dari kenyataannya juga adalah bahwa React telah mengalami pertumbuhan yang jauh lebih besar. Maksud saya, jika Anda menambahkan
00:11:45kurva React di sini, kurva Angular hampir tidak terlihat. Dan terutama sejak awal 2025 React
00:11:54melejit pesat dan kita semua tahu mengapa hal itu terjadi, tentu saja karena AI. Karena AI,
00:12:00dan saya sudah mengatakannya berkali-kali di video lain, memiliki satu favorit yang jelas yaitu React dengan Next.js
00:12:06dan Tailwind, bukan Angular. Namun, apakah itu berarti Angular sudah mati atau Anda sebaiknya
00:12:13tidak lagi mempelajari Angular? Dan seperti apa masa depan Angular secara umum dengan
00:12:18adanya AI? Nah, Angular hingga hari ini masih digunakan oleh banyak perusahaan besar, terutama
00:12:27karena stabilitasnya, kompatibilitas ke belakang yang konstan yang tidak hanya sekadar
00:12:34bualan, tetapi telah terbukti. Karena pendekatan "batteries included", Angular
00:12:40populer di banyak perusahaan besar. Tentu saja React juga populer di
00:12:46banyak perusahaan besar, tetapi jumlah unduhan Angular tidak selalu mencerminkan
00:12:53penggunaan atau popularitas Angular yang sebenarnya, terutama di kalangan perusahaan besar secara akurat.
00:13:00Dan saya bisa katakan dari kursus ini, kursus ini memiliki 850.000 peserta. Dan itu
00:13:08tidak terpaut jauh dari kursus React saya di Udemy. Tentu saja ada lebih banyak kursus React
00:13:15di Udemy atau kursus React yang lebih besar di Udemy daripada kursus Angular. Namun demikian,
00:13:22pengalaman saya tidak seperti yang bisa Anda simpulkan hanya dari grafik ini. Saya
00:13:29selalu melihat bahwa pelanggan bisnis juga banyak mempelajari Angular. Dan hal itu
00:13:36tentu saja membuatnya tetap menjadi pilihan yang sangat baik hingga hari ini untuk membangun aplikasi web,
00:13:43aplikasi web modern. Dan ia sangat modern berkat Kebangkitan Angular dan semua
00:13:48fitur yang masih direncanakan. Tentu saja, hal yang perlu dipertimbangkan adalah AI. Dan AI mengubah
00:13:57cara kita membangun program dan cara kita menulis kode. Kita menulis lebih sedikit kode. Setidaknya saya menulis lebih sedikit kode.
00:14:04Saya menggunakan alat seperti Claude Code atau Cursor, yang omong-omong saya juga punya kursusnya.
00:14:09Semuanya ditautkan di bawah video jika Anda ingin bergabung. Kita menulis kode dan membangun
00:14:14program dengan cara yang berbeda. Tapi tentu saja pilihan teknologi kita tetap penting. Kita tetap ingin menggunakan
00:14:21teknologi yang terpelihara dengan baik, yang mendapatkan pembaruan keamanan, yang mendapatkan fitur-fitur baru
00:14:27yang membuatnya lebih efisien atau yang menghasilkan performa lebih baik atau yang memungkinkan penggunaan baru
00:14:34yang mungkin kemudian tidak memerlukan pustaka pihak ketiga lagi. Kita masih ingin menggunakan teknologi
00:14:40seperti ini. Dan jika bicara soal itu, Angular tentu saja masih merupakan pilihan yang layak dan luar biasa,
00:14:45sama seperti React, agar sangat jelas di sini. Dan tentu saja sebelum saya mendapat komentar,
00:14:51ya, Vue dan Svelte, mereka semua juga luar biasa. Namun video ini, seperti yang mungkin Anda sadari dengan melihat
00:14:57judul video dan thumbnail-nya, adalah tentang Angular. Jadi ya, ia tetap merupakan pilihan yang hebat.
00:15:02Dan ya, AI tahu cara menulis kode Angular, terutama jika Anda memberinya konteks yang tepat,
00:15:08yang harus selalu Anda lakukan apa pun yang Anda bangun dengan teknologi apa pun. Dan
00:15:13oleh karena itu saya rasa Angular berada di posisi yang baik untuk masa depan berbasis AI ini. Jika Anda percaya
00:15:19bahwa dalam tiga tahun atau lebih tidak akan ada lagi orang yang menulis kode, dan oleh karena itu
00:15:25pilihan teknologi tidak lagi penting, tentu saja segalanya akan berbeda bagi Anda. Namun itu
00:15:30bukan keyakinan saya. Dari apa yang saya lihat, dari penggunaan harian saya dengan AI, di mana saya
00:15:35sangat sering menggunakannya dan sebagian besar kode saya dihasilkan oleh AI, saya bisa katakan bahwa mengendalikan,
00:15:41mengarahkan, membuat pilihan, memilih teknologi, serta memilih arsitektur perangkat lunak menjadi lebih penting dari sebelumnya.
00:15:48Dan ya, Angular tetap merupakan pilihan yang bagus di sana. Jadi itulah sejarah singkat saya
00:15:54tentang Angular, sebuah framework yang akan selalu memiliki tempat khusus di hati saya. Karena seperti yang saya sebutkan,
00:16:00ini adalah kursus besar pertama setidaknya yang saya rilis di Udemy. Dan ia telah mengubah banyak hal
00:16:07bagi saya. Hal ini memungkinkan saya untuk membuat kursus sebagai profesi. Ia telah mengubah hidup dan karier
00:16:13banyak sekali orang. Saya mendapat begitu banyak pesan dan masukan yang luar biasa. Dan oleh karena itu, ya,
00:16:19Angular selalu luar biasa. Dan ia sangat bermakna bagi saya.