Building the Web

Designed for beginners with little or no prior programming experience, Building the Web focuses on the basics of CSS/HTML and provides foundational skills for advanced coding.

There is a focus on industry-standard practices, real-world tools, and tips on identifying good code vs bad code when building a website.

Attendees leave the workshop at the end of the day with a live one-page website published online.

What to expect

For students

Building the Web is a practical course, beginning the day with an introduction to the internet and how it works, then moving through to playing with interactive code snippets, and finally building and publishing your very own website – live on the Internet!

Our mentors are always nearby to help out with any questions, and are industry professionals, providing a unique opportunity to get to know some “real life” programmers.

Building the Web is suitable for students of any level of computer or programming ability. Some of our most successful students had never written a line of code before the course!

For teachers

Whether you’re a teacher of digital technologies, or are simply curious about the inner workings of the web, this workshop provides a fantastic starting point.

Over the course of a day we work through a project suitable for taking back to the classroom to work through with your students. The presentation slides and supporting material are open source and can be accessed online at any time for use with your class.

We also cover industry standards, benefits of pure coding over popular alternatives, and tips about how to identify ‘good’ code from ‘bad’ code when reviewing your students’ work.

What’s Covered

Foundations of the web

How the internet works, the mechanics of the internet, and how computers access the internet. We also briefly cover net neutrality and web standards to gain an understanding of the organisations and networks that the Internet is built upon.

Structure of a Web Page

The languages used in web development and their roles in the display of web pages we see and use every day. We talk a little about what each language offers, which ones we will be learning during the day and why these are a good starting point.

HTML Basics

Learn about the differences between standard HTML tag pairs and self-closing tags. Practise nesting tags inside one another. We cover a subset of the most common text formatting tags and also learn how to include images in our web page. All HTML practice is done using interactive code snippets, with real-time visual feedback.

CSS Basics

Start adding some flair to your web page using CSS. We continue using interactive code snippets to learn how to add styles to our HTML elements using the “class” attribute, and setting page-wide defaults by targeting element types directly.

Build and Publish

Follow the presenter in laying out the structure of a basic web page to learn how to work with layout elements in HTML and CSS, then fill in content according to your own interests. We cover how to make a header, main navigation, page sections, and embedding videos from YouTube.

Requirements

  • Familiarity with copying, renaming and moving files
  • A Mac or Windows computer with internet access
  • Google Chrome installed
  • Excitement about learning to code!

“The very good thing was that Tanya is talking from experience and we as teachers lacked that point of view.”

Teacher, Mount Roskill Grammar School, Auckland