This is a training session for a complete overview of 2sxc in 2 hours. It uses the 2illumin8 training model. 

Training Specs

Goals of this Training

  1. Ensure that all participants have a broad overview of all the topics relevant to 2sxc
  2. Provide a general understanding of how things tie together, what is possible and how 2sxc helps in every aspect of content and module management

Intended Audience

This training is targeted at people who have already had some experience with DNN at a technical level - for example Web Designers, Developers and IT-Operations. It's not suited for content-editors, as it's technical.

Experience 2sxc as a Basic Content-Editor

  1. Add content-blocks to the page with quick-edit
  2. Experience the edit-ux
    1. fast UI
    2. simple WYSIWYG experience (TinyMCE)
    3. drag/drop files, images etc.
    4. fast page ajax reloading
    5. automatic image resizing
  3. View switching
  4. Experiment with various content-types and views
  5. 👉 try it yourself
  6. Discuss various problems this solves

Discover Content-Lists and Icons

  1. Add an icon-list
  2. Toolbar with more features hidden in the ellipsis
  3. Discover the add, add-demo, move / sort UI
  4. Discuss how content is different from data
  5. 👉 try it yourself
  6. Experiment with icons in the links

Discover Presentation Settings

  1. Brief about the basic concept
  2. Show how it's used
  3. 👉 try it yourself

Discover Multi-Language

  1. 👉 Translate a content-item, but only some fields
  2. See how this works in DNN
  3. Discuss content lifecycle and languages, especially with images, etc.
  4. Show App-Resources for multi-language labels, texts

Discover Draft Revisions

  1. Demonstrate how it works
  2. 👉 try it yourself

Look Under the Hood

What makes this Experience possible

  1. Demonstrate content-types
  2. Demonstrate data management
  3. Explain how views work
    1. View Configuration
    2. Template
    3. Content-Type assignment
    4. Demo-Data
    5. List configuration
  4. Explain App-Settings and Resources
  5. 👉 modify some content-types
  6. 👉 modify some templates
  7. Brief about SASS CSS generated in the background
  8. Brief about KOI used in many places

Apps

Experience 2sxc using Basic Apps

  1. Demo Employees App
    1. UX
    2. Self-Contained
    3. Token Templates
  2. Demo the FAQ App
    1. Input-form with multiple cards
    2. Explain how data is different from content
    3. Review data-relationships (categories in the FAQ app)
    4. Show how the data as HTML can be manipulated using JavaScript
    5. Show where the Data comes from
    6. Show how the template works with Razor

Note how in all these cases, multi-language, versioning, image-resize, icons etc. are always just there, and the editor UX never changes. 

Experience an Advanced App

  1. Demo the News App
  2. Much more complex data structures
  3. Various views
  4. Visual Query
  5. Partial view-files (Razor)

Review some Complex Apps

  1. Blog
  2. Courses and Events
  3. Mobius Forms

Discuss various aspects, Q&A etc.

All Open Source and Documented

  1. 2sxc - github, docs, website, blogs
  2. Apps & Content-Templates - all over github, like blog
  3. KOI
  4. RazorBlade
  5. Image Resizer

Hidden Gems - Just a Brief Overview

  1. Permissions at Content-Type and Item level
  2. JSON WebAPIs everywhere
  3. Permissions on WebAPIs
  4. If we have time: show Angular SPA implementation
  5. CSP - Content Security Policy
  6. LightSpeed
  7. Polymorphism