Postingan

Menampilkan postingan dengan label Web programming

Menerapkan gaya dan tata letak pada elemen HTML Menggunakan selektor, properti, dan nilai CSS

-
Dalam artikel sebelumnya, kita telah membahas tentang dasar-dasar HTML, termasuk struktur dasar, penggunaan tag, atribut, serta pembuatan tautan, gambar, dan tabel di halaman web. Sekarang, kita akan melanjutkan perjalanan kita dengan mempelajari CSS (Cascading Style Sheets) untuk menciptakan tampilan yang menarik dan desain web yang menawan. A. Memahami Konsep Dasar CSS CSS adalah bahasa yang digunakan untuk mengatur tampilan dan gaya elemen-elemen HTML di halaman web. Dengan CSS, Anda dapat mengubah warna, ukuran teks, tata letak, dan banyak aspek visual lainnya. Untuk memahami CSS dengan baik, ada beberapa konsep dasar yang perlu dipahami. Selektor: Selektor adalah cara untuk memilih elemen HTML yang akan diberi gaya. Misalnya, menggunakan selektor tag seperti p akan memilih semua elemen paragraf di halaman web. Ada juga selektor kelas (.) dan selektor ID (#) yang memungkinkan Anda memilih elemen berdasarkan kelas atau ID yang diberikan. Properti: Properti digunakan untuk mengatur a...
Posting Komentar
Read more »

Mengenal Dasar-dasar HTML untuk Web Programming

-
 Assalamualaikum warahmatullahi wabarokatuh 😉 Pada artikel sebelumnya kita telah mengenal pengertian HTML, CSS, dan JavaScript. Disini kita akan melihat bagaimana struktur dasar HTML dan cara menggunakan tag, atribut, serta elemen elemen pada HTML. Ok mari mulai.. A. Struktur dasar HTML HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membangun struktur dasar sebuah halaman web. Untuk memahami dasar-dasar HTML, penting untuk memahami struktur dasar yang terdiri dari elemen-elemen penting. Setiap halaman HTML dimulai dengan elemen <html> yang menandakan awal dari dokumen HTML. Di dalam elemen <html>, terdapat dua bagian utama yaitu elemen <head> dan elemen <body>. Elemen <head> berisi informasi tentang halaman seperti judul, tautan stylesheet, dan meta tag. Sedangkan elemen <body> berisi konten aktual yang akan ditampilkan di halaman web. B. Menggunakan tag, atribut, dan elemen HTML Tag HTML digunakan untuk membungkus da...
Posting Komentar
Read more »

Memulai Perjalanan Anda dalam Web Programming

-
Assalamualaikum warahmatullahi wabarokatuh 😉 Selamat datang di website ini. disini kita akan membahas seputar web programming.  Let's get started! A. Pendahuluan tentang Web Programming Web programming adalah bidang yang menarik dan terus berkembang dalam dunia teknologi. Dalam artikel ini, kita akan memulai perjalanan Anda dalam web programming dengan memberikan pemahaman dasar tentang konsep dan teknologi yang terlibat. Apakah Anda seorang pemula yang ingin belajar atau seseorang yang ingin memperluas pengetahuan Anda, artikel ini akan memberikan landasan yang kuat untuk memulai. B. Mengenal HTML, CSS, dan JavaScript HTML, CSS, dan JavaScript adalah bahasa inti dalam web programming. HTML (HyperText Markup Language) digunakan untuk struktur dan konten halaman web. CSS (Cascading Style Sheets) digunakan untuk mengatur tampilan dan desain halaman web. Sedangkan JavaScript digunakan untuk memberikan interaktivitas dan fungsionalitas pada halaman web. HTML adalah bahasa markup yang ...
Posting Komentar
Read more »

Melakukan konfigurasi Nginx pada Ubuntu server

-
Gambar
Assalamualaikum 😊 Simak artikel ini untuk paham cara melakukan konfigurasi nginx pada sistem operasi Server kalian. Disini gw contohin konfigurasi pake sistem operasi Ubuntu Server 20.04. Ok. Kita mulai..😉  Nginx adalah salah satu web server yang sering digunakan. Dengan konfigurasi yang tepat nginx dapat sesuai kebutuhan. Untuk melakukan konfigurasi nginx Anda dapat mengikuti langkah-langkah berikut ini: 1. Membuat file konfigurasi baru di    /etc/nginx/sites-available/ Anda dapat melakukan ini dengan command seperti berikut: sudo nano /etc/nginx/sites-available/my_site Ubah "my_site" sesuai dengan nama website Anda. 2. Mengisi file konfigurasi dengan konfigurasi server Anda. Berikut adalah beberapa konfigurasi server yang umum digunakan:  Menentukan port dan alamat server: server {     listen 80;     server_name example.com;     root /var/www/example.com/public_html; } Menggunakan SSL untuk koneksi yang aman: server {     l...
Posting Komentar
Read more »

Mengenal teknologi Web hosting dan Nginx web server

-
Gambar
Assalamualaikum 😊 Sebuah web aplication membutuhkan web hosting agar dapat di akses banyak orang melalui jaringan internet.. Berikut adalah penjelasan singkat mengenai web hosting menggunakan web server nginx.. A. Definisi Web hosting Web hosting mengacu pada layanan yang memungkinkan individu dan bisnis menjadikan website mereka dapat diakses oleh dunia melalui internet. Untuk itu, penyedia web hosting biasanya menggunakan satu atau lebih server untuk menyimpan file dan data website. Server merupakan komputer yang terhubung dengan internet dan didesain khusus untuk menangani permintaan dari browser web dan perangkat lain yang mencoba mengakses website yang di-hosting. Ada berbagai jenis server yang digunakan untuk web hosting, termasuk dedicated server, virtual private server (VPS), dan cloud-based server. Setiap jenis memiliki kelebihan dan kekurangan masing-masing dalam hal biaya, performa, skalabilitas, dan keamanan. Berbicara mengenai web server, nginx merupakan software open-sou...
Posting Komentar
Read more »

Macam Macam Teks Editor dan Cara Instalasi nya.

-
Gambar
Dalam pengembangan aplikasi, teks editor adalah alat penting untuk penulisan dan pengeditan kode. Ada banyak pilihan teks editor yang bisa dipilih sesuai dengan kebutuhan pengembangan dan platform yang digunakan. Dengan mengikuti langkah-langkah instalasi, teks editor dapat diinstal dengan mudah di berbagai platform sistem operasi. A. Definisi Teks editor Teks editor adalah aplikasi perangkat lunak yang digunakan untuk menulis dan mengedit kode atau teks. Ada banyak teks editor yang tersedia, mulai dari aplikasi gratis hingga aplikasi berbayar dan open-source.  Berikut adalah beberapa contoh teks editor yang populer: 1. Sublime Text Sublime Text adalah teks editor berbayar yang dapat digunakan untuk mengedit kode pada berbagai bahasa pemrograman seperti HTML, CSS, dan JavaScript. Sublime Text memiliki antarmuka yang intuitif dan responsif, serta banyak plugin yang dapat membantu mempercepat proses pengembangan. 2. Visual Studio Code Visual Studio Code adalah teks editor gratis dan ...
Posting Komentar
Read more »

contoh Penggunaan CSS Untuk Mempercantik Tampilan Website

-
CSS sangat penting dalam mempercantik tampilan website, mengatur tata letak, mengubah warna teks dan background, mengubah ukuran dan membuat tampilan website menjadi responsif.  Adapun beberapa penggunaan CSS untuk mempercantik tampilan website, antara lain: 1. Mengubah warna font dan background Dalam CSS, kita dapat mengubah warna font dan background dari elemen yang ada di halaman web. Ini akan meningkatkan keindahan tampilan website dan membuat website lebih menarik. Contoh sintaks CSS yang digunakan untuk mengatur warna teks dan background dapat dituliskan seperti ini: body {   color: white;   background-color: black; } 2. Mengatur tata letak Melalui CSS, tata letak halaman web bisa diatur dengan mudah. Kita dapat menentukan posisi elemen dan membuat tampilan yang lebih artistik dan elegan. Contoh sintaks CSS untuk ini seperti: nav {   position: fixed;   right: 0;   top: 0; } 3. Mengatur ukuran dan jenis font Font adalah salah satu elemen penting dalam ...
1 komentar
Read more »

Mengenal Elemen style pada CSS

-
Untuk mengingatkan kembali apa sih CSS itu..? CSS (Cascading Style Sheets) merupakan bahasa stylesheet yang digunakan untuk mengatur tata letak dan gaya visual dokumen HTML.  A. Aturan Penulisan CSS Halaman HTML dapat ditambahkan elemen style untuk memberi tampilan visual yang lebih baik dan menarik bagi pengunjung web.  Berikut adalah contoh sintaks CSS yang umum digunakan: Selektor Selektor adalah unsur yang digunakan untuk memilih elemen yang akan diberi styling. Contoh selektor dapat ditulis seperti ini: body {   background-color: #f1f1f1; } Deklarasi Deklarasi merupakan perintah yang digunakan untuk mengatur property pada CSS. Deklarasi terdiri dari property dan value. Contoh deklarasi CSS dapat ditulis seperti ini: body {   background-color: #f1f1f1; } Property Property dalam CSS adalah atribut yang digunakan untuk mengatur tampilan elemen. Contoh property dapat ditulis seperti ini: body {   background-color: #f1f1f1; } Value Value dalam CSS adalah nilai y...
Posting Komentar
Read more »

Bagaimana tag dan atribut pada HTML5

-
Gambar
  Assalamualaikum Setelah pada artikel sebelumnya kita telah mengenal macam macam teknologi pada web programming kali ini kita akan membahas perkembangan html yaitu html5 Langsung aja simak beberapa materi berikut ini.. A. Definisi HTML5 HTML5 adalah bahasa markup standar untuk membangun halaman web dan aplikasi web. Dalam HTML5, penulisan sintaks diatur oleh aturan yang ketat yang harus diikuti, agar dokumen HTML dapat diakses dan diinterpretasikan dengan benar oleh browser web. Sebelum lanjut silahkan check referensi web programming berikut ini : Referensi Web Programming  Html   CSS   JavaScript   PHP   Database   server   Teks Editor   B. Contoh tag dan atribut pada HTML5 Berikut adalah beberapa contoh tag dan atribut yang sering digunakan dalam penulisan sintaks HTML5: Tag <html> </html> Tag ini adalah tag utama dalam HTML5 dan harus selalu ada di setiap dokumen HTML. Tag ini menandakan seluruh teks dalam dokumen HTML termasu...
Posting Komentar
Read more »

Macam macam Database dalam web programming dan cara instalasi nya

-
A. Definisi Database Database merupakan komponen penting dalam pengembangan aplikasi web karena digunakan untuk menyimpan dan mengelola data.  Berikut adalah beberapa jenis database yang sering digunakan dalam web programming: a. Relational Database Relational database adalah jenis database yang terdiri dari tabel yang saling terhubung melalui kunci asing. Setiap tabel dalam database relasional memiliki kolom yang merepresentasikan atribut dan baris yang merepresentasikan entitas. Contoh dari jenis database ini adalah MySQL, PostgreSQL, dan SQLite. B. NoSQL Database NoSQL database adalah jenis database yang tidak menggunakan skema relasional seperti pada database relasional. Data disimpan dalam format dokumen, key-value, atau kolom. NoSQL database biasanya digunakan untuk aplikasi web yang membutuhkan skalabilitas yang tinggi. Contoh dari jenis database ini adalah MongoDB, CouchDB, dan Cassandra. C. Graph Database Graph database adalah jenis database yang menggunakan graf untuk mer...
Posting Komentar
Read more »

Backend Web programming (server-side scripting)

-
A. Definisi Server-side scripting Server-side scripting adalah proses pengolahan data pada sisi server menggunakan bahasa pemrograman seperti PHP, Ruby, atau Python. Teknologi ini memungkinkan pengembang untuk membuat aplikasi web yang dinamis dan interaktif dengan menggunakan data yang disimpan di server. B. Perkembangan server-side scripting Perkembangan server-side scripting dimulai sejak awal perkembangan web. Pada awalnya, server-side scripting hanya digunakan untuk memproses permintaan pengguna dan menampilkan konten statis. Namun, seiring dengan perkembangan teknologi dan permintaan pengguna yang semakin kompleks, server-side scripting juga berkembang menjadi proses yang lebih dinamis dan interaktif. C. Bahasa pemrograman populer server-side  pada scripting  Beberapa bahasa pemrograman yang sering digunakan dalam server-side scripting antara lain: PHP PHP adalah bahasa pemrograman yang paling umum digunakan untuk server-side scripting. PHP mudah dipelajari, gratis, dan ...
Posting Komentar
Read more »

Web programming dengan Javascript

-
Assalamualaikum warahmatullahi wabarokatuh Pada artikel sebelumnya kita telah membahas tentang langkah langkah awal membuat website sederhana dengan html dan CSS , kali ini kita akan bahas tentang salah satu bahasa pemrograman yang digunakan dalam pembuatan website yaitu javascript. Sebelum itu silahkan check beberapa referensi tentang web programming berikut ini :  Referensi Web Programming  Html   CSS   JavaScript   PHP   Database   server   Teks Editor   A. Mengenal sejarah teknologi JavaScript  JavaScript adalah bahasa pemrograman yang banyak digunakan dalam pengembangan web. JavaScript memungkinkan pengembang untuk membuat halaman web yang interaktif dan dinamis dengan menangani peristiwa seperti klik mouse, input pengguna, dan pengguliran halaman. JavaScript pertama kali diperkenalkan pada tahun 1995 oleh Brendan Eich di Netscape. Pada awalnya, JavaScript hanya digunakan untuk membuat efek visual seperti rollover pada gambar. Namun...
Posting Komentar
Read more »

Mengenal macam macam CSS dan cara penggunaannya.

-
Gambar
 Assalamualaikum warahmatullahi wabarokatuh 😊 Pada artikel sebelumnya kita udah bahas tentang html .  Gimana tampilan nya saat di run di browser?? Kalo masih kurang cantik tampilan nya mari kita bahas tentang CSS 😉 A. Definisi  CSS (Cascading Style Sheets) adalah stylesheet yang digunakan untuk mengatur tampilan dan layout halaman web. Dengan menggunakan CSS, pengembang dapat memisahkan antara konten pada halaman web dan tampilannya. CSS terdiri dari kumpulan aturan atau deklarasi yang diterapkan pada elemen HTML untuk menentukan bagaimana elemen tersebut harus ditampilkan di halaman web. B. Sejarah perkembangan CSS  Sejak pertama kali diperkenalkan pada tahun 1996, CSS telah mengalami perkembangan yang signifikan. Pada awalnya, CSS digunakan secara terbatas dan hanya mendukung beberapa fitur, seperti warna, font, dan tata letak. Namun seiring berjalannya waktu, CSS menjadi semakin kompleks dan mendukung fitur-fitur yang lebih canggih seperti animasi, transisi, dan...
Posting Komentar
Read more »

Apakah html termasuk bahasa pemrograman?

-
Gambar
 Assalamualaikum warahmatullahi wabarokatuh 😊 Pada artikel sebelumnya udah gw bahas kalo ada beberapa teknologi web utama yang digunakan dalam pengembangan aplikasi web.  Kali ini kita akan membahas tentang definisi , contoh kode program dan juga fungsi masing-masing tag pada HTML, A. Definisi HTML  HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membuat halaman web. HTML terdiri dari serangkaian elemen atau tag yang digunakan untuk menunjukkan bagaimana konten pada halaman web harus ditampilkan. Setiap tag HTML terdiri dari beberapa karakter yang diletakkan di antara tanda kurung sudut (<>). Sebagai contoh, tag HTML yang digunakan untuk menampilkan teks biasa adalah <p> dan </p>. Tag awal <p> menunjukkan awal dari paragraf dan tag penutup </p> menunjukkan akhir dari paragraf. B. contoh kode HTML Berikut adalah contoh kode HTML yang digunakan untuk membuat sebuah halaman web sederhana:
1 komentar
Read more »

Web programming

-
Gambar
 Assalamualaikum warahmatullahi wabarokatuh 😊  kalo kalian nyampe kesini kemungkinan kalian lagi nyari info tentang Web programming ada beberapa poin yang akan gw bahas di artikel ini, gak banyak kok cuma 5 ajah 😉 Sebelumnya silahkan check link berikut Html   CSS   JavaScript   PHP   Database   server   Teks Editor   A. Pengenalan Web programming adalah bidang yang luas dan terus berkembang. Ini melibatkan berbagai teknologi dan bahasa pemrograman yang digunakan untuk mengembangkan aplikasi web. Aplikasi web dapat digunakan untuk berbagai keperluan, mulai dari situs web sederhana hingga aplikasi web yang kompleks seperti e-commerce, platform media sosial, atau perangkat lunak manajemen proyek. Web programming adalah proses membuat dan memelihara aplikasi web. Sebagai seorang web developer, Anda bertanggung jawab untuk merancang, mengembangkan, dan menguji aplikasi web yang dapat diakses melalui internet. Dalam artikel ini, kita akan membaha...
Posting Komentar
Read more »