Create a playful, gamified landing page for an Indonesian food business selling "Ayam Rempah" (spiced chicken).
Concept: A short interactive riddle/quiz game where users guess the spices used in the chicken. The game is simple, fun, and can be completed in under 30 seconds.
Style:
Playful, humorous, and appetizing Warm colors (orange, red, brown)
| {"front": "What is the command to create a new Go module?", "back": "go mod init <module-name>"} | |
| {"front": "How do you declare a variable with explicit type in Go?", "back": "var name string = \"value\" or var name string"} | |
| {"front": "What is the short variable declaration syntax in Go?", "back": "name := \"value\" (type is inferred, only works inside functions)"} | |
| {"front": "How do you define a function in Go?", "back": "func functionName(param type) returnType { ... }"} | |
| {"front": "What are the basic data types in Go?", "back": "bool, string, int, int8, int16, int32, int64, uint, uint8, uint16, uint32, uint64, byte, rune, float32, float64, complex64, complex128"} | |
| {"front": "How do you create a slice in Go?", "back": "Using make: s := make([]int, length, capacity) or literal: s := []int{1, 2, 3}"} | |
| {"front": "What is the difference between array and slice in Go?", "back": "Arrays have fixed size [5]int, slices are dynamic []int. Slices are references to underlying arrays."} | |
| {"front": "How do you iterate over a |
Sebelum membahas format file, penulisan singkat WebAssembly yang benar itu Wasm bukan WASM, ini berdasarkan website resmi https://webassembly.org. Sayangnya orang-orang udah terlanjur pada pake WASM.
Seperti yang dibahas pada post [1], Wasm menggunakan format binary, disimpan dengan file extension .wasm, sedangkan WAT format teks dengan file extension .wat. Analoginya kayak gini, kalau .docx itu binary file, sedangkan .txt itu text file maka, text file bisa dengan mudah kita buka dengan aplikasi text editor (contoh: notepad di Windows/text edit di MacOS/KWrite di Linux).
Binary file wasm ini ngga bisa dibaca langsung dengan text editor, makanya dibutuhkan format lain, disitu hadirlah WAT.
Mungkin masih bingung yak? Wajar dong, karena baru pertama kali kenalan dengan wasm maupun wat. Biar kamu ngga bingung coba pegang tiang listrik, ehh lihat gambar di bawah ya.
TL;DR: WebAssembly lahir untuk solve performa JavaScript di browser. Tapi dengan WASI, sekarang jadi teknologi portable & secure yang bisa jalan dimana aja. Think of it as "universal binary format" untuk era cloud native.
Ketika JavaScript Mulai Kewalahan: Kisah Lahirnya WebAssembly
Apakah kamu inget pertama kali main game 3D di browser? Atau pas buka Google Maps versi web di tahun 2015? Mungkin kamu mikir "wah keren nih, lancar banget di browser". Tapi di balik layar, para developer yang bikin aplikasi itu lagi "perang" sama keterbatasan JavaScript.
| #!/bin/sh | |
| set -eu | |
| # Log file for debugging | |
| LOG_FILE="/tmp/disco-install.log" | |
| # Helper function for logging | |
| log_step() { | |
| echo "-> $1" | |
| } |
| { | |
| "basics": { | |
| "name": "Toni DY", | |
| "label": "Software Engineer", | |
| "picture": "https://example.com/photo.jpg", | |
| "email": "[email protected]", | |
| "phone": "", | |
| "url": "https://tonidy.github.io", | |
| "summary": "Prolific inventor and businessman known for developing many devices that greatly influenced life around the world, including the phonograph, the motion picture camera, and the electric light bulb.", | |
| "location": { |
| { | |
| "basics": { | |
| "name": "Thomas Edison", | |
| "label": "Inventor and Businessman", | |
| "picture": "https://example.com/photo.jpg", | |
| "email": "[email protected]", | |
| "phone": "(123) 456-7890", | |
| "url": "https://thomasedison.com", | |
| "summary": "Prolific inventor and businessman known for developing many devices that greatly influenced life around the world, including the phonograph, the motion picture camera, and the electric light bulb.", | |
| "location": { |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Codapi Playground</title> | |
| <link rel="stylesheet" href="https://unpkg.com/@antonz/[email protected]/dist/snippet.css" /> | |
| <style> | |
| pre { | |
| white-space: pre-wrap; |
| "actions": [ | |
| "4.148.0.0/16", | |
| "4.149.0.0/18", | |
| "4.149.64.0/19", | |
| "4.149.96.0/19", | |
| "4.149.128.0/17", | |
| "4.150.0.0/18", | |
| "4.150.64.0/18", | |
| "4.150.128.0/18", | |
| "4.150.192.0/19", |
| # 1) Buat NGINX + index.html custom + Service + HTTPRoute | |
| cat <<'EOF' | kubectl apply -f - | |
| apiVersion: v1 | |
| kind: ConfigMap | |
| metadata: | |
| name: nginx-index | |
| namespace: default | |
| data: | |
| index.html: | | |
| <!doctype html> |