Skip to content

Id translation #360

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 6 commits into from
Closed

Id translation #360

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
8bf285d
Memulai penerjemahan
miftahafina Aug 9, 2016
90f7c77
Update readme.md
miftahafina Aug 9, 2016
15df227
Update halaman instalasi
miftahafina Aug 9, 2016
0af2d03
Update halaman Memulai
miftahafina Aug 9, 2016
137d677
Update halaman Selayang Pandang
miftahafina Aug 9, 2016
cb56619
Update halaman Selayang Pandang
miftahafina Aug 9, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
# vuejs.org
# docs.vuejs.id

This site is built with [hexo](http://hexo.io/). Site content is written in Markdown format located in `src`. Pull requests welcome!
Situs ini dibangun dengan [hexo](http://hexo.io/). Konten situs ditulis menggunakan format Markdown yang bertempat di folder `src`. Pull request dipersilakan!

## Developing
## Pengembangan

Start a dev server at `localhost:4000`:
Memulai server pengembangan pada `localhost:4000`:

```
$ npm install -g hexo-cli
Expand Down
4 changes: 2 additions & 2 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
"version": "1.0.18",
"private": true,
"hexo": {
"version": "3.2.0"
"version": "3.2.2"
},
"dependencies": {
"hexo": "^3.2.0",
Expand All @@ -18,4 +18,4 @@
"hexo-renderer-stylus": "^0.3.1",
"hexo-server": "^0.2.0"
}
}
}
36 changes: 21 additions & 15 deletions src/guide/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
---
title: Getting Started
title: Memulai
type: guide
order: 1
---

Let's start with a quick tour of Vue's data binding features. If you are more interested in a high-level overview first, check out this [blog post](http://blog.evanyou.me/2015/10/25/vuejs-re-introduction/).
<!-- Let's start with a quick tour of Vue's data binding features. If you are more interested in a high-level overview first, check out this [blog post](http://blog.evanyou.me/2015/10/25/vuejs-re-introduction/). -->
Mari kita mulai dengan tour ringkas penggunaan fitur data binding pada Vue.js. Jika anda lebih tertarik untuk ikhtisar yang lebih tinggi levelnya, cek [postingan blog ini](http://blog.evanyou.me/2015/10/25/vuejs-re-introduction/).

The easiest way to try out Vue.js is using the [JSFiddle Hello World example](https://jsfiddle.net/yyx990803/okv0rgrk/). Feel free to open it in another tab and follow along as we go through some basic examples. If you prefer downloading / installing from a package manager, check out the [Installation](/guide/installation.html) page.
<!-- The easiest way to try out Vue.js is using the [JSFiddle Hello World example](https://jsfiddle.net/yyx990803/okv0rgrk/). Feel free to open it in another tab and follow along as we go through some basic examples. If you prefer downloading / installing from a package manager, check out the [Installation](/guide/installation.html) page. -->
Cara termudah untuk mencoba Vue.js adalah melalui [contoh Hello World pada JSFiddle](https://jsfiddle.net/yyx990803/okv0rgrk/). Silakan membuka tab baru dan ikuti sebagaimana yang telah kami contohkan.

### Hello World

Expand Down Expand Up @@ -37,7 +39,8 @@ new Vue({
</script>
{% endraw %}

### Two-way Binding
<!-- ### Two-way Binding -->
### Data Binding Dua Arah

``` html
<div id="app">
Expand Down Expand Up @@ -68,7 +71,7 @@ new Vue({
</script>
{% endraw %}

### Render a List
### Render sebuah List

``` html
<div id="app">
Expand All @@ -84,9 +87,9 @@ new Vue({
el: '#app',
data: {
todos: [
{ text: 'Learn JavaScript' },
{ text: 'Learn Vue.js' },
{ text: 'Build Something Awesome' }
{ text: 'Belajar JavaScript' },
{ text: 'Belajar Vue.js' },
{ text: 'Buat sesuatu yang mengagumkan' }
]
}
})
Expand All @@ -104,21 +107,22 @@ new Vue({
el: '#app3',
data: {
todos: [
{ text: 'Learn JavaScript' },
{ text: 'Learn Vue.js' },
{ text: 'Build Something Awesome' }
{ text: 'Belajar JavaScript' },
{ text: 'Belajar Vue.js' },
{ text: 'Buat sesuatu yang mengagumkan' }
]
}
})
</script>
{% endraw %}

### Handle User Input
<!-- ### Handle User Input -->
### Menangani Inputan dari Pengguna

``` html
<div id="app">
<p>{{ message }}</p>
<button v-on:click="reverseMessage">Reverse Message</button>
<button v-on:click="reverseMessage">Balik Pesan</button>
</div>
```
``` js
Expand All @@ -137,7 +141,7 @@ new Vue({
{% raw %}
<div id="app4" class="demo">
<p>{{ message }}</p>
<button v-on:click="reverseMessage">Reverse Message</button>
<button v-on:click="reverseMessage">Balik Pesan</button>
</div>
<script>
new Vue({
Expand All @@ -154,7 +158,8 @@ new Vue({
</script>
{% endraw %}

### All Together Now
<!-- ### All Together Now -->
### Lakukan Secara Bersamaan

``` html
<div id="app">
Expand Down Expand Up @@ -226,3 +231,4 @@ new Vue({
{% endraw %}

I hope this gives you a basic idea of how Vue.js works. I'm sure you also have many questions now - read along, and we will cover them in the rest of the guide.
Kami harap ini dapat memberikan Anda gambaran bagaimana Vue.js bekerja. Kami yakin anda juga memiliki banyak pertanyaan sekarang. Silakan baca terus, dan kami akan membahasnya di panduan berikutnya.
55 changes: 33 additions & 22 deletions src/guide/installation.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Installation
title: Instalasi
type: guide
order: 0
vue_version: 1.0.26
Expand All @@ -8,63 +8,72 @@ min_size: "75.01"
gz_size: "26.03"
---

### Compatibility Note
### Catatan Kompatibilitas

Vue.js does **not** support IE8 and below, because Vue.js uses ECMAScript 5 features that are un-shimmable in IE8. However Vue.js supports all [ECMAScript 5 compliant browsers](http://caniuse.com/#feat=es5).
<!-- Vue.js does **not** support IE8 and below, because Vue.js uses ECMAScript 5 features that are un-shimmable in IE8. However Vue.js supports all [ECMAScript 5 compliant browsers](http://caniuse.com/#feat=es5). -->
Vue.js **tidak mendukung** IE8 dan di bawahnya, karena Vue.js memakai fitur ECMAScript 5 yang dapat berjalan di IE8. Akan tetapi, Vue.js mendukung semua [browser yang dapat menjalankan ECMAScript 5](http://caniuse.com/#feat=es5).

### Release Notes
### Catatan Rilis

Detailed release notes for each version are available on [GitHub](https://github.com/vuejs/vue/releases).
<!-- Detailed release notes for each version are available on [GitHub](https://github.com/vuejs/vue/releases). -->
Detil catatan rilis untuk setiap versi tersedia di [GitHub](https://github.com/vuejs/vue/releases).

## Standalone

Simply download and include with a script tag. `Vue` will be registered as a global variable. **Pro tip: don't use the minified version during development. you will miss out all the nice warnings for common mistakes.**
<!-- Simply download and include with a script tag. `Vue` will be registered as a global variable. **Pro tip: don't use the minified version during development. you will miss out all the nice warnings for common mistakes.** -->
Download dengan mudah dan cukup masukkan ke dalam tag `<script>`. `Vue` akan ter-register sebagai variabel global. **Tips: jangan menggunakan versi minified (versi produksi) selama proses pengembangan aplikasi, karena anda tidak dapat melihat semua peringatan maupun pesan error jika terdapat kesalahan.**

<div id="downloads">
<a class="button" href="/js/vue.js" download>Development Version</a><span class="light info">With full warnings and debug mode</span>
<a class="button" href="/js/vue.js" download>Versi Pengembangan</a><span class="light info">dengan full warnings dan debug mode</span>

<a class="button" href="/js/vue.min.js" download>Production Version</a><span class="light info">Warnings stripped, {{gz_size}}kb min+gzip</span>
<a class="button" href="/js/vue.min.js" download>Versi Produksi</a><span class="light info">Tanpa warning, {{gz_size}}kb min+gzip</span>
</div>

### CDN
### CDN (Content Delivery Network)

Available on [jsdelivr](//cdn.jsdelivr.net/vue/{{vue_version}}/vue.min.js) or [cdnjs](//cdnjs.cloudflare.com/ajax/libs/vue/{{vue_version}}/vue.min.js) (takes some time to sync so the latest version might not be available yet).
<!-- Available on [jsdelivr](//cdn.jsdelivr.net/vue/{{vue_version}}/vue.min.js) or [cdnjs](//cdnjs.cloudflare.com/ajax/libs/vue/{{vue_version}}/vue.min.js) (takes some time to sync so the latest version might not be available yet). -->
Tersedia di [jsdelivr](//cdn.jsdelivr.net/vue/{{vue_version}}/vue.min.js) atau [cdnjs](//cdnjs.cloudflare.com/ajax/libs/vue/{{vue_version}}/vue.min.js) (membutuhkan beberapa saat untuk sinkronasi, jadi versi terbaru mungkin belum tersedia)

Also available on [npmcdn](https://npmcdn.com/vue/dist/vue.min.js), which will reflect the latest version as soon as it is published to npm. You can also browse the source of the npm package at [npmcdn.com/vue/](https://npmcdn.com/vue/).
<!-- Also available on [npmcdn](https://npmcdn.com/vue/dist/vue.min.js), which will reflect the latest version as soon as it is published to npm. You can also browse the source of the npm package at [npmcdn.com/vue/](https://npmcdn.com/vue/). -->
Juga tersedia di [npmcdn](https://npmcdn.com/vue/dist/vue.min.js), yang secara otomatis tersedia versi terakhir ketika versi tersebut baru dirilis di npm. Anda juga dapat melihat-lihat sumber package npm di [npmcdn.com/vue/](https://npmcdn.com/vue/).

### CSP-compliant build

Some environments, such as Google Chrome Apps, enforces Content Security Policy (CSP) and does not allow the use of `new Function()` for evaluating expressions. In these cases you can use the [CSP-compliant build](https://github.com/vuejs/vue/tree/csp/dist) instead.
<!-- Some environments, such as Google Chrome Apps, enforces Content Security Policy (CSP) and does not allow the use of `new Function()` for evaluating expressions. In these cases you can use the [CSP-compliant build](https://github.com/vuejs/vue/tree/csp/dist) instead. -->
Beberapa environment, seperti Google Chrome Apps, memaksa Content Security Policy (CSP) dan tidak memperbolehkan penggunaan `new Function()` untuk meng-evaluasi expressions. Dalam kasus ini maka Anda harus menggunakan [CSP-compliant build](https://github.com/vuejs/vue/tree/csp/dist) sebagai gantinya.

## NPM

NPM is the recommended installation method when building large scale apps with Vue.js. It pairs nicely with a CommonJS module bundler such as [Webpack](http://webpack.github.io/) or [Browserify](http://browserify.org/). Vue.js also provides accompanying tools for authoring [Single File Components](application.html#Single-File-Components).
<!-- NPM is the recommended installation method when building large scale apps with Vue.js. It pairs nicely with a CommonJS module bundler such as [Webpack](http://webpack.github.io/) or [Browserify](http://browserify.org/). Vue.js also provides accompanying tools for authoring [Single File Components](application.html#Single-File-Components). -->
NPM adalah metode instalasi yang direkomendasikan ketika membangun sebuah aplikasi berskala besar menggunakan Vue.js. Ia berpasangan dengan baik dengan CommonJS module bundler seperti [Webpack](http://webpack.github.io/) atau [Browserify](http://browserify.org/). Vue.js juga menyediakan accompanying tools untuk authoring [Single File Components](application.html#Single-File-Components)

``` bash
# latest stable
# versi stabil terbaru
$ npm install vue
# latest stable + CSP-compliant
# versi stabil terbaru + CSP-compliant
$ npm install vue@csp
```

## CLI
## CLI (Command Line Interface)

Vue.js provides an [official CLI](https://github.com/vuejs/vue-cli) for quickly scaffolding ambitious Single Page Applications. It provides battery-included build setups for a modern frontend workflow. It takes only a few minutes to get up and running with hot-reload, lint-on-save and production-ready builds:
<!-- Vue.js provides an [official CLI](https://github.com/vuejs/vue-cli) for quickly scaffolding ambitious Single Page Applications. It provides battery-included build setups for a modern frontend workflow. It takes only a few minutes to get up and running with hot-reload, lint-on-save and production-ready builds: -->
Vue.js menyediakan sebuah [CLI resmi](https://github.com/vuejs/vue-cli) untuk mempercepat pembangunan Single Page Applications. Hanya membutuhkan beberapa menit untuk memasang dan menjalankan dengan hot-reload, lint-on-save dan production-ready builds.

``` bash
# install vue-cli
$ npm install -g vue-cli
# create a new project using the "webpack" boilerplate
# buat sebuah project menggunakan boilerplate "webpack"
$ vue init webpack my-project
# install dependencies and go!
# install dependencies dan siap dijalankan!
$ cd my-project
$ npm install
$ npm run dev
```

## Dev Build
<!-- **Important**: the CommonJS bundle distributed on NPM (`vue.common.js`) is only checked-in during releases on the `master` branch, so the file in the `dev` branch is the same as the stable release. To use Vue from the latest source code on GitHub, you will have to build it yourself! -->

**Important**: the CommonJS bundle distributed on NPM (`vue.common.js`) is only checked-in during releases on the `master` branch, so the file in the `dev` branch is the same as the stable release. To use Vue from the latest source code on GitHub, you will have to build it yourself!
**Penting**: the CommonJS bundle distributed on NPM (`vue.common.js`) is only checked-in during releases on the `master` branch, so the file in the `dev` branch is the same as the stable release. Untuk menggunakan Vue dari source code terbaru di GitHub, Anda harus membuatnya sendiri!

``` bash
git clone https://github.com/vuejs/vue.git node_modules/vue
Expand All @@ -76,10 +85,12 @@ npm run build
## Bower

``` bash
# latest stable
# versi stabil terbaru
$ bower install vue
```

## AMD Module Loaders

The standalone downloads or versions installed via Bower are wrapped with UMD so they can be used directly as an AMD module.
<!-- The standalone downloads or versions installed via Bower are wrapped with UMD so they can be used directly as an AMD module. -->

Versi standalone download maupun versi yang terinstall melalui Bower adalah di-wrap dengan UMD, jadi dapat langsung digunakan sebagai modul AMD.
Loading