Free Course Image Umbraco CMS

Free online courseUmbraco CMS

Duration of the online course: 6 hours and 21 minutes

4.86

StarStarStarStarStar

(22)

Build and manage modern websites with this free Umbraco CMS course—templates, dynamic navigation, forms, multilingual setup, and real-world debugging skills.

In this free course, learn about

  • Install Umbraco locally and create a Visual Studio solution for development
  • Install Umbraco via NuGet and host it on localhost using IIS
  • Create templates, document types, and content pages in Umbraco
  • Use HTML templates as front-end layout sources for Umbraco views
  • Build a master template and set up document types inheriting from it
  • Create dynamic navigation menus from Umbraco content structure
  • Implement multi-level (dropdown) navigation in Umbraco
  • Render dynamic CMS data/fields into Razor views and pages
  • Attach Visual Studio debugger to an IIS worker process for Umbraco debugging
  • Build homepage sections (e.g., article/welcome properties) driven by Umbraco content
  • Hide selected pages from navigation via a content property/setting
  • Create a news module: manage news items and list/detail views
  • Add breadcrumbs based on the current page hierarchy
  • Build a contact form, handle submissions, and send email via Gmail SMTP
  • Configure multiple languages and add a language switcher in Umbraco

Course Description

Create faster, safer, and easier-to-manage websites by learning how to work with Umbraco CMS in a practical, end-to-end way. This free online course guides you through setting up a complete Umbraco project on your local machine and getting comfortable with a workflow that fits real web development: install, configure, build, test, and iterate. You will connect Umbraco with Visual Studio, understand the solution structure, and see how local hosting options affect development and troubleshooting.

As you progress, you will shape a website that is not only visually consistent but also scalable. You will build reusable layouts using a master template approach, then design document types that keep content organized and flexible as the site grows. This helps you separate presentation from content and makes future changes far less painful—an essential skill when collaborating with content editors or maintaining client sites.

The course also focuses on creating a better user experience with dynamic features powered directly from the CMS. You will learn to generate navigation menus that update automatically as pages are added, including multi-level structures, and render dynamic values from the back office onto the front end. Along the way, you will enhance pages with editable fields and structured sections so your site can evolve without rewriting templates each time requirements change.

To prepare you for production-like challenges, you will practice debugging by attaching a debugger to an IIS instance, helping you diagnose issues that are hard to spot with simple logging. You will also implement common website essentials such as breadcrumbs, editor-friendly controls to hide pages from navigation, and a news-style module for publishing updates with consistent structure.

Finally, you will add a contact form with proper handling of user submissions and email delivery using SMTP, then expand your site for international audiences by configuring multiple languages and a language switcher. By the end, you will be ready to build content-driven sites with Umbraco, communicate confidently about CMS-driven architecture, and apply professional workflows used in web development teams.

Course content

  • Video class: Day1: Install Umbraco on Localhost and Build Visual Studio Solution 17m
  • Exercise: What is the main purpose of the video described?
  • Video class: Day1a: Install Umbraco using Visual Studio NuGet and hosting on localhost IIS 16m
  • Exercise: What is the primary method shown for installing Umbraco CMS on a Windows PC?
  • Video class: Day2: Create Templates, Document Types and Content Page in Umbraco CMS 21m
  • Exercise: What is the primary purpose of downloading the HTML template file mentioned in the video?
  • Video class: Day3: Creating a Master Template in Umbraco CMS 28m
  • Exercise: _What is the purpose of creating a master template for a website project in Umbraco CMS?
  • Video class: Day4: Create Document Types to Inherit from Master Template in Umbraco CMS 24m
  • Exercise: _What is the purpose of creating a master template in Umbraco CMS?
  • Video class: Day5: Create a Dynamic Navigation Menu in Umbraco CMS 52m
  • Exercise: How to create dynamic navigation in Umbraco CMS?
  • Video class: Day6: Multiple Level in Dynamic Navigation Menu in Umbraco CMS 10m
  • Exercise: What is the main focus of the tutorial in the video?
  • Video class: Day7: Rendering Dynamic Data in Umbraco CMS 09m
  • Exercise: How can dynamic data be rendered from Umbraco CMS onto a website?
  • Video class: Day8: Add Dynamic Fields and Load Data Into an Umbraco Page 13m
  • Exercise: What functionality was added to the website in the tutorial?
  • Video class: Day9: Attach Debugger to IIS Instance in Umbraco CMS 10m
  • Exercise: _What is the purpose of debugging in Umbraco CMS using Visual Studio?
  • Video class: Day10: Work with Article Section on Home Page in Umbraco CMS 18m
  • Exercise: _What are the three properties created for the "Welcome Session" tab in Umbraco CMS?
  • Video class: Day11: Hide Pages from Navigation in Umbraco 09m
  • Exercise: _What is the purpose of hiding some pieces on the navigation in Umbraco CMS?
  • Video class: Day12: Building News Module with Umbraco 22m
  • Exercise: What is the main functionality described in the video for managing news?
  • Video class: Day13: Creating Breadcrumbs In Umbraco 07m
  • Exercise: _What is the purpose of the red come on the top of the bed in Umbraco CMS?
  • Video class: Day14: Contact Form in Umbraco Part 1 15m
  • Exercise: _What are the three properties created in the Umbraco admin for the contact form?
  • Video class: Day15: Contact Form in Umbraco Part 2 36m
  • Exercise: What is a key aspect of handling user submissions via forms?
  • Video class: Day16: Using Gmail SMTP to Send Email in Umbraco 36m
  • Exercise: _What error message did the user receive when trying to send an email through the website using Google SMTP server?
  • Video class: Day16a: [Resolved] Cannot Send Email on Localhost Using Gmail SMTP 06m
  • Video class: Day17: Setup Multiple Languages In Umbraco 06m
  • Exercise: What is the main focus of the video about the website?
  • Video class: Day18: Adding a Language Switcher for Umbraco Multiple Languages 16m
  • Exercise: What feature is being explained in the video tutorial?

This free course includes:

6 hours and 21 minutes of online video course

Digital certificate of course completion (Free)

Exercises to train your knowledge

100% free, from content to certificate

Ready to get started?Download the app and get started today.

Install the app now

to access the course
Icon representing technology and business courses

Over 5,000 free courses

Programming, English, Digital Marketing and much more! Learn whatever you want, for free.

Calendar icon with target representing study planning

Study plan with AI

Our app's Artificial Intelligence can create a study schedule for the course you choose.

Professional icon representing career and business

From zero to professional success

Improve your resume with our free Certificate and then use our Artificial Intelligence to find your dream job.

You can also use the QR Code or the links below.

QR Code - Download Cursa - Online Courses

More free courses at Web Development

Free Ebook + Audiobooks! Learn by listening or reading!

Download the App now to have access to + 5000 free courses, exercises, certificates and lots of content without paying anything!

  • 100% free online courses from start to finish

    Thousands of online courses in video, ebooks and audiobooks.

  • More than 60 thousand free exercises

    To test your knowledge during online courses

  • Valid free Digital Certificate with QR Code

    Generated directly from your cell phone's photo gallery and sent to your email

Cursa app on the ebook screen, the video course screen and the course exercises screen, plus the course completion certificate