cobaCoba

2. HELLO WORLD

November 30, 2018

Di materi sebelumnya kita sudah mempelajari sekilas mengenai sejarah HTML sekarang kita akan mencoba membuat dokumen HTML sederhana yang dimana dokumen ini ketika dijalankan akan menampilkan teks "HELLO WORLD" kelayar.

sebelum itu kalian harus membuka code editor kalian. untuk mempelajari HTML kalian bisa menggunakan bawaan dari masing sistem operasi kalian seperti notepad untuk windows misalnya. atau kalian bisa download code editor eksternal melaluii internet misalnya sublime text, vscode dan notepad++.

baca juga: cara install sublime text 3

sekarang coba ketikan code berikut

<!DOCTYPE html>
<html>
<head>
<title>LATIHAN HTML</title>
<head>
<body>

<h1>HELLO WORLD</h1>

</body>
</html>

lalu simpan file tersebut dengan nama "contoh.html". dan ubah "save as type-nya" menjadi "All file" lalu klik "save".

lalu jalankan file tersebut dengan cara klik 2x pada file tersebut atau klik kanan dan klik open with google chrome (web browsernya tidak harus google chrome bisa mozilla fire fox atau web browser lannya).

maka seaharusnya web browser kalian akan menampilkan teks "HELLO WORLD" kelayar seperti berikut

selamat sekarang kalian sudah berhasil membuat sebuah website yang sangat-sangat sederhana.

sekian tutorial kali ini selanjutnya kita akan membahas mengenai Tag HTML!

Di materi sebelumnya kita sudah mempelajari sekilas mengenai sejarah HTML sekarang kita akan mencoba membuat dokumen HTML sederhana yang di...

By: sumbarang

1. PENDAHULUAN TUTORIAL HTML

November 30, 2018

yuk mari sama-sama disimak :)

HTML???

HTML singkatan dari Hypertext Markup Languange.
HTML adalah bahasa standar yang digunakan untuk menampilkan halaman web namun HTML bukanlah bahasa pemrograman. HTML merupakan bahasa markah (Markup). HTML merupakan bahasa pertama yang harus sobat pelajari bila sobat ingin menjadi web developer.

Apa yang bisa dilakukan HTML???

cukup banyak, kita bisa membuat tabel di halaman web, kita dapat mengatur halaman web, menampilkan gambar di web dan masih banyak lagi. namun untuk keseluruhan fungsi HTML adalah sebagai struktur/kerangka dasar dari web.

Terciptanya HTML???

sumber: wikipedia

pada tahun 1990 HTML diciptakan oleh seorang peneiliti yang bernama Tim Berners-Lee. Tim menciptakan HTML ketika masih bekerja di CERN(Organisasi Eropa untuk Riset Nuklir). tujuan tim menciptakan HTML untuk membuat sebuah sistem di CERN dalam hal berbagi dokumen.

tidak hanya menciptakan HTML juga, tim juga banyak menciptakan hal-hal lain seperti Http, Web Browser pertama, www, dan masih ada yang lainnya.

tim sekarang menjabat sebagai direktur dari W3C(world wide web consortium). w3c adalah badan resmi yang yang membuat segala sesuatu mengenai web.

PENGEMBANGANNYA?

Html merupakan pengembangan dari bahasa SGML(Standard Generalized Markup Language) yang pada masa itu banyak digunakan percetakan dan penerbitan. Lalu distandarkan oleh W3C menjadi HTML.
HTML juga terus dikembangkan hingga memiliki banyak versi diantaranya :

· HTML 2.0 pada 24 November 1995
· HTML 3.2 pada 14 January 1997
· HTML 4.0 pada 18 Desember 1997
· HTML 5 pada tahun 2008 - Sekarang masih terus dikembangkan

sekian dulu untuk tutorial kali ini selanjutnya kita akan mulai coding pertama kita!

yuk mari sama-sama disimak :) HTML??? HTML singkatan dari Hypertext Markup Languange. HTML adalah bahasa standar yang digunakan untuk menamp...

By: sumbarang

Apa saja yang dibutuhkan untuk belajar php?

November 16, 2018

Halo DUNIA!
kembali lagi di SUMBARANG;

sobat ingin belajar php?
tapi nggak tau harus mulai dari mana?

nah kali kita akan membahas apa saja sih yang dibutuhkan untuk belajar php

yuk mari disimak :)

1. Web browser
untuk hal yang satu ini sobat tidak perlu khawatir, karena biasanya disetiap laptop atau pc sudah terisntall setidaknya satu.

