javascript-tutorial / id.javascript.info

Tutorial JavaScript Modern dalam Bahasa Indonesia

Tutorial JavaScript Modern

Ini adalah repository konten Indonesia dari Tutorial JavaScript Modern yang terbit di https://javascript.info.

Penerjemahan

Kami ingin membuat tutorial tersedia dalam banyak bahasa. Silakan bantu kami menerjemahkannya.

Lihat https://javascript.info/translate untuk detilnya.

Kontribusi

Kami juga ingin berkolaborasi dengan orang lain di tutorial ini.

Apa ada yang salah? Apa ada topik yang hilang? Jelaskan ke semua orang, ajukan sebagai PR 👏

Kamu bisa edit teks di editor apapun. Tutorial ini memakai format "markdown" yang canggih, mudah dipahami. Jika kamu mau lihat bagaimana tampilan on-site-nya, ada server untuk menjalankan tutorial secara lokal di https://github.com/javascript-tutorial/server.

Daftar kontributor tersedia di https://javascript.info/about#contributors.

Struktur

Tiap bab, artikel atau tugas mempunyai foldernya sendiri.

Foldernya dinamai seperti N-url, di mana N adalah angka untuk tujuan pengurutan dan url adalah URL dengan judul bahan material.

Tipe material didefinisikan oleh file di dalam foldernya:

• index.md berdiri untuk sebuah bab
• article.md berdiri untuk satu artikel
• task.md berdiri untuk satu tugas (solusi harus disediakan dalam file solution.md juga)

Setiap file di sini dimulai dari # Main header.

Sangat mudah menambah hal baru.

Tips

Beberapa tips untuk penerjemah:

• Referensi untuk Markdown pada GitHub https://guides.github.com/features/mastering-markdown/

• Disarankan menggunakan teks editor markdown berbasis web seperti StackEdit, ataupun yang lainnya.

• Jika terdapat artikel yang sudah diterjemahkan namun sulit untuk dimengerti, penerjemah dapat membandingkan artikel tersebut dengan versi bahasa inggris, ubah artikel yang menurut penerjemah sulit dimengerti lalu lakukan PR.

• Terjemahan tidak harus akurat, yang terpenting mudah dipahami.

• Jangan terjemahkan error seperti Uncaught ReferenceError: asdfg tidak didefinisikan, tapi tambahkan catatan tambahan Uncaught ReferenceError: asdfg is not defined (asdfg belum/tidak terdefinisi/didefinisikan)

• Periksa glossary untuk melihat kata-kata yang digunakan pada repo ini, jika kata yang diinginkan tidak ada maka diskusikan pada issues #150 .

Jalankan repo secara lokal

Jika penerjemah ingin melihat repo dijalankan secara lokal, penerjemah dapat menggunakan https://github.com/javascript-tutorial/server.

id.javascript.info's Issues

Scripts: async, defer

Server-side language files

Please translate the website UI files.
Keep the file structure "as is".

locales.zip

Diskusi pemilihan kata

Untuk kata-kata yang akan digunakan silahkan diskusikan disini.

An Introduction to JavaScript

Regular expressions: Patterns and flags

Regular expressions: Patterns and flags

Penggunaan kata-kata dari bahasa inggris?

Hello kawan-kawan penerjemah,
Karena ada beberapa yang aktif dalam penerjemahan saya lihat menggunakan kata-kata yang berbeda-beda.
Kayanya harus ada kata/kalimat yang harus dipatok agar tidak diterjemahkan kedalam bahasa Indonesia, agar semua terjemahannya satu irama. hehehe
Soalnya ada yang pake kata "senarai" ada yang pake "array", ada yang "event" ada yang "peristiwa" dll, jadi tiap file me referensi ke kata yang berbeda-beda.

Ada masukan mungkin atau ada yang setuju bikin list kata yang tidak boleh diterjemahkan?

Data types: Methods of primitives

Data types: Methods of primitives

Regular expressions: Methods of RegEx and String

Regular expressions: Methods of RegEx and String

Indonesian Translation Progress

