Pengenalan SublimeText

Assalamualaikum wr wb.....

hallo teman-teman semua pada postingan kali ini saya ingin mengenalkan sebuah aplikasi yang mungkin buat kalian seorang programmer sudah tidak asing lagi mendengar namanya. Nama aplikasinya adalah SublimeText.

Apa itu SublimeText?

SublimeText merupakan sebuah text editor berbasis Phyton yang sering digunakan oleh kalangan programmer terlebih khusus Web Developer untuk menuliskan sebuah code-cede program, sublimetext ini dapat dijalankan diberbagai sistem operasi dan mendukung berbagai macam bahasa pemrograman, yaitu : C,  C++,  C#,  CSS,  D, Dylan,  Erlang,  HTML,  Groovy,  Haskell,  Java,  JavaScript,  LaTeX,  Lisp,  Lua, Markdown, MATLAB, OCaml, Perl, PHP, Python, R,  Ruby, SQL, TCL, Textile and  XML

Fitur yang disediakan di SublimeText

Selain kelebihan yang telah disebutkan diatas sublime text juga dilengkapi dengan beberapa fitur, diantaranya sebagai berikut :

a.       Goto Anything

Fitur yang sangat membantu dalam membuka file ataupun menjelajahi isi dari file hanya dengan beberapa keystrokes.

b.      Multiple Selections

Memungkinkan user untuk mengubah banyak baris  sekaligus,  seperti  nama  variabel  dengan  mudah,  dan memanipulasi file lebih cepat dari sebelumnya.

c.       Command Pallete

Dengan fitur ini, user dapat dengan cepat mencari fungsi yang diinginkan, tanpa harus menavigasi melalu menu.

d.      Distraction Free Mode

Bila user memerlukan fokus penuh pada aplikasi ini, fitur ini dapat membantu user dengan memberikan tampilan layar penuh.

e.       Split Editing

Dapatkan  hasil  yang  maksimal  dari  monitor  layar  lebar  dengan dukungan  editing  perpecahan.  Mengedit  sisi  file  dengan  sisi,  atau mengedit dua lokasi di satu file. Anda dapat mengedit dengan banyak baris dan kolom yang user inginkan.

f.       Instant Project Switch

Menangkap semua file yang dimasukkan kedalam project pada aplikasi ini. Terintegrasi dengan fitur Goto Anything untuk menjelajahi semua file yang ada ataupun untuk beralih ke file dalam project  lainnya dengan cepat.

g.      Plugin API

Dilengkapi  dengan  plugin  API  berbasis  Phyton  sehingga  membuat aplikasi ini sangat tangguh.

h.      Customize Anything

Aplikasi  ini  memberikan  user  fleksibilitas  dalam  hal  pengaturan fungsional dalam aplkasi ini.

i.        Cross Platform

Aplikasi ini dapat berjalan hampir disemua  operating system  modern seperti Windows, OS X, dan Linux based operating system.

Untuk link Downloadnya silahkan klik link di bawah ini untuk :

DOWNLOAD

Read More

Pengenalan HTML

Apa itu HTML?

• HTML adalah bahasa markup standar untuk membuat halaman web.
• HTML adalah singkatan dari Hyper Text Markup Language
• HTML menggambarkan struktur halaman web menggunakan markup
• Elemen HTML adalah blok pembangun halaman HTML
• Elemen HTML diwakili oleh tag
• Tag HTML melabeli potongan konten seperti "pos", "paragraf", "tabel", dan seterusnya

·         Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk merender konten halaman

Contoh dokumen HTML sederhana :

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Contoh di atas menjelaskan

• Deklarasi <! DOCTYPE html> mendefinisikan dokumen ini sebagai HTML5
• Elemen <html> adalah elemen root dari sebuah halaman HTML
• Elemen <head> berisi informasi meta tentang dokumen
• Elemen <title> menentukan judul untuk dokumen
• Elemen <body> berisi konten halaman yang terlihat
• Elemen <h1> mendefinisikan heading besar
• Elemen <p> mendefinisikan sebuah paragraph

Tag HTML

• Tag HTML adalah nama elemen yang dikelilingi tanda kurung siku:
• Tag HTML biasanya berpasangan seperti <p> dan </ p>
• Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
• Tag akhir ditulis seperti tag awal, tetapi dengan garis miring yang disisipkan sebelum nama tag

Web Browser

Tujuan dari web browser (Chrome, IE, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya pada browser. Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk menentukan cara menampilkan dokumen, perhatikan gambar dibawah ini :

Struktur Halaman HTML

Di bawah ini adalah visualisasi struktur halaman HTML:

Deklarasi <! DOCTYPE>

Deklarasi <! DOCTYPE> mewakili jenis dokumen, dan membantu browser untuk menampilkan halaman web dengan benar. Hanya harus muncul sekali, di bagian atas halaman (sebelum tag HTML apa pun). Deklarasi <! DOCTYPE> tidak case sensitive artinya dapat ditulis dengan huruf besar maupun kecil. Deklarasi <! DOCTYPE> untuk HTML5 adalah:

Versi HTML

Sejak masa awal web, ada banyak versi HTML:

Version	Year
HTML	1991
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML	2000
HTML5	2014

Sumber : www.w3school.com

Read More