uWestFest 2014 - Umbraco Property Editor Workflows

A talk on custom property editors and automation in Umbraco 7 at uWestFest 2014 in Las Vegas.

Transcript

1. QUICK, DOWN & NERDY UMBRACO PROPERTY EDITORS Tom Fulton & Kevin Giszewski imulus
2. WHAT'S A PROPERTY EDITOR?
3. A control used to edit an Umbraco field
4. UMBRACO SHIPS WITH MANY BUILT-IN Checkbox list Color Picker Content Picker Date Date/Time Dropdown list Dropdown list multiple Email address File upload Label Folder Browser List view Macro container Markdown editor Media Picker Member Group Picker Member Picker Multinode Treepicker Multiple Textbox Numeric Radio button list Related links Rich Text Editor Slider Tags Textarea Textbox True/False User picker
5. YOU CAN MAKE YOUR OWN Easily!
6. WHAT'S INVOLVED?
7. WHAT'S INVOLVED? THE OLD DAYS... C# Visual Studio Usercontrols
8. WHAT'S INVOLVED? MODERN DAYS JavaScript (AngularJS) HTML CSS
9. HELPFUL TOOLS GRUNT A JavaScript task runner Used to automate your build process Compile LESS/SASS to CSS Combine & minify JavaScript Create Packages (NuGet, Umbraco) Watch for changes and deploy
10. HELPFUL TOOLS UMBRACO YEOMAN GENERATOR A scaffolder for Property Editors > yo umbraco Save time Included build system
11. WHAT SHOULD WE BUILD?
12. PREREQUISITES Node Grunt Yeoman Yeoman Umbraco Generator An Umbraco 7 Site
13. CODE!
14. QUESTIONS? TOM FULTON @TOMNFULTON KEVIN GISZEWSKI @KEVINGISZEWSKI