Pendahuluan

Pengenalan Dasar Web Development

BelajarKoding.com
 Apa yang akan kamu pelajari?

Front-end Back-end Hosting & Domain

(Bootstrap) (Laravel) (Deployment)

BelajarKoding.com
 Apa itu Website

Website, adalah kumpulan halaman yang isinya

adalah informasi (bisa gambar, teks, video, dll)

Dapat diakses dalam jaringan internet lewat

komputer atau smartphone

BelajarKoding.com
Contoh Website

BelajarKoding.com
 Apa itu Web Developer

Web Developer, orang yang membuat situs website

yang bisa diakses siapapun.

BelajarKoding.com
Pembagian Web Developer

Front-end Back-end
Web Developer Web Developer

Full-stack Web Developer

BelajarKoding.com
 Konsep Client & Server

PHP

Web Browser Web Site Web Server

MySQL

BelajarKoding.com
 Client vs Server

Client Server
1. Berjalan di sisi pengguna 1. Berjalan di sisi server
2. Meminta Informasi ke Server 2. Mengembalikan data ke Client
3. Menerima HTML, CSS dan JS 3. Isinya Database, API, Program

BelajarKoding.com
 Web Server

Web Server, tempat untuk menampung data-data yang

dibutuhkan oleh website, jadi bisa diakses lewat Internet.

Data disini bisa berupa file, gambar, email, aplikasi, program,

script dan database.

BelajarKoding.com
 Domain

Domain, nama unik yang diberikan untuk mengidentifi kasi

alamat (IP address) server komputer (web server) di internet.

Contoh: belajarkoding.com, buildwithangga.com

BelajarKoding.com
 Bahasa Pemrograman

Bahasa pemrograman, susunan karakter dan kata kunci yang

dapat dikonversi ke dalam bahasa mesin sehingga dapat
dijalankan oleh komputer.

BelajarKoding.com
 Bahasa Pemrograman Web

Bahasa pemrograman web, bahasa pemrograman yang

digunakan untuk membangun aplikasi berbasis web.

BelajarKoding.com
 Bahasa Client vs Server

Client Server
1. HTML 1. PHP
2. CSS 2. Java
3. JavaScript 3. NodeJS

BelajarKoding.com
Ini Bukan Bahasa Pemrograman

Laravel Bootstrap

BelajarKoding.com
 Web Browser

Aplikasi yang dipakai untuk menjelajahi internet atau untuk

mencari informasi dari suatu halaman website.

Merepresentasikan dokumen HTML ke dalam bentuk visual

(tampilan)

BelajarKoding.com
 Dipakai Untuk Membuat Website

Visual Studio Google

Code Chrome

Laragon MAMP XAMPP

Laptop Windows / macOS / Linux
(Windows) (macOS) (Linux)

BelajarKoding.com
Terima Kasih, Lanjut!
Follow Instagram @belajarkoding

BelajarKoding.com