From 71eb3c4d61661cc3bc5c13e9f1503ee6e4906283 Mon Sep 17 00:00:00 2001 From: R3IDV3 Date: Mon, 16 Nov 2015 12:48:22 -0500 Subject: [PATCH 1/5] Create intro-to-javascript.md --- intro-to-javascript.md | 96 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 96 insertions(+) create mode 100644 intro-to-javascript.md diff --git a/intro-to-javascript.md b/intro-to-javascript.md new file mode 100644 index 0000000..1c09b0c --- /dev/null +++ b/intro-to-javascript.md @@ -0,0 +1,96 @@ +# Variables + +* We will provide an HTML file: +```html + + + + + Javascript Tutorial + + + + + +``` +* We will add an `onlclick` event to the button and add the function between script tags in the body: +```html + + + + + Javascript Tutorial + + + + + + + +``` +* Then, we'll take it up a notch and introduce variables. +```html + + + + + Javascript Tutorial + + + + + + + +``` +* Since pressing Cancel results in the alert saying "Hello, null!" we can include an if statement: +```html + + + + + Javascript Tutorial + + + + + + + +``` +* Then, we'll take it up another notch and introduce arguments to replace the prompt. +```html + + + + + Javascript Tutorial + + + + + + + +``` From 96b73f4fcde1d84c373875cff4d5131c22f44911 Mon Sep 17 00:00:00 2001 From: AidenMiller Date: Wed, 18 Nov 2015 14:30:32 -0500 Subject: [PATCH 2/5] Update intro-to-javascript.md added the confirm() when you cancel entering your name. --- intro-to-javascript.md | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) diff --git a/intro-to-javascript.md b/intro-to-javascript.md index 1c09b0c..f404e6c 100644 --- a/intro-to-javascript.md +++ b/intro-to-javascript.md @@ -74,6 +74,35 @@ function sayHello() { ``` +* Addition of the confirm() option: +* +```html + + + + + Javascript Tutorial + + + + + + + +``` * Then, we'll take it up another notch and introduce arguments to replace the prompt. ```html From beea0bd42935f3e723d3525d0bcc05592dd6e3de Mon Sep 17 00:00:00 2001 From: R3IDV3 Date: Wed, 18 Nov 2015 23:38:20 -0500 Subject: [PATCH 3/5] Update intro-to-javascript.md --- intro-to-javascript.md | 21 ++++++++++----------- 1 file changed, 10 insertions(+), 11 deletions(-) diff --git a/intro-to-javascript.md b/intro-to-javascript.md index f404e6c..af0f45a 100644 --- a/intro-to-javascript.md +++ b/intro-to-javascript.md @@ -75,7 +75,6 @@ function sayHello() { ``` * Addition of the confirm() option: -* ```html @@ -88,16 +87,16 @@ function sayHello() { From 7188a75f2561f53f0b9b81879980e5db2da84cc2 Mon Sep 17 00:00:00 2001 From: R3IDV3 Date: Mon, 23 Nov 2015 17:33:14 -0500 Subject: [PATCH 4/5] Update intro-to-javascript.md Changed the order of changes based on difficulty. --- intro-to-javascript.md | 44 +++++++++++++++++++++--------------------- 1 file changed, 22 insertions(+), 22 deletions(-) diff --git a/intro-to-javascript.md b/intro-to-javascript.md index af0f45a..44dfc7e 100644 --- a/intro-to-javascript.md +++ b/intro-to-javascript.md @@ -26,13 +26,33 @@ ``` -* Then, we'll take it up a notch and introduce variables. +* Then, we'll take it up a notch and introduce arguments. +```html + + + + + Javascript Tutorial + + + + + + + +``` +* But what if we want to ask them what their name is? We can add a prompt. ```html @@ -102,23 +122,3 @@ function sayHello() { ``` -* Then, we'll take it up another notch and introduce arguments to replace the prompt. -```html - - - - - Javascript Tutorial - - - - - - - -``` From 06c2062ea276cc0697d2c6510eba76ba6a6995ae Mon Sep 17 00:00:00 2001 From: R3IDV3 Date: Mon, 23 Nov 2015 19:18:31 -0500 Subject: [PATCH 5/5] Update Ideas.md --- Ideas.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/Ideas.md b/Ideas.md index 11a6a0d..ae7654e 100644 --- a/Ideas.md +++ b/Ideas.md @@ -6,8 +6,14 @@ Project * Rock Paper Scissors Curricula +* We might need to quickly go over and review the CSS material.. if we have time * variables * functions * jQuery's selector class * jQuery click events * styling elements with jQuery + +Style of Teaching +* Show and run the game for them first +* We should be coding with them to be more interactive - making them follow the slides would be too dull +* We could use one screen for the code and the other for the HTML page that would be displayed so they could see them side by side