Camp Details

Campers will learn the basics of HTML and CSS over the course of the week Every camper will create a product of their choosing using these languages Campers will have sufficient knowledge to continue to grow on their own

Programme

Campers will gain an introduction, history, and basic understanding of the web.

  • Introduction to computer programming - history, evolution, languages.
  • Getting campers set-up with essential programs like repl.it.
  • Introduction of HTML, CSS, and the web.

Campers will learn and apply the basics of HTML and brainstorm their final product with guidance.

  • Basic tags like <p>, <h1>, <a>, <img>, etc.
  • Attributes like class, id, src, href, etc.
  • Basics of semantic HTML, including using alternatives to <div>
  • Apply basic HTML principles to create a simple 'animal facts' webpage
  • Begin brainstorming their products and come up with an idea of what they want to do

Campers will learn and apply intermediate HTML concepts and basic CSS concepts.

  • Intermediate tags like <ul>, <table>, <button>, etc.
  • CSS formatting/layout and basic rules
  • Basic CSS styles like font-family, color, font-size, etc.
  • Add basic styles to their animal facts webpage
  • Begin working on their final product

Research (outside of camp): find color schemes for websites they like by using Colorable.

Campers will learn and apply intermediate CSS concepts and make significant progress on their final product.

  • Intermediate styles like @media queries, transition, and :hover
  • Apply some styles learned to animal facts website and share with other campers
  • Work, questions, and discussion time for final product with assistance

Research (outside of camp): find favorite font styles for websites by using Google Fonts.

Campers will discuss their CSS preferences and finish their final products.

  • Facilitated discussion of best CSS styles - sharing of ideas to help with final products
  • Work, questions, and discussion time for final product with assistance

This programme is highly flexible, not excessively packed in, and ready to be implemented.

Discussion is fluid and should not be treated as rigid, set-aside time. Discussions will be facilitated, but never cut short - conventionally "more important things" can wait.

Coding is all about interaction with peers and co-workers to get something done, and this is just a baby step towards that kind of coworking.

Click here to learn more about the camp.