Maintainer List

@thickkoezz, @purwnt, @yoga1234, @juuni26

For New Translators

Please read this first (click to open)

To translate an article:

1. Check that no one else has claimed your article in the checklist below.
2. Comment below with the title of the article that you would like to translate, exactly as listed, e.g. An Introduction to JavaScript.
   • Please take only one article at a time.
3. Fork this repo, translate the article in your fork and submit a pull request!
   • The pull request title should be same as the article, e.g. An Introduction to JavaScript (just like comment)

Please be prompt with your translations! If you find that you can't commit any more, let maintainers know so they can assign the page to someone else.

For Maintainers

Click to open

We recommend that a translation has 2 reviews to be merged.

Please let others know what you do, on community boards and chats, invite them to join. Translations become better if more people see them.

Translations are tracked below, like this:

• Home Page (@iliakan) #1

Our helpful bot watches comments and adds the translator nick and PR id, marks completed, when PR is merged. You can read the details at https://javascript.info/translate/bot.

If something doesn't work right, please contact @iliakan.

Team translation

More details about team translation: https://javascript.info/translate/bot.

Only maintainers can check/uncheck items below. If you're not, please write in a comment what you take to translate, the title, exactly as in the list.

The JavaScript language

An introduction

• An Introduction to JavaScript
• Manuals and specifications
• Code editors
• Developer console

JavaScript Fundamentals

• Hello, world!
• Code structure
• The modern mode, "use strict"
• Variables
• Data types
• Interaction: alert, prompt, confirm
• Type Conversions
• Basic operators, maths
• Comparisons
• Conditional branching: if, '?'
• Logical operators
• Nullish coalescing operator '??'
• Loops: while and for (@fcrezza)
• The "switch" statement
• Functions
• Function expressions
• Arrow functions, the basics (@dummyeuy) #53
• JavaScript specials

Code quality

• Debugging in the browser
• Coding Style
• Comments
• Ninja code
• Automated testing with Mocha
• Polyfills and transpilers

Objects: the basics

• Objects
• Object references and copying
• Garbage collection (@hyuwah)
• Object methods, "this" (@dummyeuy) #57
• Constructor, operator "new" (@dummyeuy) #59
• Optional chaining '?.'
• Symbol type (@dummyeuy) #56
• Object to primitive conversion (@dummyeuy) #58

Data types

• Methods of primitives
• Numbers (@purwnt) #67
• Strings (@zdzc)
• Arrays (@dummyeuy) #63
• Array methods (@purwnt)
• Iterables (@purwnt)
• Map and Set
• WeakMap and WeakSet
• Object.keys, values, entries
• Destructuring assignment (@purwnt) #66
• Date and time (@gunturkh) #85
• JSON methods, toJSON

Advanced working with functions

• Recursion and stack (@lanasta)
• Rest parameters and spread syntax
• Variable scope, closure
• The old "var" (@elukuro)
• Global object (@lanasta)
• Function object, NFE
• The "new Function" syntax
• Scheduling: setTimeout and setInterval
• Decorators and forwarding, call/apply
• Function binding
• Arrow functions revisited

Object properties configuration

• Property flags and descriptors
• Property getters and setters

Prototypes, inheritance

• Prototypal inheritance (@yoga1234)
• F.prototype
• Native prototypes
• Prototype methods, objects without proto

Classes

• Class basic syntax (@juuni26)
• Class inheritance (@hendraaagil) #125
• Static properties and methods (@hendraaagil) #116
• Private and protected properties and methods (@hendraaagil) #114
• Extending built-in classes (@xtrixia)
• Class checking: "instanceof" (@raisoturu) #126
• Mixins (@hendraaagil) #128

Error handling

• Error handling, "try...catch"
• Custom errors, extending Error (@hendraaagil) #133

Promises, async/await

• Introduction: callbacks (@tegarjgap) #44
• Promise
• Promises chaining (@tegarjgap) #113
• Error handling with promises (@tegarjgap)
• Promise API (@tegarjgap) #119
• Promisification (@tegarjgap)
• Microtasks (@tegarjgap)
• Async/await (@tegarjgap)

