| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /nginx/html/JimMartinson/CST1022/Schedule/ |
Upload File : |
<?
// JimMartinson/CST1022/CST1022_Schedule.phpinc
#if ( $_SESSION['userId'] == 1 ) include('JimMartinson/ScheduleCode.phpinc');
$week = 0;
?>
<fieldset><legend><?=$title?></legend>
<? require('JimMartinson/WebMeetingLink.phpinc'); ?>
<ol start="1">
<!-- Week 1: Monday 1/10 (Willmar) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/v721D1vkxPYIO9AEiQgI931yIA_XEWCMe1mUUikcsMnqpPBvz4AFfwQjRY5MA19l.VjGqOuSMChDxz338?startTime=1641841224000','text'),array('URL','text'),array('URL','text'))); ?>
<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
<li><!-- Monday 1:00pm-3:30pm -->
<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
<?
$discuss_Other = 'Discuss <a href="https://jscharting.com/blog/best-javascript-editors/">JavaScript Editors</a>';
?>
<? require('JimMartinson/Schedule_week1.phpinc'); ?>
</li>
<li>
<? require('JimMartinson/Schedule_week1_Assignments_Begin.phpinc'); ?>
<? /** / Insert other week 1 assignments in <li></li> tags below. /**/ ?>
<? require('JimMartinson/Schedule_week1_Assignments_End.phpinc'); ?>
</li>
<li>
Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+2)?>:
<ol type="i">
<li>Download and install the editor of your choice. I will be using <a href="https://code.visualstudio.com/">Visual Studio Code</a>.</li>
<li><?=labLink(1)?></li>
<li>
We will be using javascript.info's <a href="https://javascript.info/">The Modern JavaScript Tutorial</a> for part of this class. This is an online tutorial.
<br>
Read the four parts of section 1 <a href="https://javascript.info/getting-started">An introduction</a>:
<ol type="1">
<li>Read <a href="https://javascript.info/intro">An Introduction to JavaScript</a>.</li>
<li>Read <a href="https://javascript.info/manuals-specifications">Manuals and specifications</a>.</li>
<li>Read <a href="https://javascript.info/code-editors">Code editors</a>.</li>
<li>Read <a href="https://javascript.info/devtools">Developer console</a>.</li>
</ol>
</li>
<li>
We will be also be using w<sup>3</sup>school's <a href="https://www.w3schools.com/js/">JavaScript Tutorial</a>. This is an also an online tutorial.
<br>
Read the first three parts of the <a href="https://www.w3schools.com/js/">JavaScript Tutorial</a>:
<ol type="a">
<li>Read <a href="https://www.w3schools.com/js/default.asp">JS HOME</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_intro.asp">JS Introduction</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_whereto.asp">JS Where To</a>.</li>
</ol>
</li>
<li>I also recommend you read the free book <i>Elequent JavaScript</i> if you really want to go in depth with JavaScript. While I really like this book, I did not feel it would work well as a textbook for this class.
<br>
You can use the book <a href="https://eloquentjavascript.net/">online</a> and can download the <a href="../Resources/Eloquent_JavaScript.pdf">regular pdf version</a> or the <a href="../Resources/Eloquent_JavaScript_small.pdf">small pdf version</a> (for use on phones).
</li>
</ol>
</li>
</ul>
</li><!-- END Week 1 -->
<!-- Week 2: Monday 1/17 (M.L. King Jr. Holiday) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
</li><!-- END Week 2 -->
<!-- Week 3: Monday 1/24 (Willmar) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/GdbsSDSC4XwoCDw7qIZ9bVc0WdO3kTU_KXWFvOs1BQ6pXJL2jxVwA859wYDwDJZB.LIR1Qr1Jpwy9gkYd?startTime=1643050868000','text'),array('https://minnstate.zoom.us/rec/share/GdbsSDSC4XwoCDw7qIZ9bVc0WdO3kTU_KXWFvOs1BQ6pXJL2jxVwA859wYDwDJZB.LIR1Qr1Jpwy9gkYd?startTime=1643058793000','(Lab 1 discussion)'),array('URL','text'))); ?>
<? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>.
<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
<li><!-- Monday 1:00pm-3:30pm -->
<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
<ol type="i">
<li>
Discuss the four parts of section 1 <a href="https://javascript.info/getting-started">An introduction</a>:
<ol type="1">
<li>Discuss <a href="https://javascript.info/intro">An Introduction to JavaScript</a>.</li>
<li>Discuss <a href="https://javascript.info/manuals-specifications">Manuals and specifications</a>.</li>
<li>Discuss <a href="https://javascript.info/code-editors">Code editors</a>.</li>
<li>Discuss <a href="https://javascript.info/devtools">Developer console</a>.</li>
</ol>
</li>
<li>
Discuss the first three parts of the <a href="https://www.w3schools.com/js/">JavaScript Tutorial</a>:
<ol type="a">
<li>Discuss <a href="https://www.w3schools.com/js/default.asp">JS HOME</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_intro.asp">JS Introduction</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_whereto.asp">JS Where To</a>.</li>
</ol>
</li>
<li>Discuss <i><a href="https://eloquentjavascript.net/">Elequent JavaScript</a></i>.</li>
<li>Discuss <?=labLink(1,false)?></li>
<li>Discuss class tasks.</li>
</ol>
</li>
<li>
Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
<ol type="i">
<li>
Read the eighteen parts of section 2 <a href="https://javascript.info/first-steps">JavaScript Fundamentals</a>:
<ol type="1">
<li>Read <a href="https://javascript.info/hello-world">Hello, world!</a>.</li>
<li>Read <a href="https://javascript.info/structure">Code structure</a>.</li>
<li>Read <a href="https://javascript.info/strict-mode">The modern mode, "use strict"</a>.</li>
<li>Read <a href="https://javascript.info/variables">Variables</a>.</li>
<li>Read <a href="https://javascript.info/types">Data types</a>.</li>
<li>Read <a href="https://javascript.info/alert-prompt-confirm">Interaction: alert, prompt, confirm</a>.</li>
<li>Read <a href="https://javascript.info/type-conversions">Type Conversions</a>.</li>
<li>Read <a href="https://javascript.info/operators">Basic operators, maths</a>.</li>
<li>Read <a href="https://javascript.info/comparison">Comparisons</a>.</li>
<li>Read <a href="https://javascript.info/ifelse">Conditional branching: if, '?'</a>.</li>
<li>Read <a href="https://javascript.info/logical-operators">Logical operators</a>.</li>
<li>Read <a href="https://javascript.info/nullish-coalescing-operator">Nullish coalescing operator '??'</a>.</li>
<li>Read <a href="https://javascript.info/while-for">Loops: while and for</a>.</li>
<li>Read <a href="https://javascript.info/switch">The "switch" statement</a>.</li>
<li>Read <a href="https://javascript.info/function-basics">Functions</a>.</li>
<li>Read <a href="https://javascript.info/function-expressions">Function expressions</a>.</li>
<li>Read <a href="https://javascript.info/arrow-functions-basics">Arrow functions, the basics</a>.</li>
<li>Read <a href="https://javascript.info/javascript-specials">JavaScript specials</a>.</li>
</ol>
</li>
<li>
Read twelve parts from the <a href="https://www.w3schools.com/js/">JavaScript Tutorial</a>:
<ol type="a">
<li>Read <a href="https://www.w3schools.com/js/js_output.asp">JS Output</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_statements.asp">JS Statements</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_syntax.asp">JS Syntax</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_comments.asp">JS Comments</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_variables.asp">JS Variables</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_let.asp">JS Let</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_const.asp">JS Const</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_operators.asp">JS Operators</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_arithmetic.asp">JS Arithmetic</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_assignment.asp">JS Assignment</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_datatypes.asp">JS Data Types</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_functions.asp">JS Functions</a>.</li>
</ol>
</li>
</ol>
</li>
</ul>
</li><!-- END Week 3 -->
<!-- Week 4: Monday 1/31 (Hutchinson) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/OUeDxYgTXXoxK8pxKPNhwt2XGcJpLqCgXcOX8fGXh3U36mW8Oopfc-x6Bq-WSsFv.cKP2ZhbyDDuLxACq?startTime=1643655876000','text'),array('https://minnstate.zoom.us/rec/share/OUeDxYgTXXoxK8pxKPNhwt2XGcJpLqCgXcOX8fGXh3U36mW8Oopfc-x6Bq-WSsFv.cKP2ZhbyDDuLxACq?startTime=1643660730000','text'),array('URL','text'))); ?>
<? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>.
<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
<li><!-- Monday 1:00pm-3:30pm -->
<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>.
<ol>
<li>
Discuss the eighteen parts of section 2 <a href="https://javascript.info/first-steps">JavaScript Fundamentals</a>:
<ol type="1">
<li>Discuss <a href="https://javascript.info/hello-world">Hello, world!</a>.</li>
<li>Discuss <a href="https://javascript.info/structure">Code structure</a>.</li>
<li>Discuss <a href="https://javascript.info/strict-mode">The modern mode, "use strict"</a>.</li>
<li>Discuss <a href="https://javascript.info/variables">Variables</a>.</li>
<li>Discuss <a href="https://javascript.info/types">Data types</a>.</li>
<li>Discuss <a href="https://javascript.info/alert-prompt-confirm">Interaction: alert, prompt, confirm</a>.</li>
<li>Discuss <a href="https://javascript.info/type-conversions">Type Conversions</a>.</li>
<li>Discuss <a href="https://javascript.info/operators">Basic operators, maths</a>.</li>
<li><del>Discuss <a href="https://javascript.info/comparison">Comparisons</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://javascript.info/ifelse">Conditional branching: if, '?'</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://javascript.info/logical-operators">Logical operators</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://javascript.info/nullish-coalescing-operator">Nullish coalescing operator '??'</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://javascript.info/while-for">Loops: while and for</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://javascript.info/switch">The "switch" statement</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://javascript.info/function-basics">Functions</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://javascript.info/function-expressions">Function expressions</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://javascript.info/arrow-functions-basics">Arrow functions, the basics</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://javascript.info/javascript-specials">JavaScript specials</a>.</del> <span class="note">Moved to next week.</span></li>
</ol>
</li>
<li>
<del>Discuss the twelve sections from the <a href="https://www.w3schools.com/js/">JavaScript Tutorial</a>:</del> <span class="note">Moved to next week.</span>
<ol type="a">
<li><del>Discuss <a href="https://www.w3schools.com/js/js_output.asp">JS Output</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_statements.asp">JS Statements</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_syntax.asp">JS Syntax</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_comments.asp">JS Comments</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_variables.asp">JS Variables</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_let.asp">JS Let</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_const.asp">JS Const</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_operators.asp">JS Operators</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_arithmetic.asp">JS Arithmetic</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_assignment.asp">JS Assignment</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_datatypes.asp">JS Data Types</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_functions.asp">JS Functions</a>.</del> <span class="note">Moved to next week.</span></li>
</ol>
</li>
<li>Discuss class tasks.</li>
</ol>
</li>
<li>
Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
<ol type="i">
<li>If you have not read the lessons from last week, <b>READ</b> them. You will <b>NOT</b> pass this class if you don't understand what we are covering. Bring any questions you have to the next class meeting and <b>ASK</b> them. Or call be before class if you wish.</li>
<li>Play with JavaScript code for a few hours. Find out what works and why.</li>
</ol>
</li>
</ul>
</li><!-- END Week 4 -->
<!-- Week 5: Monday 2/07 (Willmar) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/GV_GUVaICZfG5uoSdIBYnfHUYlad2zC3vDP8nPT38PXvOpGEQmiAVMKSGGnNisHy.7RQxgNp1RmOkQoU_?startTime=1644260483000','text'),array('https://minnstate.zoom.us/rec/share/GV_GUVaICZfG5uoSdIBYnfHUYlad2zC3vDP8nPT38PXvOpGEQmiAVMKSGGnNisHy.7RQxgNp1RmOkQoU_?startTime=1644266478000','text'),array('https://minnstate.zoom.us/rec/share/GV_GUVaICZfG5uoSdIBYnfHUYlad2zC3vDP8nPT38PXvOpGEQmiAVMKSGGnNisHy.7RQxgNp1RmOkQoU_?startTime=1644268387000','(Lab 2 discussion)'))); ?>
<? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>.
<!--<a href="../Resources/Week/05">See week 5 files</a>.-->
<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
<li><!-- Monday 1:00pm-3:30pm -->
<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
<ol type="i">
<li>
Discuss the eighteen parts of section 2 <a href="https://javascript.info/first-steps">JavaScript Fundamentals</a>:
<ol type="1">
<li>Discuss <a href="https://javascript.info/comparison">Comparisons</a>.</li>
<li>Discuss <a href="https://javascript.info/ifelse">Conditional branching: if, '?'</a>.</li>
<li>Discuss <a href="https://javascript.info/logical-operators">Logical operators</a>.</li>
<li>Discuss <a href="https://javascript.info/nullish-coalescing-operator">Nullish coalescing operator '??'</a>.</li>
<li>Discuss <a href="https://javascript.info/while-for">Loops: while and for</a>.</li>
<li>Discuss <a href="https://javascript.info/switch">The "switch" statement</a>.</li>
<li>Discuss <a href="https://javascript.info/function-basics">Functions</a>.</li>
<li><del>Discuss <a href="https://javascript.info/function-expressions">Function expressions</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://javascript.info/arrow-functions-basics">Arrow functions, the basics</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://javascript.info/javascript-specials">JavaScript specials</a>.</del> <span class="note">Moved to next week.</span></li>
</ol>
</li>
<li>
Review the twelve sections from the <a href="https://www.w3schools.com/js/">JavaScript Tutorial</a> on your own:
<ol type="a">
<li>Review <a href="https://www.w3schools.com/js/js_output.asp">JS Output</a> on your own. <span class="note">If you have questions about this, bring them to class next week.</span></li>
<li>Review <a href="https://www.w3schools.com/js/js_statements.asp">JS Statements</a> on your own. <span class="note">If you have questions about this, bring them to class next week.</span></li>
<li>Review <a href="https://www.w3schools.com/js/js_syntax.asp">JS Syntax</a> on your own. <span class="note">If you have questions about this, bring them to class next week.</span></li>
<li>Review <a href="https://www.w3schools.com/js/js_comments.asp">JS Comments</a> on your own. <span class="note">If you have questions about this, bring them to class next week.</span></li>
<li>Review <a href="https://www.w3schools.com/js/js_variables.asp">JS Variables</a> on your own. <span class="note">If you have questions about this, bring them to class next week.</span></li>
<li>Review <a href="https://www.w3schools.com/js/js_let.asp">JS Let</a> on your own. <span class="note">If you have questions about this, bring them to class next week.</span></li>
<li>Review <a href="https://www.w3schools.com/js/js_const.asp">JS Const</a> on your own. <span class="note">If you have questions about this, bring them to class next week.</span></li>
<li>Review <a href="https://www.w3schools.com/js/js_operators.asp">JS Operators</a> on your own. <span class="note">If you have questions about this, bring them to class next week.</span></li>
<li>Review <a href="https://www.w3schools.com/js/js_arithmetic.asp">JS Arithmetic</a> on your own. <span class="note">If you have questions about this, bring them to class next week.</span></li>
<li>Review <a href="https://www.w3schools.com/js/js_assignment.asp">JS Assignment</a> on your own. <span class="note">If you have questions about this, bring them to class next week.</span></li>
<li>Review <a href="https://www.w3schools.com/js/js_datatypes.asp">JS Data Types</a> on your own. <span class="note">If you have questions about this, bring them to class next week.</span></li>
<li>Review <a href="https://www.w3schools.com/js/js_functions.asp">JS Functions</a> on your own. <span class="note">If you have questions about this, bring them to class next week.</span></li>
</ol>
</li>
<li>Discuss class tasks.</li>
</ol>
</li>
<li>
Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
<ol type="i">
<li>
Read the six sections from the <a href="https://javascript.info/code-quality">Code quality</a>:
<ol type="a">
<li>Read <a href="https://javascript.info/debugging-chrome">Debugging in the browser</a>.</li>
<li>Read <a href="https://javascript.info/coding-style">Coding Style</a>.</li>
<li>Read <a href="https://javascript.info/comments">Comments</a>.</li>
<li>Read <a href="https://javascript.info/ninja-code">Ninja code</a>.</li>
<li>Read <a href="https://javascript.info/testing-mocha">Automated testing with Mocha</a>.</li>
<li>Read <a href="https://javascript.info/polyfills">Polyfills and transpilers</a>.</li>
</ol>
</li>
<li>Read <a href="https://code.visualstudio.com/docs/languages/javascript">JavaScript in Visual Studio Code</a>.</li>
</ol>
</li>
<li>
Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+2)?>:
<ol type="i">
<li><?=labLink(2,false)?></li>
</ol>
</li>
</ul>
</li><!-- END Week 5 -->
<!-- Week 6: Monday 2/14 (Hutchinson) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/qAfjukTDYsSgE9NZAo2x_fn450Do86eqwqW3Yc2l06qXh943447RjkbMRWO3HYzH.sQOiIE9lXFS559UF?startTime=1644865295000','text'),array('https://minnstate.zoom.us/rec/share/qAfjukTDYsSgE9NZAo2x_fn450Do86eqwqW3Yc2l06qXh943447RjkbMRWO3HYzH.sQOiIE9lXFS559UF?startTime=1644869430000','text'),array('https://minnstate.zoom.us/rec/share/qAfjukTDYsSgE9NZAo2x_fn450Do86eqwqW3Yc2l06qXh943447RjkbMRWO3HYzH.sQOiIE9lXFS559UF?startTime=1644873576000','(Lab 2 discussion)'),array('https://minnstate.zoom.us/rec/share/qAfjukTDYsSgE9NZAo2x_fn450Do86eqwqW3Yc2l06qXh943447RjkbMRWO3HYzH.sQOiIE9lXFS559UF?startTime=1644878792000','(vscode discussion)'))); ?>
<? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>.
<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
<li><!-- Monday 1:00pm-3:30pm -->
<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
<ol type="i">
<li>Discuss <a href="/HardwareWorkOpportunity.html">Hardware work opportunity (work study/student worker/volunteer)</a>.</li>
<li>Discuss javascript.info <a href="https://javascript.info/function-expressions">Function expressions</a>. <span class="note">Moved from last week.</span></li>
<li>Discuss javascript.info <a href="https://javascript.info/arrow-functions-basics">Arrow functions, the basics</a>. <span class="note">Moved from last week.</span></li>
<li>Discuss javascript.info <a href="https://javascript.info/javascript-specials">JavaScript specials</a>. <span class="note">Moved from last week.</span></li>
<li>
Discuss the six sections from the <a href="https://javascript.info/code-quality">Code quality</a>:
<ol type="a">
<li>Discuss <a href="https://javascript.info/debugging-chrome">Debugging in the browser</a>.</li>
<li>Discuss <a href="https://javascript.info/coding-style">Coding Style</a>.</li>
<li>Discuss <a href="https://javascript.info/comments">Comments</a>.</li>
<li>Discuss <a href="https://javascript.info/ninja-code">Ninja code</a>.</li>
<li>Discuss <a href="https://javascript.info/testing-mocha">Automated testing with Mocha</a>.</li>
<li>Discuss <a href="https://javascript.info/polyfills">Polyfills and transpilers</a>.</li>
</ol>
</li>
<li>Discuss <?=labLink(2,false)?></li>
<li>Discuss <a href="https://code.visualstudio.com/docs/languages/javascript">JavaScript in Visual Studio Code</a>.</li>
<li>Discuss class tasks.</li>
</ol>
</li>
<li>
Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
<ol type="i">
<li><?=labLink(2)?></li>
</ol>
</li>
<li>
Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+2)?>:
<ol type="i">
<li>Read <a href="https://www.w3schools.com/js/js_objects.asp">JavaScript Objects</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_events.asp">JavaScript Events</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_htmldom.asp">JavaScript HTML DOM</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_htmldom_methods.asp">JavaScript - HTML DOM Methods</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_htmldom_document.asp">JavaScript HTML DOM Document</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_htmldom_elements.asp">JavaScript HTML DOM Elements</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_htmldom_html.asp">JavaScript HTML DOM - Changing HTML</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_htmldom_css.asp">JavaScript HTML DOM - Changing CSS</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_htmldom_animate.asp">JavaScript HTML DOM Animation</a>.</li>
</ol>
</li>
</ul>
</li><!-- END Week 6 -->
<!-- Week 7: Monday 2/21 (President’s Day Holiday) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
</li><!-- END Week 7 -->
<!-- Week 8: Monday 2/28 (Hutchinson) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/mQePKihou_h-Oc4Yi1YtohGKWWGU72Q2ppcs5TJriktDcRLG7nY6WhFtoI8H2QXh.0KJUv-6Cs6HwWSUo?startTime=1646074920000','text'),array('https://minnstate.zoom.us/rec/share/mQePKihou_h-Oc4Yi1YtohGKWWGU72Q2ppcs5TJriktDcRLG7nY6WhFtoI8H2QXh.0KJUv-6Cs6HwWSUo?startTime=1646079619000','text'),array('https://minnstate.zoom.us/rec/share/mHZhJsDL_jpap4D6bjCiISgEaVWMr4Yuf01HOYp7zwK4P4HkG04SBOH3b7dVgVV0.JN7I5Py9ciEbR5MU?startTime=1646082467000','(Lab 3 discussion)'))); ?>
<? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>.
<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
<li><!-- Monday 1:00pm-3:30pm -->
<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
<ol type="i">
<li>Discuss <a href="https://www.w3schools.com/js/js_objects.asp">JavaScript Objects</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_events.asp">JavaScript Events</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_htmldom.asp">JavaScript HTML DOM</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_htmldom_methods.asp">JavaScript - HTML DOM Methods</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_htmldom_document.asp">JavaScript HTML DOM Document</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_htmldom_elements.asp">JavaScript HTML DOM Elements</a>.</li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_htmldom_html.asp">JavaScript HTML DOM - Changing HTML</a>.</del> <span class="note">Moved to March 14th.</span></li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_htmldom_css.asp">JavaScript HTML DOM - Changing CSS</a>.</del> <span class="note">Moved to March 14th.</span></li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_htmldom_animate.asp">JavaScript HTML DOM Animation</a>.</del> <span class="note">Moved to March 14th.</span></li>
<li>Discuss class tasks.</li>
</ol>
</li>
<li>
Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+2)?>:
<ol type="i">
<li><?=labLink(3)?></li>
</ol>
</li>
</ul>
</li><!-- END Week 8 -->
<!-- Week 9: Monday 3/07 (Spring Break) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
</li><!-- END Week 9 -->
<!-- Week 10: Monday 3/14 (Hutchinson) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/SekLr2L_HnfkLY7hroCtgPu6Nd50ORYdq86afy3kAO7Mk2-1eoxtMmzOesZkf4JO._X0LurY0jNkTm4cY?startTime=1647280971000','text'),array('https://minnstate.zoom.us/rec/share/SekLr2L_HnfkLY7hroCtgPu6Nd50ORYdq86afy3kAO7Mk2-1eoxtMmzOesZkf4JO._X0LurY0jNkTm4cY?startTime=1647286869000','text'),array('URL','text'))); ?>
<? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>.
<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
<li><!-- Monday 1:00pm-3:30pm -->
<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
<ol type="i">
<li>Discuss <?=labLink(2,false)?></li>
<li>Discuss <a href="https://www.w3schools.com/js/js_htmldom_html.asp">JavaScript HTML DOM - Changing HTML</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_htmldom_css.asp">JavaScript HTML DOM - Changing CSS</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_htmldom_animate.asp">JavaScript HTML DOM Animation</a>.</li>
<li>Discuss class tasks.</li>
</ol>
</li>
<li>
Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
<ol type="i">
<li><?=labLink(4)?></li>
<li>
Read the five parts of section 2 <a href="https://javascript.info/events">Introduction to Events</a>:
<ol type="1">
<li>Read <a href="https://javascript.info/introduction-browser-events">Introduction to browser events</a>.</li>
<li>Read <a href="https://javascript.info/bubbling-and-capturing">Bubbling and capturing</a>.</li>
<li>Read <a href="https://javascript.info/event-delegation">Event delegation</a>.</li>
<li>Read <a href="https://javascript.info/default-browser-action">Browser default actions</a>.</li>
<li>Read <a href="https://javascript.info/dispatch-events">Dispatching custom events</a>.</li>
</ol>
</li>
<li>Read <a href="https://www.w3schools.com/js/js_htmldom_events.asp">JavaScript HTML DOM Events</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_htmldom_eventlistener.asp">JavaScript HTML DOM EventListener</a>.</li>
</ol>
</li>
</ul>
</li><!-- END Week 10 -->
<!-- Week 11: Monday 3/21 (Willmar) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/lwaskBwtXnk-4JK6TcfyuVohe4cx3v2uO4LHWjZrK6FYnJgx9WGx-ofhT9NxNnaO.LcF56zma89IZbzhS?startTime=1647885616000','text'),array('https://minnstate.zoom.us/rec/share/lwaskBwtXnk-4JK6TcfyuVohe4cx3v2uO4LHWjZrK6FYnJgx9WGx-ofhT9NxNnaO.LcF56zma89IZbzhS?startTime=1647891007000','text'),array('URL','text'))); ?>
<? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>.
<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
<li><!-- Monday 1:00pm-3:30pm -->
<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
<ol type="i">
<li>
Discuss the five parts of section 2 <a href="https://javascript.info/events">Introduction to Events</a>:
<ol type="1">
<li>Discuss <a href="https://javascript.info/introduction-browser-events">Introduction to browser events</a>.</li>
<li>Discuss <a href="https://javascript.info/bubbling-and-capturing">Bubbling and capturing</a>.</li>
<li>Discuss <a href="https://javascript.info/event-delegation">Event delegation</a>.</li>
<li>Discuss <a href="https://javascript.info/default-browser-action">Browser default actions</a>.</li>
<li>Discuss <a href="https://javascript.info/dispatch-events">Dispatching custom events</a>.</li>
</ol>
</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_htmldom_events.asp">JavaScript HTML DOM Events</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_htmldom_eventlistener.asp">JavaScript HTML DOM EventListener</a>.</li>
<li>Discuss class tasks.</li>
</ol>
</li>
<li>
Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
<ol type="i">
<li><?=labLink(5)?></li>
<li>
Read the three parts of section 4 <a href="https://javascript.info/data-storage">Storing data in the browser</a>:
<ol type="1">
<li>Read <a href="https://javascript.info/cookie">Cookies, document.cookie</a>.</li>
<li>Read <a href="https://javascript.info/localstorage">LocalStorage, sessionStorage</a>.</li>
<li>Read <a href="https://javascript.info/indexeddb">IndexedDB</a>.</li>
</ol>
</li>
<li>Read <a href="https://www.w3schools.com/js/js_cookies.asp">JavaScript Cookies</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_api_web_storage.asp">Web Storage API</a>.</li>
</ol>
</li>
</ul>
</li><!-- END Week 11 -->
<!-- Week 12: Monday 3/28 (Hutchinson) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/KxEfaICCVp8nurQ23WC0ReKNaDaxHLlUTwl79xchmSr6MZZH7aF9EgZU2xfWfL2o.CzA3DS0t495Azb5Z?startTime=1648490429000','text'),array('https://minnstate.zoom.us/rec/share/KxEfaICCVp8nurQ23WC0ReKNaDaxHLlUTwl79xchmSr6MZZH7aF9EgZU2xfWfL2o.CzA3DS0t495Azb5Z?startTime=1648496785000','text'),array('https://minnstate.zoom.us/rec/share/QtxPqj-XkN9pS9Lgm8jpT070O4kk3WiIKwibjw98IbnDFGA9ZLNkZblZUL205YBv.JdDH8_TG6UXqltj3?startTime=1648762907000','Install Live Server in Visual Studio Code'))); ?>
<? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>.
<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
<li><!-- Monday 1:00pm-3:30pm -->
<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
<ol type="i">
<li>
Discuss the three parts of section 4 <a href="https://javascript.info/data-storage">Storing data in the browser</a>:
<ol type="1">
<li>Discuss <a href="https://javascript.info/cookie">Cookies, document.cookie</a>.</li>
<li><del>Discuss <a href="https://javascript.info/localstorage">LocalStorage, sessionStorage</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://javascript.info/indexeddb">IndexedDB</a>.</del> <span class="note">Moved to next week.</span></li>
</ol>
</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_cookies.asp">JavaScript Cookies</a>.</li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_api_web_storage.asp">Web Storage API</a>.</del> <span class="note">Moved to next week.</span></li>
<li>Discuss class tasks.</li>
</ol>
</li>
<li>
Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
<ol type="i">
<li><?=labLink(6)?></li>
<li><del><?=labLink(7,false)?></del> <span class="note">Moved to next week.</span></li>
<li>
Read the four parts of section 4 <a href="https://javascript.info/forms-controls">Forms, controls</a>:
<ol type="1">
<li>Read <a href="https://javascript.info/form-elements">Form properties and methods</a>.</li>
<li>Read <a href="https://javascript.info/focus-blur">Focusing: focus/blur</a>.</li>
<li>Read <a href="https://javascript.info/events-change-input">Events: change, input, cut, copy, paste</a>.</li>
<li>Read <a href="https://javascript.info/forms-submit">Forms: event and method submit</a>.</li>
</ol>
</li>
<li>Read <a href="https://www.w3schools.com/js/js_validation.asp">JavaScript Forms</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_validation_api.asp">JavaScript Validation API</a>.</li>
</ol>
</li>
</ul>
</li><!-- END Week 12 -->
<!-- Week 13: Monday 4/04 (Willmar) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/uoFQ0BhITX0PLEEFixO9HGNJ-L4fdsexppiWeqTq3n6CdsKWxEbxoAGX8T554ceT.le59lIApQc25pp4R?startTime=1649095372000','text'),array('https://minnstate.zoom.us/rec/share/uoFQ0BhITX0PLEEFixO9HGNJ-L4fdsexppiWeqTq3n6CdsKWxEbxoAGX8T554ceT.le59lIApQc25pp4R?startTime=1649101231000','text'),array('URL','text'))); ?>
<? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>.
<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
<li><!-- Monday 1:00pm-3:30pm -->
<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
<ol type="i">
<li>Discuss <a href="https://javascript.info/localstorage">LocalStorage, sessionStorage</a>.</li>
<li>Discuss <a href="https://javascript.info/indexeddb">IndexedDB</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_api_web_storage.asp">Web Storage API</a>.</li>
<li>
Discuss the four parts of section 4 <a href="https://javascript.info/forms-controls">Forms, controls</a>:
<ol type="1">
<li>Discuss <a href="https://javascript.info/form-elements">Form properties and methods</a>.</li>
<li><del>Discuss <a href="https://javascript.info/focus-blur">Focusing: focus/blur</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://javascript.info/events-change-input">Events: change, input, cut, copy, paste</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://javascript.info/forms-submit">Forms: event and method submit</a>.</del> <span class="note">Moved to next week.</span></li>
</ol>
</li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_validation.asp">JavaScript Forms</a>.</del> <span class="note">Moved to next week.</span></li>
<li><del>Discuss <a href="https://www.w3schools.com/js/js_validation_api.asp">JavaScript Validation API</a>.</del> <span class="note">Moved to next week.</span></li>
<li>Discuss class tasks.</li>
</ol>
</li>
<li>
Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
<ol type="i">
<li><?=labLink(7)?></li>
</ol>
</li>
</ul>
</li><!-- END Week 13 -->
<!-- Week 14: Monday 4/11 (Hutchinson) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/HLzLcbQj1GTDpMP3zQ915gguI9NKcPckQ5E6eN1PSNmFnNMB76Jgl2e-BmZO7MOc.zE17N19VCLR31-lS?startTime=1649700069000','text'),array('https://minnstate.zoom.us/rec/share/HLzLcbQj1GTDpMP3zQ915gguI9NKcPckQ5E6eN1PSNmFnNMB76Jgl2e-BmZO7MOc.zE17N19VCLR31-lS?startTime=1649705468000','text'),array('https://minnstate.zoom.us/rec/share/HLzLcbQj1GTDpMP3zQ915gguI9NKcPckQ5E6eN1PSNmFnNMB76Jgl2e-BmZO7MOc.zE17N19VCLR31-lS?startTime=1649706805000','text'))); ?>
<? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>.
<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
<li><!-- Monday 1:00pm-3:30pm -->
<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
<ol type="i">
<li>Discuss <a href="https://javascript.info/focus-blur">Focusing: focus/blur</a>.</li>
<li>Discuss <a href="https://javascript.info/events-change-input">Events: change, input, cut, copy, paste</a>.</li>
<li>Discuss <a href="https://javascript.info/forms-submit">Forms: event and method submit</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_validation.asp">JavaScript Forms</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_validation_api.asp">JavaScript Validation API</a>.</li>
<li>Discuss class tasks.</li>
</ol>
</li>
<li>
Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
<ol type="i">
<li><?=labLink(8)?></li>
<li>Read <a href="https://javascript.info/fetch">Fetch</a>.</li>
<li>Read <a href="https://javascript.info/xmlhttprequest">XMLHttpRequest</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_ajax_intro.asp">AJAX Introduction</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_ajax_http.asp">AJAX - The XMLHttpRequest Object</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_ajax_http_send.asp">AJAX - XMLHttpRequest</a>.</li>
<li>Read <a href="https://www.w3schools.com/js/js_ajax_http_response.asp">AJAX - Server Response</a>.</li>
</ol>
</li>
</ul>
</li><!-- END Week 14 -->
<!-- Week 15: Monday 4/18 (Willmar) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/SPyWhIX419KPEcpAkdLIM-v-qAyzddhwqwZeY23bStHTFtHGVYG2K50pKHBNTr8.EEzIDU_LkUtjyyya?startTime=1650304873000','text'),array('https://minnstate.zoom.us/rec/share/SPyWhIX419KPEcpAkdLIM-v-qAyzddhwqwZeY23bStHTFtHGVYG2K50pKHBNTr8.EEzIDU_LkUtjyyya?startTime=1650311748000','text'),array('URL','text'))); ?>
<? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>.
<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
<li><!-- Monday 1:00pm-3:30pm -->
<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
<ol type="i">
<li>Discuss <?=labLink(8,false)?></li>
<li>Discuss <a href="https://javascript.info/fetch">Fetch</a>.</li>
<li>Discuss <a href="https://javascript.info/xmlhttprequest">XMLHttpRequest</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_ajax_intro.asp">AJAX Introduction</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_ajax_http.asp">AJAX - The XMLHttpRequest Object</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_ajax_http_send.asp">AJAX - XMLHttpRequest</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/js/js_ajax_http_response.asp">AJAX - Server Response</a>.</li>
<li>Discuss class tasks.</li>
</ol>
</li>
<li>
Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
<ol type="i">
<li><?=labLink(9)?></li>
<li>Read <a href="https://www.w3schools.com/jquery/default.asp">jQuery Tutorial</a>.</li>
<li>Read <a href="https://www.w3schools.com/jquery/jquery_intro.asp">jQuery Introduction</a>.</li>
<li>Read <a href="https://www.w3schools.com/jquery/jquery_get_started.asp">jQuery Get Started</a>.</li>
<li>Read <a href="https://www.w3schools.com/jquery/jquery_syntax.asp">jQuery Syntax</a>.</li>
<li>Read <a href="https://www.w3schools.com/jquery/jquery_selectors.asp">jQuery Selectors</a>.</li>
<li>Read <a href="https://www.w3schools.com/jquery/jquery_events.asp">jQuery Event Methods</a>.</li>
</ol>
</li>
</ul>
</li><!-- END Week 15 -->
<!-- Week 16: Monday 4/25 (Hutchinson) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/bZ24_98B5QUa4RExVb_Q9FaBjt_abRJDqFlC6M3poY8ckcL51yhgS143hMzvK7rI.jf-3xKewe3zgOYXU?startTime=1650909687000','text'),array('https://minnstate.zoom.us/rec/share/bZ24_98B5QUa4RExVb_Q9FaBjt_abRJDqFlC6M3poY8ckcL51yhgS143hMzvK7rI.jf-3xKewe3zgOYXU?startTime=1650915337000','text'),array('URL','text'))); ?>
<? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>.
<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
<li><!-- Monday 1:00pm-3:30pm -->
<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
<ol type="i">
<li>Discuss <a href="https://www.w3schools.com/jquery/default.asp">jQuery Tutorial</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/jquery/jquery_intro.asp">jQuery Introduction</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/jquery/jquery_get_started.asp">jQuery Get Started</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/jquery/jquery_syntax.asp">jQuery Syntax</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/jquery/jquery_selectors.asp">jQuery Selectors</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/jquery/jquery_events.asp">jQuery Event Methods</a>.</li>
<li>Discuss class tasks.</li>
</ol>
</li>
<li>
Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
<ol type="i">
<li><?=labLink(10)?></li>
<li>Read <a href="https://www.w3schools.com/graphics/canvas_intro.asp">HTML Canvas Tutorial</a>.</li>
<li>Read <a href="https://www.w3schools.com/graphics/canvas_drawing.asp">HTML Canvas Drawing</a>.</li>
<li>Read <a href="https://www.w3schools.com/graphics/canvas_coordinates.asp">HTML Canvas Coordinates</a>.</li>
<li>Read <a href="https://www.w3schools.com/graphics/canvas_gradients.asp">HTML Canvas Gradients</a>.</li>
<li>Read <a href="https://www.w3schools.com/graphics/canvas_text.asp">HTML Canvas Text</a>.</li>
<li>Read <a href="https://www.w3schools.com/graphics/canvas_images.asp">HTML Canvas Images</a>.</li>
<li>Read <a href="https://www.w3schools.com/graphics/canvas_reference.asp">HTML Canvas Reference</a>.</li>
</ol>
</li>
</ul>
</li><!-- END Week 16 -->
<!-- Week 17: Monday 5/02 (Willmar) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/Yxbo1bYYCEUScVUXfELWOTsltjUX3RGcBvRLa_C6bTGEP_va2R-aIHPkRnUZ--8E.IM2Iq06j3JIfHlc9?startTime=1651514570000','text'),array('https://minnstate.zoom.us/rec/share/Yxbo1bYYCEUScVUXfELWOTsltjUX3RGcBvRLa_C6bTGEP_va2R-aIHPkRnUZ--8E.IM2Iq06j3JIfHlc9?startTime=1651520729000','text'),array('URL','text'))); ?>
<? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>.
<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
<li><!-- Monday 1:00pm-3:30pm -->
<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
<ol type="i">
<li>Discuss <a href="https://www.w3schools.com/graphics/canvas_intro.asp">HTML Canvas Tutorial</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/graphics/canvas_drawing.asp">HTML Canvas Drawing</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/graphics/canvas_coordinates.asp">HTML Canvas Coordinates</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/graphics/canvas_gradients.asp">HTML Canvas Gradients</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/graphics/canvas_text.asp">HTML Canvas Text</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/graphics/canvas_images.asp">HTML Canvas Images</a>.</li>
<li>Discuss <a href="https://www.w3schools.com/graphics/canvas_reference.asp">HTML Canvas Reference</a>.</li>
<li>Discuss <a href="https://stackoverflow.com/questions/4938346/canvas-width-and-height-in-html5">canvas-width-and-height-in-html5</a>.</li>
<li>Discuss class tasks.</li>
</ol>
</li>
<li>
Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1,2)?>:
<ol type="i">
<li><?=labLink(11)?></li>
<li><?=labLink(12)?></li>
<li>Please complete the <a href="../?Questionnaire">class questionnaire</a>.</li>
</ol>
</li>
</ul>
</li><!-- END Week 17 -->
<!-- Week 18: Monday 5/09 (Hutchinson) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week,0,'<span class="attention">Finals week.</span>')?><?=classWeekShowHideUL($class['startDate'],$week)?>
<span class="attention nowrap">No class meetings this week.</span>
<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
<li><!-- Wednesday 1:00pm-3:30pm -->
<b>Finals Week</b>. No class meeting.
<br>If you have not done so, please complete the <a href="./?Questionnaire">class questionnaire</a>.
<br>All assignments are due by Wednesday, 5/11.
</li>
</ul>
</li><!-- END Week 18 -->
</ol>
</fieldset>
<? $LOCK_BELOW = $week; ?>
<? /** / ?>
<? /**/ ?>
<?
?>