TheBeta
Search…
TheBeta
Overview and Timetable
Lesson Plans
1. Introduction
2. More Html/CSS
3. Bootstrap and user input
4. Javascript
5. Self learning skills
6. Interacting with the DOM
7. Vercel & Github
8. Final Project
Snake project
Powered By GitBook
Overview and Timetable
6 Day in person course for 10 students. Tutor led. Goal is to get first website on the web.
Charity website:

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
​

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
​

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
​

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

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
Next - Lesson Plans
1. Introduction
Last modified 1yr ago
Copy link
On this page
Learning objectives
Circulum & Timetable
Day 1 (Monday): Intro & Basics (Html/Css)
Day 2 (Tues): Bootstrap
Day 3 (Weds) & 4 (Thurs): Javascript
Day 5 (Fri): JS, Vercel deployment & Github
Day 6 (Sat): Final Challenge