(r1) CSC261SylS2024 < CenterForComputing

Tags: view all tags
---++ Description

Students will use independent learning techniques combined with class discussions to learn to build websites. One lecture and on-line lessons per week. Co-requisite: CSC 260
---+++ <a name="Goals for CSC 261 are:"></a>Goals for CSC 261 are:
   1 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
---+++ <a name="Course outcomes for CSC 261 are:"></a>Course outcomes for CSC 261 are:
   * 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.
---+++ <a name="Program outcomes for CSC 261 are"></a>Program outcomes for CSC 261 are:
   1 Design, develop, maintain, and evaluate a computing-based solution to centered on users' needs (CS Student Outcome 2.1)
   1 Recognize professional responsibilities and make informed judgments in computing practice based on legal, ethical, and moral principles. (CS student outcome 4)
   1 Learn new areas of technology. (CS student outcome 7)
   1 Understand and use appropriate cloud technologies in specified areas (CS Student Outcome 9)
---++ <a name="Integration"></a>Integration
   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.

---++ <a name="Details"></a>Details
   * Professor: Dr. Rachel Gramann
   * Office: Virtual
   * Class Time: Private tutorial
   * Textbook: Student membership in ACM

---++ <a name="Course Content"></a>Course Content
---+++ <a name="Policies"></a>Policies
   * [[AcceptableWork][Integrity]]
   * [[LatePolicy][Late work]]

---+++ <a name="Assignments"></a>Assignments

This class involves three major types of assignments: Learning about creating websites, creating websites, and learning about learning. It involves learning about four different technologies associated about websites: html, css, javascript, and php.
---++++ <a name="Learning to create websites"></a>Learning to create websites

In learning, the student will use four different methods to learn how to create websites. By doing this, the student will learn from experience the advantages and disadvantages of each one. The student can choose which method to use for which technology, but a recommendation is given below.
   * Method 1: Watching videos: This is recommended for javascript.
   * Method 2: Reading a textbook: This is recommended for css because the foundation of html will have been already learned and it is very straight forward. It is recommended you find a book in the ACM learning center for this.
   * Method 3: Following a text based website: This is recommended for html
   * Method 4: "Enrolling" in a class, having hands on instruction. This is recommended for php
For each method you are to create a learning journal (that is saved in the github repository for that assignment). This is a journal, so use it to record what you learned about the technology and the learning method. Grades for this type of assignment will be based on: timeliness of the completing the learning (30%) and the quality of the learning journals (70%)
---++++ <a name="Creating websites"></a>Creating websites

For each technology, you will need to create a website and the demo it to the instructor to show the necessary components. Each technology will be weighted evenly
   * [[CSC261Fa2023HTMLassignment][HTML assignment]]
   * [[CSC261Fa2023JavaScriptassignment][JavaScript assignment]]
   * <a href="https://twiki.betheluniversity.edu/bin/edit/CenterForComputing/CSC261Fa2023PHPassignment?topicparent=CenterForComputing.CSC261SylF2023;nowysiwyg=0" rel="nofollow" title="PHP assignment (this topic does not yet exist; you can create it)">PHP assignment</a>
---+++ <a name="Extra credit"></a>Extra credit

Extra credit availabile within individual assignments. No additional extra credit options.
---+++ <a name="Grades"></a>Grades

Because this instance is a private tutorial, exams will only be given if they are needed for accountablilty

Your grades are made up of:

   * 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

---+++ <a name="Tentative Schedule"></a>Tentative Schedule

