diff --git a/trainingbreakdown/javascript/README.md b/trainingbreakdown/javascript/README.md index e070d1d..35151ff 100644 --- a/trainingbreakdown/javascript/README.md +++ b/trainingbreakdown/javascript/README.md @@ -23,7 +23,6 @@ * The DOM * ES6 * Developer Tools for JS - ## Unit Outcome @@ -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 - ## Unit Lesson Plans diff --git a/trainingbreakdown/javascript/lesson-plan/README.md b/trainingbreakdown/javascript/lesson-plan/README.md index 8316e94..742c51b 100644 --- a/trainingbreakdown/javascript/lesson-plan/README.md +++ b/trainingbreakdown/javascript/lesson-plan/README.md @@ -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 @@ -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 - - - --- ## 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 - +- 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 -* 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