TECH276 - JavaScript Fundamentals

The syllabus is also available in a PDF format - which is better for printing

MONTGOMERY COLLEGE

Business, Economics, Accounting, Computer Applications,
and Hospitality Management Department – Rockville Campus
TECH276 – JavaScript Fundamentals

Instructor: John Coliton Spring, 2018 – CRN 33439
Office: HU 251 (240-567-5139) HU 311 – Thurs. 6:30 – 9:10 p.m.
Office Hours: Monday: 3:30 p.m. – 4:30 p.m.
  Tuesday: 11:00 a.m. – 12:00 p.m.
  Wednesday: 9:30 a.m. - 10:30 a.m.
  Thursday: 2:00 p.m.—3:00 p.m. & 5:00 p.m.—6:00 p.m.
Web: http://www.montgomerycollege.edu/~jcoliton/
Email: john.coliton@montgomerycollege.edu
GroupMe: https://groupme.com/join_group/37242434/S5cyeO
Course Description

A study of JavaScript language used to create dynamic and interactive web content. In this introductory course, students will learn the fundamentals of working with the behavior layer of web development using JavaScript. Students will learn scripting basics. the principles of unobtrusive and cross browser scripting, how to navigate and manipulate the Document Object Model (DOM), and how to use JavaScript libraries to improve web development. PREREQUISITE: TECH272/CMAP272 or consent of department. Three hours each week. Formerly CA 276. 3 Credit hours 3 Bill Hours

Course Objectives

Upon completion of this course a student will be able to:

  • write and use fundamental programming constructs using JavaScript (such as the creation and use of variables, conditional statements, loops,   and functions);
  • write JavaScript code that interacts with the behavior layer of web pages;
  • navigate and manipulate DOM (document object model) elements, handle events and animate using JavaScript;
  • use JavaScript to enhance a user’s experience and the processing speed of web pages.
Course Materials
Book

The book for this course is “JavaScript by Example” by Ellie Quigley, Copyright 2011 Pearson Education Inc. 978-0-13-705489-3, and is required for this class.

Software & Storage

Although not required, you may also choose to purchase Adobe Dreamweaver to edit your files. The software is provided in the classroom and lab, but if you choose you may buy a copy at a student rate from the bookstore (or download the 30 day trial version from Adobe) if you wish to work with your own computer. An alternative (and free) text editor is Brackets and is available at http://www.brackets.io/. You will also need a USB drive to save your work, 2 gigabytes should be sufficient, and a second to back-up your work.

Important Dates

The last day to drop the class with a refund is: January 31, 2018
The last day to change to audit is: February 14, 2018
The last day to drop a class without a grade is: February 14, 2018
The last day to drop a class with a grade of “W” is: April 18, 2018

Syllabus Supplement

Additional policies are at http://mc.coliton.com/SyllabusSupplementSpring2018.pdf and should be considered part of this syllabus.

Grading Policy and Procedure

Grading is based on homework assignments, a midterm, a final project, a class presentation, and class participation.  Homework is to be submitted via Blackboard prior to the START of the class period when it is due. Late work will be accepted, but at a reduction of possible points. The midterm will be drawn from the reading and lecture material and is open book. Make-up exams are not typically granted without a bona fide reason for missing the exam (court date or military service are examples). The final project will include developing a JavaScript based game, more information regarding the project will be provided in a separate handout. The class presentation will be a review of a web site that you find particularly interesting or informative. Class participation will be based on attendance, the quality of interaction and involvement during discussions, and interaction with other students. This class may be audited (taken without the expectation of a grade) with my permission and the proper form submitted to the records office. Someone who audits the class is still expected to participate in class and complete all projects

The grading is allocated as follows:
Final Project (in four parts)
200

Homework Assignments (10 at 15-25 pts. each)
200

Midterm
100

Class presentation
25

Class participation
25

Total Points:
550

 

The following distribution of points will be used to determine final grades:

A = 495 - 550 (90 - 100%)
B = 440 - 494 (80 - 90%)
C = 385 - 439 (70 - 80%)
D = 330 - 384 (60 - 70%)
F = 0 - 329 (0 - 60%)

Course Schedule and Readings

Date Topic Assignment

Jan-25 IntroductionCourse Introduction and JavaScript Fundamentals

Homework Assignment

Gather the required course materials and review course documents

Read JavaScript By Example — chapters 1-3, 5 for next class

Feb-01 Data & Debug Data Types, Variables and Debugging Tools

Homework Assignment

Read JavaScript By Example — chapters 7 & 13 for next class

Coding Assignment #1: "Basic Math" — Due Feb-08

Feb-08 Functions Creating and Using Functions, Events and Event Handlers

Homework Assignment

Read JavaScript By Example — chapters 6 for next class

Coding Assignment #2: "Temperature Conversion" — Due Feb-15

Feb-15 Flow Control Using “For” and “While” Loops and Decision Structures

Homework Assignment

Read JavaScript By Example — chapters 8 & 9 for next class

Coding Assignment #3: "Better Secret Number" — Due Feb-22

Feb-22 Data Structures Using Arrays and User-Defined Objects

Homework Assignment

Read JavaScript By Example — chapters 10 & 15 for next class

Coding Assignment #4: "Object Array" — Mar-01

Final Project Proposal – Due Mar-08

Mar-01 Midterm Exam

Mar-08 DOM/BOM Document Object Model and Browser Object Model

Homework Assignment

Read the jQuery tutorial located at http://www.w3schools.com/jquery/ for next class

Coding Assignment #5: "Mouse Events" — Due Mar-22

Mar-15Spring Recess

Mar-22 JQuery How to Install and Use the JQuery Library

Homework Assignment

Read JavaScript By Example — chapters 12 for next class

Coding Assignment #6: "Animation" — Due Mar-29

Final Project flowchart – Due Apr-12

Mar-29 Images & VideoWorking with Images and Videos

Homework Assignment

Read JavaScript By Example — chapters 11 & 16 for next class

Coding Assignment #7: "Show and Hide Images" — Due Apr-05

Apr-05 Forms & Cookies Validating Forms and Setting/Using Cookies

Homework Assignment

Coding Assignment #8: "Create a User Registration Form" — Due Apr-12

Apr-12 DHTML Create a Dynamic HTML Menu System

Homework Assignment

Coding Assignment #9: "Create a Page with Cookies" — Due Apr-19

Final Project and Presentation – Due May-10 at 7:15 p.m.

Apr-19 Apps & IDEs Web Based Applications and alternative IDEs and editors

Homework Assignment

Coding Assignment #10: "Create a Menu System" — Due Apr-26

Apr-26 BootstrapBootstrap

May-03 Final ReviewFinal Review

May-10 Presentations7:15 p.m. – 9:15 p.m.

 

A course calendar is available online at: http://mc.coliton.com/TECH276/_images/calendar.pdf