-
Notifications
You must be signed in to change notification settings - Fork 2
/
html2024.yml
248 lines (166 loc) · 14.2 KB
/
html2024.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
locale: id-ID
translations:
###########################################################################
# General
###########################################################################
- key: general.results.description
t: Edisi 2024 dari survei tahunan tentang tren-tren terbaru dalam ekosistem HTML.
- key: general.html2024.survey_intro
t: |
HTML adalah teknologi web yang sudah lama ada, dan fakta bahwa HTML semakin relevan setelah tiga abad kemudian itu sungguh luar biasa.
Namun meskipun namanya HTML, survei ini membahas lebih dari sekedar HTML dan mencakup semua area dari platform web secara keseluruhan – dan ada *sangat banyak* hal untuk dibahas!
Jadi seperti yang anda duga, merancang sebuah survei seperti ini selalu melibatkan pilihan sulit. Tahun ini, kami memutuskan untuk berfokus pada fitur-fitur baru dan yang akan datang untuk membantu anda tetap mendapatkan informasi baru; dan juga bagian-bagian yang paling menarik perhatian para vendor browser.
Ini berarti bahwa jawaban-jawaban anda dapat berdampak langsung pada peta jalur pengembangan browser yang anda gunakan saat ini. Yang adalah kenapa saya sangat bersemangat untuk membuka edisi kedua dari survei HTML!
- key: features.features_intro_html2024
t: |
Selamat datang di survei! Bagian pertama ini adalah tentang membagikan pengalaman anda dengan berbagai fitur-fitur platform web:
- **Tidak pernah mendengarnya**: ini pertama kalinya anda melihatnya – atau anda pernah mendengarnya namun tidak tahu apa itu.
- **Pernah mendengarnya**: anda telah membaca atau mempelajarinya, namun tidak pernah memakainya.
- **Pernah memakainya**: anda pernah memakai ini paling tidak sekali, bahkan jika hanya untuk bermain-main.
Oh iya, jika anda ingin memberitahu kami lebih tentang pilihan anda, klik ikon "komentar"!
###########################################################################
# Introduction
###########################################################################
- key: introduction.html2024
t: >
<span class="first-letter">C</span>SS is going through a period of unprecedented progress. Between `:has()`, container queries, subgrid, and many more, new features are making their way to browsers seemingly every month.
The consequence of all this growth is that things can get a bit overwhelming. Thankfully this year we had [Chen Hui Jing](https://chenhuijing.com/) to help design the survey and guide us through the CSS jungle.
And speaking of the survey, did you know browser vendors use its data as part of the [Interop](https://web.dev/interop-2023/) initiative to help prioritize which features to work on next?
Finally, we are introducing a new feature this year: the ability to **customize charts** with your own data filters. We're excited to see what kind of new insights you'll come up with!
<span class="conclusion__byline">– Sacha Greif</span>
###########################################################################
# Tshirt
###########################################################################
- key: sections.tshirt.title
t: Kaos
- key: sections.tshirt.description
t: |
## Dukung Survei ini dengan Kaos State of HTML
Apakah anda merindukan zaman-zaman pertengahan 90an, ketika HTML masih menjadi raja dan sampul VHS dibungkus dengan karya seni yang futuristik dan penuh warna?
Kabar buruknya adalah bahkan dengan teknologi 2024, anda masih belum bisa membalikkan waktu untuk kembali menghidupi masa-masa kejayaan itu. Tapi yang *bisa* anda lakukan adalah memakai kaos retro original yang keren ini, yang dirancang oleh seorang Christopher Kirk-Nielsen yang bertalenta.
- key: tshirt.about
t: Tentang Kaos Ini
- key: tshirt.description
t: |
Kami menggunakan kaos tri-blend super lembut berukuran ramping yang dicetak oleh mitra kami di Cotton Bureau.
- key: tshirt.getit
t: Dapatkan
- key: tshirt.price
t: USD $32 + pengiriman
- key: tshirt.designer.heading
t: Tentang Perancang
- key: tshirt.designer.name
t: Christopher Kirk-Nielsen
- key: tshirt.designer.bio
t: |
Berasal dari Prancis namun sekarang tinggal di Amerika Serikat, Chris bukan hanya seorang pengembang front-end yang menakjubkan, namun juga seorang ilustrator bertalenta dengan spesialisasi dalam bidang visual retro. Lihatlah [desain kaos darinya yang lain](https://chriskirknielsen.com/designs)!
###########################################################################
# Sections Introductions
###########################################################################
- key: sections.user_info.description.html2024
t: |
Selamat datang di hasil survei State of HTML. Edisi survei pertama ini mencapai sebanyak **20,904** responden dari seluruh dunia.
- key: sections.features.description.html2024
t: |
Fitur-fitur HTML dan API-API browser lainnya
###########################################################################
# Other Content
###########################################################################
- key: features.all_features
t: Semua Fitur
- key: features.all_features.description
t: |
Bagan ini merangkum semua pertanyaan fitur survei ini. Balok-balok utama mewakili pengalaman responden; yang dibagi lagi menurut sentimen sang responden. Anda dapat mengganti pengelompokkan untuk beralih diantara keduanya.
Anda juga dapat menemukan perincian yang lebih spesifik dari data yang sama dalam subseksi setiap fitur.
- key: features.forms_features
t: Formulir Pengalaman & Sentimen
- key: features.interactivity_features
t: Pengalaman interaktifitas & Sentimen
- key: features.content_features
t: Pengalaman Konten & Sentimen
- key: features.web_components_main_features
t: Pengalaman Komponen Web & Sentimen
- key: features.accessibility_features
t: Pengalaman Akesibilitas & Sentimen
- key: features.mobile_web_apps_features
t: Pengalaman Aplikasi Web Mobile & Sentimen
###########################################################################
# Sponsors
###########################################################################
- key: sponsors.frontendmasters.description
t: Tingkatkan kemampuanmu lebih dalam dengan kursus front-end modern.
- key: sponsors.google_chrome.description
t: Terima kasih kepada tim Google Chrome karena telah mendukung pekerjaan kami.
- key: sponsors.tokyodev.description
t: Temukan pekerjaan impian kalian di Jepang sekarang juga.
- key: sponsors.renderatl.description
t: Konferensi Teknologi yang terfokus pada web.
###########################################################################
# Conclusion
###########################################################################
- key: conclusion.html2024.lea_verou.bio
t: Anggota Grup Teknik Arsitektur W3C & Peneliti MIT CSAIL
- key: conclusion.html2024.lea_verou
t: >
*Wah!* Survei ini telah mengambil banyak upaya dari banyak orang melintasi enam benua. Survei ini tidak hanya mencetak rekor baru untuk respons paling banyak dalam debut survei “State of…”, antarmuka pengguna pengambilan data juga menghasilkan berbagai inovasi yang memberi perspektif baru terhadap sikap para pengembang, dan pengaruhnya akan menjangkau jauh melampaui cakupannya.
Beberapa berargumen bahwa memperbaiki HTML adalah sia-sia, namun survei ini membuktikan yang sebaliknya. **Para pengembang membutuhkan elemen HTML yang lebih interaktif**: tidak hanya terbatas kepada elemen-elemen seperti `<datalist>` dan API Popover yang paling banyak mengumpulkan sentimen positif di antara semua kategori, namun selain itu semua [elemen hilang teratas](https://2023.stateofhtml.com/en-US/usage/#html_missing_elements) adalah elemen interaktif.
Namun, **membuat hal-hal sederhana menjadi mudah** dengan memberikan fungsionalitas terbatas tidak lagi cukup. Membuat hal-hal yang kompleks menjadi mungkin dengan dengan mendukung kostumisasi lengkap menjadi sebuah kebutuhan: kemampuan penyesuaian yang tidak cukup, terutama mengenai **penggayaan**, sejauh ini menjadi titik sakit teratas.
Sebagai hasilnya, elemen-elemen form juga menjadi elemen [yang paling sering dibuat ulang](https://2023.stateofhtml.com/en-US/usage/#html_functionality_features); yang membuat baik para pengembang dan para pengguna menderita. Syukurnya, ada banyak inisiatif untuk memperbaiki hal ini, jadi masa depan terlihat cerah.
Kebutuhan besar yang lain adalah kemampuan perluasan. Tidak berkelanjutan jika hanya badan-badan standar yang mempunyai kewenangan untuk mengembangkan HTML; dan selain itu, elemen-elemen umum tidak dapat menangani kebutuhan-kebutuhan yang begitu beragam. Sayangnya, **Web Components API** (dan terutama Shadow DOM), meskipun banyak dipakai, terlihat tidak cukup dalam hal mencukupi kebutuhan para pengembang dan memberikan sebuah pengalaman pengembangan yang baik, karena kedua hal tersebut memiliki pengalaman paling buruk dalam survei. Bagaimanapun, kegiatan yang sedang berlangsung yang berkaitan dengan hal-hal tersebut (beberapa diantaranya telah saya ikuti) membuat saya berharap, bahwa meskipun sejauh ini jalannya tidak mulus, mereka di jalur yang benar untuk mencapai potensial penuh.
Yang mengantarkan saya ke poin terakhir saya: penting untuk mengingat bahwa survei ini hanyalah sebuah gambaran dari perspektif berbagai pengembang dan mencerminkan keadaan dari platform web pada saat ini. Namun, tujuan utama survei ini adalah untuk meningkatkan status quo dengan memberikan visibility terhadap kebutuhan para pengembang. Seberapa banyak dari keluhan hari ini yang akan ditangani di masa depan? Bergabunglah dengan kami di tahun ini untuk edisi survei ini yang kedua, dan mari kita cari tahu!
###########################################################################
# About
###########################################################################
- key: faq.how_long_will_survey_take_html2024
t: Surveinya akan memakan waktu berapa lama?
- key: faq.how_long_will_survey_take_html2024.description
t: >
Tergantung dari jumlah pertanyaan yang anda jawab (semua pertanyaan bisa dilewati),
mengisi survei ini akan memakan waktu sekitar 10-15 menit.
- key: faq.learn_more_html2024
t: Dimana saya dapat mempelajari lebih lanjut?
- key: faq.learn_more_html2024.description
t: Anda dapat mempelajari lebih tentang survei ini di [pengumuman kami](https://dev.to/sachagreif/the-state-of-html-2024-survey-is-now-open-3i4j).
- key: faq.survey_design_html2024
t: Bagaimana survei ini dibuat?
- key: faq.survey_design_html2024.description
t: >
Survei ini dirancang sebagai hasil dari [proses rancangan terbuka](https://github.com/Devographics/surveys/issues/246) yang melibatkan vendor-vendor dan komunitas pengembangan web.
- key: faq.results_released_html2024
t: Kapan hasilnya akan dirilis?
- key: faq.results_released_html2024.description
t: Survei ini akan berlangsung dari 12 September sampai 1 Oktober 2024, dan hasil survei akan dibagikan segera setelahnya.
- key: faq.who_should_take_survey_html2024
t: Siapa saja yang boleh mengisi survei ini?
- key: faq.who_should_take_survey_html2024.description
t: >
Ini adalah sebuah survei terbuka untuk siapa saja yang membuat website atau aplikasi web, baik secara regular atau kadang-kadang saja, baik untuk pekerjaan, atau sebagai pelajar, atau sekedar untuk bersenang-senang!
- key: faq.data_used_html2024
t: Bagaimana data dari survei ini akan digunakan?
- key: faq.data_used_html2024.description
t: >
Semua data yang diambil akan dirilis secara terbuka untuk digunakan pengembang atau perusahaan manapun.
Para vendor browser [menggunakan data ini](https://web.dev/blog/interop-2024) untuk mengutamakan area-area fokus dan memprioritaskan peta jalur mereka.
- key: faq.survey_goals_html2024
t: Apa tujuan survei ini?
- key: faq.survey_goals_html2024.description
t: >
Tujuan survei ini adalah untuk mengukur tingkat pengetahuan fitur-fitur HTML baru dan API browser, dan membantu para pengembang untuk mengetahui bagaimana penggunaan mereka berubah.
- key: about.content
t: |
Survei State of HTML 2024 berjalan dari 19 September sampai 19 Oktober 2023, dan menerima 20,904 jawaban.
Usaha perancangan dipimpin oleh [Lea Verou](https://lea.verou.me/) berkat sebuah dana hibah dari Google. Lea juga mengawasi prototyping, pengujian, dan implementasi dari antarmuka koleksi data; berkontribusi dalam bidang pemrosesan data; dan membantu dengan visualisasi data.
Infrastruktur survei ini dikelola oleh [Sacha Greif](https://sachagreif.com/) dan [Eric Burel](https://www.lbke.fr/), dengan bantuan dari tim kontributor sumber terbuka dan konsultan.
Logo dan kaos tahun ini dirancang oleh [Christopher Kirk-Nielsen](http://chriskirknielsen.com/).
### Tujuan Survei
Survei ini dibuat untuk mengidentifikasi tren-tren mendatang dalam ekosistem pengembangan web untuk membantu para pengembang membuat pilihan teknologi.
Maka dari itu, survei ini berfokus pada mengantisipasi yang akan datang dalam beberapa tahun ke depan alih-alih menganalisa yang populer hari ini, yang menjadi alasan fitur-fitur atau teknologi yang saat ini paling banyak digunakan tidak selalu dimasukkan.
Survei ini juga harus dicerna sebagai **gambaran dari sebagian pengembang tertentu**, dan tidak dimaksudkan untuk mewakili seluruh ekosistem.
Survei ini dibuat terbuka secara daring dan para responden tidak disaring atau dipilih dengan cara apapun.
### Pembiayaan proyek
Pembiyaan proyek ini datang dari beberapa sumber:
- **Penjualan kaos**.
- **Pranala bersponsor**: pranala yang mengarah ke sumber daya yang direkomendasikan di bawah tiap halaman diberikan oleh mitra kami [Frontend Masters](https://frontendmasters.com/).
- **Pembiayaan Lain**: [Google](https://www.google.com/) dan [TokyoDev](https://www.tokyodev.com/) juga membantu membiayai survei ini.
### Ikhtisar teknis
Anda dapat mempelajari ikhtisar teknis yang lebih mendalam tentang bagaimana survei ini dikelola [di sini](https://dev.to/sachagreif/how-the-devographics-surveys-are-run-2024-edition-1p6a).