Belajar Dasar Pemrograman Web

Peralatan Kelas

Untuk mengikuti kelas ini, ada beberapa alat yang harus kita siapkan. Beberapa di antaranya dapat dilihat lebih rinci sebagai berikut.

Code Editor atau IDE

Dalam mengembangkan aplikasi, baik website maupun platform lainnya, sudah pasti developer akan menuliskan kode-kode dalam bentuk HTML, CSS, maupun JavaScript. Semakin besar aplikasi maka semakin banyak kode yang akan dituliskan. Oleh karena itu, kita membutuhkan Code Editor atau Integrated Development Environment (IDE).

Sebenarnya, beberapa Sistem Operasi sudah menyediakan text editor usungannya masing-masing. Contohnya, Windows OS memiliki Notepad, Linux OS memiliki Text Editors, dan Mac OS memiliki TextEdit. Ketiga aplikasi tersebut dapat digunakan untuk menuliskan kode dalam pembuatan aplikasi website. Namun, kami tidak menyarankan untuk menggunakan text editor tersebut karena tidak kaya akan fitur-fitur seperti IDE yang dapat mempercepat proses pengembangan web.

Saat ini, banyak code editors canggih yang dapat digunakan. Berikut adalah tiga code editor yang kami rekomendasikan untuk Anda belajar di kelas ini.

WebStorm (Jetbrains)

Salah satu produk milik Jetbrains yang berfokus pada pengembangan web seperti HTML, CSS, dan JavaScript. Berbagai framework JavaScript juga didukung, seperti React, Vue, Angular, dsb. IDE ini tidaklah gratis. Namun, IDE ini dapat diperoleh secara percuma dengan memanfaatkan Student License jika Anda seorang pelajar, mahasiswa, atau dosen. Silakan simak selengkapnya pada jetbrains.com/webstorm.

Visual Studio Code

Visual Studio Code merupakan sebuah text editor yang dikembangkan oleh Microsoft. Code editor ini memiliki banyak fitur seperti debugging, version control integration, syntax highlighting, code search, code completion, code snippets, code refactoring, dan yang tak kalah penting adalah extensions/plugins. Extension dapat memperkaya fitur code editor sehingga dapat memudahkan penulisan kode. Visual Studio Code tersedia untuk sistem operasi Windows, Mac, dan Linux. Selain itu, tentunya code editor ini dapat kita gunakan secara gratis. Silakan kunjungi pada code.visualstudio.com.

Brackets

Brackets merupakan text editor modern yang ringan dan cukup powerful untuk digunakan. Pada brackets terdapat fitur live preview sehingga Anda dapat melihat perubahan yang dilakukan tanpa harus reload browser. Brackets juga merupakan project open-source yang mendapat banyak dukungan dari para pelaku komunitas aktif. Untuk mengunduhnya, silakan kunjungi brackets.io.

Web Browser

Dalam mengakses halaman web, user akan membutuhkan web browser. Developer pun memerlukannya untuk melihat hasil website yang dikembangkan. Berikut beberapa web browser dari berbagai vendor yang dapat digunakan.

Mozilla Firefox

Firefox merupakan web browser usungan Mozilla. Browser ini memiliki keunggulan pada kesehatan internet dan menjaga privasi pengguna. Firefox juga dilengkapi berbagai fitur untuk meningkatkan produktivitas pengguna seperti Picture-in-Picture, sinkronisasi dengan perangkat mobile, tangkap gambar layar, dsb. Silakan simak pada mozilla.org/firefox/new.

Google Chrome

Google Chrome memiliki bermacam-macam fitur terutama dalam membantu web developer melakukan proses pengembangan website. Alat tersebut dinamakan dengan DevTools. Dengan DevTools, developer dapat mengubah halaman website melalui browser secara langsung dan cepat tanpa mengubah kode yang dituliskan. Selain itu, kita dapat menganalisis dengan mudah jika ada kesalahan atau bug yang terjadi. Silakan kunjungi halaman pada google.com/chrome.

Glosarium

Ini adalah glosarium dengan istilah umum yang digunakan dalam kelas. Anda dapat membaca sekilas materi ini untuk mengenali istilah-istilah umum yang ada pada materi kelas ini. Selain itu, Anda juga dapat mengunjungi kembali halaman ini setiap kali menemukan istilah yang belum dimengerti. Carilah istilah tersebut pada laman glosarium ini untuk mengidentifikasi makna atau definisinya. Jika masih terdapat kosakata yang tidak dipahami dan belum masuk dalam daftar ini, Anda dapat memberikan saran melalui fitur Laporan Materi.

B

Browser

Browser adalah alat atau tools yang digunakan untuk mengakses atau mengembangkan website.

C

CSS

CSS atau Cascading Style Sheet adalah bahasa markup atau markup language yang digunakan untuk mempercantik website. Bahasa ini merupakan pelengkap dari dokumen HTML.

Client

Client adalah perangkat yang memiliki kemampuan mengirimkan permintaan atau request kepada server melalui protocol HTTP. Hasil request tersebut akan diterima oleh client jika server telah mengirimkan tanggapan (response).

D

DNS

DNS atau Domain Name System adalah layanan jaringan yang berguna untuk menerjemahkan nama domain menjadi alamat IP.

H

HTML

HTML atau Hyper Text Markup Language adalah bahasa markup standar untuk mengembangkan halaman web. HTML ini akan mendeskripsikan struktur dari halaman web dan memberitahukan browser bagaimana menampilkan konten.

HTTP Server

Server berperan pada sebuah website sebagai sebuah software yang dapat menerima transaksi dari HyperText Transfer Protocol.

P

Plain Text

Plain Text adalah teks yang tak terformat. Biasanya digunakan untuk menuliskan kode program seperti website.

R

Rich Text

Rich Text adalah teks yang terformat. Biasanya digunakan dalam pembuatan dokumen menggunakan aplikasi Microsoft Word atau lainnya.

S

Sistem Operasi

Sistem operasi adalah sebuah perangkat lunak sistem yang mampu mengelola sumber daya dari perangkat lunak dan perangkat keras agar dapat berjalan dengan baik serta memudahkan proses interaksi dengan pengguna (brainware).

T

Text Editor

Text Editor adalah alat atau tools pengedit kode yang digunakan untuk mengembangkan website.

W

Website

Halaman yang menampilkan informasi kepada pengguna berupa teks atau gambar. Website dapat diakses melalui internet dengan menggunakan browser.

WWW

WWW atau World Wide Web adalah sebuah ruang informasi yang mana direferensikan sebagai sumber daya yang diidentifikasikan oleh pengidentifikasi global yang dinamai dengan Uniform Resource Identifiers (URI).

Search This Blog

Full-Stack Web Developer