View source for Designing Solutions Through Programming block 5 August 25 Lesson Notes

 __NOTOC__ 
<table cellspacing="10" style="width:100%;">
<tr>
<td style="width:50%; margin:0; margin-top:10px; margin-right:10px; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#E6F9E6; align:right;vertical-align:top;">
==[[File:class_plan.png]] What are we going to learn today?==

Hello Class! 

Today in class we will: 

* review introductions
* setup many different tools:
** sublime (confirm you have it, put it in your dock)
** iterm (confirm you have it, put it in your dock)
** your monitors / video cables / setting up monitor arrangement
** jetbrains IDE ([https://www.jetbrains.com/student/ click here for download link] for phpstorm)
** google classroom ([https://classroom.google.com/u/0/h click here], click  the plus button, and then enter code: '''w2rliuv''')
** bookmark class wiki
** register for class wiki

* then we will start coding in [[HTML]]
** we will set up sublime and google chrome side by side
** We will review this HTML video
** We will create an HTML file using PLAIN TEXT settings in sublime
** We will create an HTML file using HTML helping in sublime
** We will create an HTML file with a table, lists, and different elements. 
** We will learn how to view source in Google chrome

=== Students who are little less comfortable coding ===

* Please modify this template: https://pastebin.com/T0GrSR6J
** Please use paragraph tag
** Please use all 6 headings tags
** Please use p b i u hr br tags. 
** Please use comment tags
** Please use links, and include the title attribute
** Please use image tag
** Please use ordered and unordered lists

=== Students who are little more comfortable coding ===

* Please modify this template:  https://pastebin.com/0Bv7v6KU
** You should change the title, and the text inside the card div. You should also change the text which says "edit me" :-) 

</td>

<td style="margin:0; margin-top:10px; margin-right:10px; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#E6F9E6; align:right;vertical-align:top;">

==[[file:homework.png]] What is our homework? ==

Please watch the video on our CSS by next class :-) 

</td>
</tr>
<tr>

<td style="margin:0; margin-top:10px; margin-right:10px; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:lightyellow; align:right;vertical-align:top;" colspan="2">

==[[File:target.png]] How am I being assessed today? ==

I will assess you formatively today, and make a professional judgement to what extent you understand our learning material. I will use observation, your written work, answers to questions, and contribution to class discussions as data to make my decisions. I normally record my observations in a "evidence of learning" spreadsheet, which I will happily share with you privately if you so wish. I usually need a day or two notice. 
</td>

</tr>
<tr>

<td style="margin:0; margin-top:10px; margin-right:10px; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#FFF5FF; align:right;vertical-align:top;">

== [[File:ourstandards.png]] Standards we are covering today ==
These standards are commonly used from the IB Computer Science Subject Guide<ref>IB Diploma Programme Computer science guide (first examinations 2014). Cardiff, Wales, United Kingdom: International Baccalaureate Organization. January 2012.</ref>




</td>

<td style="margin:0; margin-top:10px; margin-right:10px; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#FFF5FF; align:right;vertical-align:top;" colspan="2">

== [[Image:computer1.png]] As a computer scientist, you have: ==

* 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

</td>
</tr>
<tr>
<td style="margin:0; margin-top:10px; margin-right:10px; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:lightgray; align:right;vertical-align:top;" colspan="2">

== [[Image:credit.png]] Credits ==
* Icons used with tremendous gratitude by [http://www.freepik.com/ Freepik] from [http://www.flaticon.com/ flaticon]
</td>
</tr>
</table>
[[Category:2017-2018 Class Notes]]
[[Category:2017-2018 School Year]]