OK Umbraco

Create a full website using Umbraco CMS – the journey from paper to published
OK Umbraco
File Size :
15.02 GB
Total length :
15h 48m



Anthony Shorrock


Last update




OK Umbraco

What you’ll learn

Installation of Umbraco – everyone does that though, right?
See how, by leveraging Umbraco, you can build reusable websites and shave time off your projects
How to organise your projects – Umbraco is always getting updates so you need to be ready
How to create a website with login, registration and search functionality
Use external APIs – query the Twitter API and render in a custom widget

OK Umbraco


It would be great if you know C#
A knowledge of ASP NET MVC would be useful
Know your way around Visual Studio
You want to save time and money on trawling YouTube and the internet looking for answers


Umbraco is a Content Management System (CMS) and it’s great – mainly because it’s free! This makes it a great choice for your next website project. I’m not going to read you the manual or go through every button, “this does this”, “that does that”. I am going to walk you through the journey from an idea on a piece of paper to a fully functioning website delivered through Umbraco. I’ve done my best to do it in an engaging and friendly way that presents the fundamentals as we build the site!We will create a website in Umbraco which exercises the following features:Document Types – these are the blueprints for creating pages of contentTemplates – the “razor” (ASP.NET MVC) html page templatesThe use of document types to hold data – site settings, email templatesThe Rich Text Editor – create your own custom formats in CSSThe Umbraco “Grid” – a flexible page layout (it’s built on Bootstrap!)Macros – wrap up your views into widgets that can then be added to the “Grid”Dependency Injection – Umbraco 8 comes built in with a DI framework. Use it for referencing your own custom servicesSeparate custom code out into a separate projectSurface Controllers – just like ASP.NET MVC controllers but they play nice with UmbracoForm posting – create forms that post to surface controllers that have bespoke logic in themI’ll not only go through how to do things the Umbraco way but I’ll also show you some techniques I’ve picked up over the years:How to wireframe up a designThe usefulness of dependency injectionA generic Email Service for sending out different template driven notificationsHow to interop with APIs – using Twitter as an exampleUtilising Bootstrap (v4) to get a head start with layout and utilise componentsRegistration and Membership processI’ll be using Umbraco V8 for the duration of this course – which was the latest version as we went to print.


Section 1: Introduction

Lecture 1 About me

Lecture 2 What’s in the course?

Lecture 3 Why CMS?

Lecture 4 And why Umbraco?

Section 2: Up and Running

Lecture 5 What you need

Lecture 6 Install Umbraco

Lecture 7 Install Umbraco – the CE way

Lecture 8 Install Umbraco – the SQL way

Section 3: Hello World

Lecture 9 Logging in to the Back Office

Lecture 10 Hello World!

Lecture 11 Review and the About page challenge

Lecture 12 The About page challenge – answer

Section 4: Hello World – the way of the CMS

Lecture 13 The way of the CMS

Lecture 14 Re-organise the content

Section 5: Repetition & Duplication – the enemy

Lecture 15 Composition

Lecture 16 Composition – adding to the About page

Lecture 17 Master Pages

Lecture 18 Resources

Section 6: Design and Specification – HighlyDeveloped

Lecture 19 My design process

Section 7: Starting the build

Lecture 20 Site Settings

Lecture 21 Adding references to master page

Lecture 22 Bundling and Minification

Lecture 23 Adding site navigation

Lecture 24 Making the navigation dynamic

Lecture 25 Partial Views – refactor the nav

Lecture 26 Put in the footer

Lecture 27 Everyone needs a cookie confirm

Lecture 28 Where have we been?

Section 8: Home Page

Lecture 29 In this section…

Lecture 30 We don’t need another hero

Lecture 31 Call to Action

Lecture 32 Adding the news – defining the document type

Lecture 33 Adding the news – defining the News list

Lecture 34 Adding the news – rendering the latest news

Lecture 35 Adding Twitter – introduction

Lecture 36 Adding Twitter – embed the timeline

Lecture 37 Adding Twitter – place in a Macro

Lecture 38 Adding Twitter – the Core project

