HTML POST ARTIKEL Basic-HTML

Basic HTML - Persiapan Belajar HTML

TDF Programming Persiapan Belajar HTML

Persiapan Belajar HTML

Sebelum memulai praktik, maka kita butuh alat pendukung untuk belajar baik itu hardware maupun sofware. Tanpa kedua hal tersebut tentunya kita tidak dapat belajar. Akan tetapi saya tidak akan menjelaskan perangkat kerasnya, pada intinya harus menyediakan sebuah komputer ataupun laptop walapun dengan spesifikasi rendah. Jadi apa saja yang harus dipersiapkan. Lansung saja, Berikut sofware yang dibutuhkan untuk Belajar HTML :

Sistem Operasi

Hal yang sangat penting agar memudahkan dalam belajar yang pertama kita butuhkan yaitu sebuah sistem operasi. kamu dapat menggunakan sistem operasi kesayangan masing-masing baik itu Windows, Linux ataupun MacOS. Jadikan sistem operasi tersebut membuat kita menjadi mudah dalam belajar.

Text Editor

Text Editor sangat berperan penting untuk belajar pemrograman. Cukup banyak text edior yang disediakan secara gratis, yaitu SublimeText, NotePad++ Visual Studio Code dan masih banyak yang lainnya. Akan tetapi saya akan menggunakan Visual Studio Code untuk belajar pada kali ini. Berikut proses penginstallan text editor Visual Studio Code.

  • Pengguna Windows

    Kamu bisa klik tombol visualstudio di bawah gambar untuk menuju link pada website resmi Visual Studio Code. Screenshoot website ini di ambil pada bulan Juli 2021, bisa jadi tampilannya berubah, maka sesuaikan saja untuk tampilan websitenya.

    website visual studio code

Silahkan pilih sistem operasi yang sedang digunakan, akan tetapi disini kita akan menginstall untuk windows, pilih windows dan sesuaikan bit yang sedang digunakan 64bit atau 32bit. Tunggu proses downloadnya selesai. ettss beli paket dulu sebelum download.

Jika kamu telah selesai mendownload file VSC maka kamu bisa melakukan klik 2x agar aplikasi dapat terinstall. Maka akan tampil seperti gambar berikut. klik I accept the anggrement untuk menyetujui License VSC.


Biasanya untuk pengguna windows tinggal klik next saja, tidak ada konfigurasi spesial yang akan dilakukan. Pada gambar dibawah pilihlah lokasi untuk penginstall VSC.


Centang Don't create a Start Menu Folder Jika tidak ingin membuat sebuah folder di menu start. Jika sudah klik next


Mungkin kamu bisa centang semuanya, jika tidak kamu bisa lakukan next saja dengan pengaturan default dari VSC.


Klik install untuk melakukan proses penginstallan. Tunggu penginstallan selesai, maka kamu sudah bisa menggunakan VSC untuk belajar HTML. bahkan VSC banyak mendukung bahasa pemrograman.


  • Pengguna Linux

Untuk pengguna linux tidak memiliki pertanyaan yang ditanyakan seperti windows tadi. Jadi kita dapat melakukan dengan beberapa instruksi saja. Ada 2 cara untuk menginstall VSC, berikut cara penginstallan VSC di linux

  1. Download File Secara Manual

Kamu bisa melakukan install secara offline, akan tetapi kamu harus download terlebih dahulu file *.deb pada halaman download tadi. VSC Linux


Kamu bisa mengetikkan kode dibawah, dan sesuaikan nama file yang kamu download VSC-nya

sudo dpkg -i *.deb

Tunggu proses installasinya selesai, maka kamu sudah dapat menggunakan VSC-nya

  1. Install Menggunakan Repositori

Mengginstall paket .deb secara otomatis menginstall repositori apt dan signing key untuk mengaktifkan update VSC otomatis menggunakan system’s package manager. Kamu bisa menyalin script dibawah ini untuk menginstallnya.

wget -qO- https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > packages.microsoft.gpg
sudo install -o root -g root -m 644 packages.microsoft.gpg /etc/apt/trusted.gpg.d/
sudo sh -c 'echo "deb [arch=amd64,arm64,armhf signed-by=/etc/apt/trusted.gpg.d/packages.microsoft.gpg] https://packages.microsoft.com/repos/code stable main" > /etc/apt/sources.list.d/vscode.list'
rm -f packages.microsoft.gpg

Sangat di rekomendasikan install VSC pada linux menggunakan no 2, karena dapat melakukan update secara otomatis jika ada pembaruan terbaru pada VSC.

  1. Uninstall
  • Untuk mengahapus aplikasi VSC kamu dapat menyalin script berikut :
sudo apt-get purge code
  • Jika kamu menginstal melalui Ubuntu Software, buka Ubuntu Software, cari aplikasi di kategori yang diinstal, dan klik hapus.

Browser

Hal yang harus kamu lakukan selanjutnya yaitu menginstall browser pada sistem operasi. Biasanya pada sistem operasi yang digunakan sudah memiliki browser bawaan. Tergantung kamu menggunakan browser yang mana untuk digunakan. Silahkan pilih browser kesayangan kamu.

Berikut browser yang dapat kamu gunakan untuk belajar web programming :

  1. Google Chrome
  2. Mozila Firefox
  3. Safari (MacOs)
  4. Microsoft Edge (Windows)

Kenapa menggunakan Visual Studio Code

Mungkin dari teman-teman ada yang bertanya, kenapa menggunakan VSC? Okee, Jadi jawabannya adalah.

  1. VSC merupakan Text Editor Open Source.
  2. Memiliki banyak plugin untuk digunakan
  3. Visual yang bagus untuk digunakan
  4. Banyak Fitur untuk mempermudah pembuatan aplikasi
  5. dll

Pada intinya sangat nyaman untuk digunakan. Jadi gunakanlah Text Editor yang nyaman untuk digunakan.

Kesimpulan

Gunakanlah sistem operasi yang menurut kamu nyaman untuk digunakan, sebab itu akan mempermudah dalam mengerjakan dan belajar. mulailah sekarang untuk berkumpul dengan komunitas agar jika ada permasalah kamu bisa menanyakan hal tersebut. berikut group telegram untuk programming indonesia jika kamu ingin bergabung Daftar Group Telegram

Referensi

Visual Stuido Code

Apa selanjutnya ? Pengenalan Struktur HTML