Designing solutions through programming - January 12 2017 Lesson Notes: Difference between revisions

Revision as of 11:30, 12 January 2017

What are we going to learn today?[edit]

We will configure our IDE's
we will learn basic terminology about javascript
We will learn about DOM
We will work through very basic examples of javascript events using these examples.
you will be exposed to bootstrap

you will use the following code snippets to START exploring javascript:

<!DOCTYPE html>
<html>
<body>

<h1>A javascript example</h1>

<p id="demo1">JavaScript can change content inside a defined ID or even CLASS.</p>

<button type="button" onclick="document.getElementById('demo1').innerHTML = 'I love computer science!'">Click Me!</button>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<p>This example demonstrates how to assign an "onmouseover" and "onmouseout" event to a h1 element.</p>

<h1 id="demo" onmouseover="mouseOver()" onmouseout="mouseOut()">Mouse over me</h1>

<script>
function mouseOver() {
    document.getElementById("demo").style.color = "red";
}

function mouseOut() {
    document.getElementById("demo").style.color = "black";
}
</script>

</body>
</html>

What is our homework?[edit]

Please create a webpage on our webserver called "template.php".
please use this code for the template

How am I being assessed today?[edit]

You will be formatively assessed in class today

Standards we are covering today[edit]

Describe the need for change management.
Click here for all our standards

As a computer scientist, you have:[edit]

Confidence in dealing with complexity
Persistence in working with difficult problems
Tolerance for ambiguity
The ability to deal with open-ended problems
The ability to communicate and work with others to achieve a common goal or solution

Credits[edit]

Icons used with tremendous gratitude by Freepik from flaticon

@@ Line 7: / Line 7: @@
 # We will configure our IDE's
 # we will learn basic terminology about javascript
+# We will learn about [https://www.youtube.com/watch?v=pkcDcIhVM30 DOM]
 # We will work through very basic examples of javascript events [http://www.w3schools.com/js/js_events_examples.asp using these examples].
 # you will be exposed to bootstrap