FluentStack

Profile

Mode tersedia: dark, light, paper
MasukDaftar
Mode tamuBelum mulai

Profil Belajar

Ringkasan ini membantu kamu melihat posisi belajar, module aktif, dan langkah berikutnya di FluentStack.

Memuat mode progres...

Ringkasan track aktif

Frontend Engineering

Progres trackMemuat...

Memuat progres track...

Lesson selesai

...

Dihitung dari semua track aktif yang tersedia.

Track aktif

...

Mengikuti urutan resmi active curriculum, bukan prototype tersembunyi.

Module berjalan

...

Module dengan sebagian progres, tetapi belum selesai.

Uji Kompetensi selesai

...

Checkpoint module yang sudah memenuhi blok wajib.

Rekomendasi mulai

Memuat rekomendasi...

Mulai dari lesson pertama agar fondasi web, HTML, CSS, dan layout tersusun berurutan.

Frontend EngineeringLevel 1 ยท Web FoundationsWeb FoundationsMemuat...
Progres lessonMemuat...

Memuat blok wajib...

Mulai belajarBuka module

Level saat ini

Level 1: Web Foundations

Memahami cara kerja web, browser, website, dan alur belajar frontend.

Progres levelMemuat...

Memuat progres level...

Detail progres

Module aktif

Buka track

Web Foundations

0/7 lesson selesai

Belum mulai

HTML Basics

0/5 lesson selesai

Belum mulai

Semantic HTML

0/3 lesson selesai

Belum mulai

Forms and Basic Accessibility

0/7 lesson selesai

Belum mulai

CSS Core Mechanics

0/4 lesson selesai

Belum mulai

Box Model and Spacing

0/4 lesson selesai

Belum mulai

Local Static Website Project

0/6 lesson selesai

Belum mulai

Flexbox and Grid Layout

0/5 lesson selesai

Belum mulai

Responsive Visual System

0/5 lesson selesai

Belum mulai

Values, Types, and Functions

0/5 lesson selesai

Belum mulai

Arrays, Objects, and Data Modeling

0/5 lesson selesai

Belum mulai

DOM, Events, Forms, localStorage, and Fetch Basics

0/6 lesson selesai

Belum mulai

Local Vanilla JavaScript App

0/6 lesson selesai

Belum mulai

Scope, Closure, and Modules

0/5 lesson selesai

Belum mulai

Async JavaScript and Error Handling

0/6 lesson selesai

Belum mulai

Browser APIs, Data Transformation, and Debugging

0/6 lesson selesai

Belum mulai

Local Tooling and npm Basics

0/6 lesson selesai

Belum mulai

TypeScript Core Types

0/6 lesson selesai

Belum mulai

Practical Type Design

0/6 lesson selesai

Belum mulai

Typed Frontend Boundaries

0/6 lesson selesai

Belum mulai

Component Model

0/5 lesson selesai

Belum mulai

State, Events, and Rendering

0/6 lesson selesai

Belum mulai

Forms and Composition

0/5 lesson selesai

Belum mulai

Local React App

0/7 lesson selesai

Belum mulai

Custom Hooks and Effects

0/5 lesson selesai

Belum mulai

State Strategy

0/5 lesson selesai

Belum mulai

Reusable UI States

0/5 lesson selesai

Belum mulai

Resilience and Suspense Basics

0/5 lesson selesai

Belum mulai

Performance Awareness

0/5 lesson selesai

Belum mulai

Advanced Component Patterns

0/5 lesson selesai

Belum mulai

App Directory and Routing

0/6 lesson selesai

Belum mulai

Server Components and Client Components

0/6 lesson selesai

Belum mulai

Loading, Error UI, Route Handlers, Metadata, and Env

0/6 lesson selesai

Belum mulai

Local Next.js App

0/7 lesson selesai

Belum mulai

Authentication and Session-Aware UI

0/5 lesson selesai

Belum mulai

Supabase or Backend Integration

0/6 lesson selesai

Belum mulai

Production Operations

0/6 lesson selesai

Belum mulai

React Hook Form and Zod

0/6 lesson selesai

Belum mulai

Validation UX and Accessible Errors

0/6 lesson selesai

Belum mulai

Server-State Thinking

0/5 lesson selesai

Belum mulai

Unit and Component Testing

0/6 lesson selesai

Belum mulai

Integration and API Mocking

0/5 lesson selesai

Belum mulai

End-to-End Testing Strategy

0/5 lesson selesai

Belum mulai

Core Web Vitals

0/6 lesson selesai

Belum mulai

Asset and Bundle Optimization

0/6 lesson selesai

Belum mulai

Rendering Cost and Hydration

0/5 lesson selesai

Belum mulai

Semantic Review and Keyboard Navigation

0/6 lesson selesai

Belum mulai

Accessible Components

0/6 lesson selesai

Belum mulai

Accessibility Testing and Preferences

0/6 lesson selesai

Belum mulai

Feature-Based Structure and Boundaries

0/6 lesson selesai

Belum mulai

State and Data Strategy

0/6 lesson selesai

Belum mulai

Component API and Documentation

0/6 lesson selesai

Belum mulai

Design Tokens and Variants

0/6 lesson selesai

Belum mulai

Product Components

0/6 lesson selesai

Belum mulai

Storybook and Package Basics

0/6 lesson selesai

Belum mulai

API Fundamentals

0/6 lesson selesai

Belum mulai

Auth, Cookies, and Browser Security Boundaries

0/7 lesson selesai

Belum mulai

Data and Infrastructure Basics

0/6 lesson selesai

Belum mulai

Browser Attack Basics

0/6 lesson selesai

Belum mulai

Secrets, Tokens, and Permissions

0/6 lesson selesai

Belum mulai

Achievement ringan

Yang sudah terbukti

Memuat lesson selesai...

Badges dan sertifikat belum ditampilkan di halaman ini. Area ini hanya memakai progres belajar yang sudah benar-benar tersedia.

Preferensi belajar

Workspace dan progres lokal

Practice workspace dapat menyimpan preferensi layout dan preview viewport di browser saat fitur tersebut dipakai.

Profile ini tidak mengubah preferensi tersebut. Tujuannya hanya memberi konteks bahwa beberapa pilihan belajar bersifat lokal di browser.

Mode tersedia: dark, light, paper
  • Layout practice: disimpan oleh workspace saat kamu memilih layout.
  • Preview viewport: disimpan oleh workspace saat kamu memilih Mobile, Tablet, Desktop, atau Full.
  • Progres: tersimpan di browser ini.