CMSC389N

Class

Syllabus

Introduction (Fall 2017)

This course provides an introduction to the development of Web-based applications using PHP, JavaScript, MySQL/MariaDB, and Apache. The course covers fundamental programming language constructs of both PHP and JavaScript, forms, sessions, interation with MySQL/MariaDB via PHP, DOM, and JavaScript event-handling. In addition, popular JavaScript libraries (e.g., JQuery) will be overviewed.

Prerequisites

PrerequisiteC or better in CMSC 216 and CMSC 250
Credits3

Regarding Credits

Credit granted for only 389J and 389P OR 389N.

Course Coordinator

Name Office
Nelson Padua-Perez AVW 1203

For office hours and other contact information, visit the staff link.

Textbooks

None.

Course Topics (Subject to Change)

  • HTML5 overview
  • Installing Apache, PHP, and MySQL
  • Forms
  • PHP
    • Variables, data types, expressions, operators
    • Conditional, iteration, statements
    • Functions
    • Arrays
    • PHP Object Model
    • Files and Directories
    • Interacting with MySQL using PHP
    • Sessions
  • JavaScript
    • Variables, data types, expressions, operators
    • Conditional, iteration, statements
    • Functions
    • Arrays
    • DOM, Events, Events Handling
    • Client-side Persistance
    • Object-Oriented JS
    • Ajax
  • Overview of JavaScript Libraries/Frameworks
  • Miscellaneous

Grading

Final grades will be computed according the following weights:

40% Projects/Exercises
30% Midterms (2, 15% each)
30% Final Exam

Once we have graded any class material (e.g., exams, projects, etc.) we will post an announcement and a deadline by which you must submit any regrade request (if necessary). It is your responsibility to submit regrade requests by the specified deadline; no regrade requests will be processed afterwards.

Projects

  • Deadlines - All projects are due at 8 pm on the specified day in the project description. You have until 8 pm of the next day to submit your project with a 12% penalty. Notice that after the late period, you will not receive any points for your project, even though you still need to satisfy the good faith attempt (see information below). For example, if a project is due on Wednesday at 8 pm, you have until Thursday at 8 pm to submit a late project with a 12% penalty. Any submission after Thursday 8 pm will receive 0 pts.
  • Submit Server - You need to use the submit server for project submissions. We will not accept projects submitted otherwise (e.g., e-mail, etc.).
  • Which Project Gets Graded - Your grade for an project will be based on the submission with the highest score after the late penalty (if any) has been applied.
  • Good Faith Attempt - You must satisfy a minimum set of requirements for each project (Good Faith Attempt) otherwise you will not pass the course (automatic grade of F). Each project defines its own good faith attempt criteria and a deadline to provide an implementation that satisfies it. If you start a project on time, and look for assistance (if required) you should have no problems satisfying the Good Faith Attempt. The Good Faith Attempt guarantees you have the skills necessary for upper-level courses. Notice that you will not receive extra points for completing the good faith attempt. The grade you obtain for a project will be based on your ontime/late submission.
  • Closed Projects - All programming assignments in this course are to be written individually (unless explicitly indicated otherwise). Cooperation between students is a violation of the Code of Academic Integrity.

Regarding Online Posting of Project Implementations

  • Do not post your assignments' implementation online (e.g., GitHub, PasteBin) where they can be seen by others. Making your code accessible to others can lead to academic integrity violations.
  • Posting of your projects in a private repository where only selected people (e.g., potential employers) can see them is OK. Just make sure is not a public site.
  • Even if the course is over, do not make your code publicly available to others.
  • Notice we constantly monitor online sources.

TA Room/Office Hours

Office hours get extremely busy the day before a project deadline. Therefore do not wait to start your projects. Regarding office hours and the TA Room:

  • Once you have been helped by a TA please leave the TA room. We have a large number of students in all of our classes and the TA room is really crowded.
  • If there is a line of students waiting, a TA should spent at most 5 minutes with a student. Please remind TAs about this rule.

Backups

You need to keep backups of your projects as you develop them. No extensions will be granted because you accidentally erased your project. Feel free to use the submit server as a backup tool by submitting often. You can also use tools like git, etc. Do not post code in any online system that is accessible to others (e.g., GitHub).

Academic Integrity

Note that academic dishonesty includes not only cheating, fabrication, and plagiarism, but also includes helping other students commit acts of academic dishonesty by allowing them to obtain copies of your work. In short, all submitted work must be your own. Cases of academic dishonesty will be pursued to the fullest extent possible as stipulated by the Office of Student Conduct.

