Teaching web development

Teaching Tools

• Eclipse Che
  • Provide all students with a running learner environment.
  • Allow them to develop without the need for a regular machine.
  • In a place like South Africa, all they will need is a basic terminal or laptop.
  • Everyone who wants to learn web development should have a computer/laptop available.
  • Will use the browser as the tool of choice for learning development.
  • Setting up with docker toolbox on Mac OS X
    • be sure to run eval "$(docker-machine env default)"
    • docker run -it –rm -v /var/run/docker.sock:/var/run/docker.sock -v /Users/johan/Projects/eclispseChe/data:/data eclipse/che start
    • Got it to work on docker toolbox
• Cloud9 - In the cloud IDE tool. Free basic workspace.

Online Resources

• Codenvy
  • Create workspace instances using eclipse che
• Thimble
  • Work with HTML code directly on a browser.
• Codepen
  • Frontend development environment
• Stanford CS Education Library

Curriculum

• The Odin Project
  • Site
• freeCodeCamp
  • Github Repo

SCORM Tools

• eXe - SCORM Tool

LMS Tools

• Open Edx - Python based - Django
• Claroline - PHP Based
• Forma.lms - PHP based
• Opigno - Drupal based
• Ilias - PHP based
• SakaiProject - Java Based
• Chamilo -

LMS Tools Commercial

• Eliademy

Create interactive lessons

• Oppia - build interactive lessons.

Learn Programming with Python

• Paul Vincent Craven
  • Teaching Python 3.6 with Games
  • Program Arcade Games

Teaching notes

• Revise often
  • Restructured text for material (markdown)
  • Sphinx (for documentation) (MkDocs)
  • Store in Git
  • Read The Docs - documentation generator

Other tools

• Visualize Your Code - Online tutor for learning to code.
  • Created by: Philip J. Guo
• List of Public APIs

Free hosting for html sites

• NeoCities

Custom modules

• Building a timeline
  • W3Schools
  • CSS TimeLines
    • jQuery Scroll plugin

Github Education

• GitHub Classroom
• GitHub JavaScript Classroom

---

Last update: April 13, 2020 16:50:19