From CoderDojo Kata
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

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

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

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

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 lessons brought to you by Noel King such as Piana game, game development, Social network and more.

Length unknown

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

Length unknown

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

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

Length unknown

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

Length unknown

Part 2 of Will knots lessons: Creating Sprite animation using Canvas

Length

1 Dojos

Part 3 of Will knots lessons: HTML5 Slide show

Length

1 Dojos

★★

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 5 lessons covering beginning HTML/CSS/JS (code and powerpoint).

Length

5 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

★★

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

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

Project ideas

What's next?

JavaScript Logo

Learn to add interactivity to a website.