It is very important for you to be aware of the consequences of cheating, fabrication, facilitation, and plagiarism. For more information on the Code of Academic Integrity or the Student Honor Council, please visit http://www.shc.umd.edu.

Computer Science Department Academic Integrity Information

The CS Department takes academic integrity seriously. Information on how the CS Department views and handles academic integrity matters can be found at Academic Integrity.

Examples of Academic Integrity Violations

The following are examples of academic integrity violations:

  • Hardcoding of results in a project assignment. Hardcoding refers to attempting to make a program appear as if it works correctly (e.g., printing expected results for a test).
  • Using any code available on the internet/web or any other source. For example, using code from Sourceforge.
  • Hiring any online service to complete an assignment for you.
  • Sharing your code or your student tests with any student.
  • Using online forums (other than Piazza) in order to ask for help regarding our assignments.

Additional information can be found in the sections titled "Academic Integrity" and "Code of Student Conduct" available at Course Related Policies.

Piazza

We will be using (Piazza) for class communication. You will not be able to register to Piazza yourself. Your instructor will register you using the e-mail you have in the school system.

Excused Absence and Academic Accommodations

See the section titled "Attendance, Absences, or Missed Assignments" available at Course Related Policies.

Disability Support Accommodations

See the section titled "Accessibility" available at Course Related Policies.

Miscellaneous

Copyright

All course materials are copyright UMCP, Department of Computer Science © 2017. All rights reserved. Students are permitted to use course materials for their own personal use only. Course materials may not be distributed publicly or provided to others (excepting other students in the course), in any way or format.

Schedule

Course Schedule

This schedule is tentative and subject to change. Keep in mind that the slides may not include all the material discussed in lecture. You are responsible for any material we present in lecture, even if it does not appear in the posted slides.

Week Topics Slides Work
Week #1
(Aug 28)
Course Introduction, HTML5 Intro IntroHTML.pdf IntroHTMLCode.zip HTMLCSS.pdf HTMLCSSCode.zip
Week #2
(Sep 4)
Server-Side Scripting vs Client-Side Scripting, HTML5 Cont., CSS, Server Side Includes, Apache/PHP Installation, PHP/HTML Mode, PHP Fundamentals (variables, types, operators, conditionals, loops) Functions, Passing by Value/Reference, Default Arguments, include statements PHPFundamentals.pdf PHPFundamentalsCode.zip
Week #3
(Sep 11)
HTML Forms, Get vs. Post, PHP Heredoc, Self-referencing scripts, Header Function ArrayForms.pdf ArrayFormsCode.zip HeredocSelfRef.pdf HeredocSelfRefCode.zip P1 Out (Tue)
Week #4
(Sep 18)
Sessions, Cookies, Hidden Fields, Files, Data/Time Functions, Configuration Options, PHP Object Model ConfigSessions.pdf ConfigSessionsCode.zip FilesTime.pdf FilesTimeCode.zip Objects.pdf ObjectsCode.zip P1 Due (Thu)

P2 Out (Thu)

Group Project Out (Tue)
Week #5
(Sep 25)
PHP Object Model Cont., Serialization, Database Systems, PHP/MySQL SQL.pdf SQLII.pdf SQLII.zip P2 Due (Fri)

P3 Out (Fri)

Week #6
(Oct 2)
MySQL Cont., Security, Proposal Meeting, JS Data Types, Variables, Expressions SQLMisc.pdf Security.pdf SecurityCode.zip JSIntro.pdf JSIntroCode.zip Group Project Proposal Due (Wed)
Week #7
(Oct 9)
Arrays, Console, Functions, let/const, Template Literals JSConstructsI.pdf JSConstructsICode.zip P3 Due (Sat)

Week #8
(Oct 16)
Debugging, Default Parameters, Rest & Spread Operators, Arrow Functions, Symbols, Sets, Maps, Forms, DOM, Events Handling JSConstructsII.pdf JSConstructsIICode.zip FormsI.pdf FormsICode.zip Midterm I (Wed)

Week #9
(Oct 23)
Form Validation, jQuery FormsII.pdf FormsIICode.zip jQuery.pdf jQueryCode.zip P4 Out (Mon)
Week #10
(Oct 30)
P4 Due (Thu)

