Open edX XBlock Tutorial
  • 1. General Information
    • 1.1. Read Me
    • 1.2. Other edX Resources
    • 1.3. edX Browser Support
    • 1.4. Change Log
  • 2. XBlock Overview
    • 2.1. Introduction to XBlocks
    • 2.2. XBlock Examples
  • 3. Build an XBlock: Quick Start
    • 3.1. Install XBlock Prerequisites
    • 3.2. Set Up the XBlock Software Development Kit
    • 3.3. Create Your First XBlock
  • 4. Anatomy of an XBlock
    • 4.1. The XBlock Python File
    • 4.2. The XBlock HTML File
    • 4.3. The XBlock JavaScript File
    • 4.4. The XBlock Stylesheets
  • 5. Customize Your XBlock
    • 5.1. Customize myxblock.py
    • 5.2. Customize myxblock.html
    • 5.3. Customize myxblock.js
    • 5.4. Customize myxblock.css
  • 6. XBlock Concepts
    • 6.1. XBlock Fields
    • 6.2. XBlock Methods
    • 6.3. XBlock Fragments
    • 6.4. XBlock Children
    • 6.5. XBlock Runtimes
    • 6.6. XBlocks, Events, and Grading
  • 7. XBlocks and the edX Platform
    • 7.1. EdX Studio as an XBlock Runtime
    • 7.2. EdX Learning Management System as an XBlock Runtime
    • 7.3. Deploy Your XBlock in Devstack
    • 7.4. Submit Your XBlock to edX
  • 8. Glossary
    • 8.1. A
    • 8.2. C
    • 8.3. D
    • 8.4. E
    • 8.5. F
    • 8.6. G
    • 8.7. H
    • 8.8. I
    • 8.9. K
    • 8.10. L
    • 8.11. M
    • 8.12. N
    • 8.13. O
    • 8.14. P
    • 8.15. Q
    • 8.16. R
    • 8.17. S
    • 8.18. T
    • 8.19. U
    • 8.20. V
    • 8.21. W
    • 8.22. XYZ
  • Using XBlock Software Development Kit
    • Getting Started with the XBlock SDK
 
Open edX XBlock Tutorial
  • Table of Contents »
  • 6. XBlock Concepts
  • Need Help? |Feedback

6. XBlock ConceptsΒΆ

You build XBlocks that course teams use to create independent course components that work seamlessly with other components in an online course. For example, you can build XBlocks to represent individual problems, lessons, or course sections. For more information, see Introduction to XBlocks.

This part of the tutorial provides conceptual information about XBlocks that all XBlock developers must understand.

  • 6.1. XBlock Fields
    • 6.1.1. XBlock Fields and State
    • 6.1.2. Field Scope
    • 6.1.3. Fields and Data Storage
    • 6.1.4. Initializing Fields
    • 6.1.5. Fields and OLX
    • 6.1.6. Field Requirements in the edX Platform
    • 6.1.7. Default Fields in a New XBlock
  • 6.2. XBlock Methods
    • 6.2.1. View Methods
    • 6.2.2. Handler Methods
    • 6.2.3. Default Methods in a New XBlock
  • 6.3. XBlock Fragments
    • 6.3.1. Fragment Contents
    • 6.3.2. Fragments and XBlock Children
    • 6.3.3. Fragments and Views
  • 6.4. XBlock Children
    • 6.4.1. XBlock Tree Structure
    • 6.4.2. Accessing Children (Server-Side)
    • 6.4.3. Accessing Children (Client-Side)
  • 6.5. XBlock Runtimes
    • 6.5.1. Runtime Functions
    • 6.5.2. Extending XBlocks
    • 6.5.3. JavaScript Runtimes
    • 6.5.4. XBlock Runtime API
    • 6.5.5. Rendering XBlocks with the XBlock URL
  • 6.6. XBlocks, Events, and Grading
    • 6.6.1. When an XBlock Should Emit Events
    • 6.6.2. Publish Events in Handler Methods
    • 6.6.3. Publish Grade Events
Next Previous

Copyright © 2016, edX Inc.
Creative Commons License
These works by edX Inc. are licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.