CSC261S2021Syllabus < CenterForComputing

<div id="content"> <div class="mw-indicators mw-body-content">
</div> <h1 id="firstHeading">CSC261S2021Syllabus</h1> <div id="bodyContent"> <div id="siteSub"> </div> <div dir="ltr" id="mw-content-text"> <div class="mw-parser-output">
---++ <span class="mw-headline" id="CSC_261:_Self-Directed_Learning:_Web_Programming:_3_hours">CSC 261: Self-Directed Learning: Web Programming: 3 hours</span><span class="mw-headline" id="CSC_261:_Self-Directed_Learning:_Web_Programming:_3_hours"><span class="mw-headline" id="CSC_261:_Self-Directed_Learning:_Web_Programming:_3_hours"><br /></span></span>

---+++ <span class="mw-headline" id="Description">Description</span><span class="mw-headline" id="Description"><span class="mw-headline" id="Description"><br /></span></span>

Students use independent learning techniques combine with class discussion to learn to build websites using HTML, CSS, PHP, and JavaScript. In the lab, students learn how to structure self-learning. One lecture, one lab, and on-line learning each week. Lab: CSC261L Corequisite: CSC 150

---+++ <span class="mw-headline" id="Goals_for_CSC_261_are:">Goals for CSC 261 are:</span><span class="mw-headline" id="Goals_for_CSC_261_are:"><span class="mw-headline" id="Goals_for_CSC_261_are:"><br /></span></span>

Upon completion of this course students will:

   1 Be able to create web pages with HTML, CSS, !JavaScript, and PHP
   1 Have developed skills in being a life long learner

---+++ <span class="mw-headline" id="Course_outcomes_for_CSC_261_are:">Course outcomes for CSC 261 are:</span><span class="mw-headline" id="Course_outcomes_for_CSC_261_are:"><span class="mw-headline" id="Course_outcomes_for_CSC_261_are:"><br /></span></span>

Upon complete of CSC 261, students will understand:

   * how to build web sites uses HTML, CSS,! JavaScript, and PHP
   * security issues associated with websites
   * ethical issues associated with websites
   * how to structure their own self learning on future tasks.

---+++ <span class="mw-headline" id="Program_outcomes_for_CSC_261_are:">Program outcomes for CSC 261 are:</span><span class="mw-headline" id="Program_outcomes_for_CSC_261_are:"><span class="mw-headline" id="Program_outcomes_for_CSC_261_are:"><br /></span></span>

   1 Analyze a complex computing problem and to apply principles of computing and other relevant disciplines to identify solutions.
   1 Design, implement, and evaluate a computing-based solution to meet a given set of computing requirements in the context of the program’s discipline.
   1 Communicate effectively in a variety of professional contexts.
   1 Recognize professional responsibilities and make informed judgments in computing practice based on legal, ethical, and moral principles.
   1 Learn new areas of technology

---+++ <span class="mw-headline" id="Integration">Integration</span><span class="mw-headline" id="Integration"><span class="mw-headline" id="Integration"><br /></span></span>

   1 Self-learning at the application level by
      * having the technical material being covered by existing online lessons found in the ACM learning center and other professional sites
      * having discussions about how to get the most out of online lessons
      * demonstrating how to establish education goals, outcomes, and tasks to learn specific tasks.
   1 Note taking at the application level by grading the notes students take while working through online lessons
   1 Technical writing by requiring students to create at least one website covering a technical topic and grading it on the way it communicates the information
   1 Professionalism at the application level by holding discussions about the differences between building websites for oneself/friends (as a hobby) and doing it as a job.
   1 Security at the introductory level by covering at least two different security issues associated with website development
   1 Ethics at an introductory level by discussing the responsibilities of a website provider for the content of the material posted on the website.
   1 Verbal communications at the introductory level by requiring each student to make presentation (at least 5 minutes) discussing either what was learned in a lesson or presenting a website created by the student.