P5 Out (Thu)
Week #11
(Nov 6)
jQuery, Ajax, JSON, Custom Type Definition, localStorage
Week #12
(Nov 13)
Group Project Update, Canvas, FileReader API, Geolocation API P5 Due (Mon)

Midterm II (Wed)
Week #13
(Nov 20)
Browser Object Model, JS Classes, Object Methods, Framework's Overview, Modules P6 Out (Mon)
Thanksgiving
Week #14
(Nov 27)
Node.js, Web Services (REST, SOAP) P6 Due (Fri)
Week #15
(Dec 4)
Project Demos Group Project Due (Mon)

Week #16
(Dec 11)
Final Exam Review Last Day of Classes
(Mon/Dec 11)

Final Exam
(Sat/Dec 16 1:30pm-3:30pm)
CMSC389N Schedule

Staff

Coordinators

Name Nelson Padua-Perez
Office AVW 1203
Office Hours Mon, Wed → 4 pm - 5:30 pm
E-Mail nelson [AT] cs [DOT] umd [DOT] edu

Office Hours Information

Teaching Assistants

All TA office hours take place in AVW 1120 (Small TA Room, First Floor).


Name E-mail Pic
Andrej Rasevic arasevic [AT] terpmail.umd [DOT] edu TAImage
Dennis Reyes reyesdennis29 [AT] gmail [DOT] com TAImage
Roozbeh Yousefzadeh first name [AT] cs.umd [DOT] edu TAImage

Office Hours

Coordinators

Name Nelson Padua-Perez
Office AVW 1203
Office Hours Mon, Wed → 4 pm - 5:30 pm
E-Mail nelson [AT] cs [DOT] umd [DOT] edu

Office Hours Information

Teaching Assistants

All TA office hours take place in AVW 1120 (Small TA Room, First Floor).


Name E-mail Pic
Andrej Rasevic arasevic [AT] terpmail.umd [DOT] edu TAImage
Dennis Reyes reyesdennis29 [AT] gmail [DOT] com TAImage
Roozbeh Yousefzadeh first name [AT] cs.umd [DOT] edu TAImage

Lectures

Course Schedule

This schedule is tentative and subject to change. Keep in mind that the slides may not include all the material discussed in lecture. You are responsible for any material we present in lecture, even if it does not appear in the posted slides.

Week Topics Slides Work
Week #1
(Aug 28)
Course Introduction, HTML5 Intro IntroHTML.pdf IntroHTMLCode.zip HTMLCSS.pdf HTMLCSSCode.zip
Week #2
(Sep 4)
Server-Side Scripting vs Client-Side Scripting, HTML5 Cont., CSS, Server Side Includes, Apache/PHP Installation, PHP/HTML Mode, PHP Fundamentals (variables, types, operators, conditionals, loops) Functions, Passing by Value/Reference, Default Arguments, include statements PHPFundamentals.pdf PHPFundamentalsCode.zip
Week #3
(Sep 11)
HTML Forms, Get vs. Post, PHP Heredoc, Self-referencing scripts, Header Function ArrayForms.pdf ArrayFormsCode.zip HeredocSelfRef.pdf HeredocSelfRefCode.zip P1 Out (Tue)
Week #4
(Sep 18)
Sessions, Cookies, Hidden Fields, Files, Data/Time Functions, Configuration Options, PHP Object Model ConfigSessions.pdf ConfigSessionsCode.zip FilesTime.pdf FilesTimeCode.zip Objects.pdf ObjectsCode.zip P1 Due (Thu)

P2 Out (Thu)

Group Project Out (Tue)
Week #5
(Sep 25)
PHP Object Model Cont., Serialization, Database Systems, PHP/MySQL SQL.pdf SQLII.pdf SQLII.zip P2 Due (Fri)

P3 Out (Fri)

Week #6
(Oct 2)
MySQL Cont., Security, Proposal Meeting, JS Data Types, Variables, Expressions SQLMisc.pdf Security.pdf SecurityCode.zip JSIntro.pdf JSIntroCode.zip Group Project Proposal Due (Wed)
Week #7
(Oct 9)
Arrays, Console, Functions, let/const, Template Literals JSConstructsI.pdf JSConstructsICode.zip P3 Due (Sat)

Week #8
(Oct 16)
Debugging, Default Parameters, Rest & Spread Operators, Arrow Functions, Symbols, Sets, Maps, Forms, DOM, Events Handling JSConstructsII.pdf JSConstructsIICode.zip FormsI.pdf FormsICode.zip Midterm I (Wed)

