Monday, October 21, 2024

Pemrograman Javascript: Langkah Awal Belajar Javascript

Javascript adalah bahasa pemrograman yang wajib kamu pelajari jika ingin mendalami dunia web development. Saat ini javascript tidak hanya digunakan di sisi client (browser) saja. Javascript juga digunakan pada server, console, program desktop, mobile, IoT, game, dan lain-lain. Hal ini membuat javascript semakin populer dan menjadi bahasa yang paling banyak digunakan di Github.

Apa itu javascript? Javascript adalah bahasa pemrograman yang awalnya dirancang untuk berjalan di atas browser. Namun, seiring perkembangan zaman, javascript tidak hanya berjalan di atas browser saja. Javascript juga dapat digunakan pada sisi Server, Game, IoT, Desktop, dsb. Javascript awalnya bernama Mocha, lalu berubah menjadi LiveScript saat browser Netscape Navigator 2.0 rilis versi beta (September 1995). Namun, setelah itu dinamai ulang menjadi Javascript. 1 Terinspirasi dari kesuksesan Javascript, Microsoft mengadopsi teknologi serupa. Microsoft membuat ‘Javascript’ versi mereka sendiri bernama JScript. Lalu di tanam pada Internet Explorer 3.0. Hal ini mengakibatkan ‘ perang browser’, karena JScript milik Microsoft berbeda dengan Javascript racikan Netscape. Akhirnya pada tahun 1996, Netscape mengirimkan standarisasi ECMA-262 ke Ecma International. Sehingga lahirlah standarisasi kode Javascript bernama ECMAScript atau ES. Saat ini ECMAScript sudah mencapai versi 8 (ES8). 2 Versi ECMAScript Tahun Rilis ES 1 Juni 1997 ES 2 Juni 1998 ES 3 Desember 1999 ES 4 Terbengkalai ES 5 Desember 2009 ES 5.1 Juni 2011 ES 6 Juni 2015 ES 7 Juni 2016 ES 8 Juni 2017 Peralatan untuk Belajar Javascript Apa saja peralatan yang harus disiapkan untuk belajar Javascript? Web Browser (Google Chrome, Firefox, Opera, dll) Teks Editor (rekomendasi: VS Code).

Mengenal Console JavaScript Ada yang mengatakan, belajar javascript itu susah, karena saat melihat hasilnya di web browser, pesan error-nya tidak tampil. Pendapat ini tidak benar. Karena kita bisa melihatnya melalui console. Console Javascript dapat kita buka melalui Inspect Element->Console.

Di dalam console, kita bisa menulis fungsi atau kode-kode javascript dan hasilnya akan langsung ditampilkan. Misalnya, mari kita coba kode berikut: console.log("Hi apa kabar!"); alert("Saya sedang belajar javascript"); Maka hasilnya:

Jika kamu menggunakan Nodejs, maka cara mengakses console adalah dengan mengetik perintah node pada Terminal.

Setelah mencoba console Javascript, maka dapat kita simpulkan: Console bisa digunakan untuk menguji coba fungsi atau kode Javascript; Console dapat kita gunakan untuk melihat pesan error saat debugging program. …apa lagi ya? Membuat Program Javascript Pertama Sudah paham cara membuka dan menggunakan console javascript? Bagus… Kalau begitu, mari kita buat program pertama dengan Javascript. Silakan buka teks editor, kemudian buat file baru bernama hello_world.html dan isi dengan kode berikut:

Jika kamu menggunakan teks editor VS Code, maka akan terlihat seperti ini:

Tunggu sebentar… Tadi kita menulis perintah: Mengapa tidak ditampilkan? Karena perintah atau fungsi console.log() akan menampilkan pesan ke dalam console javascript. Sedangkan perintah document.write() berfungsi untuk menulis ke dokumen HTML, maka dia akan ditampilkan ke sana. Sekarang coba saja buka console javascript. Maka kita akan melihat pesan "Saya belajar Javascript":

