✅ Setup VSCode & environment
✅ Understand JavaScript fundamentals (variables, data types, operators)
✅ Write first JavaScript code
✅ Understand why these concepts matter
Untuk: Anak yang udah daftar DumbWays Fullstack
Timeline: 30 hari sebelum Stage 1 dimulai
Target: Siap 100% untuk Stage 1 Online
Full Stack Developer = Orang yang bisa build complete web application dari depan sampai belakang.
Tidak cuma frontend (tampilan), bukan cuma backend (server), tapi KEDUANYA.
User di browser
↓
[FRONTEND] ← JavaScript, React, HTML, CSS
↓ (komunikasi via API)
[BACKEND] ← Node.js, Express, Database
↓ (process & save data)
[DATABASE] ← PostgreSQL
↓ (return data)
[BACKEND] (format response)
↓ (send back)
[FRONTEND] (display hasil)
↓
User lihat hasilnya di browser
Frontend: HTML, CSS, JavaScript, React, API integration, Responsive design
Backend: Node.js, Express.js, Database design, SQL, API design, Authentication
DevOps: Git, Terminal, Deployment basics
Soft Skills: Problem solving, Communication, Learning ability
let name = "Anak";
let age = 20;
let isProgrammer = true;
console.log(typeof name); // "string"
console.log(typeof age); // "number"
console.log(typeof isProgrammer); // "boolean"
let a = 10;
let b = 5;
console.log(a + b); // 15
console.log(a > b); // true
console.log(a === 10 && b === 5); // true
console.log(a === 10 || b === 10); // true
let age = 20;
if (age >= 18) {
console.log("You can vote");
} else {
console.log("Too young");
}
// Print 1-10
for (let i = 1; i <= 10; i++) {
console.log(i);
}
function greet(name) {
return "Hello " + name;
}
console.log(greet("Anak")); // Hello Anak
console.log(greet("Bro")); // Hello Bro
let fruits = ["apple", "banana", "orange"];
fruits.push("mango");
console.log(fruits); // 4 items
fruits.pop();
console.log(fruits); // 3 items
let user = {
name: "Anak",
email: "anak@gmail.com",
greet: function() {
return "Hello " + this.name;
}
};
console.log(user.name); // "Anak"
console.log(user.greet()); // "Hello Anak"
setTimeout(() => {
console.log("This runs after 2 seconds");
}, 2000);
async function getData() {
try {
let data = await fetch("url");
console.log(data);
} catch (error) {
console.log("Error:", error);
}
}
let numbers = [1, 2, 3, 4, 5];
let doubled = numbers.map(n => n * 2);
let evens = numbers.filter(n => n % 2 === 0);
let sum = numbers.reduce((a, b) => a + b, 0);
<div id="app">
<p class="text">Hello</p>
<button class="btn">Click me</button>
</div>
let btn = document.getElementById("myButton");
btn.textContent = "Clicked!";
btn.style.color = "red";
btn.classList.add("active");
button.addEventListener("click", (event) => {
console.log("Button clicked!");
});