{"id":2918,"date":"2025-07-29T07:50:53","date_gmt":"2025-07-29T07:50:53","guid":{"rendered":"https:\/\/sertifikasiprofesi.id\/blog\/?p=2918"},"modified":"2025-07-29T07:50:54","modified_gmt":"2025-07-29T07:50:54","slug":"project-mini-web-sederhana","status":"publish","type":"post","link":"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/","title":{"rendered":"Project Mini Web Sederhana"},"content":{"rendered":"\n<p>Project mini web sederhana adalah sebuah proyek kecil yang dirancang untuk melatih kemampuan dasar dalam pengembangan website. <\/p>\n\n\n\n<p>Proyek ini biasanya melibatkan elemen dasar seperti HTML, CSS, dan JavaScript tanpa kompleksitas backend atau framework lanjutan. <\/p>\n\n\n\n<p>Tujuannya adalah memberikan pemahaman praktis tentang bagaimana sebuah halaman web dibangun dan berfungsi.<\/p>\n\n\n\n<p>Proyek seperti ini sangat cocok untuk pelajar, pemula dalam coding, atau siapa pun yang ingin membangun portofolio web dari nol.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"has-text-align-center\"><em><strong>Baca Juga: <a href=\"https:\/\/sertifikasiprofesi.id\/blog\/sertifikasi-web-developer\/\">Sertifikasi Web Developer<\/a><\/strong><\/em><\/p>\n<\/blockquote>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#Manfaat_Membuat_Project_Mini_Web\" >Manfaat Membuat Project Mini Web<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#1_Mengasah_Skill_Dasar_Front-End\" >1. Mengasah Skill Dasar Front-End<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#2_Meningkatkan_Rasa_Percaya_Diri\" >2. Meningkatkan Rasa Percaya Diri<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#3_Menjadi_Portofolio_Awal\" >3. Menjadi Portofolio Awal<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#4_Membuka_Peluang_Belajar_Lanjutan\" >4. Membuka Peluang Belajar Lanjutan<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#5_Bisa_Digunakan_untuk_Keperluan_Pribadi\" >5. Bisa Digunakan untuk Keperluan Pribadi<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#Cara_Membuat_Project_Mini_Web_Sederhana\" >Cara Membuat Project Mini Web Sederhana<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#1_Tentukan_Tujuan_Website\" >1. Tentukan Tujuan Website<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#2_Buat_Struktur_HTML\" >2. Buat Struktur HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#3_Tambahkan_Gaya_dengan_CSS\" >3. Tambahkan Gaya dengan CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#4_Tambahkan_Interaktivitas_dengan_JavaScript\" >4. Tambahkan Interaktivitas dengan JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#5_Uji_di_Berbagai_Perangkat\" >5. Uji di Berbagai Perangkat<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#6_Hosting_Gratis_di_Netlify_atau_GitHub_Pages\" >6. Hosting Gratis di Netlify atau GitHub Pages<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#Penutup\" >Penutup<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Manfaat_Membuat_Project_Mini_Web\"><\/span>Manfaat Membuat Project Mini Web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Simak beberapa manfaat membuat Project Mini Web dibawah ini:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Mengasah_Skill_Dasar_Front-End\"><\/span>1. Mengasah Skill Dasar Front-End<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Project ini membantu memahami struktur HTML, pengaturan tampilan dengan CSS, dan interaktivitas sederhana dengan JavaScript.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Meningkatkan_Rasa_Percaya_Diri\"><\/span>2. Meningkatkan Rasa Percaya Diri<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Melihat hasil karya sendiri secara nyata memberi motivasi untuk melangkah ke proyek yang lebih kompleks.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Menjadi_Portofolio_Awal\"><\/span>3. Menjadi Portofolio Awal<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Proyek mini bisa digunakan sebagai contoh dalam CV atau profil GitHub untuk menunjukkan keterampilan dasar Anda.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Membuka_Peluang_Belajar_Lanjutan\"><\/span>4. Membuka Peluang Belajar Lanjutan<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Dari proyek kecil ini, Anda bisa lanjut belajar penggunaan framework seperti React, atau CMS seperti WordPress.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Bisa_Digunakan_untuk_Keperluan_Pribadi\"><\/span>5. Bisa Digunakan untuk Keperluan Pribadi<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Contohnya: membuat website pribadi, halaman biodata, atau daftar tautan ke media sosial.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cara_Membuat_Project_Mini_Web_Sederhana\"><\/span>Cara Membuat Project Mini Web Sederhana<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Inilah beberapa Cara Membuat Project Mini Web Sederhana, simak sebagai berikut:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Tentukan_Tujuan_Website\"><\/span>1. Tentukan Tujuan Website<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Misalnya membuat web portofolio, halaman profil, daftar produk sederhana, atau blog statis.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Buat_Struktur_HTML\"><\/span>2. Buat Struktur HTML<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Mulailah dengan elemen dasar seperti <code>&lt;header&gt;<\/code>, <code>&lt;nav&gt;<\/code>, <code>&lt;main&gt;<\/code>, dan <code>&lt;footer&gt;<\/code>. Gunakan <code>&lt;section&gt;<\/code> atau <code>&lt;article&gt;<\/code> untuk isi konten.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Tambahkan_Gaya_dengan_CSS\"><\/span>3. Tambahkan Gaya dengan CSS<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Buat file CSS terpisah dan tambahkan gaya seperti warna, tata letak, font, dan animasi ringan jika diperlukan.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Tambahkan_Interaktivitas_dengan_JavaScript\"><\/span>4. Tambahkan Interaktivitas dengan JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Tambahkan fitur seperti tombol show\/hide, validasi form sederhana, atau efek klik untuk meningkatkan pengalaman pengguna.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Uji_di_Berbagai_Perangkat\"><\/span>5. Uji di Berbagai Perangkat<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Pastikan website dapat tampil dengan baik di desktop dan perangkat mobile.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"6_Hosting_Gratis_di_Netlify_atau_GitHub_Pages\"><\/span>6. Hosting Gratis di Netlify atau GitHub Pages<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Unggah project ke GitHub dan deploy ke Netlify atau GitHub Pages agar bisa diakses publik.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Penutup\"><\/span>Penutup<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Project mini web sederhana adalah langkah awal yang tepat untuk siapa saja yang ingin memasuki dunia web development. Dengan proyek kecil, Anda bisa belajar banyak, membangun portofolio, dan membuka peluang baru dalam karier digital. Tak perlu menunggu ahli\u2014mulailah dari sederhana dan terus kembangkan.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Project mini web sederhana adalah sebuah proyek kecil yang dirancang untuk melatih kemampuan dasar dalam pengembangan website. Proyek ini biasanya melibatkan elemen dasar seperti HTML, CSS, dan JavaScript tanpa kompleksitas backend atau framework lanjutan. Tujuannya adalah memberikan pemahaman praktis tentang bagaimana sebuah halaman web dibangun dan berfungsi. Proyek seperti ini sangat cocok untuk pelajar, pemula [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2919,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","inline_featured_image":false,"footnotes":""},"categories":[70],"tags":[302,300,301],"class_list":["post-2918","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sertifikasi-web-developer","tag-belajar-html-css","tag-project-mini-web","tag-website-sederhana"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Project Mini Web Sederhana - sertifikasiprofesi<\/title>\n<meta name=\"description\" content=\"Pelajari cara membuat project mini web sederhana menggunakan HTML, CSS, dan JavaScript. Cocok untuk pemula yang ingin membangun portofolio.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Project Mini Web Sederhana - sertifikasiprofesi\" \/>\n<meta property=\"og:description\" content=\"Pelajari cara membuat project mini web sederhana menggunakan HTML, CSS, dan JavaScript. Cocok untuk pemula yang ingin membangun portofolio.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/\" \/>\n<meta property=\"og:site_name\" content=\"sertifikasiprofesi\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-29T07:50:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-29T07:50:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sertifikasiprofesi.id\/blog\/wp-content\/uploads\/2025\/07\/Sertifikasi-Profesi-18.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/#\/schema\/person\/e3316a4045caff62185868cc440acc0b\"},\"headline\":\"Project Mini Web Sederhana\",\"datePublished\":\"2025-07-29T07:50:53+00:00\",\"dateModified\":\"2025-07-29T07:50:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/\"},\"wordCount\":353,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sertifikasiprofesi.id\/blog\/wp-content\/uploads\/2025\/07\/Sertifikasi-Profesi-18.png\",\"keywords\":[\"belajar HTML CSS\",\"project mini web\",\"website sederhana\"],\"articleSection\":[\"Sertifikasi Web Developer\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/\",\"url\":\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/\",\"name\":\"Project Mini Web Sederhana - sertifikasiprofesi\",\"isPartOf\":{\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sertifikasiprofesi.id\/blog\/wp-content\/uploads\/2025\/07\/Sertifikasi-Profesi-18.png\",\"datePublished\":\"2025-07-29T07:50:53+00:00\",\"dateModified\":\"2025-07-29T07:50:54+00:00\",\"description\":\"Pelajari cara membuat project mini web sederhana menggunakan HTML, CSS, dan JavaScript. Cocok untuk pemula yang ingin membangun portofolio.\",\"breadcrumb\":{\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#primaryimage\",\"url\":\"https:\/\/sertifikasiprofesi.id\/blog\/wp-content\/uploads\/2025\/07\/Sertifikasi-Profesi-18.png\",\"contentUrl\":\"https:\/\/sertifikasiprofesi.id\/blog\/wp-content\/uploads\/2025\/07\/Sertifikasi-Profesi-18.png\",\"width\":600,\"height\":400,\"caption\":\"Project Mini Web Sederhana\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sertifikasiprofesi.id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Project Mini Web Sederhana\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/#website\",\"url\":\"https:\/\/sertifikasiprofesi.id\/blog\/\",\"name\":\"sertifikasiprofesi\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sertifikasiprofesi.id\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/#organization\",\"name\":\"sertifikasiprofesi\",\"url\":\"https:\/\/sertifikasiprofesi.id\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sertifikasiprofesi.id\/blog\/wp-content\/uploads\/2022\/04\/cropped-Logo-Black.png\",\"contentUrl\":\"https:\/\/sertifikasiprofesi.id\/blog\/wp-content\/uploads\/2022\/04\/cropped-Logo-Black.png\",\"width\":209,\"height\":58,\"caption\":\"sertifikasiprofesi\"},\"image\":{\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/#\/schema\/person\/e3316a4045caff62185868cc440acc0b\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sertifikasiprofesi.id\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/620de75cd82a4e61ac250270ac94d652ceae998e47a5c532726a07aafe1aa197?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/620de75cd82a4e61ac250270ac94d652ceae998e47a5c532726a07aafe1aa197?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/sertifikasiprofesi.id\"],\"url\":\"https:\/\/sertifikasiprofesi.id\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Project Mini Web Sederhana - sertifikasiprofesi","description":"Pelajari cara membuat project mini web sederhana menggunakan HTML, CSS, dan JavaScript. Cocok untuk pemula yang ingin membangun portofolio.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/","og_locale":"en_US","og_type":"article","og_title":"Project Mini Web Sederhana - sertifikasiprofesi","og_description":"Pelajari cara membuat project mini web sederhana menggunakan HTML, CSS, dan JavaScript. Cocok untuk pemula yang ingin membangun portofolio.","og_url":"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/","og_site_name":"sertifikasiprofesi","article_published_time":"2025-07-29T07:50:53+00:00","article_modified_time":"2025-07-29T07:50:54+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/sertifikasiprofesi.id\/blog\/wp-content\/uploads\/2025\/07\/Sertifikasi-Profesi-18.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#article","isPartOf":{"@id":"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/"},"author":{"name":"admin","@id":"https:\/\/sertifikasiprofesi.id\/blog\/#\/schema\/person\/e3316a4045caff62185868cc440acc0b"},"headline":"Project Mini Web Sederhana","datePublished":"2025-07-29T07:50:53+00:00","dateModified":"2025-07-29T07:50:54+00:00","mainEntityOfPage":{"@id":"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/"},"wordCount":353,"commentCount":0,"publisher":{"@id":"https:\/\/sertifikasiprofesi.id\/blog\/#organization"},"image":{"@id":"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#primaryimage"},"thumbnailUrl":"https:\/\/sertifikasiprofesi.id\/blog\/wp-content\/uploads\/2025\/07\/Sertifikasi-Profesi-18.png","keywords":["belajar HTML CSS","project mini web","website sederhana"],"articleSection":["Sertifikasi Web Developer"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/","url":"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/","name":"Project Mini Web Sederhana - sertifikasiprofesi","isPartOf":{"@id":"https:\/\/sertifikasiprofesi.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#primaryimage"},"image":{"@id":"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#primaryimage"},"thumbnailUrl":"https:\/\/sertifikasiprofesi.id\/blog\/wp-content\/uploads\/2025\/07\/Sertifikasi-Profesi-18.png","datePublished":"2025-07-29T07:50:53+00:00","dateModified":"2025-07-29T07:50:54+00:00","description":"Pelajari cara membuat project mini web sederhana menggunakan HTML, CSS, dan JavaScript. Cocok untuk pemula yang ingin membangun portofolio.","breadcrumb":{"@id":"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#primaryimage","url":"https:\/\/sertifikasiprofesi.id\/blog\/wp-content\/uploads\/2025\/07\/Sertifikasi-Profesi-18.png","contentUrl":"https:\/\/sertifikasiprofesi.id\/blog\/wp-content\/uploads\/2025\/07\/Sertifikasi-Profesi-18.png","width":600,"height":400,"caption":"Project Mini Web Sederhana"},{"@type":"BreadcrumbList","@id":"https:\/\/sertifikasiprofesi.id\/blog\/project-mini-web-sederhana\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sertifikasiprofesi.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Project Mini Web Sederhana"}]},{"@type":"WebSite","@id":"https:\/\/sertifikasiprofesi.id\/blog\/#website","url":"https:\/\/sertifikasiprofesi.id\/blog\/","name":"sertifikasiprofesi","description":"","publisher":{"@id":"https:\/\/sertifikasiprofesi.id\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sertifikasiprofesi.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sertifikasiprofesi.id\/blog\/#organization","name":"sertifikasiprofesi","url":"https:\/\/sertifikasiprofesi.id\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sertifikasiprofesi.id\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/sertifikasiprofesi.id\/blog\/wp-content\/uploads\/2022\/04\/cropped-Logo-Black.png","contentUrl":"https:\/\/sertifikasiprofesi.id\/blog\/wp-content\/uploads\/2022\/04\/cropped-Logo-Black.png","width":209,"height":58,"caption":"sertifikasiprofesi"},"image":{"@id":"https:\/\/sertifikasiprofesi.id\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/sertifikasiprofesi.id\/blog\/#\/schema\/person\/e3316a4045caff62185868cc440acc0b","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sertifikasiprofesi.id\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/620de75cd82a4e61ac250270ac94d652ceae998e47a5c532726a07aafe1aa197?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/620de75cd82a4e61ac250270ac94d652ceae998e47a5c532726a07aafe1aa197?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/sertifikasiprofesi.id"],"url":"https:\/\/sertifikasiprofesi.id\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/sertifikasiprofesi.id\/blog\/wp-json\/wp\/v2\/posts\/2918","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sertifikasiprofesi.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sertifikasiprofesi.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sertifikasiprofesi.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sertifikasiprofesi.id\/blog\/wp-json\/wp\/v2\/comments?post=2918"}],"version-history":[{"count":1,"href":"https:\/\/sertifikasiprofesi.id\/blog\/wp-json\/wp\/v2\/posts\/2918\/revisions"}],"predecessor-version":[{"id":2920,"href":"https:\/\/sertifikasiprofesi.id\/blog\/wp-json\/wp\/v2\/posts\/2918\/revisions\/2920"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sertifikasiprofesi.id\/blog\/wp-json\/wp\/v2\/media\/2919"}],"wp:attachment":[{"href":"https:\/\/sertifikasiprofesi.id\/blog\/wp-json\/wp\/v2\/media?parent=2918"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sertifikasiprofesi.id\/blog\/wp-json\/wp\/v2\/categories?post=2918"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sertifikasiprofesi.id\/blog\/wp-json\/wp\/v2\/tags?post=2918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}