‘Build a Website’ Room

Seattle CoderDojo’s ‘Build a Website’ room is pretty much what it sounds like. Kids learn how to build a web site.

They get started on one of the tutorials below and get help from our mentors if they get stuck. Or, if they’re a bit more advanced, they can bring in their own project and get help.

CODERDOJO SUSHI TUTORIALS

Sushi tutorials are multi-page PDF files (PDF reader might be required) created by great CoderDojo champions and mentors around the world and shared so all CoderDojo groups can benefit. They’re called “sushi” because the lessons are served up in bite-sized pieces.

BEGINNER: My First WebSite
Get started on web development with this tutorial on creating an “about me” site, learning HTML and CSS along the way.

INTERMEDIATE: Intermediate HTML and CSS
Learn how to build a responsive website that adapts to different screen sizes, so it looks good on a laptop, desktop, tablet, or phone.

ADVANCED: Advanced HTML & CSS
Learn how to build website templates and layouts that will help you keep a consistent and professional look on your sites.

THIRD-PARTY TUTORIALS

These are some great tutorials for kids we’ve found online and we think you might enjoy them.

BEGINNERS & UP: General Assembly’s Dash
Dash teaches 82 HTML, CSS, and JavaScript skills over 5 really fun lessons. Start with building a personal site, then a blog theme, then a business website, then a robot using CSS, then finally build a MadLibs game with JavaScript. Our ninjas really seem to like this one. (requires registration)

BEGINNERS: Welcome to Tuts Town
Over the course of 9 lessons, you’ll learn about how the web works, how web sites work, and build the official website for Tuts Town in Joni Trythall’s great series for kids at Tuts+.

BEGINNERS & UP: Khan Academy HTML & CSS
Khan Academy is one of the world’s best places to go learn things. This will take you from your first HTML tags to CSS layout, browser dev tools, and more as you build multiple sample web sites. This uses a lot of videos, so please have & use headphones.