Lompat ke isi

Brackets Editor: Perbedaan antara revisi

Dari Wikipedia bahasa Indonesia, ensiklopedia bebas
Konten dihapus Konten ditambahkan
k menambahkan Kategori:Bahasa pemrograman menggunakan HotCat
Clairesijabat (bicara | kontrib)
Tidak ada ringkasan suntingan
Tag: VisualEditor Suntingan perangkat seluler Suntingan peramban seluler Tugas pengguna baru Newcomer task: copyedit
 
(19 revisi perantara oleh 10 pengguna tidak ditampilkan)
Baris 1: Baris 1:
{{tanpa_kategori}}
{{cleanup}}
{{tone}}
[[Berkas:Adobe Brackets v0.0.x icon.png|jmpl|Logo Brackets]]
{{noref}}
'''Bracket editor''' adalah code editor yang secara khusus dikembangkan untuk tujuan web design dan front-end development. Project Brackets ini diusung oleh Adobe secara open source dan dikembangkan secara aktif oleh komunitas web developer dan benar-benar dibuat untuk kebutuhan web development, khususnya web design dan front-end development. Aplikasi ini tersedia untuk sistem operasi Windows, Linux, dan Mac OS X.
[[Berkas:Brackets Icon.svg|jmpl|Logo Brackets]]
'''Brackets editor''' merupakan [[aplikasi]] teks editor yang dibuat untuk tujuan pembuatan desain [[website|''website'']]. Aplikasi ini dipublikasikan oleh [[Adobe Systems|Adobe]] secara [[Sumber terbuka|''open source'']]. Aplikasi brackets tersedia untuk beberapa sistem operasi diantaranya Windows dan Linux.


== Bahasa Pemrograman Yang Didukung ==
== Bahasa Pemrograman Yang Didukung ==
[[Berkas:Brackets text editor (Finnish).png|jmpl|203x203px|Brackets]]
[[Berkas:Brackets text editor (Finnish).png|jmpl|203x203px|Brackets]]


Brackets merupakan aplikasi code editor yang berfokus kepada bahasa pemrograman :
Brackets editor merupakan aplikasi teks editor yang berfokus kepada bahasa pemrograman:
* HTML
* [[HTML]]
* [[Cascading Style Sheets|CSS]]
* CSS
* [[JavaScript]]
* Javascript


== Kelebihan ==
== Fitur ==


=== 1. Open source ===
=== 1. Live HTML ===
Brackets editor memiliki fitur live HTML yang dapat memudahkan pengguna dalam menulis code program, dimana ketika menulis code program maka code program akan langsung dikirim ke web browser tanpa harus menyimpan atau memuat ulang halaman website ketika ingin di tampilkan.
Program Brackets ini merupakan program yang bersifat open source, dalam arti kode program tersedia bebas dan siapapun dapat ikut berkontribusi dalam proses pengembangan program untuk membuat program menjadi lebih baik lagi.


=== 2. Live HTML Development ===
=== 2. Pengawakutuan '''JavaScript''' ===
Brackets editor menggunakan theseus untuk melakukan pengecekan, serta untuk mencari dan mengurangi kerusakan pada javascript. Dengan fitur ini dapat memudahkan para pengguna dalam menginspeksi variable dan control flow.
Dengan menggunakan Brackets, setiap menulis ''code'' efeknya akan langsung dikirim ke ''web browser'' tanpa harus menyimpan atau me''-reload'' halaman. Catatan: Instal Google Chrome untuk menikmati fitur ini.


=== 3. '''Javascript Debungging dengan Theseus''' ===
=== 3. '''Quick Edit''' ===
Fitur quick edit dalam brackets editor merupakan fitur andalan dari brackets editor. Dengan fitur ini para pengguna dapat langsung mengedit CSS dari elemen HTML yang ada menggunakan rule tersebut tanpa harus berganti file ataupun dokumen, fitur quick edit ini juga berlaku untuk javascript.
Brackets memanfaatkan Theseus untuk melakukan inspeksi dan ''debugging'' Javascript. Pengguna akan dimudahkan dalam menginspeksi variable dan ''control flow'' bahkan secara ''asynchronous''.


=== 4. Quick Edit Color ===
=== 4. '''Aktif dikembangkan khusus untuk ''web developer''''' ===
Quick Edit Color dalam Brackets merupakan fitur yang dapat memudahkan pengguna dalam mengubah warna sesuatu di dalam website.
Brackets dikembangkan dengan menggunakan teknologi HTML, CSS, dan Javascript oleh para pengembang ''web''. Sehingga arah pengembangan Brackets tentu saja untuk memenuhi kebutuhan para ''web developer''. Selain itu, brackets aktif dikembangkan sehingga fitur dan ekstensi baru setiap 2.5 pekan.