Lecture 39 Adding Twitter – creating the surface controller

Lecture 40 Adding Twitter – the API Call

Lecture 41 Adding Twitter – rendering the tweets

Lecture 42 Adding Twitter – Review

Section 9: About Page

Lecture 43 Section Intro – the need for generic document types

Lecture 44 Creating the generic content document type

Lecture 45 Styling and the RTE (rich text editor)

Lecture 46 Flexible page content with the Umbraco Grid

Lecture 47 Macros + The Grid = flexible design

Lecture 48 End of section review

Section 10: Privacy Page

Lecture 49 Creating the Privacy Page and hiding from the menu

Section 11: Filling in forms

Lecture 50 Introduction

Lecture 51 Coding the contact form

Lecture 52 The contact form : Validate the form data

Lecture 53 The contact form : Client-side validation

Lecture 54 The contact form : Introduction to saving the data

Lecture 55 The contact form : A place to save

Lecture 56 The contact form : Save the data

Lecture 57 The contact form : requirements for the email alert

Lecture 58 The contact form : sending the email

Lecture 59 The contact form : testing the email

Lecture 60 Optional: Stop the spam!

Lecture 61 Optional: Adding reCaptcha to the form

Lecture 62 Optional: Doing the reCaptcha check

Section 12: Nested Content

Lecture 63 Setting up the document types and compositions

Lecture 64 Rendering the nested content

Section 13: The News Article Page

Lecture 65 Coding the News Article Page

Lecture 66 Adding Open Graph support for better Social Media sharing

Lecture 67 Configuring the News Article for related content

Lecture 68 Render the Related News section

Section 14: The News Articles Listing Page

Lecture 69 Adding the News

Lecture 70 Rendering the filter

Lecture 71 Wiring the filter functionality

Lecture 72 Add paging

Section 15: The Search Page

Lecture 73 Introduction to search

Lecture 74 Create the search page

Lecture 75 Rendering the search results

Section 16: Generic(ish) Email Service

Lecture 76 Introduction – IEmailService

Lecture 77 Interfaces and Implementations

Lecture 78 Using the service

Lecture 79 Making the Email Template Document Type

Lecture 80 Making the Email Document Type

Lecture 81 Wiring up the template to the copy

Lecture 82 Sending via SMTP

Section 17: Registration

Lecture 83 Introduction to the Registration process

Lecture 84 Configuring the Member Type

Lecture 85 Handle the registration form post and creating the member

Lecture 86 Registration – Creating the member

Lecture 87 Registration – Sending the Verification Email

Lecture 88 Registration – Handle the Email Verification Link

Lecture 89 Brief Round-up

Section 18: Logging in

Lecture 90 Introduction to logging in

Lecture 91 Update the navigation menu to include login/logout

Lecture 92 Render the Login form

Lecture 93 Handle the Login

Section 19: Logging out

Lecture 94 Creating the logout page

Section 20: Resetting your password

Lecture 95 Reset Password Process

Lecture 96 Add reset fields to Member

Lecture 97 Create the Reset Password Email Template

Lecture 98 Create the Reset Password Email Notification

Lecture 99 Render the Forgotten Password Form

Lecture 100 Create a Password Changed Notification

Lecture 101 Create the Reset Password Form

Lecture 102 Handle the Password Reset Form post

Section 21: Protecting your content

Lecture 103 Creating a protected page

Section 22: My Account

Lecture 104 Introduction

Lecture 105 Render the My Account page

Lecture 106 Handle the My Account Details Post Event

Lecture 107 Change your password

Section 23: Publishing

Lecture 108 Publishing

Section 24: The End

Lecture 109 The End

Developers who want to use Umbraco but don’t want to spend thousands on Umbraco’s own training courses,Anyone who is interested in seeing how to take a website from a piece of paper to a full blown Content Managed Solution.

Course Information:

Udemy | English | 15h 48m | 15.02 GB
Created by: Anthony Shorrock

You Can See More Courses in the Developer >> Greetings from CourseDown.com

New Courses

Scroll to Top