2. XAMPP, WAMP, LAMP atau MAMP
nama-nama tersebut merupakan nama-nama web server yang bebas sobat download di internet tapi, kalau saya menyarankan sobat bisa pilih XAMPP karena web server yang satu ini bisa dipakai di semua sistem operasi.

baca juga: cara install xampp

3. Code editor
yang ketiga sobat butuh namanya code editor, bisa juga "notepad" namun bila sobat ingin kegiatan coding sobat lebh efisien dan powerfull sobat bisa coba gunakan code editor lain semisalnya "Sublime"

baca juga: cara install Sublime text 3,TUTORIAL DOWNLOAD DAN INSTALL VSCODE

oh ya satu lagi untuk belajar php sobat tidak perlu tersambung ke internet ya...(kecuali untuk cari-cari materi pelajaran dan sebagainya)

gimana?
sekarang sobat sudah bisa mulai belajar PHP?

Happy coding
semoga bermanfaat

seperti biasa sobat bisa sobat bisa berpartisipasi membangun SUMBARANG; dengan cara tinggal kan kritik, saran dan komentar. Atau sobat juga bisa bagikan informasi ini ke orang lain yang mungkin membutuhkan informasi ini.

jumpa lagi

Halo DUNIA! kembali lagi di SUMBARANG; sobat ingin belajar php? tapi nggak tau harus mulai dari mana? nah kali kita akan membahas apa saja s...

By: sumbarang

CARA INSTALL XAMPP

November 07, 2018

Assalamu'alaikum wr. wb.
Kembali lagi nih di SUMBARANG;

XAMPP merupakan bundelan dari beberapa program yang fungsinya sebagai server yang berdiri sendiri atau disebut localhost. Nama XAMPP sendiri diambil dari singkatan nama-nama program yang terdapat di dalamnya.

X: berarti "cross" artinya lintas sistem operasi(khusus yang huruf ini bukan nama program ya)
A: Apache
M: MariaDB (versi open source-nya MySQL tapi tidak usah khawatir karena semua fungsionalitas yang ada di MySQL bisa dijalankan MariaDB jadi pada dasarnya sama saja ya)
P: PHP
P: Pearl

Nah kali ini kita membahas bagaimana sih CARA INSTALL XAMPP?

Yuk mari disimak :)

1. Pertama, sobat bisa lansung ketikkan keyword "xampp"(tanpa tanda kutip ya) atau sobat bisa lansung ke alamat:
www.apachefriends.org

2. Kedua, sekarang sobat sudah sampai di halaman utama APACHE FRIENDS. Disini sobat bisa lansung pilih tombol downloanya bedasarkan sistem operasi sobat (kalau saya windows ya) atau alternatif lain sobat bisa klik "download" di navbar untuk versi yang lampau.

3. Ketiga, ketika proses download selesai sobat bisa klik file xampp-nya 2x.

4. Keempat, maka akan muncul window setup-nya dari sini soba bisa klik next.

5. Kelima, sobat bisa klik next lagi.

6. Keenam, sobat bisa tentukan foldernya dan pastikan folder tujuan sobat itu kosong ya. sekedar saran sobat bisa simpan folder yang lokasinya bukan di "C" seperti "D" misalnya. Untuk mencegah terhapusnya file-file sobat karena lupa ketika menginstall ulang laptop/pc sobat.

7. Ketujuh, sobat bisa lansung klik "install"

8. Kedelapan, tunggu proses installnya sampai selesai.

9. Kesembilan, pilih bahasanya.

10. Kesepuluh, muncul jendela seperti ini maka... selamat sobat sudah berhasil menginstall XAMPP.

Gimana mudahkan?
Semoga bermanfaat.

Sekian dulu. Bila informasi ini bermanfaat sobat bisa membantu membangun SUMBARANG; menjadi lebih baik dengan meninggalkan jejak berupa kritik, saran atau komentar. Atau sobat juga bisa membagikan/sharing keteman-teman sobat yang mungkin membutuhkan informasi ini.

Jumpa lagi
Assalamu'alaikum wr. Wb.

Assalamu'alaikum wr. wb. Kembali lagi nih di SUMBARANG; XAMPP merupakan bundelan dari beberapa program yang fungsinya sebagai server yan...

By: sumbarang

apa saja sih yang dibutuhkan buat belajar HTML & CSS?

November 05, 2018

Assalamu'alaikum warrahmatullahi wabarakatuh.

kembali lagi nih di SUMBARANG;

HTML & CSS merupakan salah satu unsur-unsur penting dalam pembuatan web.

HTML(Hyper Text Markup Language) adalah struktur dari tampilan sebuah web dan CSS(Cascading Style Sheet) yang bertugas mempercantik tampilan dari sebuah web.