Week #9
(Oct 23)
Form Validation, jQuery FormsII.pdf FormsIICode.zip jQuery.pdf jQueryCode.zip P4 Out (Mon)
Week #10
(Oct 30)
P4 Due (Thu)

P5 Out (Thu)
Week #11
(Nov 6)
jQuery, Ajax, JSON, Custom Type Definition, localStorage
Week #12
(Nov 13)
Group Project Update, Canvas, FileReader API, Geolocation API P5 Due (Mon)

Midterm II (Wed)
Week #13
(Nov 20)
Browser Object Model, JS Classes, Object Methods, Framework's Overview, Modules P6 Out (Mon)
Thanksgiving
Week #14
(Nov 27)
Node.js, Web Services (REST, SOAP) P6 Due (Fri)
Week #15
(Dec 4)
Project Demos Group Project Due (Mon)

Week #16
(Dec 11)
Final Exam Review Last Day of Classes
(Mon/Dec 11)

Final Exam
(Sat/Dec 16 1:30pm-3:30pm)
CMSC389N Schedule
Grades Server Submit Server

Good Faith Attempt

Good Faith Attempt Deadlines

You must satisfy a minimum set of requirements for each project (Good Faith Attempt) otherwise you will not pass the course (automatic grade of F). Each project defines its own good faith attempt criteria. Notice that you will not receive extra points for completing the good faith attempt. The grade you obtain in the project will be based on your ontime/late submission.

ProjectGood Faith AttemptDeadline
Project #2, Grades Submission Processing (Going back and correcting grades) Tue, Oct 31
Project #3, Application System Submit and Review ApplicationTue, Oct 31

Regrades

Regrades Deadlines

After any class material is graded, you have a period to address any grading concerns. Unfortunately we will not be able to address any grading concerns after the specified deadline.

Class MaterialGrading Concerns Deadline
Project #1Wed Oct 11
Project #2Tue Oct 24

Assignments

Projects

Projects

The planned dates when projects will be handed out and due is given in the course schedule. Beware that the exact dates are subject to change, but we will try to give you fair notice of any changes.

Project Descriptions

ProjectDeadline
RequestForm (P1)Thu Sep 21
Group ProjectWed Oct 4 / Mon Dec 4
Grades Submission (P2)Fri Sep 29
ApplicationSystem (P3)Fri Oct 13
DataValidation (P4)Thu Nov 2

Exams

Exams

This page provides information regarding course exams.

ExamDate
Midterm IWed Oct 18

Resources

Web Resources

Piazza

Piazza

We will be using (Piazza) for class communication. Regarding Piazza:

  • We will use Piazza to communicate in lecture and to provide class announcements.
  • Posting of code is not allowed is Piazza. Anyone posting any kind of code may receive an XF in the course.. Please carefully read the Piazza Guidelines.
  • In Piazza you can see the class announcements by selecting "Resources", "Course Information".
  • When we post an announcement we will select the Piazza option that allows you to receive an immediate e-mail. The e-mail will have a subject line that starts with "[Instr Note]." If you are filtering piazza messages make sure that those messages are not placed in the junk folder.
  • You are responsible for checking class announcements.
  • The prefered mechanism to address course questions (projects, lecture material, etc.) is during office hours, in lab, and lecture.
  • Students' questions can only be answered by CS staff (TAs and instructors). Although we will try to check Piazza often, there is no guarantee we will respond to messages immediately.
  • You will not be able to register to Piazza yourself. Your instructor will register you using the e-mail you have in the school system.. If you would like to use a different e-mail address see your teaching TA in lab.
  • If you access the link provided for Piazza on the class web page and it asks for an access code, try the following:
    • Visit http://www.piazza.com
    • Click "log in" on the top right
    • Click "forgot password"
    • Enter the e-mail address registered to piazza (e-mail address registered with the school).
    • Access your e-mail account to receive a link that will bring you to the registration site.
Lecture Videos

Introduction

This course provides an introduction to the development of Web-based applications using PHP, JavaScript, MySQL, and Apache. The course covers fundamental programming language constructs of both PHP and JavaScript, forms, sessions, interation with MySQL via PHP, DOM, and JavaScript event-handling. In addition, popular JavaScript libraries (e.g., JQuery) will be overviewed.

Coordinator

Nelson Padua-Perez

© 2017 University of Maryland College Park, MD 20742