Generators, advanced iteration

• Generators (@andreepratama27)
• Async iteration and generators (@hendraaagil) #141

Modules

• Modules, introduction (@tiana30) #159
• Export and Import (@babul28)
• Dynamic imports (@xtrixia)

Miscellaneous

• Proxy and Reflect
• Eval: run a code string (@raisoturu) #138
• Currying (@raisoturu) #140
• Reference Type
• BigInt
• Unicode, String internals
• WeakRef and FinalizationRegistry

Browser: Document, Events, Interfaces

Document

• Browser environment, specs (@raisoturu) #130
• DOM tree
• Walking the DOM (@wahyukmr) #317
• Searching: getElement*, querySelector* (@tiana30)
• Node properties: type, tag and contents (@tiana30)
• Attributes and properties (@wahyukmr) #318
• Modifying the document (@wahyukmr) #337
• Styles and classes
• Element size and scrolling
• Window sizes and scrolling
• Coordinates

Introduction to Events

• Introduction to browser events (@EmptyWork) #236
• Bubbling and capturing (@EmptyWork) #239
• Event delegation (@EmptyWork) #243
• Browser default actions (@EmptyWork) #245
• Dispatching custom events (@EmptyWork)

UI Events

• Mouse events
• Moving the mouse: mouseover/out, mouseenter/leave
• Drag'n'Drop with mouse events
• Pointer events
• Keyboard: keydown and keyup
• Scrolling

Forms, controls

• Form properties and methods (@Pazmy) #155
• Focusing: focus/blur (@Pazmy) #160
• Events: change, input, cut, copy, paste (@abdmmar) #224
• Forms: event and method submit (@abdmmar) #219

Document and resource loading

• Page: DOMContentLoaded, load, beforeunload, unload
• Scripts: async, defer
• Resource loading: onload and onerror

Miscellaneous

• Mutation observer
• Selection and Range
• Event loop: microtasks and macrotasks

Frames and windows

• Popups and window methods (@elukuro) #149
• Cross-window communication
• The clickjacking attack

Binary data, files

• ArrayBuffer, binary arrays
• TextDecoder and TextEncoder
• Blob
• File and FileReader (@abdmmar) #218

Network requests

• Fetch (@tiana30) #134
• FormData (@babul28)
• Fetch: Download progress (@babul28)
• Fetch: Abort (@babul28)
• Fetch: Cross-Origin Requests (@tiana30) #145
• Fetch API (@igihcksn)
• URL objects
• XMLHttpRequest
• Resumable file upload (@abdmmar)
• Long polling (@babul28)
• WebSocket
• Server Sent Events

Storing data in the browser

• Cookies, document.cookie
• LocalStorage, sessionStorage (@abdmmar) #217
• IndexedDB

Animation

• Bezier curve
• CSS-animations (@greenbrown)
• JavaScript animations

Web components

• From the orbital height (@abdmmar)
• Custom elements (@abdmmar)
• Shadow DOM (@abdmmar) #143
• Template element (@abdmmar)
• Shadow DOM slots, composition (@abdmmar) #214
• Shadow DOM styling (@abdmmar) #215
• Shadow DOM and events (@abdmmar)

Regular expressions

• Patterns and flags
• Character classes
• Unicode: flag "u" and class \p{...}
• Anchors: string start ^ and end $
• Multiline mode of anchors ^ $, flag "m"
• Word boundary: \b
• Escaping, special characters
• Sets and ranges [...]
• Quantifiers +, *, ? and {n}
• Greedy and lazy quantifiers
• Capturing groups
• Backreferences in pattern: \N and \k<name>
• Alternation (OR) |
• Lookahead and lookbehind
• Catastrophic backtracking
• Sticky flag "y", searching at position
• Methods of RegExp and String

Saya Menemukan adanya salah ketik/typo yg harus nya mengharapkan tapi malah ( menrharapkan )

pada url => https://id.javascript.info/type-conversions
pada title = Konversi Numerik

Terimakasih