Savv Framework Foundations & High-Performance Website Engineering
Lean architecture, HTML-to-Savv conversion, file-based routing, and layout partials
Learn the core philosophy and mechanics of the Savv Web Framework. This course takes you from raw HTML designs into a fully functional, multi-page business website using zero-config file-based routing, native output buffering, master layouts, and modular partials.
Course Prerequisites
- Basic HTML/CSS and foundational PHP syntax.
Part of Academy Track:
What You Will Master
Curriculum Modules (4 Modules)
Explore the structured module breakdown, lesson outcomes, and practical lab exercises.
Module 1: Philosophy, Architecture & Setup
4 Lessons • ~6 Study Hours (0.6 CEUs)Welcome to Module 1: Philosophy, Architecture & Setup. In this section of the curriculum, learners dive deep into foundational and advanced principles designed for production application. This module covers: Understand the design philosophy of Savv Framework, why lean presentation-first web development outpaces heavy full-stack frameworks, and explore the core package architecture.; Master the Savv project directory structure, enforce web server document root isolation with public/, and understand the roles of views, configs, storage, and app.; Set up your local development environment using PHP 8.2+, configure Composer dependencies, establish environment variables (.env), and serve using PHP built-in server..
Introduction to Savv Framework & The Presentation-First Web
Understand the design philosophy of Savv Framework, why lean presentation-first web development outpaces heavy full-stack frameworks, and explore the core package architecture.
Directory Architecture & The Public Document Root
Master the Savv project directory structure, enforce web server document root isolation with public/, and understand the roles of views, configs, storage, and app.
Environment Setup, Composer & Local Server Configuration
Set up your local development environment using PHP 8.2+, configure Composer dependencies, establish environment variables (.env), and serve using PHP built-in server.
The Bootstrap Lifecycle: From public/index.php to Response
Demystify the internal execution cycle of Savv: constants definition, Composer autoloading, Application::bootstrap(), Request capture, route dispatching, and response emission.
Module 2: HTML-to-Savv Conversion Workflow & File-Based Routing
4 Lessons • ~5.8 Study Hours (0.58 CEUs)Welcome to Module 2: HTML-to-Savv Conversion Workflow & File-Based Routing. In this section of the curriculum, learners dive deep into foundational and advanced principles designed for production application. This module covers: Discover the presentation-first design workflow: obtain raw HTML/CSS from handcoding, Figma export, or generative AI, and prepare it for seamless integration into Savv.; Master Savv's zero-config file-based routing convention: understand how views/pages/ automatically maps file paths directly to public URLs without touching route files.; Walk through the end-to-end process of importing a full HTML landing page, placing static assets in public/assets/, and converting the file into a live Savv view..
The Design Workflow: Sourcing HTML from Handcraft, Designers, or AI
Discover the presentation-first design workflow: obtain raw HTML/CSS from handcoding, Figma export, or generative AI, and prepare it for seamless integration into Savv.
File-Based Page Routing: The views/pages/ Convention
Master Savv's zero-config file-based routing convention: understand how views/pages/ automatically maps file paths directly to public URLs without touching route files.
Converting Static HTML Landing Pages into Savv Views
Walk through the end-to-end process of importing a full HTML landing page, placing static assets in public/assets/, and converting the file into a live Savv view.
Multi-Page Site Navigation & Clean URL Mapping
Implement clean internal navigation across multiple views/pages/, establish active link states, and eliminate broken relative paths across your website.
Module 3: Modular Templating, Layouts & Partials
4 Lessons • ~6.2 Study Hours (0.62 CEUs)Welcome to Module 3: Modular Templating, Layouts & Partials. In this section of the curriculum, learners dive deep into foundational and advanced principles designed for production application. This module covers: Master PHP's native output buffering engine: understand how ob_start() captures HTML output into a $content variable and injects it into a master layout.; Examine the master layout skeleton: understand layout wrappers, container wrappers (<main id="savv">), and managing alternate layouts for landing pages and portals.; Learn how to systematically slice a raw HTML page into modular partials: head.php, header.php, footer.php, and scripts.php, eliminating duplicate markup..
Output Buffering Mechanics: ob_start(), $content, and ob_get_clean()
Master PHP's native output buffering engine: understand how ob_start() captures HTML output into a $content variable and injects it into a master layout.
Anatomy of Master Layouts: views/layouts/index.php
Examine the master layout skeleton: understand layout wrappers, container wrappers (<main id="savv">), and managing alternate layouts for landing pages and portals.
Decomposing HTML: head.php, header.php, footer.php, and scripts.php
Learn how to systematically slice a raw HTML page into modular partials: head.php, header.php, footer.php, and scripts.php, eliminating duplicate markup.
Dynamic Page Metadata: $pageTitle, $pageDescription, and Custom Layouts
Configure page-level SEO titles, descriptions, and conditional assets ($extraCSS, $extraJS) from individual view files into global layouts.
Module 4: Assets, Utilities & Core Helpers
4 Lessons • ~6.2 Study Hours (0.62 CEUs)Welcome to Module 4: Assets, Utilities & Core Helpers. In this section of the curriculum, learners dive deep into foundational and advanced principles designed for production application. This module covers: Structure and optimize production-grade static assets in public/assets/, configure WebP images, SVGs, preconnect fonts, and leverage the asset() helper.; Master the Savv configuration system: create plain PHP config files in configs/, access values using dot-notation via config('file.key'), and handle environment overrides.; Master the built-in global utility helpers in Savv: extract inputs with request(), build fluent responses with response(), and generate URLs with route()..
Organizing Static Assets: CSS, JS, Fonts & Optimized Images
Structure and optimize production-grade static assets in public/assets/, configure WebP images, SVGs, preconnect fonts, and leverage the asset() helper.
Working with the Global config() Helper and PHP Config Files
Master the Savv configuration system: create plain PHP config files in configs/, access values using dot-notation via config('file.key'), and handle environment overrides.
Essential Framework Helpers: request(), response(), and route()
Master the built-in global utility helpers in Savv: extract inputs with request(), build fluent responses with response(), and generate URLs with route().
Milestone Project: Building an Agency Showcase Website with Savv
Synthesize all Course 1 foundations into a complete, high-performance agency showcase website featuring file-based routing, modular partials, and dynamic metadata.
Savv Web Engineering Progression
Continue advancing through the sequential curriculum stages of this academy track: