{"id":222,"date":"2017-03-02T14:24:02","date_gmt":"2017-03-02T14:24:02","guid":{"rendered":"http:\/\/www.bartlettpublishing.com\/site\/?p=222"},"modified":"2017-03-02T14:24:02","modified_gmt":"2017-03-02T14:24:02","slug":"spring-2017-week-6-class-notes","status":"publish","type":"post","link":"https:\/\/www.bartlettpublishing.com\/site\/2017\/03\/02\/spring-2017-week-6-class-notes\/","title":{"rendered":"Spring 2017 &#8211; Week 6 Class Notes"},"content":{"rendered":"<p>Greetings students!  We managed to pack a lot in this week, and I hope you all had as good of a time as I did.  As always, email me if you get stuck or have questions.<\/p>\n<p><b>Programming<\/b><\/p>\n<p>This week we looked at animations using absolute positioning, as well as applying animations to arbitrary HTML elements.  A few things to remember:<\/p>\n<ul>\n<li>The CSS style &#8220;position: absolute&#8221; means that your element will be laid out on the current coordinate space somewhat independent of where it exists in your document.<\/li>\n<li>The CSS style &#8220;position: relative&#8221; defines a new coordinate space for absolutely positioned elements (the default coordinate space being the whole document).<\/li>\n<li>The CSS styles &#8220;left&#8221; and &#8220;top&#8221; are used to mark how many pixels from the left and from the top you are.  &#8220;left&#8221; is like the x-coordinate.  &#8220;top&#8221; is <i>like<\/i> the y-coordinate, except that it <i>increases<\/i> as it moves down.  &#8220;left: 0px; top: 0px;&#8221; positions your element at the top-left corner of the coordinate space.<\/li>\n<li>Remember that we can use function-creating-functions to create new local variable spaces which can store information so that it doesn&#8217;t have to be passed in a function.<\/li>\n<li>The setTimeout function is used for animation.  For the animation to work, it has to <i>both<\/i> move the things, <i>and<\/i> call setTimeout.<\/li>\n<\/ul>\n<p>Since we didn&#8217;t have time for everyone to finish the movement app, the assignment this week will focus on typing that in.  I have screenshotted the code (so you have to retype it, hahahahaha!).  What I want you to do this week is:<\/p>\n<ol>\n<li>Type in the code for the app.  The HTML is <a href=\"http:\/\/www.bartlettpublishing.com\/site\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-02-at-8.17.30-AM.png\" target=\"_blank\">here<\/a>.  The JavaScript is <a href=\"http:\/\/www.bartlettpublishing.com\/site\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-02-at-8.17.44-AM.png\" target=\"_blank\">here<\/a>.<\/li>\n<li>If you have any problems with it, be sure to use your browser&#8217;s JavaScript console to see where the problem might be.<\/li>\n<li>After you get it working, see if you can create a function that can be attached to &#8220;onclick&#8221; methods of elements so that, if clicked, the element starts to move using this function.<\/li>\n<li>Create a page with at least three different elements that get onclick&#8217;s attached so that they can move like this.<\/li>\n<li>If you are really adventurous, try creating your own animation that you can apply when clicked.  Even try animating something other than position.  You can use <a href=\"https:\/\/www.w3schools.com\/cssref\/\">this CSS reference<\/a> to find CSS attributes you might want to animate.<\/li>\n<\/ul>\n<p><b>Electronics<\/b><\/p>\n<p>This week we took our knowledge of RC time circuits and applied them to oscillating circuits.  We learned to use the NE555 timer, which continually charges and discharges a capacitor to measure the timing for its oscillations.<\/p>\n<p>This week, read chapter 20, which provides a more in-depth explanation of oscillator circuits.  This chapter is a little more math heavy, but it is mostly just an extension of the RC time circuit calculations that we did in the last chapter.<\/p>\n<p><b>Calculus<\/b><\/p>\n<p>Many apologies to my calculus class for the numerous interruptions during class time, and for issues with the book last week.<\/p>\n<p>As we mentioned last week, we have done a lot of work and covered many topics this year.  There are a few I want to revisit, but I also want to see how well you all do on <i>other<\/i> people&#8217;s calculus problems.  Therefore, we are going to start looking at AP Calculus exams to see how well you are progressing.<\/p>\n<p>So, for this week, I want you to:<\/p>\n<p>1) Read chapter 22 (Advanced Uses of the Integral).  There are no problems in this section, but you should work through the examples.<\/p>\n<p>2) Download the <a href=\"https:\/\/secure-media.collegeboard.org\/digitalServices\/pdf\/ap\/sample-questions-ap-calculus-ab-and-bc-exams.pdf\">AP Calculus exam<\/a>.  Look through the AB exam (not the BC).  Work through the problems you know how to do, and make note of which ones you don&#8217;t.  We will bring these to class to discuss.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Greetings students! We managed to pack a lot in this week, and I hope you all had as good of a time as I did. As always, email me if you get stuck or have questions. Programming This week we &hellip; <a href=\"https:\/\/www.bartlettpublishing.com\/site\/2017\/03\/02\/spring-2017-week-6-class-notes\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[6],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.bartlettpublishing.com\/site\/wp-json\/wp\/v2\/posts\/222"}],"collection":[{"href":"https:\/\/www.bartlettpublishing.com\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bartlettpublishing.com\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bartlettpublishing.com\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bartlettpublishing.com\/site\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":1,"href":"https:\/\/www.bartlettpublishing.com\/site\/wp-json\/wp\/v2\/posts\/222\/revisions"}],"predecessor-version":[{"id":225,"href":"https:\/\/www.bartlettpublishing.com\/site\/wp-json\/wp\/v2\/posts\/222\/revisions\/225"}],"wp:attachment":[{"href":"https:\/\/www.bartlettpublishing.com\/site\/wp-json\/wp\/v2\/media?parent=222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bartlettpublishing.com\/site\/wp-json\/wp\/v2\/categories?post=222"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bartlettpublishing.com\/site\/wp-json\/wp\/v2\/tags?post=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}