Mengenal
Pemrograman Web
Dasar
Pemrograman web adalah teknik pembuatan website yang mencakup
pengkodean dan desain. Pelajari elemen-elemen dasar dalam membuat
aplikasi web modern.
rc by rands code
Komponen Pemrograman Web
HTML
Bahasa yang digunakan untuk membuat
konten web.
CSS
Bahasa yang digunakan untuk
mempercantik tampilan website.
JavaScript
Bahasa pemrograman yang digunakan
untuk interaktivitas pada sisi klien.
Web Server
Menyediakan layanan hosting dan
mengirimkan file website ke pengguna.
Struktur Dasar Halaman Web
1 Elemen HTML
Header, body, footer, dan tag lainnya yang mengelola tampilan dan konten
halaman web.
2 CSS Stylesheet
Berisi instruksi gaya visual bagi elemen-elemen HTML.
3 JavaScript Script
Menambahkan fungsi interaksi atau secara dinamis mengubah isi dari
halaman web.
Cara Kerja Web Server dan Web
Browser
Web Server
Bekerja sebagaimana
aplikasi yang terus berjalan,
menunggu permintaan dari
browser.
Web Browser
Mengakses dan memuat
halaman web yang
diinginkan oleh pengguna.
Komunikasi antara
Web Server dan
Browser
Protokol HTTP digunakan
untuk mentransfer data dari
server ke browser.
Pengantar Bahasa Pemrograman
• Javascript
• Python
• Ruby
• PHP
Bahasa pemrograman adalah cara manusia berkomunikasi dengan komputer melalui kode-kode
yang ada, membuatnya memiliki kemampuan khusus untuk melakukan tugas-tugas tertentu pada
halaman web.
Aplikasi Web Dasar
Blog
Menampilkan konten cerita,
berita, atau opini.
• Wordpress
• Blogger
• Ghost
E-Commerce
Menampilkan daftar barang
dengan pilihan untuk
membelinya secara online.
• Lazada
• Bukalapak
• Tokopedia
Learning
Management
System
Menampilkan konten
edukasi, seperti video,
dokumen, atau tes.
• Moodle
• Google Classroom
• jitsi.org
Pengertian Pemrograman Web
"Pemrograman WEB adalah bagaimana kita memberikan instruksi pada sebuah mesin agar
bisa menjadi baik dalam hal konten dan juga presentasi. Dengan bahasa pemrograman,
informasi yang diperlukan oleh seseorang akhirnya bisa diakses dengan mudah dan
terkonversi ke dalam format yang bervariasi."
- Rahmat Fauzi -
Dalam pemrograman web, peluang untuk bereksperimen dengan kreativitas tanpa batas sangat terbuka.
Evolusi Dasar Pemrograman Web
90-an
Waktu di mana serial televisi
populer seperti Friends dan
Seinfeld mengiringi langkah-
langkah awal
pengembangan web.
2000-an
Alat perampingan web
memberikan pengguna
perangkat seluler
kemampuan untuk melihat
versi web yang lebih
sederhana.
Sekarang
Waktu di mana aplikasi dan
media sosial merajai dunia
maya dan menciptakan
berbagai method baru dalam
pengembangan web.

Mengenal-Pemrograman-Web-Dasar.pptx

  • 1.
    Mengenal Pemrograman Web Dasar Pemrograman webadalah teknik pembuatan website yang mencakup pengkodean dan desain. Pelajari elemen-elemen dasar dalam membuat aplikasi web modern. rc by rands code
  • 2.
    Komponen Pemrograman Web HTML Bahasayang digunakan untuk membuat konten web. CSS Bahasa yang digunakan untuk mempercantik tampilan website. JavaScript Bahasa pemrograman yang digunakan untuk interaktivitas pada sisi klien. Web Server Menyediakan layanan hosting dan mengirimkan file website ke pengguna.
  • 3.
    Struktur Dasar HalamanWeb 1 Elemen HTML Header, body, footer, dan tag lainnya yang mengelola tampilan dan konten halaman web. 2 CSS Stylesheet Berisi instruksi gaya visual bagi elemen-elemen HTML. 3 JavaScript Script Menambahkan fungsi interaksi atau secara dinamis mengubah isi dari halaman web.
  • 4.
    Cara Kerja WebServer dan Web Browser Web Server Bekerja sebagaimana aplikasi yang terus berjalan, menunggu permintaan dari browser. Web Browser Mengakses dan memuat halaman web yang diinginkan oleh pengguna. Komunikasi antara Web Server dan Browser Protokol HTTP digunakan untuk mentransfer data dari server ke browser.
  • 5.
    Pengantar Bahasa Pemrograman •Javascript • Python • Ruby • PHP Bahasa pemrograman adalah cara manusia berkomunikasi dengan komputer melalui kode-kode yang ada, membuatnya memiliki kemampuan khusus untuk melakukan tugas-tugas tertentu pada halaman web.
  • 6.
    Aplikasi Web Dasar Blog Menampilkankonten cerita, berita, atau opini. • Wordpress • Blogger • Ghost E-Commerce Menampilkan daftar barang dengan pilihan untuk membelinya secara online. • Lazada • Bukalapak • Tokopedia Learning Management System Menampilkan konten edukasi, seperti video, dokumen, atau tes. • Moodle • Google Classroom • jitsi.org
  • 7.
    Pengertian Pemrograman Web "PemrogramanWEB adalah bagaimana kita memberikan instruksi pada sebuah mesin agar bisa menjadi baik dalam hal konten dan juga presentasi. Dengan bahasa pemrograman, informasi yang diperlukan oleh seseorang akhirnya bisa diakses dengan mudah dan terkonversi ke dalam format yang bervariasi." - Rahmat Fauzi - Dalam pemrograman web, peluang untuk bereksperimen dengan kreativitas tanpa batas sangat terbuka.
  • 8.
    Evolusi Dasar PemrogramanWeb 90-an Waktu di mana serial televisi populer seperti Friends dan Seinfeld mengiringi langkah- langkah awal pengembangan web. 2000-an Alat perampingan web memberikan pengguna perangkat seluler kemampuan untuk melihat versi web yang lebih sederhana. Sekarang Waktu di mana aplikasi dan media sosial merajai dunia maya dan menciptakan berbagai method baru dalam pengembangan web.