Skip to content
This repository was archived by the owner on Oct 17, 2022. It is now read-only.

Update breakdown of each JS session #22

Draft
wants to merge 1 commit into
base: main
Choose a base branch
from
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 0 additions & 2 deletions trainingbreakdown/javascript/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,6 @@
* The DOM
* ES6
* Developer Tools for JS
<!-- * Testing (Mocha/Jest?) -->

## Unit Outcome

Expand All @@ -37,7 +36,6 @@
* Statements
* Update previous website with actions behind their buttons, and upload to GitHub
* A group project to create an animated interactive timeline
<!-- * Use Postman to make a HTTP request using JSON -->

## Unit Lesson Plans

Expand Down
174 changes: 86 additions & 88 deletions trainingbreakdown/javascript/lesson-plan/README.md
Original file line number Diff line number Diff line change
@@ -1,27 +1,27 @@
# JavaScript

* [Unit overview](#unit-overview)
* [End of unit assessment](#end-of-unit-assessment)
* [Session 1](#session-1)
* [Session 1 classroom tasks](#session-1-classroom-tasks)
* [Session 2](#session-2)
* [Session 2 classroom tasks](#session-2-classroom-tasks)
* [Session 2 homework](#session-2-homework)
* [Session 3](#session-3)
* [Session 3 classroom tasks](#session-3-classroom-tasks)
* [Session 4](#session-4)
* [Session 4 classroom tasks](#session-4-classroom-tasks)
* [Session 4 homework](#session-4-homework)
* [Session 5](#session-5)
* [Session 5 classroom tasks](#session-5-classroom-tasks)
* [Session 6](#session-6)
* [Session 6 classroom tasks](#session-6-classroom-tasks)
* [Session 6 homework](#session-6-homework)
* [Session 7](#session-7)
* [Session 7 classroom tasks](#session-7-classroom-tasks)
* [Session 8](#session-8)
* [Session 8 classroom tasks](#session-8-classroom-tasks)
* [Session 8 homework](#session-8-homework)
- [Unit overview](#unit-overview)
- [End of unit assessment](#end-of-unit-assessment)
- [Session 1](#session-1)
- [Session 1 classroom tasks](#session-1-classroom-tasks)
- [Session 2](#session-2)
- [Session 2 classroom tasks](#session-2-classroom-tasks)
- [Session 2 homework](#session-2-homework)
- [Session 3](#session-3)
- [Session 3 classroom tasks](#session-3-classroom-tasks)
- [Session 4](#session-4)
- [Session 4 classroom tasks](#session-4-classroom-tasks)
- [Session 4 homework](#session-4-homework)
- [Session 5](#session-5)
- [Session 5 classroom tasks](#session-5-classroom-tasks)
- [Session 6](#session-6)
- [Session 6 classroom tasks](#session-6-classroom-tasks)
- [Session 6 homework](#session-6-homework)
- [Session 7](#session-7)
- [Session 7 classroom tasks](#session-7-classroom-tasks)
- [Session 8](#session-8)
- [Session 8 classroom tasks](#session-8-classroom-tasks)
- [Session 8 homework](#session-8-homework)

## Unit overview

Expand All @@ -33,147 +33,145 @@ By the end of this unit, each student should have a solid understanding of JavaS

### Group Project: Interactive Timeline

Business Name: Piglet Bakery
Business Name: Mayme's Bakery

A family owned business whose services and goods have been shipped worldwide.
A family owned business whose services and goods have been shipped worldwide.

The client would love to display a history of baking and cakes in an interactive timeline on their website.

### Requirements

* Display a summary along with a relevant image in an interactive timeline detailing the history of baking and it's evolution.
- Display a summary along with a relevant image in an interactive timeline detailing the history of baking and it's evolution.

Example:

> 1856 - William Henry Perkin discovered the first synthetic organic dye, called mauve, used to colour foods, drugs, and cosmetics.
> ![Purple Ombre Layer Cake - bettycrocker.com](https://eaasset-bucket.s3.eu-west-2.amazonaws.com/mauve-cake.jpg "Purple Ombre Layer Cake - bettycrocker.com")

## Assessment Due Date

TBD

<!-- * **??day ?? 2021 - Vaughan**
* **??day ?? 2021 - Jackson** -->

---

## Session 1

* Intro to Programming
* What is Programming?
* Compiled / Interpreted Languages
* What is a Programme
* Programming Languages and Uses
* What to use when
* Object Orientated / Functional / Scripted
* Concepts
* SOLID
* DRY
* Variables and Types of Variables
* Conditional Logic
* Loops
* Expressions
* Operators
- Intro to Programming
- What is Programming?
- Compiled / Interpreted Languages
- What is a Programme
- Programming Languages and Uses
- What to use when
- Object Orientated / Functional / Scripted
- Concepts
- SOLID
- DRY
- Variables and Types of Variables
- Conditional Logic
- Loops
- Expressions
- Operators

### Session 1 classroom tasks

<!-- * Quiz on ??? -->
- Binary to ASCII

---

## Session 2

* Introduction to JavaScript
* What is JavaScript and what is it used for?
* The DOM
* Developer Tools for JS
* Console log statements
- Introduction to JavaScript
- What is JavaScript and what is it used for?
- The DOM
- Developer Tools for JS
- Console log statements

### Session 2 classroom tasks

<!-- * -->
- Creating a console.log
- Creating expressions
- Querying the DOM

### Session 2 homework

* Organise yourselves!
* Get together with your group
* Think about task required to complete the project
* Speak to your mentor
* Create HTML/CSS timeline for project
- Organising group project
- Get together with your group
- Create the tasks required to complete the project
- Speak to your mentor

<!-- * ? -->
## Session 3

* Declare variables, and understand the different types of variables
* Declare functions
- Variables
- Functions

### Session 3 classroom tasks

<!-- * ? -->
- Declaring different types of variables
- Creating a function that calls another function
- Creating a function with parameters

---

## Session 4

* Conditional Logic, Loops
* Using if Statements
* Using Loops
* While and For/Foreach loops

- Statements
- Operators
- Objects

### Session 4 classroom tasks

<!-- * ? -->
- Creating objects
- Using maths operators
- Combining comparison operators

### Session 4 homework

<!-- * ? -->
- Practice pull requests with study group
- Create a `calculator` function
- Create a `whoIsOlder` function

---

## Session 5

* Arrays, Expressions, Operators
* Creating Arrays
* Comparisons (>, == etc)
* Not Operator (!)
- Conditional logic
- `if` statement
- `switch` statement

### Session 5 classroom tasks

<!-- * ? -->
- Create a function to give a student total grade based on their percentage using `if` statements
- Refactor first task to use `switch` statements

---

## Session 6

* ES6
* Deconstructing <!-- (move from React?) -->
* Arrow Functions
- Loops
- While loop
- For loop

### Session 6 classroom tasks

<!-- * ? -->

### Session 6 homework

<!-- * ? -->

---

## Session 7

* Advanced Arrays (e.g. Map, Filter)
- Arrays

### Session 7 classroom tasks

<!-- * ? -->

---

## Session 8

Work on group project
- Modifying the DOM

### Session 8 classroom tasks

<!-- * ? -->

### Session 8 homework

- Continue of group assessment

### Session 9

- Modules
- Destructuring arrays and objects