diff --git a/README.md b/README.md index bfaff5f..6e7778a 100644 --- a/README.md +++ b/README.md @@ -7,7 +7,7 @@ Repo ini berisi berkas-berkas bahasa Indonesia untuk State of Js/CSS/dll. ### 1. Menjadi penerjemah Untuk memulai menerjemahkan survei, anda harus bergabung ke dalam server Discord -dan DM saya (sachaG) username GitHub anda, bersama dengan kode locale (id-ID, fr-Fr, +dan DM saya (`sachaG`) username GitHub anda, bersama dengan kode locale (id-ID, fr-Fr, dll.) untuk bahasa yang ingin anda terjemahkan. Saya akan memberikan anda hak pengelola atas sebuah repo yang berisikan berkas-berkas @@ -25,9 +25,9 @@ atau sebuah daftar dari semua string yang belum diterjemahkan: ### 3. mendapatkan penghargaan -Setiap penerjemah akan dicantumkan namanya di situs manapun yang menggunakan -hasil penerjemahan, dimulai dari aplikasi untuk mengisi survei. Walaupun ini akan -diotomasi lewat API GitHub, untuk sekarang anda dapat menambahkan nama anda di sini: +Anda dapat menambahkan nama anda di sini: + +- https://github.com/Devographics/locale-de-DE/blob/main/config.yml#L3 ### 4. Membuat perubahan anda terlihat @@ -67,4 +67,6 @@ String-string berikut muncul dalam keduanya. - `homepage.yml` +## Dapatkan bantuan + Bergabung dengan [Discord kami](https://discord.gg/zRDb35jfrt). diff --git a/common.yml b/common.yml index 291dc16..603b131 100644 --- a/common.yml +++ b/common.yml @@ -138,7 +138,7 @@ translations: # navigation - key: general.table_of_contents t: > - {sectionCount} bagian ({completion}% selesai) + {sectionCount} bagian ({completion}% selesai) - key: general.all_questions_optional t: > Catatan: semua pertanyaan bersifat opsional, tidak perlu mengisi semua pertanyaan. @@ -628,7 +628,7 @@ translations: t: Penduduk Asli Amerika, Penduduk Kepulauan Pasifik, atau Penduduk Asli Australia - key: options.race_ethnicity.not_listed t: Tidak disebutkan - + - key: options.race_ethnicity.european t: Keturunan Eropa - key: options.race_ethnicity.indian @@ -1106,55 +1106,55 @@ translations: # age - key: user_info.age t: Umur - - key: user_info.age.description + - key: user_info.age.question t: Berapa umur Anda? # years of experience - key: user_info.years_of_experience t: Tahun Pengalaman - - key: user_info.years_of_experience.description + - key: user_info.years_of_experience.question t: Sudah berapa tahun anda bekerja atau mempelajari bidang ini? # company size - key: user_info.company_size t: Ukuran Perusahaan - - key: user_info.company_size.description + - key: user_info.company_size.question t: Seberapa besar perusahaan anda? # salary ranges - key: user_info.yearly_salary t: Gaji Tahunan - - key: user_info.yearly_salary.description + - key: user_info.yearly_salary.question t: Gaji Tahunan dalam USD # job title - key: user_info.job_title t: Posisi dalam pekerjaan - - key: user_info.job_title.description + - key: user_info.job_title.question t: Bagaimana cara anda memperkenalkan diri? # javascript proficiency - key: user_info.javascript_proficiency t: Kecakapan JavaScript - - key: user_info.javascript_proficiency.description + - key: user_info.javascript_proficiency.question t: Seberapa mahir anda di JavaScript? # css proficiency - key: user_info.css_proficiency t: Kecakapan CSS - - key: user_info.css_proficiency.description + - key: user_info.css_proficiency.question t: Seberapa mahir anda di CSS? # backend proficiency - key: user_info.backend_proficiency t: Kecakapan Back-end - - key: user_info.backend_proficiency.description + - key: user_info.backend_proficiency.question t: Seberapa mahir anda dalam pengembangan back-end? # gender - key: user_info.gender t: Jenis Kelamin - - key: user_info.gender.description + - key: user_info.gender.question t: > Mana dari pilihan ini yang mendeskripsikan tentang dirimu? Pilih salah satu. - key: user_info.gender.note @@ -1166,7 +1166,7 @@ translations: # race & ethnicity - key: user_info.race_ethnicity t: Ras & Etnis - - key: user_info.race_ethnicity.description + - key: user_info.race_ethnicity.question t: > Mana dari pilihan ini yang mendeskripsikan tentang dirimu? Pilih yang sesuai. - key: user_info.race_ethnicity.note @@ -1186,7 +1186,7 @@ translations: # disability status - key: user_info.disability_status t: Status Disabilitas - - key: user_info.disability_status.description + - key: user_info.disability_status.question t: > Mana dari pilihan disabilitas ini yang pernah Anda alami? Pilih yang sesuai. Catatan bahwa ini bisa termasuk disabilitas sementara ataupun cedera. @@ -1230,7 +1230,7 @@ translations: - key: user_info.industry_sector t: Sektor Industri - - key: user_info.industry_sector.description + - key: user_info.industry_sector.question t: Anda sedang bekerja pada sektor industri apa? - key: user_info.industry_sector.others t: Sektor Industri Lainnya @@ -1240,18 +1240,18 @@ translations: - key: usage.industry_sector aliasFor: user_info.industry_sector - key: usage.industry_sector.description - aliasFor: user_info.industry_sector.description + aliasFor: user_info.industry_sector.question - key: usage.industry_sector.others aliasFor: user_info.industry_sector.others - key: usage.industry_sector_freeform aliasFor: user_info.industry_sector.others - key: usage.industry_sector.others.description - aliasFor: user_info.industry_sector.description + aliasFor: user_info.industry_sector.question # degree - key: user_info.higher_education_degree t: Gelar Akademik - - key: user_info.higher_education_degree.description + - key: user_info.higher_education_degree.question t: Apakah Anda memiliki Gelar Akademik? # employment status @@ -1289,7 +1289,7 @@ translations: # first steps - key: resources.first_steps t: Metode Belajar Pertama - - key: resources.first_steps.description + - key: resources.first_steps.question t: Saat pertama kali mencoba, bagaimana caramu belajar ngoding? - key: resources.first_steps.others t: Metode belajar pertama yang lain @@ -1299,7 +1299,7 @@ translations: # blogs & magazines - key: resources.blogs_news_magazines t: Blog & Majalah - - key: resources.blogs_news_magazines.description + - key: resources.blogs_news_magazines.question t: Blog/Majalah/DLL, mana yang anda baca? - key: resources.blogs_news_magazines.others t: Blog & Majalah Lainnya @@ -1311,7 +1311,7 @@ translations: # sites & courses - key: resources.sites_courses t: Situs & Kursus - - key: resources.sites_courses.description + - key: resources.sites_courses.question t: Situs/Kursus/DLL, mana yang anda coba? - key: resources.sites_courses.others t: Situs & Kursus Lain @@ -1323,7 +1323,7 @@ translations: # podcasts - key: resources.podcasts t: Podcast - - key: resources.podcasts.description + - key: resources.podcasts.question t: Podcast terkait pemrograman mana yang anda dengarkan? - key: resources.podcasts.others t: Podcast lain @@ -1353,7 +1353,7 @@ translations: # other surveys - key: resources.other_surveys t: Survei Lainnya - - key: resources.other_surveys.description + - key: resources.other_surveys.question t: Survei pengembang apa saja yang Anda ikuti? - key: resources.other_surveys.others t: Survei tambahan yang tidak disebutkan di atas @@ -1363,7 +1363,7 @@ translations: - key: user_info.other_surveys aliasFor: resources.other_surveys - key: user_info.other_surveys.question - aliasFor: resources.other_surveys.description + aliasFor: resources.other_surveys.question # video creators - key: resources.video_creators @@ -1415,4 +1415,4 @@ translations: - key: followups.sentiment_positive_experience t: Ingin pakai lagi - key: followups.sentiment_negative_experience - t: Pengalaman negatif \ No newline at end of file + t: Pengalaman negatif diff --git a/state_of_css.yml b/state_of_css.yml index 66a5a66..b50678f 100644 --- a/state_of_css.yml +++ b/state_of_css.yml @@ -11,10 +11,10 @@ translations: Flexbox, Grid, Multi-Column… Belum lagi paradigma baru seperti CSS-in-JS. - Jadi, setelah keberhasilan survei State Of JavaScript tahunan Kami, Kami telah memutuskan untuk mengambil pada dunia styles dan selectors. Kami berharap Anda akan membantu Kami mengidentifikasi tren terbaru, dan mencari tahu alat apa yang harus dipelajari dan digunakan selanjutnya! + Jadi, setelah keberhasilan survei State Of JavaScript tahunan kami, kami akan menghadapi dunia gaya dan selektor untuk berusaha mengidentifikasi tren terbaru, dan mencari tahu alat dan fitur apa yang harus dipelajari dan digunakan selanjutnya! - key: general.state_of_css.description - t: Survei tahunan para pengembang tentang trend terbaru seputar CSS + t: Survei tahunan para pengembang tentang tren terbaru seputar CSS ########################################################################### # Sections @@ -43,22 +43,22 @@ translations: - key: sections.animations_transforms.title t: Animasi dan transformasi - key: sections.animations_transforms.description - t: Animasi dan transformasi element. + t: Animasi dan transformasi elemen. - key: sections.accessibility.title t: Aksesibilitas - key: sections.accessibility.description - t: Fitur Aksesibilitas dan teknik-teknik. + t: Fitur dan teknik-teknik aksesibilitas. - key: sections.media_queries.title - t: Media Query + t: Kueri Media - key: sections.media_queries.description - t: Cara mengadaptasi situs Anda ke perangkat atau preferensi pengguna. + t: Cara-cara mengadaptasi situs Anda menurut perangkat atau preferensi pengguna. - key: sections.selectors.title - t: Selector + t: Selektor - key: sections.selectors.description - t: CSS selector. + t: Selektor CSS. - key: sections.colors.title t: Warna @@ -68,7 +68,7 @@ translations: - key: sections.javascript_apis.title t: API JavaScript - key: sections.javascript_apis.description - t: API JavaScript yang dupakai untuk mengendalikan atau melengkapi CSS. + t: API JavaScript yang dipakai untuk mengendalikan atau melengkapi CSS. - key: sections.other_features.title t: Fitur lainnya @@ -76,9 +76,9 @@ translations: t: Fitur CSS lainnya. - key: sections.units_selectors.title - t: Unit & Selector + t: Satuan & Selektor - key: sections.units_selectors.description - t: Uji pengetahuan Anda tentang CSS unit dan selector. + t: Uji pengetahuan Anda tentang satuan dan selektor CSS. - key: sections.pre_post_processors.title t: Pre-/Post-processor @@ -89,20 +89,20 @@ translations: t: Pre-/Post-processor lainnya - key: sections.css_frameworks.title - t: Kerangka CSS + t: Framework CSS - key: sections.css_frameworks.description - t: Pustaka yang memberi Anda komponen dan gaya yang siap pakai. + t: Pustaka dan framework yang memberi Anda komponen atau gaya siap pakai. - key: sections.css_frameworks_others.title - t: Kerangka CSS Lainnya + t: Framework CSS Lainnya - key: sections.css_methodologies.title t: Metodologi CSS - key: sections.css_methodologies.description - t: Cara terkodifikasi untuk menulis CSS yang lebih bersih. + t: Cara yang teratur untuk menulis CSS yang lebih bersih. - key: sections.css_methodologies_others.title - t: Metodologi CSS Lainnya + t: Metodologi CSS Lainnya. - key: sections.css_in_js.title t: CSS-in-JS @@ -120,7 +120,7 @@ translations: - key: sections.environments.title t: Lingkungan - key: sections.environments.description - t: lingkungan dan aksesibilitas mana yang Anda perhatikan saat menulis CSS? + t: Masalah lingkungan dan aksesibilitas apa saja yang Anda perhatikan saat menulis CSS? - key: sections.usage_css.title t: Pamakaian CSS @@ -138,76 +138,76 @@ translations: # CSS for print - key: options.css_for_print.0 - t: Saya (hampir) tidak pernah menulis print style + t: Saya (hampir) tidak pernah menulis gaya untuk cetak - key: options.css_for_print.0.short t: Tidak pernah - key: options.css_for_print.1 - t: Saya terkadang menulis print style + t: Saya terkadang menulis gaya untuk cetak - key: options.css_for_print.1.short t: Terkadang - key: options.css_for_print.2 - t: Saya menulis print style untuk sebagian besar proyek. + t: Saya menulis gaya untuk cetak untuk sebagian besar proyek. - key: options.css_for_print.2.short t: Sering - key: options.css_for_print.3 - t: Fokus utama saya adalah CSS untuk print. + t: Saya berfokus terutama pada CSS untuk cetak. - key: options.css_for_print.3.short t: Fokus utama # CSS for email - key: options.css_for_email.0 - t: Saya (hampir) tidak pernah menulis CSS untuk email klien + t: Saya (hampir) tidak pernah menulis CSS untuk klien email - key: options.css_for_email.0.short t: Tidak pernah - key: options.css_for_email.1 - t: Saya terkadang menulis CSS untuk email klien + t: Saya terkadang menulis CSS untuk klien email - key: options.css_for_email.1.short t: Terkadang - key: options.css_for_email.2 - t: Saya menulis CSS untuk email klien pada sebagian besar proyek + t: Saya menulis CSS untuk klien email pada sebagian besar proyek - key: options.css_for_email.2.short t: Sering - key: options.css_for_email.3 - t: Fokus utama saya adalah CSS untuk email klien + t: Fokus utama saya adalah CSS untuk klien email - key: options.css_for_email.3.short t: Fokus utama # what do you use CSS for? - key: options.what_do_you_use_css_for.marketing_sites - t: Situs Pemasaran & halaman awal + t: Situs web pemasaran & halaman awal - key: options.what_do_you_use_css_for.design_systems - t: Sistem Desain + t: Sistem desain - key: options.what_do_you_use_css_for.blogs - t: Blog atau situs berorientasi text lainnya + t: Blog atau situs berorientasi teks lainnya - key: options.what_do_you_use_css_for.web_apps - t: Aplikasi Web + t: Aplikasi web - key: options.what_do_you_use_css_for.mobile_apps - t: Aplikasi Mobile + t: Aplikasi mobile - key: options.what_do_you_use_css_for.css_art - t: Seni CSS & ilustrasi + t: Seni & ilustrasi CSS - key: options.what_do_you_use_css_for.emails t: Email - key: options.what_do_you_use_css_for.printed_documents - t: Dokumen Cetak + t: Dokumen cetak - key: options.what_do_you_use_css_for.desktop_apps - t: Aplikasi Desktop + t: Aplikasi desktop - key: options.what_do_you_use_css_for.e_commerce t: E-commerce - key: options.what_do_you_use_css_for.websites t: Situs Web - key: options.what_do_you_use_css_for.games - t: Games + t: Permainan - key: options.what_do_you_use_css_for.portfolio t: Portfolio - key: options.what_do_you_use_css_for.extensions - t: Extensi Browser + t: Ekstensi Browser - key: options.what_do_you_use_css_for.desktop t: Desktop @@ -219,7 +219,7 @@ translations: - key: options.css_pain_points.interactions t: Interaksi - key: options.css_pain_points.interactions.description - t: Merespon terhadap masukan pengguna atau event lainnya (scroll, hover, dll.). + t: Merespon terhadap masukan pengguna atau event lainnya (gulir, hover, dll.). - key: options.css_pain_points.architecture t: Arsitektur & Pemeliharaan - key: options.css_pain_points.architecture.description @@ -227,15 +227,15 @@ translations: - key: options.css_pain_points.layout_positioning t: Tata Letak & Posisi - key: options.css_pain_points.layout_positioning.description - t: Mengatur tata letak dan memastkan element berada di tempat yang seharusnya. + t: Mengatur tata letak dan memastikan elemen berada di tempat yang seharusnya. - key: options.css_pain_points.scoping_specificity t: Cakupan & Kekhususan - key: options.css_pain_points.scoping_specificity.description - t: Mengurus cascade, menimpa style, dll. + t: Menghadapi cascade, penimpaan gaya, dll. - key: options.css_pain_points.responsive_design t: Desain Responsif - key: options.css_pain_points.responsive_design.description - t: Mengadaptasikan tata letak dan desain untuk form factor yang berbeda. + t: Mengadaptasi tata letak dan desain untuk faktor bentuk yang berbeda. - key: options.css_pain_points.form_elements_styling t: Memberi Gaya Elemen Form - key: options.css_pain_points.form_elements_styling.description @@ -247,13 +247,13 @@ translations: # CSS missing features (same as features section) - key: options.css_missing_features.nesting - t: Nesting + t: Penyarangan - key: options.css_missing_features.nesting.description - t: Membolehkan melakukan percabangan gaya dalam CSS native. + t: Memungkinkan penyarangan gaya dalam CSS. - key: options.css_missing_features.parent_selector - t: Parent Selector + t: Selektor Orang Tua - key: options.css_missing_features.parent_selector.description - t: Membolehkan memilih sebuah elemen parent berdasarkan elemen children. + t: Memungkinkan untuk memilih sebuah elemen orang tua berdasarkan elemen anak. - key: options.css_missing_features.browser_support t: Dukungan Browser - key: options.css_missing_features.browser_support.description @@ -267,22 +267,22 @@ translations: - key: options.css_missing_features.color_functions.description aliasFor: features.color_functions.description - key: options.css_missing_features.container_queries - t: Container Queries + t: Kueri Kontainer - key: options.css_missing_features.container_queries.description - t: Membolehkan menulis gaya berdasarkan dimensi kontainer parent. + t: Memungkinkan penulisan gaya berdasarkan dimensi kontainer orang tua. - key: options.css_missing_features.scoping t: Scoping - key: options.css_missing_features.scoping.description - t: Membolehkan untuk lebih spesifik dalam di mana gaya tersebut akan diaplikasikan. + t: Membolehkan untuk mengaplikasikan gaya dengan lebih spesifik. - key: options.css_missing_features.subgrid t: Subgrid - key: options.css_missing_features.subgrid.description - t: Melakukan percabangan level subgrid yang dalam menjadi sebuah parent grid. + t: Melakukan penyarangan subgrid yang lebih dalam dengan grid orang tua. - key: options.css_missing_features.native_visually_hidden - t: Konten Tersembunyi + t: Konten yang Tersembunyi Secara Visual - key: options.css_missing_features.native_visually_hidden.description - t: Dukungan native untuk konten tersembunyi. + t: Dukungan bawaan untuk konten yang tersembunyi secara visual. - key: options.css_missing_features.generated_content_alt_text t: Teks Alt untuk konten buatan @@ -292,12 +292,12 @@ translations: - key: options.css_missing_features.animate_to_auto t: Animasi ke `auto` - key: options.css_missing_features.animate_to_auto.description - t: Melakukan animasi sebuah dimensi elemen ke `auto`. + t: Menganimasikan sebuah dimensi elemen ke `auto`. - key: options.css_missing_features.anchored_positioning t: Anchored Positioning - key: options.css_missing_features.anchored_positioning.description - t: Memposisikan relatif elemen pada sudut dari arbitrary elemen lainnya. + t: Memposisikan elemen relatif dari sudut elemen lainnya. - key: options.css_missing_features.wrapping_detection t: Deteksi Wrapping @@ -305,9 +305,9 @@ translations: t: Melakukan deteksi saat sebuah item flex atau grid telah melewati batas ke baris lain. - key: options.css_missing_features.more_pseudo_elements - t: Lebih banyak Pseudo-Element + t: Lebih banyak Pseudo-elemen - key: options.css_missing_features.more_pseudo_elements.description - t: Memiliki lebih dari dua pseudo-element per elemen. + t: Memiliki lebih dari dua pseudo-elemen per elemen. - key: options.css_missing_features.svg_in_css t: SVG-in-CSS @@ -315,24 +315,24 @@ translations: t: Mendukung sintaks SVG di dalam kode CSS (seperti `background`). - key: options.css_missing_features.grid_lines_styling - t: Grid-lines Styling + t: Menggayakan garis Grid - key: options.css_missing_features.grid_lines_styling.description - t: Membolehkan untuk memberi gaya pada garis tak terlihat yang membagi sebuah grid. + t: Memungkinkan untuk memberi gaya pada garis tak terlihat yang membagi sebuah grid. - key: options.css_missing_features.media_queries_variables - t: Variabel Media Query + t: Variabel Kueri Media - key: options.css_missing_features.media_queries_variables.description - t: Dapat menggunakan variabel di dalam media query. + t: Memungkinkan pengunaan variabel di dalam kueri media. - key: options.css_missing_features.masonry_layout - t: Masonry Layout + t: Tata Letak Masonry - key: options.css_missing_features.masonry_layout.description - t: Dukungan native untuk layout grid ala Pinterest. + t: Dukungan bawaan untuk layout grid ala Pinterest. - key: options.css_missing_features.css_toggle t: CSS Toggle - key: options.css_missing_features.css_toggle.description - t: Sebuah cara untuk menghubungkan sebuah "Nilai toggle" dengan sebuah elemen. + t: Sebuah cara untuk menghubungkan sebuah "nilai toggle" dengan sebuah elemen. ########################################################################### # Features @@ -340,131 +340,139 @@ translations: # layout - - key: features.grid - t: CSS Grid - - key: features.subgrid - t: Subgrid - key: features.regions t: CSS Regions - - key: features.flexbox - t: Flexbox - key: features.multi_column t: CSS Multi-Column - key: features.writing_modes t: CSS Writing Modes - key: features.exclusions t: CSS Exclusions - - key: features.position_sticky - t: "position: sticky" - - key: features.logical_properties - t: Logical Properties - - key: features.logical_properties.description - t: margin-block-start, padding-inline-end, dll. - - key: features.aspect_ratio - t: aspect-ratio - - key: features.content_visibility - t: content-visibility + - key: features.flexbox_gap + t: "Properti `gap` untuk flexbox" + + - key: features.viewport_percentage_length_units + t: Satuan Viewport Kecil, Besar, dan Dinamis + - key: features.at_container + t: "Kueri `@container`" + - key: features.at_container.description + t: Termasuk kueri ukuran dan gaya + # shapes & graphics - key: features.shapes t: CSS Shapes - - key: features.object_fit - t: object-fit - - key: features.clip_path - t: clip-path - key: features.masks t: CSS Masks - - key: features.blend_modes - t: Blend Modes - - key: features.blend_modes.description - t: The mix-blend-mode property - key: features.filter_effects - t: CSS Filter Effects - - key: features.backdrop_filter - t: backdrop-filter - - # interactions - - key: features.scroll_snap - t: CSS Scroll Snap - - key: features.overscroll_behavior - t: overscroll-behavior - - key: features.overflow_anchor - t: overflow-anchor - - key: features.touch_action - t: touch-action - - key: features.pointer_events - t: pointer-events + t: Efek Filter CSS + + - key: features.linear_easing_function + t: "fungsi easing `linear()`" + - key: features.blend_modes + t: Blend Mode + - key: features.intrinsic_sizing + t: Kata Kunci Pengukuran Intrinsik + - key: features.gradient_color_spaces + t: Interpolation Color Spaces # typography - key: features.web_fonts - t: Web fonts (@font-face) + t: Fon Web (@font-face) - key: features.variables_fonts - t: Variable fonts + t: Fon Variabel - key: features.line_breaking - t: Line breaking properties - - key: features.line_breaking.description - t: overflow-wrap, word-break, line-break, hyphens - - key: features.font_variant - t: font-variant-* - - key: features.initial_letter - t: initial-letter - - key: features.font_variant_numeric - t: font-variant-numeric - - key: features.font_display - t: font-display - - key: features.line_clamp - t: line-clamp - - key: features.leading_trim - t: leading-trim - - key: features.direction - t: direction + t: Properti Jeda Baris - key: features.direction.description - t: Juga termasuk atribut HTML dir. + t: Juga termasuk atribut HTML `dir`. - # animations & transformstraan + # animations & transforms - key: features.transitions - t: CSS Transitions + t: Transisi CSS - key: features.transforms - t: CSS Transforms + t: Transformasi CSS - key: features.animations - t: CSS Animations - - key: features.perspective - t: perspective - - # media queries - - key: features.feature_support_queries - t: Feature Support Queries (@supports) - - key: features.prefers_reduced_motion - t: prefers-reduced-motion - - key: features.prefers_color_scheme - t: prefers-color-scheme - - key: features.color_gamut - t: color-gamut + t: Animasi CSS + + # media queries/accessibility + - key: features.tabindex + t: "Atribut HTML `tabindex`" + + - key: features.aria_attributes + t: Atribut-atribut HTML ARIA + - key: features.aria_attributes.description + t: "`role`, `aria-label`, dll." # other features - key: features.variables - t: Variabel CSS (properti khusus) + t: Variabel CSS (Properti Khusus) - key: features.containment t: CSS Containment - - key: features.will_change - t: will-change - - key: features.calc - t: calc() - - key: features.houdini - t: Houdini + + - key: features.css_nesting.description + t: Penyarangan CSS bawaan, tanpa pre- or post-processor. + + - key: features.trigonometric_functions + t: Fungsi Trigonometrik + - key: features.exponential_functions + t: Fungsi Eksponensial + - key: features.sign_related_functions + t: Fungsi Sign (Positif dan Negatif) + - key: features.stepped_value_functions + t: Stepped Value Functions + - key: features.css_nesting + t: Penyarangan CSS + - key: features.shadow_dom_css + t: Fitur-fitur Shadow DOM + - key: features.individual_transform_properties + t: Properti Transform Individual - key: features.comparison_functions - t: CSS Comparison Functions - - key: features.comparison_functions.description - t: min(), max(), and clamp() + t: Fungsi Perbandingan CSS + - key: features.math_functions + t: Fungsi Matematika CSS + - key: features.viewport_units + t: Satuan Viewport (`vh`, `vw`) + - key: features.cascade_layers + t: Lapisan Cascade + + # missing features (see also options) + - key: features.nesting + t: Penyarangan + - key: features.nesting.description + t: Memungkinkan penyarangan gaya dalam CSS native. + - key: features.parent_selector + t: Selektor Orang Tua + - key: features.parent_selector.description + t: Memungkinkan untuk memilih sebuah elemen orang tua berdasarkan elemen anak. + - key: options.css_missing_features.browser_support + t: Dukungan Browser + - key: options.css_missing_features.browser_support.description + t: Dukungan browser yang lebih baik untuk fitur yang sudah ada. + - key: options.css_missing_features.mixins + t: Mixin + - key: options.css_missing_features.mixins.description + t: Mengelompokkan dan menggunakan ulang definisi secara dinamis. + - key: features.color_functions + t: Fungsi Warna + - key: features.color_functions.description + t: Fungsi untuk memanipulasi nilai warna (`color()`, `color-mix()`, `contrast-color()`…). + - key: features.container_queries + t: Kueri Kontainer + - key: features.container_queries.description + t: Memungkinkan penulisan gaya berdasarkan dimensi kontainer orang tua. + - key: features.scoping + t: Scoping + - key: features.scoping.description + t: Memungkinkan untuk mengaplikasikan gaya dengan lebih spesifik. ########################################################################### # Units & Selectors ########################################################################### - key: features_others.units - t: Unit + t: Satuan - key: features_others.units.description - t: Manakah dari unit CSS berikut yang pernah Anda gunakan? + t: Manakah dari satuan CSS berikut yang pernah Anda gunakan? - key: options.units.px t: px @@ -492,9 +500,9 @@ translations: t: in - key: features_others.pseudo_elements - t: Pseudo Elements + t: Pseudo-elemen - key: features_others.pseudo_elements.description - t: Manakah dari pseudo-element berikut yang pernah Anda gunakan? + t: Manakah dari pseudo-elemen berikut yang pernah Anda gunakan? - key: options.pseudo_elements.before t: "::before" @@ -514,23 +522,23 @@ translations: t: "::backdrop" - key: features_others.combinators - t: Combinators - - key: features_others.combinators.description # TODO - t: Which of these combinations CSS selectors have you used? + t: Kombinator + - key: features_others.combinators.description + t: Yang mana saja kah dari Selektor CSS kombinasi berikut yang pernah Anda pakai? - key: options.combinators.descendant - t: div span (descendant) + t: div span (keturunan) - key: options.combinators.child - t: div > span (child) + t: div > span (anak) - key: options.combinators.next_sibling - t: div + div (next sibling) + t: div + div (saudara terdekat) - key: options.combinators.subsequent_sibling - t: div ~ div (subsequent sibling) + t: div ~ div (saudara berikutnya) - key: features_others.tree_document_structure - t: Tree / Struktur Dokumen - - key: features_others.tree_document_structure.description # TODO - t: Which of these structure related CSS selectors have you used? + t: Pohon / Struktur Dokumen + - key: features_others.tree_document_structure.description + t: Dari selektor CSS yang berhubungan dengan struktur berikut, manakah yang pernah Anda pakai? - key: options.tree_document_structure.root t: :root @@ -569,26 +577,26 @@ translations: - key: features_others.attributes t: Atribut - - key: features_others.attributes.description # TODO - t: Which of these CSS attributes selectors have you used? + - key: features_others.attributes.description + t: Dari selektor atribut CSS berikut, yang manakah pernah Anda pakai? - key: options.attributes.presence - t: div[foo] (Presence) + t: div[foo] (Keadaan) - key: options.attributes.equality - t: div[foo="bar"] (Equality) + t: div[foo="bar"] (Kecocokan) - key: options.attributes.starts_with - t: div[foo^="bar"] (Starts with) + t: div[foo^="bar"] (Dimulai dengan) - key: options.attributes.ends_with - t: div[foo$="bar"] (Ends with) + t: div[foo$="bar"] (Berakhir dengan) - key: options.attributes.contains_word - t: div[foo~="bar"] (Contains word) + t: div[foo~="bar"] (Berisi kata) - key: options.attributes.contains_substring - t: div[foo*="bar"] (Contains substring) + t: div[foo*="bar"] (Berisi substring) - key: features_others.links_urls - t: Link/URLs - - key: features_others.links_urls.description # TODO - t: Which of these links & URLs related CSS selectors have you used? + t: Pranala/URL + - key: features_others.links_urls.description + t: Dari selektor CSS yang berhubungan dengan pranala & URL berikut, yang manakah yang pernah Anda pakai? - key: options.links_urls.any_link t: :any-link @@ -601,8 +609,8 @@ translations: - key: features_others.interaction t: Interaksi - - key: features_others.interaction.description # TODO - t: Which of these interaction CSS selectors have you used? + - key: features_others.interaction.description + t: Dari selektor interaksi CSS berikut, yang mana sajakah yang pernah Anda pakai? - key: options.interaction.hover t: :hover @@ -617,8 +625,8 @@ translations: - key: features_others.form_controls t: Kontrol Form - - key: features_others.form_controls.description # TODO - t: Which of these form related CSS selectors have you used? + - key: features_others.form_controls.description + t: Dari selektor CSS yang berhubungan dengan form berikut, yang mana sajakah yang pernah Anda pakai? - key: options.form_controls.enabled_disabled t: :enabled and :disabled @@ -641,6 +649,75 @@ translations: - key: options.form_controls.required_optional t: :required and :optional + # slider + - key: options.css_js_balance.0 + t: 100% CSS + - key: options.css_js_balance.4 + t: 50%–50% + - key: options.css_js_balance.8 + t: 100% JS + + ########################################################################### + # Other Tools + ########################################################################### + + - key: tools_others.pre_post_processors + aliasFor: sections.pre_post_processors.title + - key: other_tools.pre_post_processors + aliasFor: sections.pre_post_processors.title + - key: tools_others.pre_post_processors.description + t: pre- atau post-processor manakah yang Anda sering pakai? + - key: other_tools.pre_post_processors.description + aliasFor: tools_others.pre_post_processors.description + - key: tools_others.pre_post_processors.others + aliasFor: sections.pre_post_processors_others.title + - key: other_tools.pre_post_processors.others + aliasFor: sections.pre_post_processors_others.title + - key: other_tools.pre_post_processors_freeform + aliasFor: sections.pre_post_processors_others.title + - key: options.pre_post_processors.na + t: Tidak ada + + - key: tools_others.utilities + t: Alat-alat + - key: tools_others.utilities.description + t: Alat manakan yang Anda sering pakai? + - key: tools_others.utilities.others + t: Alat-alat lain + - key: tools_others.utilities.others.description + t: Alat-alat lain (bidang bebas). + - key: options.utilities.na + t: Tidak ada + + - key: other_tools.utilities + aliasFor: tools_others.utilities + - key: other_tools.utilities.description + aliasFor: tools_others.utilities.description + - key: other_tools.utilities.others + aliasFor: tools_others.utilities.others + - key: other_tools.utilities.others.description + aliasFor: tools_others.utilities.others.description + - key: other_tools.utilities_freeform + aliasFor: tools_others.utilities.others + + - key: tools_others.browsers + t: Browser + - key: tools_others.browsers.description + t: Browser manakah yang Anda pakai selama pengembangan awal? + - key: tools_others.browsers.others + t: Browser lain + - key: tools_others.browsers.others.description + t: Jawaban lain (bidang bebas). + + - key: other_tools.browsers + aliasFor: tools_others.browsers + - key: other_tools.browsers.description + aliasFor: tools_others.browsers.description + - key: other_tools.browsers.others + aliasFor: tools_others.browsers.others + - key: other_tools.browsers.others.description + aliasFor: tools_others.browsers.others.description + ########################################################################### # Environments ########################################################################### @@ -651,19 +728,69 @@ translations: t: Browser mana yang Anda uji? - key: environments.form_factors - t: Betuk Form + t: Lingkungan Pengujian - key: environments.form_factors.description - t: Form bentuk apa yang Anda uji? + t: Lingkungan apa saja yang Anda uji? + - key: environments.form_factors.others + t: Lingkungan Pengujian Lainnya + - key: environments.form_factors.others.description + t: Faktor bentuk atau lingkungan lain yang biasanya Anda uji. + + - key: usage.form_factors + aliasFor: environments.form_factors + - key: usage.form_factors.description + aliasFor: environments.form_factors.description + - key: usage.form_factors.others + aliasFor: environments.form_factors.others + - key: usage.form_factors_freeform + aliasFor: environments.form_factors.others + - key: usage.form_factors.others.description + aliasFor: environments.form_factors.others.description + + - key: environments.accessibility_features + t: Fitur Aksesibilitas + - key: environments.accessibility_features.description + t: Fitur aksesibilitas mana yang biasa Anda implementasikan? + - key: environments.accessibility_features.others + t: Fitur Aksesibilitas lainnya + - key: environments.accessibility_features.others.description + t: Fitur Aksesibilitas lainnya yang biasa Anda implementasikan - key: environments.css_for_print - t: CSS untuk tampilan + t: CSS untuk Tampilan Cetak - key: environments.css_for_print.description - t: Apakah Anda menulis print style? + t: Apakah Anda menulis gaya untuk tampilan cetak? - key: environments.css_for_email - t: CSS untuk Email Klien + t: CSS untuk Klien Email - key: environments.css_for_email.description - t: Apakah Anda menulis CSS untuk email klien? + t: Apakah Anda menulis CSS untuk klien email? + + - key: environments.what_do_you_use_css_for + t: Untuk apakah Anda menggunakan CSS? + - key: environments.what_do_you_use_css_for.description + t: Anda menggunakan CSS untuk jenis proyek seperti apa? + - key: environments.what_do_you_use_css_for.others + t: Jenis-jenis proyek lainnya + + - key: usage.what_do_you_use_css_for + aliasFor: environments.what_do_you_use_css_for + - key: usage.what_do_you_use_css_for.description + aliasFor: environments.what_do_you_use_css_for.description + - key: usage.what_do_you_use_css_for.others + aliasFor: environments.what_do_you_use_css_for.others + - key: usage.what_do_you_use_css_for_freeform + aliasFor: environments.what_do_you_use_css_for.others + + - key: charts.axis_legends.css_for_print + t: Frekuensi + - key: charts.axis_legends.css_for_email + t: Frekuensi + + - key: tools_others.tool_evaluation + t: Evaluasi Pustaka + - key: tools_others.tool_evaluation.description + t: Untuk setiap kecocokan, pilih faktor yang Anda prioritaskan ketika mempertimbangkan sebuah library baru. ########################################################################### # Opinions @@ -671,46 +798,240 @@ translations: - key: opinions.css_easy_to_learn t: CSS mudah dipelajari - - key: opinions.css_easy_to_learn.title # TODO - t: Learning Curve + - key: opinions.css_easy_to_learn.title + t: Kurva Belajar - key: opinions.css_evolving_slowly t: CSS berkembang terlalu lambat - - key: opinions.css_evolving_slowly.title # TODO - t: Rate of Change + - key: opinions.css_evolving_slowly.title + t: Tingkat Perubahan - key: opinions.utility_classes_to_be_avoided t: Kelas utilitas (non-semantic) (.center, .large-text, dll.) harus dihindari - - key: opinions.utility_classes_to_be_avoided.title # TODO - t: Non-Semantic Classes + - key: opinions.utility_classes_to_be_avoided.title + t: Kelas Non-Semantik - key: opinions.selector_nesting_to_be_avoided t: Penyarangan pemilih (.foo .bar ul li {…}) harus di hindari - - key: opinions.selector_nesting_to_be_avoided.title # TODO - t: Selector Nesting + - key: opinions.selector_nesting_to_be_avoided.title + t: Selektor Penyarangan - key: opinions.css_is_programming_language t: CSS adalah bahasa pemrograman - - key: opinions.css_is_programming_language.title # TODO - t: Programming Language + - key: opinions.css_is_programming_language.title + t: Bahasa Pemrograman - key: opinions.enjoy_writing_css t: Saya menikmati menulis CSS - - key: opinions.enjoy_writing_css.title # TODO - t: Enjoyment + - key: opinions.enjoy_writing_css.title + t: Kesenangan + + # Browser interoperability question + - key: opinions_others.browser_interoperability_features.others + t: Ketidakcocokan antar browser + - key: opinions_others.browser_interoperability_features.others.description + t: > + Apakah ada fitur-fitur CSS yang Anda sulit gunakan (atau hindari) + karena kurangnya dukungan, atau karena perbedaan antar browser? + + - key: usage.css_interoperability_features + aliasFor: opinions_others.browser_interoperability_features.others + - key: usage.css_interoperability_features.description + aliasFor: opinions_others.browser_interoperability_features.others.description + + - key: usage.css_interoperability_features_freeform + aliasFor: opinions_others.browser_interoperability_features.others + - key: usage.interoperability_features_freeform + aliasFor: opinions_others.browser_interoperability_features.others + - key: usage.interoperability_features_freeform.others + aliasFor: opinions_others.browser_interoperability_features.others + + - key: usage.interoperability_features_freeform.description + aliasFor: opinions_others.browser_interoperability_features.others.description + - key: usage.interoperability_features_freeform.others.description + aliasFor: opinions_others.browser_interoperability_features.others.description + + - key: options.css_interoperability_features.math_functions + aliasFor: features.math_functions + - key: options.css_interoperability_features.css_nesting + aliasFor: features.css_nesting + - key: options.css_interoperability_features.at_container + aliasFor: features.at_container + + - key: options.css_interoperability_features.color_functions + aliasFor: features.color_functions + - key: options.css_interoperability_features.color_functions.description + aliasFor: features.color_functions.description + - key: options.css_interoperability_features.cascade_layers + aliasFor: features.cascade_layers + + - key: options.css_interoperability_features.na + t: Tidak Ada + + # Pain Points + - key: opinions.css_pain_points + t: Titik Sakit CSS + - key: opinions.css_pain_points.description + t: Untuk setiap kecocokan, pilih bagian dari CSS yang membuat Anda paling kesulitan. + + - key: usage.other_pain_points_freeform + t: Ada titik sakit lainnya yang berhubungan dengan menulis CSS? + - key: usage.other_pain_points_freeform.others + aliasFor: usage.other_pain_points_freeform + + - key: opinions_others.css_pain_points.others + t: Titik Sakit CSS Lainnya + + - key: usage.css_pain_points + aliasFor: opinions_others.css_pain_points.others + - key: usage.css_pain_points.description + aliasFor: usage.other_pain_points_freeform + - key: usage.css_pain_points_freeform + aliasFor: usage.other_pain_points_freeform + + - key: options.css_pain_points.na + t: Tidak Ada + + # Missing Features + - key: opinions.css_missing_features + t: Menurut Anda, apa yang saat ini hilang dari CSS? + - key: opinions.css_missing_features.description + t: Untuk setiap kecocokan, pilih fitur yang Anda paling ingin gunakan dalam CSS saat ini. + + - key: usage.missing_features_freeform + t: Fitur apa yang Anda rasa saat ini hilang dari CSS? + - key: usage.missing_features_freeform.others + aliasFor: usage.missing_features_freeform + - key: usage.missing_features_freeform + aliasFor: usage.missing_features_freeform + + - key: usage.css_missing_features + t: Fitur Yang Hilang + - key: usage.css_missing_features.description + aliasFor: usage.missing_features_freeform - key: opinions_others.css_missing_features.others - t: Apa yang Anda rasakan yang saat ini hilang dari CSS? - - key: opinions_others.css_missing_features.others.description - t: Fitur yang ingin Anda lihat di CSS suatu hari nanti. + t: Fitur Hilang Lainnya + + - key: options.css_missing_features.na + t: Tidak Ada + + # - key: opinions_others.css_missing_features.others.note + # t: > + # These results were normalized based on the contents of a freeform field. + # To view the raw, unprocessed responses check out [whatsmissingfromcss.com](http://whatsmissingfromcss.com/). - key: opinions.sum_up_one_word_css t: CSS dalam satu kata - key: opinions.sum_up_one_word_css.description t: Bagaimana Anda menyimpulkan opini Anda tentang CSS dalam satu kata? + - key: happiness.pre_post_processors + t: Seberapa senang Anda dengan keadaan umum pre/post-processor? + - key: happiness.css_in_js + t: Seberapa senang Anda dengan keadaan umum library CSS-in-JS? + - key: css_in_js.css_in_js_happiness + aliasFor: happiness.css_in_js + - key: happiness.css_frameworks + t: Seberapa senang Anda dengan keadaan umum framework CSS? + - key: css_frameworks.css_frameworks_happiness + aliasFor: happiness.css_frameworks + - key: happiness.state_of_the_web + t: Keadaan Teknologi Web + - key: happiness.state_of_the_web.description t: Seberapa senang Anda dengan keadaan umum teknologi web? + - key: usage.state_of_the_web_happiness + aliasFor: happiness.state_of_the_web + - key: usage.state_of_the_web_happiness.description + aliasFor: happiness.state_of_the_web.description - key: happiness.state_of_css - t: Seberapa senang Anda dengan keadaan umum CSS? + t: Keadaan CSS + - key: happiness.sate_of_css.description + t: Seberapa senang Anda dengan keadaan umum CSS saat ini? + - key: usage.state_of_css_happiness + aliasFor: happiness.state_of_css + - key: usage.state_of_css_happiness.description + aliasFor: happiness.state_of_css.description + + # pain points/currently missing (results) + - key: css_pain_points.css_pain_points_wins + t: Titik Sakit CSS + - key: css_pain_points.css_pain_points_wins.description + t: Bagian mana dari CSS yang paling membuat Anda kesulitan? Hasil diurutkan berdasarkan jumlah ronde turnamen yang dimenangkan. + + - key: css_pain_points.css_pain_points_matchups + t: Titik Sakit CSS (Mencocokan) + - key: css_pain_points.css_pain_points_matchups.description + t: Bagian mana dari CSS yang paling membuat Anda kesulitan? Persentase ronde yang dimenangkan oleh item sebelah kiri versus item atas. + + - key: css_missing_features.css_missing_features_wins + t: Fitur-fitur Yang Hilang Dari CSS + - key: css_missing_features.css_missing_features_wins.description + t: Fitur manakah yang paling Anda ingin gunakan dalam CSS saat ini? Hasil diurutkan berdasarkan jumlah ronde turnamen yang dimenangkan. + + - key: css_missing_features.css_missing_features_matchups + t: Fitur-fitur Yang Hilang Dari CSS (Mencocokan) + - key: css_missing_features.css_missing_features_matchups.description + t: Fitur manakah yang paling Anda ingin gunakan dalam CSS saat ini? Persentase ronde yang dimenangkan oleh item sebelah kiri versus item atas. + + - key: usage.css_js_balance + t: Keseimbangan CSS vs JavaScript + - key: usage.css_js_balance.description + t: Berapa banyak waktu yang Anda gunakan untuk menulis CSS (termasuk menulis HTML) dan kode JavaScript? + + - key: usage.css_usage_type + t: Pengunaan CSS + - key: usage.css_usage_type.description + t: Dalam konteks apakah Anda menggunakan CSS? + - key: usage.css_usage_type.others + t: Pengunaan CSS Lainnya + + ########################################################################### + # Resources + ########################################################################### + + - key: resources.first_steps_css + t: Langkah Pertama Dengan CSS + - key: resources.first_steps_css.description + t: Ketika baru pertama memulai, sumber-sumber mana yang Anda gunakan untuk mempelajari CSS? + + - key: resources.learning_methods_css + t: Metode Belajar CSS + - key: resources.learning_methods_css.description + t: Sumber-sumber mana yang Anda gunakan untuk mempelajari CSS? + + # sites & courses + - key: resources.sites_courses_css + aliasFor: resources.sites_courses + - key: resources.sites_courses_css.description + t: Mana saja situs web/kursus/dll. yang berhubungan dengan CSS yang Anda gunakan untuk mempelajari CSS? + + # podcasts + - key: resources.podcasts_css + aliasFor: resources.podcasts + - key: resources.podcasts_css.description + t: Podcast CSS mana kah yang Anda dengarkan? + + # people + - key: resources.people_css.others + aliasFor: resources.people.others + - key: resources.people_css.others.description + t: Orang-orang yang Anda baca, ikuti, atau yang hanya Anda ingin sorot karena pekerjaan mereka dalam ekosistem CSS. + + ########################################################################### + # Survey Help + ########################################################################### + + - key: features.features_intro_css + t: | + Selamat datang di survei! Bagian pertama ini adalah tentang mencari tahu + **fitur-fitur** CSS mana yang Anda ketahui. + + Ngomong-ngomong, jika Anda ingin menjelaskan lebih lanjut tentang pilihan Anda, silahkan ketuk ikon "komentar"! + + - key: tools.tools_intro_css + t: | + Bagian-bagian selanjutnya berfokus pada **library** dan **framework** yang menjadi bagian dari + ekosistem CSS. Beri tahu kami apa yang membuat Anda bersemangat! diff --git a/state_of_css_2022.yml b/state_of_css_2022.yml index b0a7039..95a6e91 100644 --- a/state_of_css_2022.yml +++ b/state_of_css_2022.yml @@ -370,7 +370,7 @@ translations: - key: about.content t: > - Survei State of CSS survey ran from October 1 to November 1 2022, and collected 14,310 responses. The survey is run by me, [Sacha Greif](https://sachagreif.com/), with help from a team of open-source contributors and consultants. + Survei State of CSS berjalan dari 1 Oktober sampai 1 November 2022, dan mendapatkan 14,310 respons. Survei ini dijalankan oleh saya, [Sacha Greif](https://sachagreif.com/), dengan bantuan dari sebuah tim dari banyak kontributor sumber terbuka dan konsultan. Logo dan kaos untuk tahun ini sama dengan tahun lalu, ketika mereka dirancang dan dianimasikan oleh [Christopher Kirk-Nielsen](http://chriskirknielsen.com/). diff --git a/state_of_graphql.yml b/state_of_graphql.yml new file mode 100644 index 0000000..1965743 --- /dev/null +++ b/state_of_graphql.yml @@ -0,0 +1,490 @@ +locale: id-ID +namespace: graphql +translations: + ########################################################################### + # General + ########################################################################### + + - key: general.state_of_graphql.intro + t: | + Sejak dibuat di Facebook pada September 2015, banyak pengembang telah merangkul GraphQL sebagai sebuah cara baru yang menjanjikan untuk membuat API. + + Namun masih banyak pertanyaan: sebenarnya kapan anda membutuhkan GraphQL? Haruskah anda menulis kode API GraphQL dengan tangan atau membuatnya dari database anda? dan apakah akankah GraphQL menggantikan REST? + + Survei pengembang State of GraphQL tahunan bertujuan untuk menjawab pertanyaan-pertanyaan ini, dan lebih banyak lagi! + + - key: general.state_of_graphql.description + t: Survei pengembang tahunan dari ekosistem GraphQL + ########################################################################### + # Survey + ########################################################################### + + - key: features.graphql_features_intro + t: > + Selamat datang di survei ini! Bagian pertama ini adalah tentang + **fitur-fitur** dan ekosistem GraphQL mana yang anda ketahui. + Dan jika anda mengetahui sesuatu namun belum pernah menggunakannya, itu juga tidak apa-apa! + + - key: tools.graphql_tools_intro + t: > + Bagian-bagian selanjutnya berfokus pada **library** dan **layanan** yang menjadi bagian + dari ekosistem GraphQL. Beri tahu kami apa yang membuat anda bersemangat! + + - key: usage.bracket_intro + t: > + Pertanyaan berikutnya menggunakan format **bracket** yang spesial! untuk setiap pasangan, pilih item yang + menurut anda paling penting untuk anda (perhatikan bahwa setiap pasangan berbeda untuk setiap partisipan). + + ########################################################################### + # Sections + ########################################################################### + + - key: sections.graphql_language.title + t: Bahasa + - key: sections.graphql_language.description + t: Kosakata GraphQL. + - key: sections.directives.title + t: Directive + - key: sections.directives.description + t: Meng-augment bidang-bidang GraphQL anda. + - key: sections.security_performance.title + t: Keamanan & Performa + - key: sections.security_performance.description + t: Membuat API anda lebih kokoh. + - key: sections.other_features.title + t: Fitur-fitur lain + + - key: sections.graphql_servers.title + t: Server GraphQL + - key: sections.graphql_servers.description + t: Bagaimana anda memberdayakan API anda. + - key: sections.graphql_clients.title + t: Klien GraphQL + - key: sections.graphql_clients.description + t: Membuat kueri ke API anda. + - key: sections.api_generators.title + t: Generator API + - key: sections.api_generators.description + t: Berbagai ORM, CMS, dan alat-alat lainnya yang membuat sebuah API untuk anda. + - key: sections.web_frameworks.title + t: Framework web + - key: sections.web_frameworks.description + t: Framework web yang anda gunakan bersama dengan GraphQL. + - key: sections.graphql_code_generators.title + t: Generator kode dan skema + - key: sections.graphql_code_generators.description + t: Generator, pembangun skema, dan library lain yang menulis sebagian kode anda. + - key: sections.schema_builders.title + t: Pembangun skema + - key: sections.schema_builders.description + t: Libraries dan alat-alat yang membantu anda membuat sebagian atau keseluruhan skema GraphQL anda. + - key: sections.usage_graphql.title + t: Penggunaan GraphQL + - key: sections.usage_graphql.description + t: Bagaimana anda menggunakan GraphQL. + + - key: sections.tools_others.title + t: Alat-alat lain + - key: sections.tools_others.description + t: Alat-alat GraphQL lainnya. + + - key: sections.resources_graphql.title + t: Sumber-sumber + - key: sections.resources_graphql.description + t: Sumber-sumber GraphQL apakah yang anda konsultasikan? + + ########################################################################### + # Features + ########################################################################### + + # common features + - key: features.custom_directives + t: Directive custom + - key: features.custom_scalars + t: Scalar custom + - key: features.fragments + t: Fragment + - key: features.unions + t: Union + - key: features.interfaces + t: Interface + + # directives + - key: features.at_skip + t: '@skip' + - key: features.at_include + t: '@include' + - key: features.at_deprecated + t: '@deprecated' + - key: features.at_specified_by + t: '@specifiedBy' + - key: features.at_defer + t: '@defer' + - key: features.at_stream + t: '@stream' + + # security & performance + - key: features.persisted_queries + t: Persisted Queries + - key: features.query_allowlisting + t: Query Allow-listing + - key: features.query_allowlisting.description + t: Hanya menerima kueri dari sebuah daftar yang telah ditentukan. + + - key: features.query_timeouts + t: Query Timeouts + - key: features.query_rate_limit + t: Pembatasan Tingkat #rate# Kueri + - key: features.query_depth_limit + t: Pembatasan Kedalaman Kueri + - key: features.query_amount_limit + t: Pembatasan Jumlah Kueri + - key: features.query_amount_limiting.description + t: Membatasi jumlah pagination yang dimasukan sebagai argumen kueri. + - key: features.query_cost_analysis + t: Analisa Harga Kueri + - key: features.query_cost_analysis.description + t: Menganalisa sejumlah faktor sebelum memutuskan untuk memperbolehkan sebuah kueri. + + - key: features.disabling_introspection + t: Mematikan Introspection + - key: features.disabling_introspection.description + t: Mematikan introspection dalam produksi. + - key: features.ip_allowlisting + t: IP Allow-listing + - key: features.ip_allowlisting.description + t: Hanya memperbolehkan alamat IP tertentu untuk mengakses sebuah API. + - key: features.require_authentication + t: Memerlukan Otentikasi + - key: features.require_authentication.description + t: Mengharuskan otentikasi sebelum mengakses API. + + # other features + - key: features.graphql_subscriptions + t: GraphQL Subscriptions + - key: features.live_queries + t: Live Queries + - key: features.apollo_federation + t: Apollo Federation + - key: features.schema_stitching + t: Schema Stitching + + ########################################################################### + # Tools + ########################################################################### + + - key: tools.no_client + t: Tanpa klien + - key: tools.no_client.description + t: Tanpa klien GraphQL khusus (Request HTTP dengan Fetch, Axios, dll.) + + ########################################################################### + # Other Tools + ########################################################################### + + - key: tools_others.server_languages + t: Bahasa Server + - key: tools_others.server_languages.description + t: Bahasa-bahasa apa yang anda pakai untuk menulis back-end GraphQL anda? + - key: tools_others.server_languages.others + t: Bahasa Server Lainnya + + - key: tools_others.combining_schemas + t: Mengkombinasikan Schema + - key: tools_others.combining_schemas.description + t: Alat-alat apakah yang anda gunakan untuk mengkombinasikan, mengumpulkan, atau menggabungkan schema GraphQL dari API yang berbeda? + - key: tools_others.combining_schemas.others + t: Alat-alat lain untuk mengkombinasikan schema + + - key: tools_others.graphql_ides + t: IDE GraphQL + - key: tools_others.graphql_ides.description + t: Aplikasi dan layanan yang membantu anda membuat kueri untuk API GraphQL anda. + - key: tools_others.graphql_ides.others + t: IDE GraphQL Lainnya + + - key: tools_others.web_frameworks + t: Framework web + - key: tools_others.web_frameworks.description + t: Framework web yang anda gunakan bersama dengan GraphQL. + - key: tools_others.web_frameworks.others + t: Framework Web lainnya + + - key: tools_others.databases + t: Database + - key: tools_others.databases.description + t: Database yang manakah yang anda gunakan bersama dengan GraphQL? + - key: tools_others.databases.others + t: Database lain + + - key: tools_others.other_tools + t: Alat-alat GraphQL Lainnya + - key: tools_others.other_tools.description + t: Other tools, libraries, or services you use + - key: tools_others.other_tools.others + t: Alat-alat GraphQL lainnya yang tidak disebutkan sebelumnya + + ########################################################################### + # Usage + ########################################################################### + + - key: usage.graphql_experience + t: Pengalaman GraphQL + - key: usage.graphql_experience.description + t: Seberapa lama anda telah menggunakan GraphQL? + + - key: usage.api_type + t: Tipe API + - key: usage.api_type.description + t: Untuk jenis API apa anda menggunakan GraphQL? + - key: usage.api_type.others + t: Jenis API lain + + - key: usage.client_type + t: Klien API + - key: usage.client_type.description + t: Klien apa yang anda gunakan untuk menyambung dengan API? + - key: usage.client_type.others + t: Tipe klien lainnya + + - key: usage.data_sources + t: Sumber data + - key: usage.data_sources.description + t: Jenis sumber data apa saja yang dikonsumsi oleh API GraphQL anda? + - key: usage.data_sources.others + t: Sumber data lainnya + + - key: usage.code_generation_type + t: Tipe Generasi Kode + - key: usage.code_generation_type.description + t: Jika anda menggunakan generasi kode, pendekatan mana yang anda lebih sukai? + - key: usage.code_generation_type.others + t: Kode Generasi Tipe Lainnya + - key: usage.code_generation_target + t: Code Generation Target + - key: usage.code_generation_target.description + t: Bagian mana dari kode anda yang anda buat secara otomatis? + - key: usage.code_generation_target.others + t: Target generasi kode lainnya + + - key: usage.industry_sector_graphql + aliasFor: usage.industry_sector + - key: usage.industry_sector_graphql.description + t: Anda memakai GraphQL di sektor industri apa? + - key: usage.industry_sector_graphql.others + aliasFor: usage.industry_sector.others + + - key: usage.graphql_strong_points + t: Poin-poin Kuat GraphQL + - key: usage.graphql_strong_points.description + t: Apa saja yang membuat anda senang menggunakan GraphQL? + - key: usage.graphql_strong_points.others + t: Poin-poin Kuat GraphQL Lainnya + + - key: usage.graphql_pain_points + t: Titik Sakit GraphQL + - key: usage.graphql_pain_points.description + t: Apa saja yang menjadi penghalang anda menggunakan GraphQL? + - key: usage.graphql_pain_points.others + t: GraphQL Pain Points Lainnya + + - key: happiness.graphql_servers + t: Seberapa senang anda dengan keadaan keseluruhan dari server GraphQL? + - key: happiness.graphql_clients + t: Seberapa senang anda dengan keadaan keseluruhan dari klien GraphQL? + - key: happiness.api_generators + t: Seberapa senang anda dengan keadaan keseluruhan dari generator API? + - key: happiness.schema_builders + t: Seberapa senang anda dengan keadaan keseluruhan dari schema builder? + - key: happiness.state_of_graphql + t: Seberapa senang anda dengan keadaan keseluruhan dari ekosistem GraphQL? + + ########################################################################### + # Opinions + ########################################################################### + + # - key: opinions.graphql_better_than_rest + # t: GraphQL is superior to REST + # - key: opinions.always_prefer_graphql_apis + # t: I always prefer working with GraphQL APIs + + ########################################################################### + # Resources + ########################################################################### + + - key: resources.first_steps_graphql + t: First Steps With GraphQL + - key: resources.first_steps_graphql.description + t: Ketika pertama memulai, bagaimana anda belajar GraphQL? + - key: resources.first_steps_graphql.others + t: Metode-metode belajar lainnya + + # sites & courses + - key: resources.sites_courses_graphql + aliasFor: resources.sites_courses + - key: resources.sites_courses_graphql.description + t: Sumber-sumber apa saja yang berkaitan dengan GraphQL website/kursus/dll. yang anda pakai untuk mempelajari GraphQL? + + # podcasts + - key: resources.podcasts_graphql.others + aliasFor: resources.podcasts + - key: resources.podcasts_graphql.others.description + t: Podcast GraphQL apa saja yang anda dengarkan? + + # people + - key: resources.people_graphql.others + aliasFor: resources.people + - key: resources.people_graphql.others.description + t: Orang-orang yang anda baca, ikuti, atau hanya ingin sebutkan karena karya mereka dalam ekosistem GraphQL. + + ########################################################################### + # Options + ########################################################################### + + - key: options.graphql_experience.range_less_than_1 + t: Kurang dari satu tahun + - key: options.graphql_experience.range_1_2 + t: 1 sampai 2 tahun + - key: options.graphql_experience.range_3_5 + t: 3 sampai 5 tahun + - key: options.graphql_experience.range_6_10 + t: 6 sampai 10 tahun + - key: options.graphql_experience.range_more_than_10 + t: Lebih dari 10 tahun + + - key: options.api_type.public_apis + t: API yang tersedia secara umum untuk para pengembang pihak ketiga + - key: options.api_type.personal_apis + t: API terbuka untuk website dan/atau aplikasi anda + - key: options.api_type.private_apis + t: API tertutup dan pribadi untuk pemakaian internal internal + + - key: options.client_type.browsers + t: Browser + - key: options.client_type.mobile_devices + t: Aplikasi Mobile Native + - key: options.client_type.desktop_apps + t: Aplikasi Desktop Native + - key: options.client_type.other_servers + t: Server lain + + - key: options.data_sources.static_files + t: File statis (YAML, Markdown, dll.) + - key: options.data_sources.databases + t: Database + - key: options.data_sources.spreadsheets + t: Spreadsheet + - key: options.data_sources.cmses + t: CMS + - key: options.data_sources.rest_apis + t: REST API (Swagger/OpenAPI, json-schema, oData, dll.) + - key: options.data_sources.other_graphql_apis + t: API GraphQL lainnya + - key: options.data_sources.other_api_protocols + t: Protokol API lainnya (gRPC, SOAP, Apache Thrift, dll.) + + - key: options.code_generation_type.code_first + t: Kode duluan (JS, TS, JSON, dll.) + - key: options.code_generation_type.schema_first + t: Schema duluan (GraphQL SDL-first) + - key: options.code_generation_type.database_first + t: Database duluan + + - key: options.code_generation_target.graphql_schema + t: GraphQL schema (SDL) + - key: options.code_generation_target.non_graphql_typings + t: Non-GraphQL (e.g. TypeScript) typings + - key: options.code_generation_target.server_resolvers + t: Server resolvers + - key: options.code_generation_target.fragments_or_queries + t: Fragmen dan/atau kueri klien + - key: options.code_generation_target.client_code + t: Kode sisi klien lainnya (misalnya hook React) + + - key: options.graphql_strong_points.avoiding_overfetching + t: Avoiding Over-fetching + - key: options.graphql_strong_points.avoiding_overfetching.description + t: Keep API responses smaller by specifying exactly the data you need. + - key: options.graphql_strong_points.introspection + t: Introspection & API Documentation + - key: options.graphql_strong_points.introspection.description + t: Create self-documenting APIs that improve the developer experience. + - key: options.graphql_strong_points.tooling_ecosystem + t: Tooling & Ecosystem + - key: options.graphql_strong_points.tooling_ecosystem.description + t: The different tools, services, and libraries that use GraphQL. + - key: options.graphql_strong_points.type_checking + t: Type-checking + - key: options.graphql_strong_points.type_checking.description + t: Enforcing and validating types for every object in the API. + - key: options.graphql_strong_points.api_aggregation + t: Combining Different APIs + - key: options.graphql_strong_points.api_aggregation.description + t: Being able to combine together different API schemas. + - key: options.graphql_strong_points.aggregating_requests + t: Aggregating Requests + - key: options.graphql_strong_points.aggregating_requests.description + t: Only ever have to make a single request from the client. + - key: options.graphql_strong_points.community + t: Community + - key: options.graphql_strong_points.community.description + t: The people who are active in the GraphQL space. + - key: options.graphql_strong_points.fragment_colocation + t: Fragment Colocation + - key: options.graphql_strong_points.fragment_colocation.description + t: Being able to colocate a component's data requirements next to it. + + - key: options.graphql_pain_points.performance + t: Performa + - key: options.graphql_pain_points.performance.description + t: Masalah performa misalnya masalah n+1. + - key: options.graphql_pain_points.security + t: Keamanan + - key: options.graphql_pain_points.security.description + t: Masalah keamanan misalnya kueri yang berlanjut tanpa batas. + - key: options.graphql_pain_points.combining_schemas + t: Mengkombinasikan Schema Yang Berbeda + - key: options.graphql_pain_points.combining_schemas.description + t: Kemampuan untuk menggabungkan Schema API yang berbeda. + - key: options.graphql_pain_points.api_versioning + t: API Versioning + - key: options.graphql_pain_points.api_versioning.description + t: Handling deprecated fields and other versioning concerns. + - key: options.graphql_pain_points.file_upload + t: Pengunggahan File + - key: options.graphql_pain_points.file_upload.description + t: Kemampuan untuk mengunggah file lewat API GraphQL anda. + - key: options.graphql_pain_points.testing + t: Pengujian + - key: options.graphql_pain_points.testing.description + t: Menguji API GraphQL anda. + - key: options.graphql_pain_points.error_handling + t: Penanganan Error + - key: options.graphql_pain_points.error_handling.description + t: Mengembalikan error dan menanganinya pada klien. + - key: options.graphql_pain_points.client_side_caching + t: Client-side Caching + - key: options.graphql_pain_points.client_side_caching.description + t: Caching data klien, memperbarui cache, UI optimistik, dll. + + # learning methods + - key: options.first_steps_graphql.books + t: Buku + - key: options.first_steps_graphql.videos + t: Video & siaran + - key: options.first_steps_graphql.school + t: Sekolah & pendidikan yang lebih tinggi + - key: options.first_steps_graphql.courses_free + t: Kursus daring (free) + - key: options.first_steps_graphql.courses_paid + t: Kursus daring (paid) + - key: options.first_steps_graphql.podcasts + t: Podcast + - key: options.first_steps_graphql.bootcamp + t: Bootcamp Koding + - key: options.first_steps_graphql.on_the_job + t: Praktik Kerja Lapangan + - key: options.first_steps_graphql.self_directed + t: Pembelajaran mandiri (Google, Stack Overflow, dll.) + - key: options.first_steps_graphql.mentoring + t: Pementoran diff --git a/state_of_html.yml b/state_of_html.yml new file mode 100644 index 0000000..8381238 --- /dev/null +++ b/state_of_html.yml @@ -0,0 +1,905 @@ +locale: id-ID +namespace: html +translations: + ########################################################################### + # General + ########################################################################### + # Intro for stateofhtml.com + - key: general.state_of_html.intro + # aliasFor: general.html2023.survey_intro # Can we do that? + t: | + Sementara para pengembang web cenderung berfokus pada JavaScript and CSS, tidak ada yang mungkin kita lakukan tanpa HTML sebagai fondasinya. + + Telah lama kelihatan bahwa HTML tidak berevolusi, namun itu mungkin mulai berubah. + Elemen-elemen baru seperti `` sudah di depan mata, fitur-fitur baru yang keren seperti popover, + dan sekumpulan API-API yang berhubungan dengan browser (Web Components, PWA, dll.). + + Tahun ini, [Lea Verou](https://lea.verou.me/) mengemban tugas yang berat, yaitu memimpin perancangan survei baru ini, dari konten sampai UX dan lain-lainnya. + + berdasarkah keberhasilan dari [State of JS](http://stateofjs.com/) dan [State of CSS](https://stateofcss.com/), kami memperkenalkan **State of HTML**; + satu bagian terakhir yang melengkapi trilogi, jadi kita dapat melacak evolusi plaftorm web secara keseluruhan. + + Manfaatnya untuk anda: + - Hasil survei **digunakan oleh browser-browser** dan kelompok-kelompok standard **untuk pengutamaan peta jalur**. + Respon anda dapat membantu implementasi fitur yang anda inginkan, ketidakcocokan browser diprioritaskan, dan lubang-lubang lainnya diatasi. + - Belajar tentang fitur yang baru dan yang akan datang; tambahkan fitur-fitur ke daftar bacaan dan dapatkan sebuah daftar sumber di akhir survei! + - Dapatkan skor pengetahuan yang dipersonalisasi dan bandingkan diri anda dengan responden lainnya + + Survei ini akan dibuka selama 3 minggu, namun respon yang masuk **dalam 9 hari pertama (sampai 1 Oktober)** akan memiliki dampak yang jauh lebih besar untuk Web, + karena data awal akan digunakan untuk usaha-usaha prioritisasi yang memiliki deadlines sebelum itu. + + - key: general.state_of_html.description + t: Survei pengembang tahunan tentang platform web + + ########################################################################### + # Sections + ########################################################################### + + - key: sections.forms.title + t: Form + - key: sections.forms.description + t: Elemen dan atribut yang berkaitan dengan form + + - key: sections.interactivity.title + t: Interaktivitas + - key: sections.interactivity.description + t: API yang memungkinkan interaksi pengguna yang lebih kaya. + + - key: sections.web_components.title + t: Web Components + - key: sections.web_components.description + t: Membuat & memakai web components. + + - key: sections.content.title + t: Konten + - key: sections.content.description + t: Memasukkan, multimedia, data, dan fitur-fitur terkait konten lainnya. + + - key: sections.external_content.title + t: Konten eksternal + - key: sections.external_content.description + t: Memasukkan sumber daya eksternal, dan API multimedia lainnya. + + - key: sections.accessibility.title + t: Accessibility + - key: sections.accessibility.description + t: Membuat aplikasi dan situs yang dapat diakses semua orang. + + - key: sections.mobile_web_apps.title + t: Web App mirip Native + - key: sections.mobile_web_apps.description + t: Menulis web app yang dioptimisasi untuk mobile dan desktop. + + - key: sections.other_features.title + t: Fitur-fitur lain + - key: sections.other_features.description + t: Elemen HTML & API browser lainnya. + + - key: sections.other_tools.title + t: Fitur dan Alat-alat Lainnya + - key: sections.other_tools.description + t: Alat atau fitur-fitur lain yang anda pakai sebagai bagian dari pekerjaan anda. + + - key: sections.usage.title + t: Pemakaian + - key: sections.usage.description + t: Bagaimana anda menggunakan HTML. + + ########################################################################### + # Features + ########################################################################### + + # forms + + - key: features.form_controls + t: Kontrol Form + - key: features.form_controls.question + t: Kontrol form mana yang pernah anda gunakan? + + - key: features.form_input_types + t: Tipe Input + - key: features.form_input_types.question + t: Tipe input mana yang pernah anda gunakan? + - key: options.form_input_types.na + t: Tidak satupun dari yang di atas + + - key: features.form_validation_features + t: Validasi Form + - key: features.form_validation_features.question + t: Darimanakah dari fitur validasi form berikut yang pernah anda gunakan? + - key: options.form_validation_features.na + t: Tidak satupun dari yang di atas + + - key: features.forms_pain_points + t: Titik Sakit Form + - key: features.forms_pain_points.question + t: Apa saja titik sakit anda mengenai form HTML? + - key: features.forms_pain_points.description + t: | + Pertimbangkanlah berbagai kontrol form (e.g. ``, `