=== 5. '''Fitur quick edit''' ===
=== 5. Image Management ===
Brackets editor memiliki fitur image management yang dapat mempermudah para pengguna ketika ingin melihat gambar yang ditampilkan pada program hanya dengan menambahkan hover pada tag src HTML.
Fitur "Quick Edit" merupakan salah satu fitur andalan dari Brackets. Dengan fitur ini dapat mengedit ''rule'' CSS langsung dari elemen HTML yang menggunakan ''rule'' tersebut. Tanpa harus berpindah-pindah file/dokumen, hal ini berlaku juga untuk Javascript.


=== 6. Quick edit color ===
=== 6. Extension Support ===
Fitur Extension Support dalam brackets editor merupakan berbagai ekstensi dukungan dari pihak ketiga. Ekstensi ini digunakan untuk mempermudah kebutuhan dari pengguna brackets editor sendiri.
Salah satu keunggulan teks editor ini adalah fitur quick edit color-nya, dimana akan lebih mudah dalam mengubah warna suatu tampilan program, tanpa harus repot - repot lagi menuliskan kode warna HEX, RGB / HUE ke dalam teks editor. Blok warna yang dipilih lalu tekan tombol CTRL + E maka akan tampil warna yang anda ubah.

=== 7. Image management ===
Fitur ini mempermudah melihat gambar yang ditampilkan pada program, hanya dengan melakukan hover pada tag src HTML saja.

=== 8. Extension support ===
Dukungan eksetensi dari pihak ketiga merupakan hal standar yang diterapkan oleh beberapa program teks editor, untuk mempermudah kebutuhan dari pengguna itu sendiri. Begitu juga dengan Brackets tidak melupakan fitur satu ini.


== Referensi ==
== Referensi ==
{{reflist}}
* https://www.codepolitan.com/brackets-open-source-code-editor-untuk-web-designers-dan-front-end-developers
<!-- Perlu perbaikan
* http://www.tahutek.net/2014/03/brackets-code-editor-untuk-web-designer.html
* {{url|https://www.codepolitan.com/brackets-open-source-code-editor-untuk-web-designers-dan-front-end-developers}}
* http://bobsblogz.blogspot.co.id/2014/04/review-program-editor-brackets.html
* {{url|http://www.tahutek.net/2014/03/brackets-code-editor-untuk-web-designer.html}}
* {{url|http://bobsblogz.blogspot.co.id/2014/04/review-program-editor-brackets.html}} -->


[[Kategori:Bahasa pemrograman]]
[[Kategori:Aplikasi]]
[[Kategori:Perangkat lunak bebas]]
[[Kategori:Perangkat lunak bebas yang diprogram dengan JavaScript]]
[[Kategori:Penyunting teks]]

Revisi terkini sejak 31 Desember 2022 06.07

Logo Brackets

Brackets editor merupakan aplikasi teks editor yang dibuat untuk tujuan pembuatan desain website. Aplikasi ini dipublikasikan oleh Adobe secara open source. Aplikasi brackets tersedia untuk beberapa sistem operasi diantaranya Windows dan Linux.

Bahasa Pemrograman Yang Didukung

[sunting | sunting sumber]
Brackets

Brackets editor merupakan aplikasi teks editor yang berfokus kepada bahasa pemrograman:

1. Live HTML

[sunting | sunting sumber]

Brackets editor memiliki fitur live HTML yang dapat memudahkan pengguna dalam menulis code program, dimana ketika menulis code program maka code program akan langsung dikirim ke web browser tanpa harus menyimpan atau memuat ulang halaman website ketika ingin di tampilkan.

2. Pengawakutuan JavaScript

[sunting | sunting sumber]

Brackets editor menggunakan theseus untuk melakukan pengecekan, serta untuk mencari dan mengurangi kerusakan pada javascript. Dengan fitur ini dapat memudahkan para pengguna dalam menginspeksi variable dan control flow.

3. Quick Edit

[sunting | sunting sumber]

Fitur quick edit dalam brackets editor merupakan fitur andalan dari brackets editor. Dengan fitur ini para pengguna dapat langsung mengedit CSS dari elemen HTML yang ada menggunakan rule tersebut tanpa harus berganti file ataupun dokumen, fitur quick edit ini juga berlaku untuk javascript.

4. Quick Edit Color

[sunting | sunting sumber]

Quick Edit Color dalam Brackets merupakan fitur yang dapat memudahkan pengguna dalam mengubah warna sesuatu di dalam website.

5. Image Management

[sunting | sunting sumber]

Brackets editor memiliki fitur image management yang dapat mempermudah para pengguna ketika ingin melihat gambar yang ditampilkan pada program hanya dengan menambahkan hover pada tag src HTML.

6. Extension Support

[sunting | sunting sumber]

Fitur Extension Support dalam brackets editor merupakan berbagai ekstensi dukungan dari pihak ketiga. Ekstensi ini digunakan untuk mempermudah kebutuhan dari pengguna brackets editor sendiri.

Referensi

[sunting | sunting sumber]