<table border="1" cellpadding="0" cellspacing="0" id="table1" rules="all"> <tbody> <tr><th bgcolor="#687684" valign="top"><a href="CSC261S2021Syllabus?sortcol=0;table=1;up=0#sorted_table" rel="nofollow" title="Sort by this column">%WHITE%Language%ENDCOLOR%</a></th><th bgcolor="#687684" valign="top"><a href="CSC261S2021Syllabus?sortcol=1;table=1;up=0#sorted_table" rel="nofollow" title="Sort by this column">%WHITE%Tutorial%ENDCOLOR%</a></th><th bgcolor="#687684" valign="top"><a href="CSC261S2021Syllabus?sortcol=2;table=1;up=0#sorted_table" rel="nofollow" title="Sort by this column">%WHITE%Exercises%ENDCOLOR%</a></th><th bgcolor="#687684" valign="top"><a href="CSC261S2021Syllabus?sortcol=4;table=1;up=0#sorted_table" rel="nofollow" title="Sort by this column">%WHITE%Thursday<br />(Q&A<br />with Rachel)%ENDCOLOR%</a></th><th bgcolor="#687684" valign="top"><a href="CSC261S2021Syllabus?sortcol=5;table=1;up=0#sorted_table" rel="nofollow" title="Sort by this column">%WHITE%Quiz%ENDCOLOR%</a></th></tr> <tr><th bgcolor="#687684" rowspan="4" valign="top">%WHITE%HTML and CSS%ENDCOLOR%</th> <td bgcolor="#ffffff" valign="top">
   * [[http://w3schools.com/about/about_copyright.asp][ToS]] 
   * [[http://w3schools.com/about/about_privacy.asp][Privacy Policy]]
   * [[http://w3schools.com/HTML/][HOME]]
   * [[http://w3schools.com/HTML/HTML_Tables.asp][Tables]]
</td> <td bgcolor="#ffffff" valign="top">
   * [[http://w3schools.com/html/exercise.asp?filename=exercise_html_attributes1][Attributes]] 
   * [[http://w3schools.com/html/exercise.asp?filename=exercise_html_tables6][Tables]]
</td> <td bgcolor="#ffffff" valign="top">Jan 18</td> <td bgcolor="#ffffff" rowspan="4" valign="top"> [[http://w3schools.com/quiztest/quiztest.asp?qtest=HTML][40 Questions]]</td> </tr> <tr> <td bgcolor="#edf4f9" valign="top">
   * [[http://w3schools.com/HTML/HTML_Lists.asp][Lists]] 
   * [[http://w3schools.com/HTML/HTML_Charset.asp][Charset]]
</td> <td bgcolor="#edf4f9" valign="top">
   * [[http://w3schools.com/html/exercise.asp?filename=exercise_html_lists1][Lists]] 
   * [[http://w3schools.com/html/exercise.asp?filename=exercise_html_computercode_elements3][&lt;code&gt;]]
</td> <td bgcolor="#edf4f9" valign="top">Jan 25</td> </tr> <tr> <td bgcolor="#ffffff" valign="top">
   * [[http://w3schools.com/HTML/HTML_URLEncode.asp][URLs]] 
   * [[http://w3schools.com/HTML/HTML5_Audio.asp][Audio]]
   * [[http://w3schools.com/HTML/HTML_Accessibility.asp][Accessibility]]
</td> <td bgcolor="#ffffff" valign="top">
   * [[http://w3schools.com/html/exercise.asp?filename=exercise_html_forms1][Forms]] 
   * [[http://w3schools.com/html/exercise.asp?filename=exercise_html_form_attributes4][Input Attributes]]
</td> <td bgcolor="#ffffff" valign="top">Feb 1</td> </tr> <tr> <td align="center" colspan="2" style="background-color: #ffffff;" valign="middle">

<b><font color="#4571d0">HTML & CSS Project Week</font></b>
</td> <td bgcolor="#ffffff" valign="top">Feb 8</td> </tr> <tr><th bgcolor="#687684" rowspan="6" valign="top">%WHITE%JavaScript%ENDCOLOR%</th> <td bgcolor="#edf4f9" valign="top">
   * [[http://w3schools.com/JS/][HOME]] 
   * [[http://w3schools.com/JS/JS_Functions.asp][Functions]]
</td> <td bgcolor="#edf4f9" valign="top">
   * [[http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_variables1][Variables]] 
   * [[http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_datatypes1][Data Types]]
</td> <td bgcolor="#edf4f9" valign="top">Feb 15</td> <td bgcolor="#edf4f9" rowspan="6" valign="top"> [[http://w3schools.com/quiztest/quiztest.asp?qtest=JS][25 Questions]]</td> </tr> <tr> <td bgcolor="#edf4f9" valign="top">
   * [[http://w3schools.com/JS/JS_Objects.asp][Objects]] 
   * [[http://w3schools.com/JS/JS_Date_Methods_Set.asp][Date Set Methods]]
   * [[http://w3schools.com/JS/JS_Math.asp][Math]] 
   * [[http://w3schools.com/JS/JS_Scope.asp][Scope]]
</td> <td bgcolor="#edf4f9" valign="top">
   * [[http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_functions1][Functions]] 
   * [[http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_dates4][Dates]]
   * [[http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_math1][Math]] 
   * [[http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_loop_while2][While Loops]]
</td> <td bgcolor="#edf4f9" valign="top">Feb 22</td> </tr> <tr> <td bgcolor="#ffffff" valign="top">
   * [[http://w3schools.com/JS/JS_Hoisting.asp][Hoisting]] 
   * [[http://w3schools.com/JS/JS_Reserved.asp][Reserved Words]]
   * [[http://w3schools.com/JS/JS_Versions.asp][Versions]]<span style="background-color: transparent;"> (Skipping the 2009–2017 specific pages)</span>
   * [[http://w3schools.com/JS/JS_JSON.asp][JSON]]
   * 
   * [[http://w3schools.com/JS/JS_Validation.asp][Forms]]
   * [[http://w3schools.com/JS/JS_Validation_API.asp][Forms API]]
   * [[http://w3schools.com/JS/JS_Cookies.asp][Cookies]]
</td> <td bgcolor="#ffffff" valign="top">
   * Loop Break [[http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_break1][1]] 
   * Loop Break [[http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_break2][2]]
</td> <td bgcolor="#ffffff" valign="top">Feb 29</td> </tr> <tr> <td align="center" colspan="2" style="background-color: #ffffff;" valign="middle">

<font color="#4571d0">Spring Break!</font>
</td> <td bgcolor="#ffffff" valign="top">Mar 7 (No meeting)</td> </tr> <tr> <td bgcolor="#ffffff" valign="top">
   * DOM (parts covered by Exercises):<br />
      * [[http://w3schools.com/JS/JS_HTMLDOM.asp][Intro]]
      * [[http://w3schools.com/JS/JS_HTMLDOM_CSS.asp][CSS]]
      * [[http://w3schools.com/JS/JS_HTMLDOM_Events.asp][Events]] 
      * [[http://w3schools.com/JS/JS_HTMLDOM_EventListener.asp][Event Listener]]
      * [[http://w3schools.com/JS/JS_HTMLDOM_Collections.asp][Collections]]
   * BOM:<br />
      * In Quiz: [[http://w3schools.com/JS/JS_Window.asp][Window]], [[http://w3schools.com/JS/JS_Navigator.asp][Navigator]]
      * [[http://w3schools.com/JS/JS_Cookies.asp][Cookies]] covered last week
      * Other parts optional
</td> <td bgcolor="#ffffff" valign="top">
   * DOM [[http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_dom_html1][1]] – [[http://w3schools.com/JS/exercise_js.asp?filename=exercise_js_dom_html9][9]]
</td> <td bgcolor="#ffffff" valign="top">Mar 14</td> </tr> <tr> <td align="center" colspan="2" style="background-color: #ffffff;" valign="middle">Javascript Project Week

</td> <td bgcolor="#ffffff" valign="top">Mar 21</td> </tr> <tr><th bgcolor="#687684" rowspan="5" valign="top">%WHITE%PHP%ENDCOLOR%</th> <td bgcolor="#edf4f9" valign="top">
   * [[http://w3schools.com/PHP/][HOME]] 
   * [[http://w3schools.com/PHP/PHP_DataTypes.asp][Data Types]]
</td> <td bgcolor="#edf4f9" valign="top">
   * [[http://w3schools.com/PHP/exercise.asp?filename=exercise_syntax1][Syntax]] 
   * [[http://w3schools.com/PHP/exercise.asp?filename=exercise_variables2][Variables]]
</td> <td bgcolor="#edf4f9" valign="top">Mar 28</td> <td bgcolor="#edf4f9" rowspan="5" valign="top"><br /> [[http://w3schools.com/quiztest/quiztest.asp?qtest=PHP][25 Questions]]</td> </tr> <tr> <td bgcolor="#edf4f9" valign="top">
   * [[http://w3schools.com/PHP/PHP_Functions.asp][Functions]] 
   * [[http://w3schools.com/PHP/PHP_Form_URL_Email.asp][Form URL/E-mail]]
   * [[http://w3schools.com/PHP/PHP_String.asp][Strings]] 
   * [[http://w3schools.com/PHP/PHP_Looping.asp][Loops]]
</td> <td bgcolor="#edf4f9" valign="top">
   * [[http://w3schools.com/PHP/exercise.asp?filename=exercise_functions1][Functions]]  
   * [[http://w3schools.com/PHP/exercise.asp?filename=exercise_forms2][Forms]] 
   * [[http://w3schools.com/PHP/exercise.asp?filename=exercise_strings1][Strings]] [[http://w3schools.com/PHP/exercise.asp?filename=exercise_strings1][ ]]
   * [[http://w3schools.com/PHP/exercise.asp?filename=exercise_loops4][Loops]]
</td> <td bgcolor="#edf4f9" valign="top">Apr 4<br /><br /></td> </tr> <tr> <td bgcolor="#ffffff" valign="top">
   * [[http://w3schools.com/PHP/PHP_Form_Complete.asp][Form Complete]] 
   * [[http://w3schools.com/PHP/PHP_Cookies.asp][Cookies]]
   * [[http://w3schools.com/PHP/PHP_ref_mail.asp][mail()]]
</td> <td bgcolor="#ffffff" valign="top">
   * [[http://w3schools.com/PHP/exercise.asp?filename=exercise_dates1][Dates]]
   * [[http://w3schools.com/PHP/exercise.asp?filename=exercise_advanced4][Advanced 4 ("Create a cookie…")]]
</td> <td bgcolor="#ffffff" valign="top">Apr 11</td> </tr> <tr> <td bgcolor="#edf4f9" valign="top">

   * [[http://w3schools.com/PHP/PHP_Sessions.asp][Sessions]]
   * [[http://w3schools.com/PHP/PHP_Exceptions.asp][Exceptions]]
   * [[http://w3schools.com/PHP/func_misc_die.asp][die() &rArr; exit()]]
   * <a href="https://en.wikipedia.org/wiki/PHP#Early_history" title="wikipedia:PHP">What languages have similar syntax?</a>

</td> <td bgcolor="#edf4f9" valign="top">
   * [[http://w3schools.com/PHP/exercise.asp?filename=exercise_advanced5][Advanced 5 ("Create a session variable…")]]
   * [[http://w3schools.com/PHP/exercise.asp?filename=exercise_advanced5][Advanced 6 ("Output…the session variable…")]]
</td> <td bgcolor="#edf4f9" valign="top">Apr 18</td> </tr> <tr> <td align="center" colspan="3" style="background-color: #ffffff;" valign="top">PHP Project Week<br /><br /><br /></td> </tr> </tbody> </table> 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 [[mailto:rachel.kennedy@betheluniversityadmin.edu][rachel.kennedy@betheluniversityadmin.edu]] for an appointment.
---+++ <a name="Campus Integrity Policy"></a>Campus Integrity Policy

The student handbook (p. 156) states: “Any act of deceit, falsehood or stealing by unethically copying or using someone else’s work in an academic situation is strictly prohibited.

   1 A student found guilty of plagiarism or cheating will receive an “F”(zero) for that particular paper, assignment or exam. Should this occur, the professor will have an interview with the student and will submit a written report of the incident to the academic dean.
   1 If a second offense should occur, the student will be asked to appear before the professor, the academic dean and the vice president for student development.<br /><br />
The student should realize that at this point continuation in a course and even his/her academic career may be in jeopardy. In the event of a recommendation for dismissal, the matter shall be referred to the Student Development Committee.”

---+++ <a name="Services"></a>Services

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 [[mailto:rachel.kennedy@betheluniversityadmin.edu][rachel.kennedy@betheluniversityadmin.edu]] for an appointment.
Topic revision: r1 - 2024-01-08 - RachelGramann2