Overview and Timetable

6 Day in person course for 10 students. Tutor led. Goal is to get first website on the web.

Charity website:

https://thebackhomeproject.org/

Learning objectives

The students at the end of the course

Should have:

Should be able to:

Circulum & Timetable

Lesson structure mix of

  • Guided Lecture & students do at same time (Workshop style)

  • Lecture then mini project to check learnt do. Then present back to class. (Lecture style)

  • Online course content from udacity

Day 1 (Monday): Intro & Basics (Html/Css)

Time

Activity

Description

8.45

Check-in/registration

9:00

Course Intro

9:10

Teachers Intro

9:30

Warmup/Student intros

Warmup games from improv classes. e.g Ball around everyone says name and what want to get out. Then do with 2 balls, then 3. Then 4

10:00

Workshop - Intro to HTML [

Ppt presentation

Setup VS studio Create first webpage

12:00

Lunch

13:00

Workshop

Basics: html, css (part 1)

Drill home box model - margin, padding, pixels

15:30

Finish

page2. More Html/CSS

Day 2 (Tues): Bootstrap

3 x 1.5hr sessions

30 mins break, 1 hour lunch break

Time

Activity

Description

8.45

Check-in/registration

9:00

Workshop I - Finish off More Html/CSS (part 2)

Finish off stuff from previous day

10:30

Break (30 minutes)

11:00

Workshop II - Bootstrap

Layout, Forms

12:30

Lunch

13:30

Workshop III - Bootstrap

Forms, Buttons, (optional) Nav bar

15:00

Team building activity Or Practise what learned

(like build paper tower)

15:30 or 16:00

Finish

page2. More Html/CSSpage3. Bootstrap and user input

Day 3 (Weds) & 4 (Thurs): Javascript

  • Cover Js udacity course (see if can download offline) - Get as far as possible on it.

  • Fizz Buzz game to test knowledge

Time

Activity

Description

8.45

Check-in/registration

9:00

Workshop I

10:30

Break (30 minutes)

11:00

Workshop II

12:30

Lunch (1 hr )

13:30

Workshop III

15:00

Recap what learned on day

(Get every student to come to front and talk for 2 minutes)

15:20 or 15:30

Finish

page4. Javascript

Day 5 (Fri): JS, Vercel deployment & Github

Time

Activity

Description

8.45

Check-in/registration

9:00

Workshop I

Self learning skills

10:30

Break (30 minutes)

11:00

Workshop II

Interacting with DOM

12:30

Lunch (1 hr )

13:30

Workshop III

Vercel & Github

15:00

Recap what learned on day

(Teacher gives summary, or students present snake games if not enough time in workshop)

15:15 or 15:30

Finish

page6. Interacting with the DOMpageSnake projectpage7. Vercel & Github

Day 6 (Sat): Final Challenge

3 UK Volunteer mentors. 10am start

  • Pair up students.

  • 9-2.30pm to work together to create a login page and landing page for an ecommerce website of their choice.

  • 2.30-3.30pm presentation. Each team 3 minutes. Closing speech and Announce winner: Lead

  • Small Prize for winning team & best student on course

Last updated