---++ <span class="mw-headline" id="Details">Details</span><span class="mw-headline" id="Details"><span class="mw-headline" id="Details"><br /></span></span>

   * Professor: Dr. Cathy Bareiss and Prof. Pete !DeBonte
   * Office: SB 027 (Dr. Bareiss), SB 013 (Pete)
   * Class Time: TR 2:00-2:50 and <a href="https://cswiki.betheluniversity.edu/index.php?title=CSC261S2021Syllabus#Tentative_Schedule" title="CSC261S2021Syllabus">online lab (W3Schools' Tutorials)</a>
   * Class Location: SB 025
   * Textbook: See the "Tutorial" column in <a href="https://cswiki.betheluniversity.edu/index.php?title=CSC261S2021Syllabus#Tentative_Schedule" title="CSC261S2021Syllabus">the Schedule table</a>

---++ <span class="mw-headline" id="Course_Content">Course Content</span><span class="mw-headline" id="Course_Content"><span class="mw-headline" id="Course_Content"><br /></span></span>

---+++ <span class="mw-headline" id="Policies">Policies</span><span class="mw-headline" id="Policies"><span class="mw-headline" id="Policies"><br /></span></span>
   * [[Covid2021SP ][ Covid related polices, etc]]
   * [[AcceptableWork ][ Integrity]]
   * [[LatePolicy ][ Late work ]]
   * [[SoftwareStandards ][ Software Standards]]
   * [[SoftwareDevelopmentReport ][ Software Development Report]]


---+++ <span class="mw-headline" id="Assignments">Assignments</span><span class="mw-headline" id="Assignments"><span class="mw-headline" id="Assignments"><br /></span></span>

*Learning Assignments*

 
   * Learning journals. At the end of each section (HTML, !JavaScript, PHP), you are require to submit your learning journal (as per class discussion). The learning journal can be electronic or hard copy. It must be easily accessible to the instructors. Because it can be hard copy or electronic, email the electronic copy to Dr. Bareiss (do not submit via canvas). Hard copy is due in Dr. Bareiss' hands by the due date by 5:00pm. Electronic copy is also due by 5:00 on the due date.
         * HTML due date: January 29th
         * !Javascript due date: March 12
         * PHP due date: April 23rd
   * Learning Plan (Due April 23rd). This will be discussed in class. It is a sample learning plan that could be used for CSC 463.

*Web development assignments can be found on the schedule*

---+++ <span class="mw-headline" id="Grades">Grades</span><span class="mw-headline" id="Grades"><span class="mw-headline" id="Grades"><br /></span></span>

   * Homework and quizzes
      * Learning assignments and quizzes are worth 10% of the grade
      * Online learning assignments are worth 30% of the grade. They can be done multiple times but MUST be completed by the quiz of that section
      * Websites: Each section will require the development of its own website using that technology. These are worth 30% of the grade
   * Exams/quizzes: The quizzes and final exam are worth 30% of the grade with the final being worth twice the weight any quiz.

   * Grade scale
      * 93% &lt;= average &lt;= 100% -&gt; A
      * 90% &lt;= average &lt; 93% -&gt; A-
      * 87% &lt;= average &lt; 90% -&gt; B+
      * 83% &lt;= average &lt; 87% -&gt; B
      * 80% &lt;= average &lt; 83% -&gt; B-
      * 77% &lt;= average &lt; 80% -&gt; C+
      * 73% &lt;= average &lt; 77% -&gt; C
      * 70% &lt;= average &lt; 73% -&gt; C-
      * 67% &lt;= average &lt; 70% -&gt; D+
      * 63% &lt;= average &lt; 67% -&gt; D
      * 60% &lt;= average &lt; 63% -&gt; D-
      * 0% &lt;= average &lt; 60% -&gt; F

---+++ <span class="mw-headline" id="Tentative_Schedule">Tentative Schedule</span><span class="mw-headline" id="Tentative_Schedule"><span class="mw-headline" id="Tentative_Schedule"><br /></span></span>

| *Language* | *Tutorial* | *Exercises* | *Tuesday<br />(Metalearning<br />with Dr. Bareiss)* | *Thursday<br />(Q&A<br />with Pete)* | *Quiz* |
| *HTML and CSS* | (First, read <a rel="nofollow" class="external text" href="http://w3schools.com/about/about_copyright.asp">ToS</a> and <a rel="nofollow" class="external text" href="http://w3schools.com/about/about_privacy.asp">Privacy Policy</a>) <a rel="nofollow" class="external text" href="http://w3schools.com/HTML/">HOME</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/HTML/HTML_Tables.asp">Tables</a> | <a rel="nofollow" class="external text" href="http://w3schools.com/html/exercise.asp?filename=exercise_html_attributes1">Attributes</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/html/exercise.asp?filename=exercise_html_tables6">Tables</a> | Jan 12<br />Tracking what you are learning | Jan 14 |<ol><li>Quiz topics that the Tutorial lacks:<br><li>a rel="nofollow" class="external text" href="http://w3schools.com/tags/att_Global_contenteditable.asp">contenteditable</a><br><ul><li><a rel="nofollow" class="external text" href="http://w3schools.com/tags/ref_EventAttributes.asp">onfocus, onblur</a><br><li><a rel="nofollow" class="external text" href="http://w3schools.com/tags/tag_meter.asp">&lt;meter&gt;</a><br></ul><Li><a rel="nofollow" class="external text" href="http://w3schools.com/quiztest/quiztest.asp?qtest=HTML">40 Questions</a> |
| ^ | <a rel="nofollow" class="external text" href="http://w3schools.com/HTML/HTML_Lists.asp">Lists</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/HTML/HTML_Charset.asp">Charset</a> | <a rel="nofollow" class="external text" href="http://w3schools.com/html/exercise.asp?filename=exercise_html_lists1">Lists</a> …&emsp;<a rel="nofollow" class="external text" href="http://w3schools.com/html/exercise.asp?filename=exercise_html_computercode_elements3">&lt;code&gt;</a> | Jan 19<br />Levels of learning | Jan 21 | ^ |
| ^ | Fewer this week due to Quiz topics:<br><ul><li><a rel="nofollow" class="external text" href="http://w3schools.com/HTML/HTML_URLEncode.asp">URLs</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/HTML/HTML5_Audio.asp">Audio</a><br><li><a rel="nofollow" class="external text" href="http://w3schools.com/HTML/HTML_Accessibility.asp">Accessibility</a></ul>| <a rel="nofollow" class="external text" href="http://w3schools.com/html/exercise.asp?filename=exercise_html_forms1">Forms</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/html/exercise.asp?filename=exercise_html_form_attributes4">Input Attributes</a> | Jan 26<br />Deciding what to learn | Jan 28 | ^ |
| *JavaScript* | <a rel="nofollow" class="external text" href="http://w3schools.com/JS/">HOME</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_Functions.asp">Functions</a> | <a rel="nofollow" class="external text" href="http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_variables1">Variables</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_datatypes1">Data Types</a> | Feb 2<br />Using what you learned | Feb 4 | <a rel="nofollow" class="external text" href="http://w3schools.com/quiztest/quiztest.asp?qtest=JS">25 Questions</a> |
| ^ | <a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_Objects.asp">Objects</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_Date_Methods_Set.asp">Date Set Methods</a> | <a rel="nofollow" class="external text" href="http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_functions1">Functions</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_dates4">Dates</a> | Feb 9<br />Showing what you learned | Feb 10 | ^ |
| ^ | <a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_Math.asp">Math</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_Scope.asp">Scope</a> | <a rel="nofollow" class="external text" href="http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_math1">Math</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_loop_while2">While Loops</a> | Feb 16<br />Learning more than just the immediate item | Feb 18 | ^ |
| ^ | <a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_Hoisting.asp">Hoisting</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_Reserved.asp">Reserved Words</a> | Loop Break <a rel="nofollow" class="external text" href="http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_break1">1</a> and <a rel="nofollow" class="external text" href="http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_break2">2</a> | Feb 23<br />Productive learning? | Feb 25 | ^ |
| ^ | Reduced load for Spring Break week:<ul><li><a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_Versions.asp">Versions</a> (Skipping the 2009–2017 specific pages)<br><li><a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_JSON.asp">JSON</a><br><li><a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_Validation.asp">Forms</a>, <a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_Validation_API.asp">Forms API</a><br />(NB: input validation is security-critical)<br><li><a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_Cookies.asp">Cookies</a></ul> | None<br />(which is good for Spring Break week) | Mar 2<br />Spring Break | Mar 4 | ^ |
| ^ | <ul><li> DOM (parts covered by Exercises):<br><ul><li> <a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_HTMLDOM.asp">Intro</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_HTMLDOM_CSS.asp">CSS</a><br><li> <a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_HTMLDOM_Events.asp">Events</a> + <a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_HTMLDOM_EventListener.asp">Event Listener</a><br><li> <a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_HTMLDOM_Collections.asp">Collections</a></ul><br><li> BOM:<br><ul><li> In Quiz: <a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_Window.asp">Window</a>, <a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_Navigator.asp">Navigator</a><br><li><a rel="nofollow" class="external text" href="http://w3schools.com/JS/JS_Cookies.asp">Cookies</a> covered last week<br><li> Other parts optional</ul></ul> | DOM <a rel="nofollow" class="external text" href="http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_dom_html1">1</a> – <a rel="nofollow" class="external text" href="http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_dom_html9">9</a> | Mar 9<br />Types of sources for knowledge and evaluating them | Mar 11 | ^ |
| *PHP* | <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/">HOME</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/PHP_DataTypes.asp">Data Types</a> | <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/exercise.asp?filename=exercise_syntax1">Syntax</a> and <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/exercise.asp?filename=exercise_variables2">Variables</a> | Mar 16<br />TBD | Mar 18 | <ol><li>Quiz topics that the Tutorial lacks:<br><ul><li><a rel="nofollow" class="external text" href="http://w3schools.com/PHP/func_misc_die.asp">die() &rArr; exit()</a><br><li><a rel="nofollow" class="external text" href="http://w3schools.com/PHP/PHP_ref_mail.asp">mail()</a><br><li><a class="extiw" href="https://en.wikipedia.org/wiki/PHP#Early_history" title="wikipedia:PHP">What languages have similar syntax?</a><br />(&#x2601; If you can find that on W3Schools.com, Pete wants to know)<br></ul><li><a rel="nofollow" class="external text" href="http://w3schools.com/quiztest/quiztest.asp?qtest=PHP">25 Questions</a></ol>|
| ^ | <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/PHP_String.asp">Strings</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/PHP_Looping.asp">Loops</a> | <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/exercise.asp?filename=exercise_strings1">Strings</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/exercise.asp?filename=exercise_loops4">Loops</a> | Mar 23<br />TBD | Mar 25 | ^ |
| ^ | <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/PHP_Functions.asp">Functions</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/PHP_Form_URL_Email.asp">Form URL/E-mail</a> | <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/exercise.asp?filename=exercise_functions1">Functions</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/exercise.asp?filename=exercise_forms2">Forms</a> | Mar 30<br />Deciding your topic for CSC 463 | Apr 1<br />Easter Break | ^ |
| ^ | <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/PHP_Form_Complete.asp">Form Complete</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/PHP_Cookies.asp">Cookies</a> | <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/exercise.asp?filename=exercise_dates1">Dates</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/exercise.asp?filename=exercise_advanced4">Advanced 4 ("Create a cookie…")</a> | Apr 6<br />Planning your schedule | Apr 8 | ^ |
| ^ | Fewer this week due to Quiz topics:<br /> <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/PHP_Sessions.asp">Sessions</a> … <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/PHP_Exceptions.asp">Exceptions</a><br />(NB: filters are security-critical) | <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/exercise.asp?filename=exercise_advanced5">Advanced 5 ("Create a session variable…")</a> and <a rel="nofollow" class="external text" href="http://w3schools.com/PHP/exercise.asp?filename=exercise_advanced5">Advanced 6 ("Output…the session variable…")</a> | Apr 13<br />Identifying your sources | Apr 15 | ^ |
| ^ |  PHP Project Week<br />(Next time, change schedule to allocate HTML and JavaScript Project Weeks) || Apr 20<br />Identifying your products | Apr 22 | ^ |
| ||| Apr 27<br />Final Exam week | Apr 29<br /> Final Exam: 1:00-3:00PM | |---+++ <span class="mw-headline" id="Services">Services</span><span class="mw-headline" id="Services"><span class="mw-headline" id="Services"><br /></span></span>

ADA Statement for Syllabi: The Americans with Disabilities Act (ADA) is a law which provides civil rights protection for people with disabilities. Bethel University, in compliance with equal access laws, requests that students with disabilities seeking to acquire accommodations make an appointment with the Center for Academic Success—Disability Services. It is located in the Miller-Moore Academic Center, 033. You may also phone 574-807-7460 or email rachel.kennedy@betheluniversity.edu for an appointment.

---+++ <span class="mw-headline" id="DEI_Statement">DEI Statement</span><span class="mw-headline" id="DEI_Statement"><span class="mw-headline" id="DEI_Statement"><br /></span></span>

<b>During this particularly difficult time, this statement momentarily underscores and deepens what is expressed in the Lifestyle Covenant regarding the dignity of all humans. The statement will remain in all Bethel Faculty syllabi until spring 2023 and then be remanded back to the Faculty.</b>   Bethel University respects the dignity of all God’s image-bearers, and stands against racism, prejudice, and discrimination. Because Christ calls us to love our neighbor as ourselves, Christian discipleship includes pursuing the good of those who suffer injustice due to their color, race, or ethnicity. Therefore, we aim to continually transform our classrooms into safe and hospitable spaces where we listen to one another with mercy, learn from and value each other with tenacity, and commit to pursuing justice for the most vulnerable in our community.

</div> </div> </div> </div>
This topic: CenterForComputing > WebHome > Syllabi > CSC261S2021Syllabus
Topic revision: r1 - 2021-08-27 - cathybareiss