Skip to main content

Web Development

Wix Education

Resource Thumbnail Image
Description of Resource

Wix uses Velo and Javascript (no HTML / CSS required) to focus on web design and creating beautiful, interactive websites.

 

Project-Based Learning

Let your students explore their creativity on a leading web creation platform tailored for learning. With engaging, interactive lessons and guided step-by-step activities your students can create their own websites while developing their digital literacy, critical thinking and problem-solving skills. Activities are designed to cater to any age from middle school to high school.

All-Inclusive Curriculum

Get the only online curriculum designed to teach web creation in the classroom. The full suite of lesson plans, presentations and activities give you the tools you need to teach  Intro to Wix and the Web, Web Creation 101, Web Design and Web Development—even if you’ve never had any experience with them before. Each lesson provides students with the perfect balance of theory and practice to learn by creating. 

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:

Subscribe to Web Development