>console.log("Saya belajar Javascript"); Kita sudah mengenal fungsi document.write() dan console.log(), nanti kita akan bahas lebih dalam lagi tentang fungsi ini pada: Cara Menampilkan Output pada Javascript Mengenal DOM API untuk Manipulasi HTML pada Javascript Sekarang, yang perlu kita ketahui berikutnya adalah: Bagaimana Cara Menulis Kode Javascript di HTML? Pada contoh di atas, kita sudah menulis kode javascript di dalam HTML. Cara tersebut merupakan cara penulisan embeded (ditempel). Masih ada beberapa cara lagi yang perlu kita ketahui: Embed (Kode Javascript ditempel langsung pada HTML. Contoh: yang tadi) Inline (kode Javascript ditulis pada atribut HTML) Eksternal (Kode Javascript ditulis terpisah dengan file HTML) Mari kita lihat contohnya…

1. Penulisan Kode javascript dengan Embed

Pada cara ini, kita menggunakan tag script untuk menempelkan (embed) kode Javascript pada HTML. Tag ini dapat ditulis di dalam tag head dan body. Contoh:

Mana yang lebih bagus, ditulis di dalam head atau body? Banyak yang merekomendasikan menuliskannya di dalam body, karena akan membuat web di-load lebih cepat.

2. Penulisan Kode javascript Inline

Pada cara ini, kita akan menulis kode javascript di dalam atribut HTML. Cara ini biasanya digunakan untuk memanggil suatu fungsi pada event tertentu. Misal: saat link diklik. Contoh:

Hasilnya:

Perhatikan… Pada atribut onclick dan href kita menuliskan fungsi javascript di sana. Atribut onclick merupakan atribut HTML untuk menyatakan fungsi yang akan dieksekusi saat elemen itu diklik. Pada contoh di atas, kita menjalankan fungsi alert(). Fungsi ini merupakan fungsi untuk menampilkan dialog. Lalu pada atribut href, kita juga memanggil fungsi alert() dengan didahului javascript:. Atribut href sebenarnya digunakan untuk mengisi alamat link atau URL. Karena kita ingin memanggil kode javascript di sana, maka alamat link tersebut kita ubah menjadi javascript: lalu diikuti dengan fungsi yang akan dipanggil.

3. Penulisan Kode javascript Eksternal

Pada cara ini, kita akan menulis kode javascript secara terpisah dengan file HTML. Cara ini biasanya digunakan pada proyek-proyek besar, karena diyakini—dengan cara ini—dapat lebih mudah mengelola kode project. Mari kita lihat contohnya… Kita buat dua file, yaitu: file HTML dan Javascript.

Maka Hasilya:

Pada contoh di atas, kita menulis kode javascript terpisah dengan kode HTML. Lalu, pada kode HTML… Kita menyisipkannya dengan memberikan atribut src pada tag script

Thursday, October 17, 2024

How Do Fully Electric Cars Work?

Fully electric vehicles, also called battery-powered vehicles (BEVs), have an electric motor instead of an internal combustion engine. They use a large traction battery pack to power the electric motor and must be plugged into a wall outlet or charging equipment , also called an electric vehicle supply equipment (EVSE). Because they run on electricity, they do not emit exhaust gases through the tailpipe and do not contain common liquid fuel components, such as fuel pumps, fuel lines, or fuel tanks. Learn more about electric vehicles .

High resolution images

Main Components of Electric Cars

Battery (full electric auxiliary): In electric vehicles, the auxiliary battery provides electricity to power the vehicle's accessories.

Charging port: The charging port allows the vehicle to connect to an external power source to charge the traction battery pack.

DC/DC converter: This device converts the high-voltage DC power from the traction battery pack to the low-voltage DC power needed to run vehicle accessories and recharge auxiliary batteries.

Electric traction motor: Using power from the traction battery, this motor drives the vehicle's wheels. Some vehicles use a motor generator that performs both propulsion and regeneration functions.

On-board charger: Takes incoming AC power supplied through the charging port and converts it to DC power to charge the traction battery. The charger also communicates with the charging equipment and monitors battery characteristics such as voltage, current, temperature, and state of charge while charging the battery.

Power electronics controller: This unit regulates the flow of electrical energy supplied by the traction battery, controlling the speed of the electric traction motor and the torque it produces.

Thermal (cooling) system: This system maintains the proper operating temperature range of the engine, electric motor, power electronics, and other components.

Traction battery pack: Stores electricity for use by the electric traction motor.

Transmission (electric): The transmission transfers mechanical power from the electric traction motor to drive the wheels.