Bagian 3 JavaScript – Mengenal Logic Programming Untuk Membuat Website Dinamis “Front End dan Back End Developer”

Tutorial ini merupakan lanjutan dari tutorial sebelumnya, yaitu HTML dan CSS. Jika belum mengetahui apa itu HTML dan CSS, kamu bisa mempelajarinya pada tutorial di bawah ini.

1. Full Stack Web Developer Bagian 1 – HTML
2. Full Stack Web Developer Bagian 2 – CSS 

Saya harap kamu telah mengetahui HTML dan CSS, dan mari kita lanjut belajar.

Apa itu JavaScript?

JavaScript adalah bahasa pemrograman yang dapat bekerja di lingkungan front-end dan back-end (server). Namun pada tutorial ini, kita akan lebih fokus belajar dalam bidang front end menggunakan JavaScript.

JavaScript umumnya digunakan untuk membuat website dan aplikasi yang interaktif dan dinamis, seperti game, live chat, dan media informasi.

Cara Penulisan JavaScript

Ada 2 cara untuk menulis atau lebih tepatnya menempatkan kode JavaScript.

1. Menempatkan kode JavaScript, di dalam file .html.
2. Menempatkan kode javaScript, di dalam file .js dan memanggilnya di file .html

Baiklah untuk tahap dasar, kita akan belajar menampilkan teks menggunakan JavaScript dengan kedua metode penulisan diatas.

1. Menempatkan JavaScript Di Dalam File html

Buka teks editor (Sublime Text, VSCode, ataupun teks editor lainya). Kemudian salin kode di bawah ini, lalu simpan dengan nama html-javascript.html, dan lihat hasilnya di browser.

2. Menempatkan JavaScript Di Dalam File .js dan memanggilnya di File html

Buka teks editor. Kemudian salin kode di bawah ini, lalu simpan dengan nama teks.js

Buka teks editor. Kemudian salin kode di bawah ini, lalu simpan dengan nama teks.html

Lihat hasilnya di browser dengan melakukan klik 2 kali pada file teks.html

Diatas kita telah belajar menulis kode JavaScript dan mengetahuinya bahwa Javascript bisa ditulis di dalam file html dan diluar file html. Selanjutnya kita akan belajar JavaScript lebih dalam lagi.

Silahkan klik tombol Next Step untuk melanjutkan belajar.