COMP 1537
Web Development 1
School | School of Computing and Academic Studies |
---|---|
Program | Computer Systems Technology (CST) Diploma |
Course Credits | 4 |
Minimum Passing Grade | 50% |
Start Date | January 06, 2020 |
End Date | April 17, 2020 |
Total Hours* | 60 |
Total Weeks | 15 |
Hours/Weeks | 4 |
Delivery Type | Lecture |
CRN | 87560 |
Acknowledgement of Territories
The British Columbia Institute of Technology acknowledges that our campuses are located on the unceded traditional territories of the Coast Salish Nations of Sḵwx̱wú7mesh (Squamish), səl̓ilwətaɁɬ (Tsleil-Waututh), and xwməθkwəy̓əm (Musqueam).
Instructor Details
Name | Amir Amintabar |
---|---|
aamintabar@bcit.ca | |
Location | SW2-124 |
Office Hours | By appointment. |
Course Description
This course focuses on programming both front and back end for web application development using JavaScript on both front-end and back-end development. Topics include AJAX, DOM editing with JavaScript & jQuery, and JSON.
Course Learning Outcomes/Competencies
Upon successful completion of this course, the student will be able to:
- Create JavaScript classes and objects.
- Create JavaScript code that handles various types of events on the client side.
- Apply the standard three-tiered web architecture (data, application, presentation) and how to design a web app with that architecture.
- Utilize various storage mechanisms on both the client-side and server-side for session and app data requirements.
- Design and implement a Progressive Web Application (PWA).
- Apply core JavaScript concepts such as functions as objects, various different iterative and conditional control constructs, and how JSON is utilized.
- Install, configure, and use a web server.
- Create animation and transition effects within a web page.
- Utilize current CSS selector types in order to interact with the DOM.
- Utilize JavaScript functions as callbacks within an asynchronous design.
Learning Resources
- JavaScript and HTML/CSS aware editor; eg Visual Studio Code (preferred) , Intellij IDEA
- Recent online tutorials and resources on CSS, Javascript, Ajax calls, GET, POST. introduction to MySQL. E.g. W3C Introduction to JavaScript (https://www.w3schools.com/JS/default.asp)
- HTML: https://www.lynda.com/HTML-tutorials/HTML-Essential-Training/170427-2.html
- CSS: https://www.lynda.com/CSS-tutorials/CSS-Essential-Training/5038219-2.html
- JavaScript: https://www.lynda.com/JavaScript-tutorials/Learning-JavaScript-Language/782146-2.html
Evaluation Criteria
Criteria | % | Comments |
Quizzes | 10 | In lab/in class - Multiple choice, short & long answer assessments |
Labs | 15 | walkthrough labs (guidance) |
Group projects | 15 | 1 group projects |
Individual Assignments | 10 | 1 assignment (practice) |
Mid-term Exam | 25 | To pass the course, average of midterm |
Final Exam | 25 | and final exams must be 50% or higher. |
Attendance Requirements
- Regular attendance in lectures, seminars, and labs is seen as critical to student success, and may be monitored by faculty.
- Unapproved absence of 2 or more classes may result in failure or forced withdrawal from the course or program.
- Attendance will be taken at the start of lab, students who come to class after attendance is taken will be considered late. Late students may be assessed a 1% penalty to their overall grade for each occurance. Please see Policy 5101 - Student Regulations: https://www.bcit.ca/files/pdf/policies/5101.pdf
- If students miss a class it is their responsibility to determine what was missed and to complete the work, both in-class projects and homework. Students cannot expect instructors to repeat lectures, workshops, and demonstrations which occurred during their absence.
- Students will be considered late if they arrive after roll-call, when the session has formally begun.
- To formally excuse an absence due to illness or emergency, students must send an email to the instructor by the end of the next day with attached doctor note (if applicable)
- Prolonged illness which causes the student to miss 20% or more of the lessons will require a BCIT -approved medical certificate submitted to the department, substantiating the reason for the absence.
- Students will be considered “absent” if they arrive more than 20 minutes after the session has started.
Course Specific Requirements
Late Assignments: Late projects/assignments will be not be accepted for marking. Individual assignments must be done on an individual basis unless otherwise specified by the instructor. You may be required, on occasions, to make a mini presentation.Makeup exams, labs, quizzes, assignments or projects:
There will be NO makeup exams, Labs, quizzes, assignments or projects.
D2L (Learning Hub):Course materials (lessons, examples, tutorials, labs and assignments) will be shared on D2L. Lab and assignment feedback will be provided through the D2L dropboxes / assignment boxes. The D2L gradebook will be useful only to review D2L-captured grade components, and it will not provide an accurate final grade in the course.
Announcements will be posted onto D2L. It is responsibility of students to regularly check D2L for announcements and/or set up email notifications.Course Schedule and Assignments
Wk |
Lecture |
Essential Skill |
Lab |
Quiz |
1 |
Jan 10 |
Course Intro, HTML Basics (IDE, elements, attributes, ), mobile design first mindset, |
Lab 1 |
Quiz 1 |
2 |
Jan 17 |
HTML II, CSS Basics (Styling inline, style attributes, colors) fonts …), Hosting |
Lab 2 |
Quiz 2 |
3 |
Jan 24 |
CSS II (internal, selectors) , JavaScript Basics ( IDE, console, innerHTML, dynamic changes, variables, if...else, loop ) |
Lab 3 |
Quiz 3 |
4 |
Jan 31 |
JavaScript II (data types, prompt, more loops, Setting up dev, Debugging, arrays) |
Lab 4 |
Quiz 4 |
5 |
Feb 7 |
JavaScript III (Functions, variable scopes) |
Lab 5 |
Quiz 5 |
6 |
Feb 14 |
JavaScript IV (Objects, What is DOM, Events) |
Lab 6 |
Quiz 6 |
7 |
Feb 18-21 |
---- Mid-term Exam Week ---- (no class) |
||
8 |
Feb 28 |
JavaScript V (Random numbers, setTimeout, JavaScript is Async) [Individual Assignment due ] |
Lab 7 |
Quiz 7 |
9 |
Mar 6 |
CSS III (More selectors, External styling, fluid, adaptive, fixed), JavaScript VI (Dynamic DOM manipulation) |
Lab 8 |
Quiz 8 |
10 |
Mar 9-13 |
---- Spring Break ---- (no class) |
||
11 |
Mar 20 |
CSS IV (layouts, responsive design), Progressive |
Lab 9 |
Quiz 9 |
12 |
Mar 27 |
Intro to jQuery, Local storage |
Lab 10 |
Quiz 10 |
13 |
Apr 3 |
Intro to backend technologies [Group Project due] |
Term projects |
|
14 |
Apr 10 |
---- Good Friday ---- (no class) |
||
15 |
Apr 14-17 |
---- Final Exam Week ---- (no class) |
BCIT Policy
The following statements are in accordance with the BCIT Policies 5101, 5102, 5104, and 7507, and their accompanying procedures. To review these policies and procedures please click on the links below.
Attendance/Illness:
In case of illness or other unavoidable cause of absence, the student must communicate as soon as possible with his/her instructor or Program Head or Chief Instructor, indicating the reason for the absence. Students who are seeking accommodation for a medical absence must have a BCIT approved medical certificate submitted to the department, substantiating the reason for absence. For other absences, the student should be prepared to provide appropriate supporting documentation. Unapproved absence in excess of the prescribed regulations within this outline may result in failure or forced withdrawal from the course or program. Please see Policy 5101 - Student Regulations, and accompanying procedures.
Academic Integrity:
Violation of academic integrity, including plagiarism, dishonesty in assignments, examinations, or other academic performances are prohibited and will be handled in accordance with Policy 5104 - Academic Integrity and Appeals, and accompanying procedures.
Accommodation:
Any student who may require accommodation from BCIT because of a physical or mental disability should refer to BCIT's Policy on Accommodation for Students with Disabilities (Policy #4501), and contact BCIT's Accessibility Services (SW1 2360, 604-451-6963) at the earliest possible time. Requests for accommodation must be made to Accessibility Services, and should not be made to a course instructor or Program area.
Any student who needs special assistance in the event of a medical emergency or building evacuation (either because of a disability or for any other reason) should promptly inform their course instructor(s) and Accessibility Services of their personal circumstances.
Human Rights, Harassment and Discrimination:
The BCIT community is made up of individuals from every ability, background, experience and identity, each contributing uniquely to the richness and diversity of the BCIT community as a whole. In recognition of this, and the intrinsic value of our diversity, BCIT seeks to foster a climate of collaboration, understanding and mutual respect between all members of the community and ensure an inclusive accessible working and learning environment where everyone can succeed.
Campus Mediation Services is a supportive resource for both students and employees of BCIT, to foster a respectful learning and working environment. Any student who feels that they are experiencing discrimination or harassment (personal or human rights-related) can confidentially access this resource for advice and support. Please see Policy 7507 – Harassment and Discrimination and accompanying procedure.
Students should make themselves aware of additional Education, Administration, Safety and other BCIT policies listed at https://www.bcit.ca/about/administration/policies.shtml
Guidelines for School of Computing and Academic Studies
Attempts:
Students must successfully complete a course within a maximum of three (3) attempts at the course. Students with two attempts in a single course will be allowed to repeat the course only upon special written permission from the Associate Dean. Students who have not successfully completed a course within three attempts will not be eligible to graduate from their respective program.
Approved
I verify that the content of this course outline is current.
Amir Amintabar, Instructor
December 31, 2019
I verify that this course outline has been reviewed.
D'Arcy Smith, Program Head
January 04, 2020
I verify that this course outline has been reviewed and complies with BCIT policy.
Mike Starkey, Associate Dean
January 04, 2020
Note: Students will be given reasonable notice if changes are required to the content of this course outline.
*Course hours and credits are calculated per Policy 5012 and the associated procedure.
Total hours – Example of 3 credit lecture/lab course:
- Full-time course: 45 hours of scheduled learning
- Flexible Learning course: 36 hours of scheduled learning plus 9 hours of independent (non-scheduled, non-instructional) learning