> For the complete documentation index, see [llms.txt](https://tbhp.gitbook.io/thebeta/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tbhp.gitbook.io/thebeta/undefined.md).

# 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 \[ | <p>Ppt presentation</p><p>Setup VS studio<br>Create first webpage</p>                                                               |
| *12:00* | *Lunch*                     |                                                                                                                                     |
| 13:00   | Workshop                    | <p>Basics: html, css (part 1)</p><p>Drill home box model - margin, padding, pixels</p>                                              |
| 15:30   | Finish                      |                                                                                                                                     |

{% content-ref url="/pages/-MRzM2wCPxYKHH6KQWNz" %}
[2. More Html/CSS](/thebeta/lesson-plans/2.-more-html-css.md)
{% endcontent-ref %}

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

{% content-ref url="/pages/-MRzM2wCPxYKHH6KQWNz" %}
[2. More Html/CSS](/thebeta/lesson-plans/2.-more-html-css.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MTzbZcEYFBdGBdBQjTo" %}
[3. Bootstrap and user input](/thebeta/lesson-plans/3.-bootstrap-and-user-input.md)
{% endcontent-ref %}

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

* Cover Js udacity course (see if can download offline) - Get as far as possible on it.&#x20;
* 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                    |                                                             |

{% content-ref url="/pages/-MUZBd5LZK4S40CMOVYG" %}
[4. Javascript](/thebeta/lesson-plans/4.-javascript.md)
{% endcontent-ref %}

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

{% content-ref url="/pages/-Mf3ILoHtPHrb1xBuSv7" %}
[6. Interacting with the DOM](/thebeta/lesson-plans/6.-interacting-with-the-dom.md)
{% endcontent-ref %}

{% content-ref url="/pages/-Mf3AoOWJHBX0mlGGVw4" %}
[Snake project](/thebeta/lesson-plans/5.-snake-project.md)
{% endcontent-ref %}

{% content-ref url="/pages/-Mf3Bt9AbexkxqNsOwfa" %}
[7. Vercel & Github](/thebeta/lesson-plans/6.-vercel-and-github.md)
{% endcontent-ref %}

### Day 6 (Sat): Final Challenge

3 UK Volunteer mentors. 10am start

* Pair up students. &#x20;
* 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&#x20;
  * Students complete survey while waiting: [https://david438053.typeform.com/to/kNnWFUeO](<https://david438053.typeform.com/to/kNnWFUeO&#xA;>)
* Small Prize for winning team & best student on course


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://tbhp.gitbook.io/thebeta/undefined.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.