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:

• Created a Github profile & commited code

• Created a live website using Vercel

• Created a fully functional online game - The Snake game

Should be able to:

• Use Visual Studio Code

• Be able to create a website with multiple pages: (using redirect & getting params from url)

• Be able to create a form using Bootstrap

• Know basic JS

• Know JS apis for button click, selecting elements

• ? Jquery (might be too much) - Leave out

• Find help on stackoverflow

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

2. 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

2. More Html/CSS

3. 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

4. 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

6. Interacting with the DOM

Snake project

7. 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

  • Students complete survey while waiting: https://david438053.typeform.com/to/kNnWFUeO

• Small Prize for winning team & best student on course