Rumah Belajar Komputer Privat

Membuat navigasi dengan react js: install apps baru dengan nama navigasiku - Setelah terinstall masuk ke apps navigasiku - Install react-router-dom dan bootstrap npm install react-router-dom bootstrap - Pastikan di package.json react-router-dom dan boostrap sudah terinstall {   "name": "navigasi",   "version": "0.1.0",   "private": true,   "dependencies": {     "@testing-library/jest-dom": "^5.17.0",     "@testing-library/react": "^13.4.0",     "@testing-library/user-event": "^13.5.0",     "bootstrap": "^5.3.3",     "react": "^18.3.1",     "react-dom": "^18.3.1",     "react-router-dom": "^6.23.1",     "react-scripts": "5.0.1",     "web-vitals": "^2.1.4"   }, - buat Home.js import React from 'react' const Home = () => {   return (     <d...

PENGENALAN JSON (Javascript Object Notation) Apa Itu JSON? JSON (JavaScript Object Notation) adalah format file berbasis teks yang umumnya digunakan dalam proses pertukaran data antara server dan klien. File JSON memiliki ekstensi .json serta menggunakan teks yang sama-sama bisa dibaca oleh manusia dan dipahami oleh komputer. Selain itu, JSON adalah format yang banyak disukai karena mudah dipahami, ringan, ringkas, dan menunjukkan data terstruktur berdasarkan syntax objek JavaScript. Karena inilah program JavaScript bisa mengubah data JSON menjadi objek native JavaScript tanpa harus melakukan parsing atau serializing. JSON juga populer karena kompatibel dengan banyak bahasa pemrograman, environment, dan library. Apa Itu File JSON, Fungsi, dan Kelebihannya JSON adalah format yang menyimpan informasi terstruktur serta banyak digunakan sebagai alternatif yang lebih sederhana dan ringan dari XML (Extensive Markup Language). Format XML kini sudah cukup jarang digunakan karena sulit dikonver...

Tutorial Javascript Part 3 - Perbedaan Var dan Let Berikut videonya:  Semoga bermanfaat dan jangan lupa subscribe :) #webprogramming #programming #javascript #belajar #belajarkomputer #vardanlet #variable

 Bismillah.. Halo sahabat Rumah Belajar Soetrisno Soekarno Kali ini saya akan share script untuk membuat jam analog dengan menggunakan HTML, CSS, dan JS Index.html <!DOCTYPE html> <html lang="en">   <head>     <meta charset="UTF-8" />     <meta http-equiv="X-UA-Compatible" content="IE=edge" />     <meta name="viewport" content="width=device-width, initial-scale=1.0" />     <link rel="stylesheet" href="style.css" />     <title>Analog Clock</title>   </head>   <body>     <div class="container">       <div class="clock">         <div style="--clr: #ff3d58; --h: 74px" id="hour" class="hand">           <i></i>         </div>         <div style="--clr: #00a6ff; --h: 84px" id="min" class="hand">     ...

Bismillah.. Untuk bisa belajar CSS, sebaiknya sudah menguasai materi HTML Dasar, HTML Form. Bagi yang belum bisa bisa di tonton di video di bawah ini: Belajar HTML Part 1:  https://www.youtube.com/watch?v=zOJkjs6p4NE&t=30s Belajar HTML Part 2:  https://www.youtube.com/watch?v=CkxWo1Tx-TU&t=294s Belajar HTML Part 3:  https://www.youtube.com/watch?v=2--H8x0VeK8&t=48s Belajar HTML Part 4:  https://www.youtube.com/watch?v=JdeJwnznIXI&t=593s Belajar HTML Part 5:  https://www.youtube.com/watch?v=q4Yitm0fr2E&t=0s Belajar HTML Part 6:  https://youtu.be/BHNqTnitzX4?si=yVTR87HpkE2BxLPp Materi tentang HTML sebelumnya di Blog ini: https://www.rumah-belajar.com/2023/11/catatan-materi-tutorial-html-part-6.html https://www.rumah-belajar.com/2023/11/lanjutan-materi-web-desain-part-5.html https://www.rumah-belajar.com/2023/10/penjelasan-elemen-form-yang-ada-di-html.html https://www.rumah-belajar.com/2023/08/definisi-dan-sejarah-html-tutorial-web.html htt...