Week 8: 10/18 + 10/20

This week we will dive into Eleventy

Before Class: LEARN

DO THIS:

• Make sure you have node installed on your computer. For windows and macOS there are steps in the dev environment instructions that cover this.
• Make sure you have access to your project files (brief document, html, css, js)

DO BEFORE WEDNESDAY

Do the Markdown Tutorial

1. https://www.markdowntutorial.com/

In Class: EXPLORE

DO THIS:

• Join the Live Class Sessions

The Join link is the same for all live sessions. There is a registration form and a waiting room to help avoid bombing. View Live Sessions below for more info

Live Sessions

JOIN LIVE SESSION

Session 1: 11ty intro

Monday, October 18 at 7:30p–9:10p

We will do some quick HTML/CSS review and then jump into 11ty again.

Topics for Class Session

• Dev Environment
• HTML/CSS review. CLICK ON YOUR PHONE to get personalized challenge
  • Element Challenge
  • Media Queries Challenge
• Last class Review
• Eleventy Basic Starter Miro
  • Eleventy Basic Repo

Session 2: Responsive Design

Wednesday, October 20 at 7:30p–9:10p

Continue working with moving your projects to 11ty.

Topics for Class Session

• Markdown Tutorial
• Markdown Cheatsheet
• Miro on Converting HTML project to 11ty project
• VSCode 11ty Setup

After Class:

After Monday:

HTML/CSS review. CLICK ON YOUR PHONE to get personalized challenge

• Element Challenge
• Media Queries Challenge

Work on Moving your Responsive Site to the Eleventy project structure.

More here after Wednesday’s class.