START / FOUNDATIONS
Structure before complexity.
Begin with semantic HTML, accessible interface patterns and the responsive layout decisions that keep pages stable.
SAENTIX / CURRICULUM
A connected frontend learning path.
Eight guides move from page structure and layout into interaction, reusable systems and complete static projects. Start where your current skills fit.
THE MAP
Build skills in connected layers.
Each stage below pulls directly from the guides, module lists and learning outcomes.
BUILD / INTERACTION
Turn structure into an interface.
Move into flexible grids, DOM-driven interaction and purposeful motion while keeping usability intact.
INTEGRATE / SYSTEMS
Connect the pieces into a system.
Organize reusable patterns, structured data and multi-page workflows, then bring the stack together in a complete build.
SKILL MATRIX
Track the type of decision each guide strengthens.
The same interface often touches several skills at once. This map shows the dominant focus of each part of the collection.
Guide areaStructureLayoutInteractionSystems
Free Kit + Spark Pack
Layer Guide + Grid Capsule
Lattice + Motion Capsule
Vertex + Nexus Capsule
HOW THE PATH EVOLVES
From a document to a complete interface.
Structure
Readable HTML and clear content hierarchy.
Layout
Spacing, Flexbox, Grid and responsive behavior.
Interaction
DOM events, UI state and accessible controls.
Systems
Reusable patterns, data flow and maintainable structure.
Complete Build
Navigation, performance checks and deployment-ready static pages.