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

Revision as of 10:57, 12 January 2017

What are we going to learn today?[edit]

We will configure our IDE's
we will learn basic terminology about javascript
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>

What is our homework?[edit]

Please review, prior to our next class, the topic on user documentation

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 8: / Line 8: @@
 # we will learn basic terminology about javascript
 # you will be exposed to bootstrap
+# you will use the following code snippets to START exploring javascript:
 <syntaxhighlight lang='html' line='line'>
@@ Line 14: / Line 18: @@
 <body>
-<h1>What Can JavaScript Do?</h1>
+<h1>A javascript example</h1>
-<p id="demo">JavaScript can change HTML content.</p>
+<p id="demo1">JavaScript can change content inside a defined ID or even CLASS.</p>
-<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">Click Me!</button>
+<button type="button" onclick="document.getElementById('demo1').innerHTML = 'I love computer science!'">Click Me!</button>
 </body>