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 »
  • 3. Build an XBlock: Quick Start
  • Need Help? |Feedback

3. Build an XBlock: Quick StartΒΆ

This part of the tutorial guides you through building an XBlock. At the end, you will have the skeleton of an XBlock that you can then customize.

To continue, see the following sections.

  • 3.1. Install XBlock Prerequisites
    • 3.1.1. Python 2.7
    • 3.1.2. Git
    • 3.1.3. A Virtual Environment
  • 3.2. Set Up the XBlock Software Development Kit
    • 3.2.1. Create a Directory for XBlock Work
    • 3.2.2. Create and Activate the Virtual Environment
    • 3.2.3. Clone the XBlock Software Development Kit
  • 3.3. Create Your First XBlock
    • 3.3.1. Create an XBlock
    • 3.3.2. Install the XBlock
    • 3.3.3. Create the SQLite Database
    • 3.3.4. Run the XBlock SDK Server
    • 3.3.5. Next Steps
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.