ET-712 Web Client Programming
Department of Engineering Technology
ET 712 – Web Client Programming
COURSE CREDIT: 3 (2 Lecture hours, 2 laboratory hours)
Day: Mon, Tues, Wed, Thurs
Time: 6:10pm – 9:50pm
At the end of the training process, student shall be able to:
- Build and test code using text editor and translate design instruction into code.
- Collect and use existing routines or procedures and integrate them into their code.
- Customize frameworks, bootstrap and AngularJS like a blueprint or a template, for their application.
- Students will take responsibility for their behavior in a team project, carry his/her share of the team’s load and work with people with a variety of ideas and participate in a team culture.
- Effectively communicate with instructors and colleagues for important decisions and supports on application and development of projects.
- Students build the capacity to understand and appreciate each other’s perspective in order to anticipate the needs of the project, customers and/or team.
ATTENDANCE: 1-19 minutes is considered ONE LATE, THREE lateness is equal to ONE ABSENCE, and THREE absences result in a “WF” or “F” as the lab grade. More than 20 minutes late counts as an absence.
LECTURE CONDUCT: No eating, drinking, smoking, radio playing, cell-phones, and use of inappropriate words in the classroom. Student should clean up the work bench before leaving the classroom at the end of the session; a dirty bench gets points off for the each exam grade.
CLASS ASSIGNMENTS: There are a total of 10 Class Assignment during the semester. Students are required to perform satisfactory work in the lecture and laboratory in order to receive a passing grade in the course. Each Class Assignment is done individually during lab schedule. All Class Assignments MUST be submitted before due date, late Class Assignments will not be accepted and it will be graded as “zero”.
PROJECTS: There are a total of three main projects during the semester. All Projects MUST be typed, presented in a professional manner, and submitted before due date, late Projects will not be accepted and it will be graded as “zero”.
ACADEMIC INTEGRITY POLICY (Department or College): Academic honesty is expected of all students. Any violation of academic integrity is taken extremely seriously. All assignments and projects must be the original work of the student or teammates. Plagiarism will not be tolerated. Any questions regarding academic integrity should be brought to the attention of the instructor. The following is the Queensborough Community College Policy on Academic Integrity: “It is the official policy of the College that all acts or attempted acts that are violations of Academic Integrity be reported to the Office of Student Affairs. At the faculty member’s discretion and with the concurrence of the student or students involved, some cases though reported to the Office of Student Affairs may be resolved within the confines of the course and department. The instructor has the authority to adjust the offender’s grade as deemed appropriate, including assigning an F to the assignment or exercise or, in more serious cases, an F to the student for the entire course.” The college’s policy on Academic Integrity can be found at
DISABILITIES: Any student who feels that he or she may need an accommodation based upon the impact of a disability should contact me privately to discuss his/her specific needs. Please contact the office of Services for Students with Disabilities in Science Building, Room S-132, 718-631-6257 to coordinate reasonable accommodations for students with documented disabilities. You can visit the Services for Students with Disabilities website by clicking on this link: http://www.qcc.cuny.edu/SSD/.
Average of Class Assignments: 40%
Project 1: 20%
Project 2: 20%
Team Project: 20%
LETTER/ POINTS RANGE/ GPA
A Excellent/ 96-100/ 4.0A-/ 90-95/ 3.7
B+/ 87-89/ 3.3B Good/ 84-86/ 3.0
B-/ 80-83/ 2.7C+/ 77-79/ 2.3
C Satisfactory/ 74-76/ 2.0C-/ 70-73/ 1.7
D+/ 67-69/ 1.3D Passing/ 64-66/ 1.0
D-/ 60-63/ 0.7F Failure/ 0-59/ 0
Day 2: Decisions and LoopsIn this session, students learn how to create and control the flow of data in a scripts to handle different situations. To do so, students learn how to analyze values in a script to determine whether or not they match expected results, decide which path to follow according to the results of evaluations, and what to do to repeat the same set of steps.
Class Activity 2:
Textbook: Chapter 4: Decisions and Loops (Page 145 – 182)
Day 3: Functions, methods, and objectsStudents are also leaning how to use functions, methods, and objects to organize their code.
Class Activity 3:
Textbook: Chapter 3: Functions, methods, and objects (page 85 – 144)
Class Activity 4
Textbook: Chapter 5: Document Object Model (Page 183 – 242)
Day 5: EventsIn the fifth day, students learn how to write scripts that often respond to events by updating the content of the web page through APIs, which makes the page feel more interactive.
Class Activity 5:
Textbook: Chapter 6: Events (Page 243 – 292)
Day 6: Project 1
Class Activity 6:
Textbook: Chapter 7: JQuery (Page 293 – 366)
Day 9: AJAX and JSONIn the ninth day, students learn how to use Ajax as a technique to load data into part of a page without having to refresh the entire page. This topic include the understanding on how Ajax allows user to request data from a server and load it without having to refresh the entire page, how server interpret data format in HTML, XML, or JSON, and how to use JQuery makes it easier to create Ajax requests and process the data the server returns.
Class Activity 7:
Textbook: Chapter 8: AJAX and JSON (Page 367 – 408)
Day 10: APIsOn day ten, students are also learning Application Programming Interfaces (APIs) and how they allow scripts to access and update the contents of a webpage while loaded in the browser.
Class Activity 8:
Textbook: Chapter 9: APIS (Page 409 – 448)
Day 11: Error handling and debuggingOn this day, students learn how to find the errors in your code. Some of the techniques include how to use the tools built into the browser that help the programmer to hunt for errors, how to identify common sources of errors and how to fix them, and how code can deal with potential error gracefully.
Students also learn how to several examples of content panels that can also give students a practical insight to create scripts using jQuery.Class Activity 9:
Textbook: Chapter 10: Error Handling & debugging, Chapter 11: Content Panels (Page)
Day 12: Filtering, searching and sorting, and form enhancement and validationOn day twelve, students learn how to filter values by selecting the ones that meet stated criteria, how to search information to show the items that match one of more words the user specifies, and how to reorder a set of items on the page based of criteria.
Textbook: Chapter 12: Filtering, searching and sorting, Chapter 13: Form enhancement and validation
Day 13 and 14: Introduction to framework and how to work with Angular JSOn day eleven, students will be introduced to Bootstrap technology to manipulate basic style, master layouts and layout components, and navigation components.
Class Assignment 9
Textbook: Material will be provided by instructor
Day 15: Complete team projectNOTE: Instructor reserves the right to modify the present outline anytime.