IB Comp Sci HL - April 25 2017 Lesson Notes

From Computer Science Wiki

Class plan.png What are we going to learn today?[edit]

  1. We will discuss server side and client side scripting


  1. We will configure our IDE's
  2. we will learn basic terminology about javascript
  3. We will learn about DOM
  4. We will work through very basic examples of javascript events using these examples.
  5. you will be exposed to bootstrap
  6. Another excellent bootstrap tutorial can be found https://www.youtube.com/watch?v=314m7YBRFvQ by clicking this link]


  1. 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>

Homework.png What is our homework?[edit]

  1. Please make sure you carefully review the Internal Assessment checklist planning section for our IA checklist. Specifically we will be adding your criteria for success. You should all have a shared document with:
  • I have clearly identified a client
  • I have described an appropriate scenario for investigation for an identified client
  • I have provided evidence of consultation
  • I have justified the rationale for choosing the proposed product
  • I have included a range of appropriate criteria for evaluating the success of the product

Target.png How am I being assessed today?[edit]

  1. none today

Ourstandards.png Standards we are covering today[edit]

These standards are used from the IB Computer Science Subject Guide[1]

  • Evaluate the use of client-side scripting and server-side scripting in web pages.

Computer1.png 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

Credit.png Credits[edit]

  1. IB Diploma Programme Computer science guide (first examinations 2014). Cardiff, Wales, United Kingdom: International Baccalaureate Organization. January 2012.