bila dianalogikan mungkin seperti ini:

Bila KERANGKA dan TULANG MANUSIA adalah "HTML"

MAKA KULIT, DAGING, dan SEBAGAINYA yang MELAPISI TULANG adalah "CSS"

bila sobat ingin belajar HTML & CSS tapi bingung mau mulai dari mana,
maka kali ini kita akan membahas apa saja sih yang dibutuhkan buat belajar HTML & CSS?
atau ada juga yang bilang lingkungan pengembangan HTML & CSS

yuk mari sama-sama disimak :)

berikut adalah hal yang diperlukan:

1. NIAT dan KEINGINAN KUAT (wah kalau yang ini sudah pasti ya)

2. GURU (guru yang dimaksud nggak harus guru formal ya bisa saja teman atau yang nggak punya waktu tatap muka buat belajar bisa dari google atau youtube)

3. KACAMATA anti radiasi (untuk yang ini terserah sobat sih, tapi kalo boleh kasih saran lebih baik punya, karena kegiatannya menggunakan laptop/pc yang dimana monitor terus memancarkan radiasi pada mata sobat)

4. WEB BROWSER (untuk yang ini sobat nggak perlu khawatir karena pada dasarnya semua laptop/pc biasanya sudah terinstall web browser)

5. CODE EDITOR (untuk code editor biasanya juga sudah terinstall seperti notepad code editor bawaaan windows tapi bila sobat merasa kurang sobat juga bisa download code editor yang lain seperti SUBLIME misalnya)

baca juga: CARA INSTALL SUBLIME TEXT

sekian dulu, bila artikel ini bermanfaat sobat bisa membantu SUMBARANG; menjadi lebih baik dengan meninggalkan komentar, atau sobat bisa sharing ke teman-teman sobat.

jumpa lagi.

Assalamu'alaikum warrahmatullahi wabarakatuh.

Assalamu'alaikum warrahmatullahi wabarakatuh. kembali lagi nih di SUMBARANG; HTML & CSS merupakan salah satu unsur-unsur penting dal...

By: sumbarang

CARA INSTALL SUBLIME TEXT

November 05, 2018

Assalamualaikum wr. wb
halo sobat kembali lagi nih di SUMBARANG;

Sublime Text merupakan salah satu aplikasi code editor. Fitur-fitur yang dimilikinya sangat membantu buat para programmer pemula yang baru belajar ataupun yang sudah pro bisa membuat kegiatan coding jadi lebih efisien. Sublime Text juga menyediakan Plug-in yang dapat membantu kegiatan coding sobat jadi lebih powerfull. nah kali ini kita akan membahas bagaimana cara CARA INSTALL SUBLIME TEXT step-by-step.

yuk mari disimak :)

1. Langkah pertama! sobat bisa ketikkan di search engine "Sublime" atau sobat bisa ketikkan di bar alamat(address bar) sobat: www.sublimetext.com

2. Langkah kedua! sobat bisa lansung arahkan kursor dan lansung klik "download for windows" maka browser sobat akan lansung mulai proses download atau alternatif lain sobat klik "download"

3. Langkah ketiga! sobat bisa pilih sesuai kebutuhan sobat

4. Langkah keempat! jika filenya sudah selesai terdownload sobat bisa lansung jalankan file tersebut dengan cara klik 2x pada file tersebut

5. langkah kelima! jika menu seperti gambar dibawah ini sudah muncul maka sobat bisa klik "run"

6. Langkah keenam! sobat bisa klik "next"

7. Langkah ketujuh! sobat bisa ubah destinasi foldernya atau lansung saja klik "next"

8. Langkah kedelapan! dari sini sobat bisa klik "next" lagi

9. langkah kesembilan! sobat bisa klik "install" dan dan tunggu proses install sampai selesai

10. Langkah kesepuluh! setelah proses install selesai klik "finish" dan arahkan kursor sobat ke "start > search" lalu ketikkan "sublime" dan klik icon Sublime Text nya sepert pada gambar

selamat sekarang sobat sudah selesai menginstall Sublime Text.

happy coding :)

sekian dulu bila artikel ini bermanfaat sobat mungkin bisa bantu membangun SUMBARANG; bersama dengan cara tinggalkan jejak berupa komentar dibawah atau sharing keteman sobat yang mungkin butuh informasi ini.

jumpa lagi

Assalamualaikum wr. wb.

Assalamualaikum wr. wb halo sobat kembali lagi nih di SUMBARANG; Sublime Text merupakan salah satu aplikasi code editor. Fitur-fitur yang d...