From CoderDojo Kata
Revision as of 15:16, 25 January 2017 by Philip (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search


Path Details

Title HTML Path
Area

Programming

Language HTML
Author CoderDojo Foundation

Overview

Overview of terminology

Content types
Core resources 
This content is reviewed by the CoderDojo Foundation and is the recommended starting point for a Dojo or Ninja that's just beginning to address the topic.
Supplementary resources 
Ninjas who have completed the core resources at a specific level and want to learn more related things, without going deeper into the topic yet.
Project ideas 
Ideas for Ninjas or Dojos for more projects they can undertake with the skills they have learned.
Content levels
Beginner ()
No more knowledge than what's listed under Prerequisites is required to start on this content.
Intermediate (★★)
Once the core beginner material has been covered, you are ready to start this.
Advanced (★★★)
Once the core intermediate material has been covered, you are ready to start this.
Badges 
These are awards that can be added, once the badge's requirements have been met, by Dojo Champions to a Ninja's profile page in Zen. For more details, see the badges page.

Learn to build a website.

Prerequisites

Just enthusiasm and a willingness to learn!

Badges

These are the badges you can award to Ninjas who complete the appropriate components of this path
HTML CSS Beginner Badge.png HTML CSS Intermediate Badge.png HTML CSS Advanced Badge.png

Resources

Ninjas learn to build their first web pages, including headings, links, images, tables and formatting.

Length

4 Dojos

These cards will introduce Ninjas to HTML and CSS. These will help you to build your own website, will learn to build web pages using images, links to other pages, menus and formatting with CSS.

Length

4 Dojos

★★

Improve your exisiting web pages by making them responsive using CSS.

Length unknown

★★★

Ninjas apply their HTML and CSS skills to build an awesome website.

Length unknown

Supplementary resources

A collection of tutorials on HTML & CSS, produced by jonmagic for CoderDojo SF.

Length

4 Dojos

A series of lessons brought to you by Noel King such as Piano game, game development, Social network and more.

Length unknown

A tool for trying out HTML, JavaScript and CSS and sharing with others.

Length unknown

The original Sushi Cards! Suitable for offline coding. Ninjas learn to build their first web pages, including headings, links, images, tables and formatting.

Length

4 Dojos

A real-time HTML/JS IDE with progressive courseware

Length unknown

Translated by Liberty Global. These cards will introduce you to HTML and CSS!

Length unknown

Originally created by CoderDojo Bray. Translated by Coderdojo Milano.

Length unknown

This is the course, initial created by No9 (Anton), for the Dublin Science Gallery CoderDojo. It aims to deliver:

  • Confidence with html and ability to make a webpage.
  • Understanding what is going on ‘behind the web page’, so that tags, css, variables, functions, https and JSON are not a mystery.
  • Introduction to animation and programming concepts, ready for more advanced courses.

Length

8 Dojos

Translated by Liberty Global. These cards will introduce you to HTML and CSS!

Length unknown

A winter themed educational resource to be used at a CoderDojo. When the keyword "snow" is entered, snow starts to fall on the page.

Length

1 Dojos

A series of five introductory HTML tutorials developed by CoderDojo Drogheda. Takes you all the way from the basics to the beginnings of JavaScript. Includes PDF files.

Length unknown

Part 1 of Will Knot's lessons: HTML 5 Randoms such as Animation, Random numbers, Pizza bot

Length unknown

Part 2 of Will Knot's lessons: Creating Sprite animation using HTML5 Canvas

Length

1 Dojos

Part 3 of Will Knot's lessons: HTML5 Slide show

Length

1 Dojos

★★

Originally created by CoderDojo Bray. Translated by Coderdojo Milano.

Length unknown

★★

This project will teach you how to use the HTML5 <canvas> element with CSS3 and JavaScript to create a Valentine's card that you can send to your sweetie!

Length

1 Dojos

★★

The original series! Suitable for offline coding. Improve your exisiting web pages by making them responsive using CSS.

Length unknown

★★

For a HTML stream, CoderDojo Tokyo uses a course that creates a simple adventure game with kids, which automatically deployed to servers via Dropbox. The article shows you how to prepare and how to teach in the course.

Length unknown

★★

A set of tutorials we used for the complete beginners guide to HTML and CSS. Assumes no prior knowledge.

Length

5 Dojos

★★

How to build an HTML game in 5 lines. Ninjas learn to build their first text-based adventure game using HTML. The game consists of a series of web pages where each page is one step/room in the story. 1hr 15mins.

Length

2 Dojos

★★

Ninjas learn to build their first text-based game using HTML.

Length unknown

★★

Ninjas learn to build their first text-based game using HTML.

Length unknown

★★★

The original series! Suitable for offline coding. Ninjas apply their HTML and CSS skills to build an awesome website.

Length unknown

Project ideas

Create interactive fiction using the Twine platform.

Product

Twine

What's next?

JavaScript Logo

Learn to add interactivity to a website.