Skip to main content

HTML

JS Bin

Resource Thumbnail Image
Description of Resource

Create a website using HTML, CSS, and JS.

 

JS Bin is an open source collaborative web development debugging tool.

What can JS Bin do?

  • Write code and have it both save in real-time, but also render a full preview in real-time
  • Help debug other people’s JavaScript, HTML or CSS by sharing and editing urls
  • CodeCast - where you share what you’re typing in JS Bin in real-time
  • Remote rendering - view the output of your JS Bin on any device on any platform, updating in real-time
  • Processors, including: coffee-script, LESS, Markdown and Jade.
  • Debug remote Ajax calls

CodePen

Resource Thumbnail Image
Description of Resource

Create a website in this online editor with HTML, CSS, and JS.

 

The best place to build, test, and discover front-end code.

CodePen is a social development environment for front-end designers and developers. Build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration.

Mobile Inclusive Learning Kit (MILK)

Resource Thumbnail Image
Description of Resource

"MILK" modules are classroom ready educational components which teach students and developers how to create accessible mobile applications, along with demonstrating the importance of creating these apps.

Each module contains:

  1. Appropriate background about a specific accessibility issue
  2. Steps to emulate that issue using a provided app
  3. Information about how to make the app accessible to the target group
  4. Steps to demonstrate that the accessibility issue has been repaired

These activities can be used at a wide range of venues including:

  • Coding Camps
  • Classrooms
  • STEM Outreach Activities
  • Workshops
Description (RTF)

Most of the tutorials require Android Studio.  There's instructions here to install it.

Computing and ICT in a Nutshell

Resource Thumbnail Image
Description of Resource

This site has many simulations helpful in understanding various computer science topics taught in high school.

The index has a list of all the topics taught on this site.

Some favorites:

Erase All Kittens

Resource Thumbnail Image
Description of Resource

Erase All Kittens teaches children to code in a completely new way. Instead of just learning simple concepts, kids can learn professional languages by changing the code of the game, in order to build and fix levels as they play.

  • Super fun gameplay and collectible kittens
  • Real-world skills including HTML, CSS and JavaScript
  • Builds up confidence, creativity and critical thinking
Subscribe to HTML