This recipe should help you discover all the aspecs of apps - so that you can use all the features available to you. 

Pre-Requisites

  1. You have already worked with DNN and 2sxc as content-editor
  2. You have host-permissions on the installation you're working on
  3. You know what templates and views are

Things to Learn

  1. Basics
    1. Configuring views in the App Management
  2. Editing Code
    1. Editing views using the online source editor
    2. Using Snippets for productivity in the online editor
    3. Editing using VS code if you have direct access to the file system
  3. Coding Trivial: using Tokens
    Tokens are the simplest way to create views, but they are very limited. Because of this, we recommend you just have a quick peek so you know about it, but instead go to razor based templating directly
  4. Coding: Razor based templating
    1. Learn all about razor, for example using the DNN Razor Tutorial
  5. CSS Frameworks: Bootstrap or other
    1. Most pre-built 2sxc apps were created using Bootstrap. If you want to modify these, we recommend you learn the basics of Bootstrap 4.
    2. If you want to use another framework that's completely up to you, but we do recommend that you always use a CSS Framework
  6. Working with images, image-libraries and files
    1. Learn the basics of adding images to the view
    2. Learn about the image resizer, which will help you in many cases and even crop any image to fit exactly into the desired space
    3. Learn about image libraries and how to template them
      1. Advanced: learn about using image metadata with image libraries to give each image additional descriptions and other data
  7. Advanced: Version Management
    We recommend that you git-version everything you do, especially when making changes to the views. So we recommend you learn the basics of git, incl. initializing a folder and commiting changes - either with the command line or VS Code