Tuesday, December 18, 2018

Memilih Code Editor


UNTUK APA CODE EDITOR?

Tahukah kamu bagaimana para programmer menuliskan setiap code untuk program yang dia buat?, Untuk text editor pasti kalian sudah pernah mendengarnya bahkan sering menggunakannya, MS.Word, Notepad termasuk kedalam Text Editor, bagi para orang awam yang masuk kedunia programming pasti merasa asing dengan yang namanya Code Editor, tentang Code Editor akan kita bahas kali ini.

APA ITU CODE EDITOR?

Code Editor adalah sebuah software yang digunakan untuk membantu para programmer untuk menyelesaikan programmnya. Code Editor biasanya sudah dilengkapi dengan plugin yang membantu memudahkan dalam menulis code dengan lebih instan. Dengan menggunakan Code Editor untuk menuliskan banyak code akan terasa lebih mudah dan cepat karena Code Editor memiliki fitur yang sangat membantu para programmer.

APA SAJA CODE EDITOR?

Didunia programming banyak menuliskan code dengan ada nya Code Editor akan membantu programmer dalam menyelesaikan tugas nya. Banyak sekali Code Editor di internet yang gratis maupun berbayar. Belum tentu yang  gratis tidak bagus dan belum tentu yang berbayar bagus, jadi jangan memilih dari harga dari Code Editor tapi nikmatilah fitur fitur yang dimiliki Code Editor Tersebut, disini saya merekomendasikan 2 Code Editor yang sering saya gunakan. 

Code Editor Sublime Text

Code Editor Visual StudioCode

Kesimpulan, gunakankah Code Editor untuk membuat program atau aplikasi agar dalam proses pengerjaannya menjadi lebih cepat dan mudah, pilih lah Code Editor yang menurut kalian nyaman.

Monday, December 17, 2018

Menjalankan File HTML - HTML Dasar


Mengetahui HTML

Menjalankan file HTML yang sudah dibuat tidak lah susah, tapi sebelum menjalankan file HTML tersbeut pastikan ektensi dari file HTML yang anda buat berekstensikan . (dot) html, dan juga pastikan isi dari file HTML yang Anda buat berisikan kode atau script HTML sebenernya tidak harus script ataupun kode Anda juga bisa menuliskan nama Anda kedalam Notepad lalu Anda menyimpannya dengan ekstensi .html. Apa bedanya? perbedaanya bsia kita lihat berikut ini

Menjalankan File HTML

Pastikan Anda sudah memiliki file HTML yang ingin di jalankan jika belum, silahkan membuat Notepad lalu Anda ketika nama Anda kedalam notepad lalu Anda simpan dengan ekstensi . (dot) HTML

Setelah file berhasil disimpan silahkan klik dua kali pada file yang berekstensikan .html tersebut, maka otomatis Anda akan dibawah ke web borwser default dari perangkat Anda.
Pada browser akan tampil dari nama / kata yang Anda simpan pada file .html tadi, Perlu diingat HTML memiliki struktur dasar ada tag HTML, HEAD, dan BODY tapi didalam file HTML tadi kita tidak memasukan script kode tag tag yang wajib pada HTML tapi ko tetap bisa menampilkan? pada dasarnya web browser yang kita gunakan akan menerjemahkan file atau dokumen kita sebelum di tampilkan. Jika Anda buka Page Source atau kalian bisa menggunakan tombol kombinasi CTRL + U untuk menampilkan Page Source, maka akan tampil isi dari file yang kita jalankan.
Bersih tidak ada struktur HTML tapi sebenarnya si Web Browser nya menerjemahkan file kita tersebut ke dalam HTML karena ektesnsi dari file kita HTML, untuk melihat lengkap nya hasil terjemahan dari web browser kita bisa melihat nya dengan Inspect Elemen atau menggunakan tombol kombinasi CTRL+SHIFT+I (Setiap browser berbeda beda) maka akan tampil hasil terjemahkan browser kedalam HTML lengkap dengan tag HTML, HEAD, BODY
Kesimpulan, Untuk file HTML kita harus membuat scritp atau kode dasar dari HTML yaitu tag HTML, HEAD dan BODY lalu kita dapat menjalankan nya dengan baik, karena untuk menciptakan atau menghasilkan Halaman Website yang menarik dan dinamis kita perlu tag tag dasar HTML tersebut.

Mengenal Tag, Elemen dan Atribut pada HTML


Tag, Elemen & Atribut apa?

Setelah kita mempelajari tentang apa itu HTML, kali ini kita akan masuk mempelajari tentang Tag, Elemen dan Atribut dari si HTML nya. Untuk menjadi seorang Web Design wajib mengetahui dan paham bentul konsep penggunaan dari Tag, Elemen dan Atribut mengapa? akan kita bahas dibawah ini.

Tag pada HTML

Tag merupakan kode yang digunakan untuk memperkenalkan script kode yang kita buat kepada web borwser untuk apa dan bagaimana script untuk halaman kita nanti. Dihalaman website pasti memiliki yang nama nya tag, karena dari setiap tag tag yang ada pada script atau di setiap baris kode itu akan membentuk sebuah kerangka yang ketika di akses menggunakan web browser akan menampilkan hasil dari tag tag atau baris kode yang di buat. Tag ini sangat berfariasi, ada puluhan bahkan ratusan tag lebih yang ada dan dapat kita gunakan untuk membuat website yang dinamis. Tag juga bisa disebutkan sebagai pembentuk dari sebuah website atau yang digunakan untuk mendefinisikan apa yang ingin kita buat misalnya tabel, list, dan lainnya.

