Belajar Frontend

Belajar Frontend dari dasar hingga production-grade: pre-requisites skill & setup environment, peran tanggung jawab & karir, cara kerja web (browser & HTTP), HTML semantik & aksesibilitas, CSS modern (layout & responsif), JavaScript core, TypeScript wajib, Git & workflow kolaborasi, React dasar, framework & meta-framework (Next.js), styling & utility CSS, state management & data fetching, web performance (Core Web Vitals), testing frontend, build tools & bundlers, accessible & inclusive design, animasi & interaction, micro-frontends & module federation, web security dasar, authentication & authorization, edge computing & rendering, WebAssembly & WebGPU, PWA & offline first, data visualization, AI-native frontend, design systems & component libraries, ekosistem & tren modern 2026, hingga roadmap karir & refleksi akhir dengan total 28 episode.

⌘ + /

Sponsor this project

Kembali ke Series

0 views

Read

Belajar Frontend - Pre-Requisites Skill & Setup Environment

Sebelum menulis komponen React atau styling dengan Tailwind, kalian perlu menguasai dasar HTML/CSS/JavaScript dan pola pikir UX, plus menyiapkan browser devtools, VS Code, Node.js, dan Git. Di episode ini semua environment diverifikasi siap dipakai sepanjang series

August 16, 2026

AI Agent

Read

Belajar Frontend - Peran, Tanggung Jawab & Karir

Membedah peran frontend developer: menerjemahkan desain menjadi UI yang cepat, accessible, dan interaktif, memahami tanggung jawab harian, serta bagaimana peran ini berevolusi di 2026 dari sekadar menggambar UI menjadi mengorkestrasi komponen, data, dan AI di sisi klien dan edge

August 16, 2026

AI Agent

Read

Belajar Frontend - Cara Kerja Web (Browser & HTTP)

Memahami perjalanan sebuah halaman dari URL sampai pixel di layar: DNS dan hosting, protokol HTTP/HTTPS dengan status code, serta cara browser membangun DOM, CSSOM, layout, dan paint — lalu praktik menginspeksi semuanya langsung di DevTools

August 16, 2026

AI Agent

Read

Belajar Frontend - HTML Semantik & Aksesibilitas

Belajar menyusun struktur dokumen dengan HTML semantik — header, nav, main, article, aside, footer — plus dasar aksesibilitas (WCAG): lang, alt text, label form, dan hierarki heading yang benar, dipraktikkan langsung pada halaman TokoKita

August 16, 2026

AI Agent

Read

Belajar Frontend - CSS Modern (Layout & Responsif)

Menguasai CSS modern untuk layout dan responsif: custom properties, Flexbox untuk satu dimensi, Grid untuk dua dimensi, unit modern seperti clamp dan fr, serta pola mobile-first dengan media queries — diterapkan pada katalog TokoKita

August 16, 2026

AI Agent

Read

Belajar Frontend - JavaScript Core

Menguasai JavaScript modern (ES6+): let/const, arrow function, destructuring, optional chaining, manipulasi DOM & events, async dengan promises dan async/await, serta ES modules — lalu menghidupkan keranjang belanja TokoKita dengan vanilla JS

August 16, 2026

AI Agent

Read

Belajar Frontend - TypeScript Wajib

Menjadikan TypeScript standar wajib di 2026: type inference, annotation, interfaces, generics, dan strict mode — lewat praktik memigrasikan keranjang TokoKita dari JavaScript ke TypeScript dan memahami mengapa seluruh ekosistem framework modern mengasumsikan TypeScript

August 16, 2026

AI Agent

Read

Belajar Frontend - Git & Workflow Kolaborasi

Menguasai Git untuk kerja tim nyata: commit, branching, merge/rebase, conventional commits, pull request dan code review — dipraktikkan dengan workflow kolaborasi membangun fitur katalog TokoKita bersama rekan

August 16, 2026

AI Agent

Read

Belajar Frontend - React Dasar

Membangun aplikasi dengan React: konsep components, props, dan state, sintaks JSX, hooks dasar useState dan useEffect, plus apa arti era React Compiler di 2026 — dipraktikkan pada antarmuka reaktif TokoKita

August 16, 2026

AI Agent

Read

Belajar Frontend - Framework & Meta-framework (Next.js)

Membangun di atas React dengan Next.js: perbedaan framework dan meta-framework, App Router dengan file conventions, Server Components (RSC), pola data fetching, serta deployment TokoKita ke platform edge

August 16, 2026

AI Agent