# 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 | | {% content-ref url="lesson-plans/2.-more-html-css" %} [2.-more-html-css](https://tbhp.gitbook.io/thebeta/lesson-plans/2.-more-html-css) {% 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="lesson-plans/2.-more-html-css" %} [2.-more-html-css](https://tbhp.gitbook.io/thebeta/lesson-plans/2.-more-html-css) {% endcontent-ref %} {% content-ref url="lesson-plans/3.-bootstrap-and-user-input" %} [3.-bootstrap-and-user-input](https://tbhp.gitbook.io/thebeta/lesson-plans/3.-bootstrap-and-user-input) {% endcontent-ref %} ### 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 | | {% content-ref url="lesson-plans/4.-javascript" %} [4.-javascript](https://tbhp.gitbook.io/thebeta/lesson-plans/4.-javascript) {% 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="lesson-plans/6.-interacting-with-the-dom" %} [6.-interacting-with-the-dom](https://tbhp.gitbook.io/thebeta/lesson-plans/6.-interacting-with-the-dom) {% endcontent-ref %} {% content-ref url="lesson-plans/5.-snake-project" %} [5.-snake-project](https://tbhp.gitbook.io/thebeta/lesson-plans/5.-snake-project) {% endcontent-ref %} {% content-ref url="lesson-plans/6.-vercel-and-github" %} [6.-vercel-and-github](https://tbhp.gitbook.io/thebeta/lesson-plans/6.-vercel-and-github) {% endcontent-ref %} ### 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: * Small Prize for winning team & best student on course