Learning Roadmap
A design-focused roadmap for building clean SaaS-style dashboards, cards, forms, tables, and responsive layouts.
Use Bootstrap grid, spacing, typography, buttons, navbars, and responsive containers well.
Design cards, tables, filters, modals, tabs, badges, empty states, and action buttons.
Create metric cards, charts, timelines, kanban boards, and activity feeds.
Improve spacing, contrast, dark mode, hover states, mobile behavior, and visual hierarchy.
Suggested Next
Related Learning
Create a clean admin dashboard layout with sidebar navigation, topbar actions, metric cards, responsive grids, and professional spacing.
Create a Bootstrap form that submits with jQuery AJAX, validates server-side, and shows a clear success or error message.
A quick checklist for AJAX forms: prevent duplicate submit, serialize fields, handle validation errors, show loading states, and reset safely.
Understand normalized tables, primary keys, foreign keys, audit columns, soft delete, and practical relationships for business modules.
A step-by-step tutorial for creating a privacy-safe CRUD module with form validation and list screens.
Learn how a browser request reaches an MVC controller, returns a Razor view, binds data, validates input, and renders a complete page.
Learn controllers, Razor views, models, validation, layouts, dependency injection, and practical MVC module structure.
Build a clean CRUD flow using ASP.NET Core MVC, Dapper, SQL Server stored procedures, repository methods, and service-layer validation.
A quick checklist for action-based SQL Server stored procedures used with Dapper repositories.