Pada umumnya tag memiliki tag pembuka dan penutup dilain hal ada juga tag yang hanyak memiliki tag pembuka saja dengan kata lain tidak ada tag penutupnya,


Dari kode di atas bisa kita simpulkan bahwa tag di atas memiliki pembuka dan penutup tag pembukanya adalah <tag> lalu penutupnya </tag> perbedaanya adalah pada slash (/) sebelum tag, lalu contoh tag yang tidak memiliki penutup misalnya

dari contoh kode di atas tag di atas tidak memiliki penutup hanya memiliki tag pembuka

Jenis - jenis tag yang sering digunakan


Tag Keterangan
<-- --> Digunakan untuk memberikan komentar
<a> Digunakan untuk mendefinisikan anchor yang berguna untuk mengaitkan atara file html
<b> Digunakan untuk membuat text tebal
<h1> Digunakan untuk membuat heading pada halaman
<tittle> Digunakan untuk memberikan judul pada halaman
<p> Digunakan untuk mendefinisikan atau membuat paragraf
<body> Mendefinisikan body atau isi dari halaman
<head> Mendefinisikan head atau kepala dari halaman
<table> Mendefinisikan untuk membuat tabel
<tr> Mendefinisikan baris pada tabel
<th> Mendefinisikan kolom header atau kepalal dari tabel
<td> Mendefinisikan kolom data atau data dari tabel
<div> Mendefinisikan gruping atau pengrupan pada halaman web
Dan masih banyak lagi

Elemen Pada HTML

Elemen pada HTML merupakan isi atau yang berada di dalam tag, yang maksudnya sesuatu yang ada di antara tag pembuka dan tag penutup, Untuk lebih muda nya kita bisa lihat dari contoh kode di bawah ini

dari contoh kode di atas kita bisa lihat bahwa elemen dari h2 adalah Selamat datang di Tutor Borneo untuk isi dari elemen bisa banyak hal misalnya link di dalam elemen dan lain lain.

Atribut Pada HTML

Atribut adalah informasi tambahan yang digunakan untuk melengkapi tag tag yang kita buat, atribut pada setiap tag memiliki sifat yang berbeda beda, ada yang setiap tag wajib memiliki atribut dan ada juga tag yang tidak memiliki atribut. Posisi atribut pada tag ada pada setelah dari nama tag nya contoh nya

dari contoh kode di atas bisa kita lihat bahwa tag a memiliki atribut href, lihat posisi atribut, berada disetelah nama dari tag nya bisa kita simpulkan

  • Tag : a
  • Elemen : Tutor Borneo
  • Atribut : tutorborneo.html
Kesimpulan Tag, Elemen dan Atribut sangat lah wajib di pahami karena ini sangat penting untuk menjadi seorang Web Disgn, Tag adalah pembentuk dari halaman web yang terstruktur, elemen adalah isi atau sesuatu yang berada di antara tag pembuka dan tag penutup, atribut adalah informasi tambahan yang digunakan untuk melengkapi tag.

Sunday, December 16, 2018

HTML Dasar | Pendahuluan


PENDAHULUAN - HTML DASAR

Apa itu HTML? Mungkin pertanyaan ini pernah muncul dibenak Anda, apalagi Anda yang mulai masuk kedalam dunia web programming. Tentu seorang web programmer sebelum nya harus paham betul terlebih dahulu tentang HTML ini, karena HTML ini sangat penting untuk membentuk sebuah halaman web. Jika di ibaratkan HTML itu sebuah dasar nya dari situs situs atau web yang ada seluruh dunia, karena si HTML ini adalah struktur dasar pondasi dari sebuah web.

PENGERTIAN HTML

Hyper Text Markup Language atau yang sering kita sebut dengan HTML merupakan bahasa Mark Up (Tidak termasuk ke dalam bahasa pemrograman) yang digunakan untuk membentuk sebuah halaman website. Di dunia pemprograman yang berbasiskan web programming HTML ini menjadi dasar pada website. Halaman website yang menarik juga dengan ada nya bantuan CSS (Akan kita bahas di seri berikutnya), jika halaman website yang hanya terbentuk dari HTML saja tanpa adanya CSS itu seperti Burung yang tidak berbulu maka terlihat kurang menarik dengan ada nya CSS ini dapat menjadikan halaman website kita menjadi jauh lebih menarik untuk di lihat. Untuk file HTML ini memiliki ektensi .html (dot HTML) yang dapat di akses / di eksekusi dengan banyak browser, rata rata semua browser yang ada sudah dapat mengeksekusi file HTML ini. Didalam membuat halaman website kita juga perlu memahami apa itu CSS, JavaScript, dan PHP untuk membuat sebuah website yang dinamis. Website dapat di katakan website statis karena website tersebut tidak memiliki akses fungsi fungsi tertentu (Hanya terdiri dari bahasa HTML), ini akan membuat website kita seperti kurang menarik, sehingga di perlukan lah bahasa web lainnya yang sudah di sebutkan di atas.

Kesimpulannya HTML adalah bahasa Mark Up yang wajib di pahami untuk menjadi seorang web developer karena HTML adalah pondsari dasar dari sebuah website.