{"title":"JavaScript","version":"3.1","locale":"id","docname":"internals/contributing/writing-code/javascript","url":"/id/3.1/internals/contributing/writing-code/javascript/","canonical":"https://djangodocs.dev/id/3.1/internals/contributing/writing-code/javascript/","summary":"Selagi kebanyakan inti Django adalah Python, aplikasi penyumbang admin and gis mengandung kode JavaScript. Silahkan mengikuti standar pengkodean ketika menulis kode…","html":"

JavaScriptLink to this heading#

\n

Selagi kebanyakan inti Django adalah Python, aplikasi penyumbang admin and gis mengandung kode JavaScript.

\n

Silahkan mengikuti standar pengkodean ketika menulis kode javaScript untuk penyertaan di Django.

\n
\n

Gaya kodeLink to this heading#

\n\n
\n
\n

Tambalan JavaScriptLink to this heading#

\n

Sistem admin Django berpengaruh kerangka kerja jQuery untuk meningkatkan kemampuan dari antarmuka admin. Dalam hubungannya, ada sebuah tekanan pada penampilan admin JavaScript dan memiminalkan keseluruhan ukuran berkas media admin. Melayani versi dikempa atau "dikecilkan" dari berkas-berkas JavaScript adalah dianggap praktik terbaik dalam kasus ini.

\n

Untuk itu, tambalan-tambalan untuk berkas-berkas JavaScript harus menyertakan kedua kode asli untuk pengembangan akan datang (sebagai contoh foo.js), dan versi dikempa untuk penggunaan produksi (sebagai contoh foo.min.js). Tautan apapun pada berkas di basis kode harus menunjukkan ke versi terkempa.

\n
\n

Memadatkan JavaScriptLink to this heading#

\n

Untuk menyederhanakan pengolahan menyediakan kode JavaScript yang dioptimalkan, Django menyertakan tulisan Python berguna yang harus digunakan untuk membuat versi "dipekercil". Untuk menjalankannya:

\n

Linux / macOS

Shell
$ python django/contrib/admin/bin/compress.py\n
\n

Windows

Windows
...\\> py django\\contrib\\admin\\bin\\compress.py\n
\n

Behind the scenes, compress.py is a front-end for Google's\nClosure Compiler which is written in Java. The Closure Compiler library is\nnot bundled with Django, but will be installed automatically by npm. The\nClosure Compiler library requires Java 7 or higher.

\n

Harap jangan lupa menjalankan compress.py dan sertakan diff dari tulisan yang diperkecil ketika mengajukan tambalan untuk JavaScript Django.

\n
\n
\n
\n

Percobaan JavaScriptLink to this heading#

\n

Percobaan JavaScript Django dapat berjalan di perambah atau baris perintah. Percobaan ditempatkan di tingkat atas pelipat js_tests.

\n
\n

Menulis percobaanLink to this heading#

\n

Percobaan JavasScript Django menggunakan QUnit. Ini adalah sebuah contoh percobaan modul:

\n
JavaScript
QUnit.module('magicTricks', {\n    beforeEach: function() {\n        const $ = django.jQuery;\n        $('#qunit-fixture').append('<button class="button"></button>');\n    }\n});\n\nQUnit.test('removeOnClick removes button on click', function(assert) {\n    const $ = django.jQuery;\n    removeOnClick('.button');\n    assert.equal($('.button').length, 1);\n    $('.button').click();\n    assert.equal($('.button').length, 0);\n});\n\nQUnit.test('copyOnClick adds button on click', function(assert) {\n    const $ = django.jQuery;\n    copyOnClick('.button');\n    assert.equal($('.button').length, 1);\n    $('.button').click();\n    assert.equal($('.button').length, 2);\n});\n
\n

Silahkan rundingkan dokumentasi QUnit untuk informasi pada jenis-jenis dari assertions supported by QUnit.

\n
\n
\n

Menjalankan percobaanLink to this heading#

\n

Percobaan JavaScript dapat berjalan dari perambah jaringan atau dari baris perintah.

\n
\n

Dicoba dari sebuah perambah jaringanLink to this heading#

\n

Untuk menjalankan percobaan dari perambah jaringan, buka js_tests/tests.html di perambah anda.

\n

Untuk mengukur cakupan kode ketika menjalankan percobaan, anda butuh melihat berkas itu melalui HTTP. Untuk melihat cakupan kode:

\n\n
\n
\n

Percobaan dari baris perintahLink to this heading#

\n

Untuk menjalankan percobaan dari baris perintah, anda butuh mempunyai Node.js terpasang.

\n

After installing Node.js, install the JavaScript test dependencies by\nrunning the following from the root of your Django checkout:

\n

Linux / macOS

Shell
$ npm install\n
\n

Windows

Windows
...\\> npm install\n
\n

lalu jalankan percobaan dengan:

\n

Linux / macOS

Shell
$ npm test\n
\n

Windows

Windows
...\\> npm test\n
\n
\n
\n
","rootId":"javascript","toc":[{"title":"Gaya kode","anchor":"code-style","children":[]},{"title":"Tambalan JavaScript","anchor":"javascript-patches","children":[{"title":"Memadatkan JavaScript","anchor":"compressing-javascript","children":[]}]},{"title":"Percobaan JavaScript","anchor":"javascript-tests","children":[{"title":"Menulis percobaan","anchor":"writing-tests","children":[]},{"title":"Menjalankan percobaan","anchor":"running-tests","children":[{"title":"Dicoba dari sebuah perambah jaringan","anchor":"testing-from-a-web-browser","children":[]},{"title":"Percobaan dari baris perintah","anchor":"testing-from-the-command-line","children":[]}]}]}],"breadcrumbs":[{"docname":"internals/index","title":"Dalam Django","url":"/id/3.1/internals/"},{"docname":"internals/contributing/index","title":"Membantu untuk Django","url":"/id/3.1/internals/contributing/"},{"docname":"internals/contributing/writing-code/index","title":"Penulisan kode","url":"/id/3.1/internals/contributing/writing-code/"}],"prev":{"docname":"internals/contributing/writing-code/working-with-git","title":"Bekerja dengan Git dan GitHub","url":"/id/3.1/internals/contributing/writing-code/working-with-git/"},"next":{"docname":"internals/contributing/writing-documentation","title":"Menulis dokumentasi","url":"/id/3.1/internals/contributing/writing-documentation/"},"formats":{"html":"/id/3.1/internals/contributing/writing-code/javascript/","markdown":"/id/3.1/internals/contributing/writing-code/javascript.md","json":"/id/3.1/internals/contributing/writing-code/javascript.json"},"source":"https://github.com/django/django/blob/stable/3.1.x/docs/internals/contributing/writing-code/javascript.txt","official":"https://docs.djangoproject.com/id/3.1/internals/contributing/writing-code/javascript/","inVersions":["6.1","6.0","5.2","5.1","5.0","4.2","4.1","4.0","3.2","3.1","3.0","2.2","2.1","2.0","1.11","1.10","1.9"],"inLocales":["en","zh-hans","fr","ja","id","pt-br","ko","es","el","pl"]}