CS2513: Client-Side Programming
Weekly Course Content - Week 9
Chapter 7: Using Object-Oriented JavaScript
Chapter 7: Using Object-Oriented PHP
- Explain basic concepts related to object- oriented programming
- Use the Date, Number, and Math objects
- Define your own custom JavaScript objects
JavaScript //Sixth Edition by Sasha Vodnik and Don Gosselin
Chapter 7: Using Object-Oriented JavaScript
Required Class Coding Standards
http://www.occc.edu/aphilipp/htm_csp/CS2513_CodingStandards.htm
Tutorials: W3Schools.com - Read about the classes and they try out some of the examples as needed.
Math
- Math Object http://www.w3schools.com/js/js_math.asp
Dates
- Date Object http://www.w3schools.com/js/js_dates.asp
- Date Format http://www.w3schools.com/js/js_date_formats.asp
- Date Method http://www.w3schools.com/js/js_date_methods.asp
Number
- Number Methods http://www.w3schools.com/js/js_number_methods.asp
JavaScript OOP Programming by Adam Khoury
I realize that these videos are a bit long, but if you are new to OO or need to see how it is implemented in JavaScript one or more of these videos may be worth your time.
- Introduction to Class File Programming in JavaScript (21:03 min)
https://www.developphp.com/video/JavaScript/Class-OOP-Tutorial-Intro-to-Object-Oriented-Programming
- Prototype Tutorial Add Object Methods and Properties to Class (7:19 min)
https://www.developphp.com/video/JavaScript/prototype-Tutorial-Add-Object-Methods-and-Properties-to-Class - JavaScript Inheritance Tutorial Object Oriented Class Programming (11.18 min)
https://www.developphp.com/video/JavaScript/Inheritance-Tutorial-Object-Oriented-Class-Programming
JavaScript Tutorials by Venkat Pragim Technologies
- JavaScript Tutorial: Part 54: Object Literal vs Constructor (4:58 min)
https://www.youtube.com/watch?v=O3JSPhwKowA
JavaScript Object Oriented Programming by Derek Banas
Another explanation... choose which ever helps you the most.
- Tutorial Part 3 by Derek Banas (18:10 min)
https://www.youtube.com/watch?v=xVnW7ZMqBus
Completed sample code from Chapter 07 JS6eTextCode_Chapter07
Download the zip file and extract it.
The sample code prepared specifically for CS2513 CS2513ClassCode_Chapter07
- DateClass.html
Use the Date object to display dates in various formats.
For this week's website assignment you will need to have images of your choosing which are a specific height and width. If you to not have images of your own or need to resize images, the following resources may be helpful.
ImageQuest DataBase- OCCC's Library
https://librarynt.occc.edu/login?url=http://quest.eb.com
If an MLA citation is required include it at the bottom of the main content area. These images can be used for educational purposes only and may not continued to be used outside that realm.
PicMonkey - Online Photo Editing
PicMonkey http://www.picmonkey.com/ is online photo editing site that I have used when creating online photobooks. While I am not aware of any issues and have not had any personally, it is still not an endorsement of the product. As with any website, Use at your own risk. At the time of this writing you do not need to sign up for or purchase Royale. If you MouseOver/Click Edit at the top of the screen and you should have access to the necessary tools.
Chapter Review Questions
Source for quiz and test questions. It is highly recommended that students know the answers.
Chapter 7: Review Questions (.rtf file)
Test 3: Review Sheet
CSP07 - Object Oriented JavaScript: Specifications
(Complete, upload to Apollo1, then submit URL in the LMS)
Weekly Quiz: Chapter 7 (Located in the LMS)