{"id":3511,"date":"2026-07-31T07:22:04","date_gmt":"2026-07-31T07:22:04","guid":{"rendered":"https:\/\/regarcomm.com\/?p=3511"},"modified":"2026-08-26T23:48:51","modified_gmt":"2026-08-26T23:48:51","slug":"javascript-to-zero-1-dasar-html-css-dan-javascript-fondasi-yang-sering-diabaikan","status":"publish","type":"post","link":"https:\/\/regarcomm.com\/?p=3511","title":{"rendered":"JavaScript to Zero #1 \u2013 Dasar HTML, CSS, dan JavaScript: Fondasi yang Sering Diabaikan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3511\" class=\"elementor elementor-3511\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c5b920 e-flex e-con-boxed e-con e-parent\" data-id=\"4c5b920\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f893bf elementor-widget elementor-widget-gallery\" data-id=\"5f893bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;columns&quot;:3,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;aspect_ratio&quot;:&quot;3:2&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T142039.877.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"5f893bf\" data-elementor-lightbox-title=\"images - 2026-07-31T142039.877\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzUxMCwidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbS5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA3XC9pbWFnZXMtMjAyNi0wNy0zMVQxNDIwMzkuODc3LmpwZyIsInNsaWRlc2hvdyI6IjVmODkzYmYifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T142039.877-300x287.jpg\" data-width=\"300\" data-height=\"287\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T142031.285.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"5f893bf\" data-elementor-lightbox-title=\"images - 2026-07-31T142031.285\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzUwOSwidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbS5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA3XC9pbWFnZXMtMjAyNi0wNy0zMVQxNDIwMzEuMjg1LmpwZyIsInNsaWRlc2hvdyI6IjVmODkzYmYifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T142031.285-300x168.jpg\" data-width=\"300\" data-height=\"168\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T141202.256.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"5f893bf\" data-elementor-lightbox-title=\"images - 2026-07-31T141202.256\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzUwMywidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbS5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA3XC9pbWFnZXMtMjAyNi0wNy0zMVQxNDEyMDIuMjU2LmpwZyIsInNsaWRlc2hvdyI6IjVmODkzYmYifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T141202.256-300x188.jpg\" data-width=\"300\" data-height=\"188\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd28cf2 e-flex e-con-boxed e-con e-parent\" data-id=\"dd28cf2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ccd2cc elementor-widget elementor-widget-text-editor\" data-id=\"8ccd2cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><em>&#8220;Jangan terburu-buru belajar framework. Bangun dulu fondasinya.&#8221;<\/em><\/p><p>Di berbagai forum teknologi, media sosial, atau video tutorial, kita sering melihat pertanyaan seperti:<\/p><p><em>&#8220;Bagaimana cara belajar React?&#8221;<\/em><\/p><p><em>&#8220;Apakah saya harus langsung belajar Next.js?&#8221;<\/em><\/p><p><em>&#8220;Framework mana yang paling cepat mendapatkan pekerjaan?&#8221;<\/em><\/p><p>Pertanyaan-pertanyaan tersebut memang wajar. Dunia pengembangan web bergerak sangat cepat, dan setiap tahun selalu muncul teknologi baru yang menawarkan kemudahan. Namun, ada satu kesalahan yang cukup sering dilakukan oleh pemula: mereka ingin langsung membangun gedung bertingkat tanpa terlebih dahulu memahami cara membuat pondasinya.<\/p><p>Padahal, pondasi itu bernama <strong>HTML, CSS, dan JavaScript<\/strong>.<\/p><p>Serial <strong>JavaScript to Zero<\/strong> hadir untuk mengajak kita kembali ke titik awal\u2014bukan karena teknologi modern tidak penting, tetapi karena fondasi yang kuat akan membuat proses belajar teknologi apa pun menjadi jauh lebih mudah.<\/p><h2>Mengapa Harus Memulai dari Nol?<\/h2><p>Bayangkan seseorang ingin menjadi seorang arsitek. Sebelum mendesain gedung pencakar langit, ia tentu harus memahami bagaimana batu bata disusun, bagaimana semen bekerja, dan mengapa pondasi harus kuat.<\/p><p>Hal yang sama berlaku dalam pengembangan web.<\/p><p>Framework seperti React, Vue, Angular, atau Svelte memang luar biasa. Namun, semuanya tetap dibangun di atas HTML, CSS, dan JavaScript. Jika kita belum memahami ketiganya, kita hanya akan belajar &#8220;cara menggunakan alat&#8221;, bukan memahami &#8220;cara kerja sistem&#8221;.<\/p><p>Belajar dari nol bukan berarti mundur. Justru itulah cara untuk melangkah lebih jauh.<\/p><h2>HTML: Kerangka Sebuah Website<\/h2><p>Jika sebuah website diibaratkan sebagai tubuh manusia, maka HTML adalah kerangka tulangnya.<\/p><p>HTML (HyperText Markup Language) bertugas menyusun struktur halaman. Tanpa HTML, browser tidak akan tahu mana judul, mana paragraf, mana gambar, atau mana tombol.<\/p><p>Sebuah halaman sederhana terdiri dari elemen-elemen seperti:<\/p><ul><li><p>Judul<\/p><\/li><li><p>Paragraf<\/p><\/li><li><p>Gambar<\/p><\/li><li><p>Tabel<\/p><\/li><li><p>Formulir<\/p><\/li><li><p>Tombol<\/p><\/li><li><p>Navigasi<\/p><\/li><\/ul><p>HTML tidak bertugas membuat tampilan menjadi indah. Tugasnya hanya memastikan setiap bagian memiliki struktur yang jelas dan mudah dipahami oleh browser maupun mesin pencari.<\/p><p>Website yang baik selalu dimulai dari struktur HTML yang rapi.<\/p><h2>CSS: Memberikan Kehidupan pada Tampilan<\/h2><p>Setelah kerangka selesai dibuat, kita membutuhkan sesuatu yang membuatnya menarik. Di sinilah CSS (Cascading Style Sheets) berperan.<\/p><p>CSS mengatur hampir seluruh aspek visual sebuah website, mulai dari:<\/p><ul><li><p>Warna<\/p><\/li><li><p>Jenis huruf<\/p><\/li><li><p>Ukuran teks<\/p><\/li><li><p>Tata letak<\/p><\/li><li><p>Animasi<\/p><\/li><li><p>Efek transisi<\/p><\/li><li><p>Responsivitas pada berbagai ukuran layar<\/p><\/li><\/ul><p>Website modern tidak lagi sekadar indah di layar komputer. Pengguna kini mengakses internet melalui ponsel, tablet, hingga televisi pintar. Oleh karena itu, memahami konsep desain responsif menjadi keterampilan yang sangat penting.<\/p><p>CSS bukan sekadar soal estetika. Ia juga membantu menciptakan pengalaman pengguna yang nyaman dan profesional.<\/p><h2>JavaScript: Membuat Website Menjadi Interaktif<\/h2><p>Bayangkan sebuah website tanpa JavaScript.<\/p><p>Tombol tidak merespons.<\/p><p>Menu tidak bisa dibuka.<\/p><p>Data harus dimuat ulang setiap kali berpindah halaman.<\/p><p>Semuanya terasa statis.<\/p><p>JavaScript hadir untuk memberikan &#8220;kehidupan&#8221; pada halaman web.<\/p><p>Dengan JavaScript, kita dapat:<\/p><ul><li><p>Menampilkan atau menyembunyikan elemen.<\/p><\/li><li><p>Memvalidasi data yang diisi pengguna.<\/p><\/li><li><p>Mengubah isi halaman secara langsung.<\/p><\/li><li><p>Mengambil data dari server tanpa memuat ulang halaman.<\/p><\/li><li><p>Membuat animasi yang halus.<\/p><\/li><li><p>Membangun aplikasi web yang kompleks.<\/p><\/li><\/ul><p>Inilah alasan mengapa JavaScript menjadi salah satu bahasa pemrograman paling populer di dunia.<\/p><h2>Kesalahan yang Sering Dilakukan Pemula<\/h2><p>Banyak orang berpikir bahwa semakin cepat mempelajari framework, semakin cepat pula menjadi seorang programmer profesional.<\/p><p>Kenyataannya tidak selalu demikian.<\/p><p>Tanpa memahami dasar-dasar HTML, CSS, dan JavaScript, seseorang akan kesulitan ketika menghadapi masalah yang tidak dijelaskan dalam tutorial.<\/p><p>Akibatnya, proses belajar menjadi bergantung pada contoh kode yang sudah jadi tanpa benar-benar memahami alasan di baliknya.<\/p><p>Belajar dari fondasi memang terasa lebih lambat, tetapi justru itulah investasi yang akan menghemat waktu di masa depan.<\/p><h2>Filosofi &#8220;JavaScript to Zero&#8221;<\/h2><p>Serial ini mengusung filosofi sederhana:<\/p><blockquote><p><strong>Jangan belajar menghafal kode. Belajarlah memahami cara berpikir di balik setiap baris kode.<\/strong><\/p><\/blockquote><p>Saat kita memahami konsep, kita tidak lagi terpaku pada satu framework atau satu teknologi. Kita akan lebih mudah beradaptasi dengan perubahan, karena yang kita kuasai adalah prinsip-prinsip dasarnya.<\/p><p>Framework boleh berganti, tren boleh berubah, tetapi konsep HTML, CSS, dan JavaScript akan tetap menjadi dasar bagi hampir semua pengembangan web modern.<\/p><h2>Mulailah dengan Langkah Kecil<\/h2><p>Tidak perlu langsung membangun aplikasi yang rumit.<\/p><p>Mulailah dengan membuat:<\/p><ul><li><p>Sebuah halaman profil pribadi.<\/p><\/li><li><p>Halaman portofolio sederhana.<\/p><\/li><li><p>Halaman artikel.<\/p><\/li><li><p>Formulir kontak.<\/p><\/li><li><p>Galeri foto.<\/p><\/li><\/ul><p>Melalui proyek-proyek kecil seperti ini, kita akan memahami bagaimana HTML menyusun struktur, CSS mempercantik tampilan, dan JavaScript menghadirkan interaksi.<\/p><p>Setiap proyek sederhana akan menjadi batu loncatan menuju proyek yang lebih besar.<\/p><h2>Penutup<\/h2><p>Perjalanan menjadi seorang web developer bukan tentang siapa yang paling cepat mengikuti tren, melainkan siapa yang memiliki fondasi paling kuat.<\/p><p>HTML mengajarkan kita cara menyusun struktur.<\/p><p>CSS mengajarkan cara menyajikan pengalaman visual yang nyaman.<\/p><p>JavaScript mengajarkan cara menghadirkan interaksi dan logika.<\/p><p>Ketiganya bukanlah teknologi yang harus dilewati secepat mungkin, melainkan fondasi yang layak dipahami secara mendalam.<\/p><p>Jika fondasi telah kokoh, mempelajari React, Vue, Angular, Svelte, atau teknologi apa pun di masa depan akan terasa jauh lebih mudah.<\/p><p>Karena pada akhirnya, seorang pengembang yang hebat bukanlah mereka yang menguasai banyak framework, tetapi mereka yang memahami dasar-dasar dengan baik dan mampu terus belajar menghadapi perubahan.<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1fa345d e-flex e-con-boxed e-con e-parent\" data-id=\"1fa345d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0294549 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-widget elementor-widget-posts\" data-id=\"0294549\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;classic_columns&quot;:&quot;3&quot;,&quot;classic_columns_tablet&quot;:&quot;2&quot;,&quot;classic_columns_mobile&quot;:&quot;1&quot;,&quot;classic_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;classic_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;classic_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"posts.classic\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-4185 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=4185\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img fetchpriority=\"high\" decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"299\" height=\"168\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/10\/images-2026-10-02T101514.240.jpg\" class=\"attachment-medium size-medium wp-image-4184\" alt=\"\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<p class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=4185\" >\n\t\t\t\tBikin Soal ExamView Nggak Pakai Ribet: Panduan Import dari File Word untuk Dev &amp; Edukator\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t2 Oktober 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Bikin Soal ExamView Nggak Pakai Ribet: Panduan Import dari File<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4185\" aria-label=\"Read more about Bikin Soal ExamView Nggak Pakai Ribet: Panduan Import dari File Word untuk Dev &amp; Edukator\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-4167 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=4167\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"300\" height=\"300\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-27_09-27-08-300x300.jpg\" class=\"attachment-medium size-medium wp-image-4159\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-27_09-27-08-300x300.jpg 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-27_09-27-08-1024x1024.jpg 1024w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-27_09-27-08-150x150.jpg 150w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-27_09-27-08-768x768.jpg 768w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-27_09-27-08.jpg 1254w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<p class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=4167\" >\n\t\t\t\tAplikasi Website Akuntansi Usaha\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t27 September 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Aplikasi Web Akuntansi dengan data input dan laporan akuntansi lengkap<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4167\" aria-label=\"Read more about Aplikasi Website Akuntansi Usaha\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-4161 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=4161\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"300\" height=\"200\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-26_18-26-41-300x200.jpg\" class=\"attachment-medium size-medium wp-image-4157\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-26_18-26-41-300x200.jpg 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-26_18-26-41-1024x682.jpg 1024w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-26_18-26-41-768x512.jpg 768w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-26_18-26-41.jpg 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<p class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=4161\" >\n\t\t\t\tAplikasi Web Absensi Karyawan By Scan QR\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t27 September 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Aplikasi Web Absensi dengan sistem input manual dan Scan QR<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4161\" aria-label=\"Read more about Aplikasi Web Absensi Karyawan By Scan QR\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-4129 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=4129\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"300\" height=\"300\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Toko-Online-300x300.jpg\" class=\"attachment-medium size-medium wp-image-4112\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Toko-Online-300x300.jpg 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Toko-Online-1024x1024.jpg 1024w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Toko-Online-150x150.jpg 150w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Toko-Online-768x768.jpg 768w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Toko-Online.jpg 1254w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<p class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=4129\" >\n\t\t\t\tPaket Aplikasi Toko Online\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t9 September 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Aplikasi Web Toko Online Harga : Rp.1.500.000Keunggulan:* Gratis Hosting dan<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4129\" aria-label=\"Read more about Paket Aplikasi Toko Online\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-4124 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=4124\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"300\" height=\"300\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Inventory-300x300.jpg\" class=\"attachment-medium size-medium wp-image-4111\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Inventory-300x300.jpg 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Inventory-1024x1024.jpg 1024w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Inventory-150x150.jpg 150w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Inventory-768x768.jpg 768w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Inventory.jpg 1254w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<p class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=4124\" >\n\t\t\t\tPaket Aplikasi Inventory\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t9 September 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Aplikasi Web Inventory Harga : Rp.1.200.000Keunggulan:* Gratis Hosting dan Domain<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4124\" aria-label=\"Read more about Paket Aplikasi Inventory\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-4119 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=4119\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"300\" height=\"300\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Absen-Sekolah-300x300.jpg\" class=\"attachment-medium size-medium wp-image-4109\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Absen-Sekolah-300x300.jpg 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Absen-Sekolah-1024x1024.jpg 1024w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Absen-Sekolah-150x150.jpg 150w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Absen-Sekolah-768x768.jpg 768w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Absen-Sekolah.jpg 1254w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<p class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=4119\" >\n\t\t\t\tPaket Absen Sekolah\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t9 September 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Aplikasi Web Absen Sekolah Harga : Rp.1.200.000Keunggulan:* Gratis Hosting dan<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4119\" aria-label=\"Read more about Paket Absen Sekolah\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#8220;Jangan terburu-buru belajar framework. Bangun dulu fondasinya.&#8221; Di berbagai forum teknologi, media sosial, atau video tutorial, kita sering melihat pertanyaan seperti: &#8220;Bagaimana cara belajar React?&#8221; &#8220;Apakah saya harus langsung belajar Next.js?&#8221; &#8220;Framework mana yang paling cepat mendapatkan pekerjaan?&#8221; Pertanyaan-pertanyaan tersebut memang wajar. Dunia pengembangan web bergerak sangat cepat, dan setiap tahun selalu muncul teknologi baru&#8230;<\/p>\n","protected":false},"author":1,"featured_media":3510,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3511","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tak-berkategori"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JavaScript to Zero #1 \u2013 Dasar HTML, CSS, dan JavaScript: Fondasi yang Sering Diabaikan - Regarcomm Development<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/regarcomm.com\/?p=3511\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript to Zero #1 \u2013 Dasar HTML, CSS, dan JavaScript: Fondasi yang Sering Diabaikan - Regarcomm Development\" \/>\n<meta property=\"og:description\" content=\"&#8220;Jangan terburu-buru belajar framework. Bangun dulu fondasinya.&#8221; Di berbagai forum teknologi, media sosial, atau video tutorial, kita sering melihat pertanyaan seperti: &#8220;Bagaimana cara belajar React?&#8221; &#8220;Apakah saya harus langsung belajar Next.js?&#8221; &#8220;Framework mana yang paling cepat mendapatkan pekerjaan?&#8221; Pertanyaan-pertanyaan tersebut memang wajar. Dunia pengembangan web bergerak sangat cepat, dan setiap tahun selalu muncul teknologi baru...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/regarcomm.com\/?p=3511\" \/>\n<meta property=\"og:site_name\" content=\"Regarcomm Development\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-07-31T07:22:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-26T23:48:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T142039.877.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"457\" \/>\n\t<meta property=\"og:image:height\" content=\"437\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ewin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Erwinbinjai\" \/>\n<meta name=\"twitter:site\" content=\"@Erwinbinjai\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ewin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/regarcomm.com\/?p=3511#article\",\"isPartOf\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3511\"},\"author\":{\"name\":\"Ewin\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912\"},\"headline\":\"JavaScript to Zero #1 \u2013 Dasar HTML, CSS, dan JavaScript: Fondasi yang Sering Diabaikan\",\"datePublished\":\"2026-07-31T07:22:04+00:00\",\"dateModified\":\"2026-08-26T23:48:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3511\"},\"wordCount\":800,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/regarcomm.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3511#primaryimage\"},\"thumbnailUrl\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T142039.877.jpg\",\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/regarcomm.com\/?p=3511#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/regarcomm.com\/?p=3511\",\"url\":\"https:\/\/regarcomm.com\/?p=3511\",\"name\":\"JavaScript to Zero #1 \u2013 Dasar HTML, CSS, dan JavaScript: Fondasi yang Sering Diabaikan - Regarcomm Development\",\"isPartOf\":{\"@id\":\"https:\/\/regarcomm.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3511#primaryimage\"},\"image\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3511#primaryimage\"},\"thumbnailUrl\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T142039.877.jpg\",\"datePublished\":\"2026-07-31T07:22:04+00:00\",\"dateModified\":\"2026-08-26T23:48:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3511#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/regarcomm.com\/?p=3511\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/regarcomm.com\/?p=3511#primaryimage\",\"url\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T142039.877.jpg\",\"contentUrl\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T142039.877.jpg\",\"width\":457,\"height\":437},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/regarcomm.com\/?p=3511#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\/\/regarcomm.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript to Zero #1 \u2013 Dasar HTML, CSS, dan JavaScript: Fondasi yang Sering Diabaikan\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/regarcomm.com\/#website\",\"url\":\"https:\/\/regarcomm.com\/\",\"name\":\"Regarcomm Development\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/regarcomm.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/regarcomm.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/regarcomm.com\/#organization\",\"name\":\"Regarcomm Development\",\"url\":\"https:\/\/regarcomm.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg\",\"contentUrl\":\"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg\",\"width\":1280,\"height\":1073,\"caption\":\"Regarcomm Development\"},\"image\":{\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/\",\"https:\/\/x.com\/Erwinbinjai\",\"https:\/\/instagram.com\/inerwinsyah\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912\",\"name\":\"Ewin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g\",\"caption\":\"Ewin\"},\"sameAs\":[\"http:\/\/localhost\/regarcomm\"],\"url\":\"https:\/\/regarcomm.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript to Zero #1 \u2013 Dasar HTML, CSS, dan JavaScript: Fondasi yang Sering Diabaikan - Regarcomm Development","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:\/\/regarcomm.com\/?p=3511","og_locale":"id_ID","og_type":"article","og_title":"JavaScript to Zero #1 \u2013 Dasar HTML, CSS, dan JavaScript: Fondasi yang Sering Diabaikan - Regarcomm Development","og_description":"&#8220;Jangan terburu-buru belajar framework. Bangun dulu fondasinya.&#8221; Di berbagai forum teknologi, media sosial, atau video tutorial, kita sering melihat pertanyaan seperti: &#8220;Bagaimana cara belajar React?&#8221; &#8220;Apakah saya harus langsung belajar Next.js?&#8221; &#8220;Framework mana yang paling cepat mendapatkan pekerjaan?&#8221; Pertanyaan-pertanyaan tersebut memang wajar. Dunia pengembangan web bergerak sangat cepat, dan setiap tahun selalu muncul teknologi baru...","og_url":"https:\/\/regarcomm.com\/?p=3511","og_site_name":"Regarcomm Development","article_publisher":"https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/","article_published_time":"2026-07-31T07:22:04+00:00","article_modified_time":"2026-08-26T23:48:51+00:00","og_image":[{"width":457,"height":437,"url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T142039.877.jpg","type":"image\/jpeg"}],"author":"Ewin","twitter_card":"summary_large_image","twitter_creator":"@Erwinbinjai","twitter_site":"@Erwinbinjai","twitter_misc":{"Ditulis oleh":"Ewin","Estimasi waktu membaca":"10 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/regarcomm.com\/?p=3511#article","isPartOf":{"@id":"https:\/\/regarcomm.com\/?p=3511"},"author":{"name":"Ewin","@id":"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912"},"headline":"JavaScript to Zero #1 \u2013 Dasar HTML, CSS, dan JavaScript: Fondasi yang Sering Diabaikan","datePublished":"2026-07-31T07:22:04+00:00","dateModified":"2026-08-26T23:48:51+00:00","mainEntityOfPage":{"@id":"https:\/\/regarcomm.com\/?p=3511"},"wordCount":800,"commentCount":0,"publisher":{"@id":"https:\/\/regarcomm.com\/#organization"},"image":{"@id":"https:\/\/regarcomm.com\/?p=3511#primaryimage"},"thumbnailUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T142039.877.jpg","inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/regarcomm.com\/?p=3511#respond"]}]},{"@type":"WebPage","@id":"https:\/\/regarcomm.com\/?p=3511","url":"https:\/\/regarcomm.com\/?p=3511","name":"JavaScript to Zero #1 \u2013 Dasar HTML, CSS, dan JavaScript: Fondasi yang Sering Diabaikan - Regarcomm Development","isPartOf":{"@id":"https:\/\/regarcomm.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/regarcomm.com\/?p=3511#primaryimage"},"image":{"@id":"https:\/\/regarcomm.com\/?p=3511#primaryimage"},"thumbnailUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T142039.877.jpg","datePublished":"2026-07-31T07:22:04+00:00","dateModified":"2026-08-26T23:48:51+00:00","breadcrumb":{"@id":"https:\/\/regarcomm.com\/?p=3511#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/regarcomm.com\/?p=3511"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcomm.com\/?p=3511#primaryimage","url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T142039.877.jpg","contentUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T142039.877.jpg","width":457,"height":437},{"@type":"BreadcrumbList","@id":"https:\/\/regarcomm.com\/?p=3511#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/regarcomm.com\/"},{"@type":"ListItem","position":2,"name":"JavaScript to Zero #1 \u2013 Dasar HTML, CSS, dan JavaScript: Fondasi yang Sering Diabaikan"}]},{"@type":"WebSite","@id":"https:\/\/regarcomm.com\/#website","url":"https:\/\/regarcomm.com\/","name":"Regarcomm Development","description":"","publisher":{"@id":"https:\/\/regarcomm.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/regarcomm.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/regarcomm.com\/#organization","name":"Regarcomm Development","url":"https:\/\/regarcomm.com\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/","url":"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg","contentUrl":"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg","width":1280,"height":1073,"caption":"Regarcomm Development"},"image":{"@id":"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/","https:\/\/x.com\/Erwinbinjai","https:\/\/instagram.com\/inerwinsyah"]},{"@type":"Person","@id":"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912","name":"Ewin","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcomm.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g","caption":"Ewin"},"sameAs":["http:\/\/localhost\/regarcomm"],"url":"https:\/\/regarcomm.com\/?author=1"}]}},"jetpack_featured_media_url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/images-2026-07-31T142039.877.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/3511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3511"}],"version-history":[{"count":16,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/3511\/revisions"}],"predecessor-version":[{"id":3957,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/3511\/revisions\/3957"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/media\/3510"}],"wp:attachment":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3511"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3511"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}