{"id":365,"date":"2021-11-19T14:10:54","date_gmt":"2021-11-19T07:10:54","guid":{"rendered":"https:\/\/duniacoding.info\/?p=365"},"modified":"2021-11-22T11:00:42","modified_gmt":"2021-11-22T04:00:42","slug":"belajar-html-dasar-persiapan","status":"publish","type":"post","link":"https:\/\/duniacoding.id\/blog\/belajar-html-dasar-persiapan\/","title":{"rendered":"Belajar Html Dasar #1: Persiapan Sebelum Belajar"},"content":{"rendered":"\n<p>Belajar HTML merupakan kewajiban bagi semua orang sebelum mendalami Dunia Web Developer. Belajar HTML memang sepenting itu, karena HTML lah bahasa yang bisa dibaca oleh browser. <\/p>\n\n\n\n<p>Html adalah kepanjangan dari hyper text markup language. Yah html bukan lah bahasa pemrogaman seperti javascript melainkan bahasa markup. Html ini sangat penting untuk kalian yang ingin menjadi web developer. Html adalah pondasi dari sebuah website, tanpa html sebuah website tidak akan bisa menampilkan konten kontenya secara terstruktur. Bisa dibilang html ini adalah kerangka atau tulang jika diibaratkan dengan tubuh kita. Nah untuk belajar html kita  memerlukan tools untuk mengcoding html dan melihat hasilnya. Apa saja itu, berikut tools yang harus kamu persiapkan untuk belajar html.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Web Browser<\/h2>\n\n\n\n<p>Sebagian dari teman teman pasti sudah tau apa itu web browser. Web browser merupakan aplikasi yang bisa menjelajahi, menyajikan, maupun mengambil kontent yang ada di berbagai sumber informasi pada jaringan internet. Sebagai web developer browser ini sangat lah penting untuk menampilkan konten kita. Ada banyak sekali web browser di dunia ini.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Google Chrome<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2021\/11\/Desain-tanpa-judul-2-1024x576.png\" alt=\"Belajar HTML Web Browser\" class=\"wp-image-390\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/Desain-tanpa-judul-2-1024x576.png 1024w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/Desain-tanpa-judul-2-300x169.png 300w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/Desain-tanpa-judul-2-768x432.png 768w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/Desain-tanpa-judul-2-1536x864.png 1536w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/Desain-tanpa-judul-2.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Browser ini adalah besutan dari google, sangat baik dalam hal kelengkapan fitur. Komunitas penggunanya juga sangatlah besar. Banyak sekali sejumlah exstensi untuk mendevelop web. Selain itu chrome menggunakan engine3 Webkit, engine browser ini rata rata mendukung fitur-fitur terbaru dari teknologi HTML dan CSS. Kamu dapat mendownloadnya disini  <a href=\"http:\/\/google.com\/chrome\" target=\"_blank\" rel=\"noopener\">http:\/\/google.com\/chrome<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Firefox<\/h3>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2021\/11\/asasas-2-1024x576.png\" alt=\"\" data-id=\"392\" data-full-url=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2021\/11\/asasas-2.png\" data-link=\"https:\/\/duniacoding.info\/?attachment_id=392\" class=\"wp-image-392\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/asasas-2-1024x576.png 1024w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/asasas-2-300x169.png 300w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/asasas-2-768x432.png 768w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/asasas-2-1536x864.png 1536w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/asasas-2.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p>Web browser ini sangat disukai oleh banyak developer dikarenkan kekayaannya dalam hall Add-on1. Kamu dapat mendownloadnya di sini <a href=\"http:\/\/firefox.com\/\" target=\"_blank\" rel=\"noopener\">http:\/\/firefox.com<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Opera<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2021\/11\/asasas-3-1024x576.png\" alt=\"\" class=\"wp-image-404\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/asasas-3-1024x576.png 1024w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/asasas-3-300x169.png 300w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/asasas-3-768x432.png 768w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/asasas-3-1536x864.png 1536w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/asasas-3.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Browser ini mungkin tidak sepopuler browser lainya seperti Chrome atau firefox. Tapi browser ini memiliki manfaat yang perlu dipertimbangkan juga lo. Opera dapat memberikan kita pengalaman online yang cepat dan efektif. Keuntungan yang bisa kita dapat saat menggunakan opera adalah vpn gratis tanpa penmabahan aplikasi tambahan.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Code Editor<\/h2>\n\n\n\n<p>Untuk membuat sebuah halaman web kita butuh menulis code. Untuk menulis kode tentunya kita harus mempuya sebuah code editor. Berikut code editor yang sering dipakai web developer dalam menulis sebuah code. Pilih salah satu ya..<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Notepad++<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"557\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2021\/11\/notepad-1024x557.png\" alt=\"\" class=\"wp-image-395\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/notepad-1024x557.png 1024w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/notepad-300x163.png 300w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/notepad-768x418.png 768w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/notepad.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>code editor ini sangatlah ringan, dan biasa digunakan para pemula yang ingin belajar coding lebih dalam, karena konfigurasinya sangatlah sedikit. Aplikasi text editor ini bersifat gratis tanpa adanya batasan fitur, namun sayangnya hanya bisa dijalankan pada perangkat komputer dengan sistem operasi windows.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">SublimeText<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2021\/11\/sublime-1024x554.png\" alt=\"\" class=\"wp-image-396\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/sublime-1024x554.png 1024w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/sublime-300x162.png 300w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/sublime-768x416.png 768w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/sublime.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Sublime text adalah text editor yang berbayar untuk lisensinya. Bisa digunakan secara gratis dengan keterbatasan fitur. Sublime text juga ringan, tidak memakan banyak ram dan mendukung banyak bahasa pemrograman.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Atom<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2021\/11\/atom-1024x535.png\" alt=\"\" class=\"wp-image-399\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/atom-1024x535.png 1024w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/atom-300x157.png 300w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/atom-768x401.png 768w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/atom.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Bukan bom yak gaes wkwkwk, atom ini sangat cocok digunakan untuk mengerjakan project codingan secara bersamaan, karena aplikasi ini bersifat cros-platform berdasarkan pada kerangka electron. Sehingga proyek yang kita buat dengan text editor Atom bisa dibagikan dan diedit secara realtime.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Visual Studio Code<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2021\/11\/vscode-1024x447.png\" alt=\"\" class=\"wp-image-402\" width=\"840\" height=\"366\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/vscode-1024x447.png 1024w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/vscode-300x131.png 300w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/vscode-768x335.png 768w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/vscode-1536x670.png 1536w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/11\/vscode.png 1920w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/figure>\n\n\n\n<p>Software ini bisa berjalan di atas sistem operasi Windows, Mac dan Linux dan bersifat opensource taua gratis sehingga sangat flexibel digunakan oleh para pelajar atau mahasiswa. Mendukung banyak sekali bahasa pemrograman.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kesimpulan<\/h2>\n\n\n\n<p>Itulah&nbsp;Persiapan sebelum Belajar html<strong> <\/strong>serta aplikasi aplikasi pendukung yang di gunakan untuk mempelajari HTML.  Sebenarnya masih banyak tools untuk web developer tetapi karena disini kita belajar html hanya ini yang akan kita pakai di tulisan nanti. Oiya saya pakai code editor visual studio code gaess. Jadi bisa persiapkan dahulu ya gaess semua bahan-bahanya. Sampai jumpa di artikel berikutnya. SALAM NGODING<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Belajar HTML merupakan kewajiban bagi semua orang sebelum mendalami Dunia Web Developer. Belajar HTML memang sepenting itu, karena HTML lah bahasa yang bisa dibaca oleh browser. Html adalah kepanjangan dari hyper&#46;&#46;&#46;<\/p>\n","protected":false},"author":3,"featured_media":437,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-365","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial"],"_links":{"self":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/comments?post=365"}],"version-history":[{"count":10,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/365\/revisions"}],"predecessor-version":[{"id":468,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/365\/revisions\/468"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/media\/437"}],"wp:attachment":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/media?parent=365"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/categories?post=365"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/tags?post=365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}