The Complete Course of Umbraco 2025

Create and manage content nodes in a new Umbraco project by defining document types with templates, building a content tree, and publishing page content.

Learn to call content node values in Umbraco templates, mapping the main header, subheader, and body text, using default values and proper HTML tags.

Explore compositions and inheritance to create reusable header and footer components across pages. Learn to build and apply compositions within document types and templates for efficient, consistent pages.

Discover how the checkbox list renders options, stores selections as a text array with preconfigured values, and displays selected values by looping through the array with safe checks.

Explore the drop down property editor in Umbraco, including single and multiple selection, pre values configuration, how selected items are saved (string vs array), and front-end display considerations.

Explore how the eyedropper color picker selects colors from hex and rgba, enables alpha transparency, and applies the chosen value to style front-end elements like headers and backgrounds.

Explore the Umbraco file uploader, configure accepted file types (PDF and images), and display uploaded documents via a media picker and PDF links.

Explore Umbraco's media picker and image media picker to select single or multiple media items from the media tree, and render them via the media URL.

Explore the three property editors in Umbraco: text area, text string (text box), and rich text editor. Learn their differences, configuration options, and how to tailor input for content publishing.

Explore basic CSS styling and theming for Umbraco templates, comparing inline CSS with stylesheet-based approaches, and learn to apply colors, padding, borders, and responsive practices.

Build a simple blog website with a header, a footer, and an editable content area that can import images with descriptions and toggle their visibility.

Learn to work with umbraco templates by using bootstrap HTML and CSS, create document types, and integrate prebuilt templates and assets via URL content paths.

Create a master template to share header, footer, and meta tags across pages, render child templates, and simplify routing; enable nested pages through permissions and document types.

Learn how to create and reuse partial views in Umbraco to modularize headers, footers, and navigation, render them in master templates, and dynamically populate navigation from page data.

Learn to build a simple form website for an Umbraco page, with a toggle between phone and email fields, real-time validation, a dropdown, and a recaptcha check.

Build and customize a contact us form in Umbraco forms from scratch, including name, phone or email, validations, and reCAPTCHA v2 integration, using Bootstrap horizontal themes and macros.

Explore the Umbraco content delivery API, a headless feature that serves content items as JSON for use in frameworks like React or Next.js, complete with enabling, indexing, and testing steps.

Fetch content from the Umbraco delivery API by id, root, or query using Postman to the v2 content endpoint, and filter by id or route.

Explore how to use Umbraco's Content Delivery API query parameters, including skip, take, fields, fetch, filter, and sort, to retrieve targeted content efficiently.

Explore how the Umbraco Swagger UI visualizes the Content Delivery API, generates the open API specification, and enables interactive testing.

Configure content delivery API security in Umbraco by enabling public access control with API keys, restricting content types, and choosing JSON rich text output.

Implement query parameters in the Umbraco Swag area to enable fetch, filter, sort, and fields operations.

Learn to integrate the Umbraco delivery API with Swagger UI, enable public access, obtain API keys, and fetch content using ancestors, children, and filters by content type, name, and dates.

Create an Umbraco 13 project with dotnet 8.0, use a free template, download and extract assets, then build a home page and publish to localhost.

Learn to structure Umbraco pages by creating content nodes, defining header and footer in a master template, and building pages like contact us, about, and services with shared layouts.

Build a dynamic about us page in Umbraco 2025 by adding header, subheader, and image via media picker, plus a rich text body bound to the template.

Build an Umbraco services page by creating a single service document type with header and image, nesting under services, and rendering via a list view powered by a query builder.

Build a client testimonials section by creating a clients document type with templates and a single client page, then fetch data via queries for a home page carousel.

Implement partial views for header navigation and footer within the master template. Fetch site settings for company name, phone, and email to render dynamic values and control client page visibility.