Skip to main content

Course Outlines

ACIT 1620

Fundamental Web Technologies

School School of Computing and Academic Studies
Program Computer Information Technology (CIT) Diploma
Course Credits 4
Minimum Passing Grade 50%
Start Date September 03, 2019
End Date December 13, 2019
Total Hours* 60
Total Weeks 15
Hours/Weeks 4
Delivery Type Lecture/Lab
CRN 41870

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
E-mail aamintabar@bcit.ca
Location SW2-124
Office Hours

by appointment 

10:30-12:30 Tuesdays 

Course Description

This course introduces the fundamental principles and techniques for designing and developing effective Web sites. Topics include: hand-coding pages with HTML; styling text and content with CSS; adding dynamic features with client-side scripting techniques; server-side scripting, and, managing files and Web sites using FTP software. Students will also be introduced to information architecture and interface design, XML, as well as advanced mark-up techniques using DHTML. This course is the foundation for more advanced web courses.

Course Learning Outcomes/Competencies

Upon successful completion of this course, the student will be able to:

  • Build a sitemap for a basic website. (including file structure).
  • Describe client/server interactions / communications.
  • Publish web pages.
  • Create basic interface elements (graphics, text, buttons) using appropriate software.
  • Create an XML document to store data.
  • Develop W3C compliant web pages by hand using HTML.
  • Describe purpose of W3C compliant rules.
  • Layout HTML web pages using CSS.
  • Create responsive webpages.
  • Develop client-side scripting with JavaScript.
  • Develop server-side scripts to process HTML forms.

Learning Resources

  • FTP application such as FileZilla, WinSCP
  • JavaScript and HTML/CSS aware editor; eg Visual Studio Code (preferred)
  • Recent online tutorials and resources on CSS, Javascript, Ajax calls, Web Hosting. Database hosting. E.g. W3C Introduction to JavaScript (https://www.w3schools.com/JS/default.asp)

Course Goals

Introduction to basic web technologies such as HTML/CSS/JS

Hosting Web pages, HTML, CSS JS files

Evaluation Criteria

Criteria % Comments
Quizzes 10 In lab/in class - Multiple choice, short & long answer assessments
Labs 15 walkthrough labs (guidance)
Group projects 10 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.
Class participation 5

Attendance Requirements

  • Attendance in labs and lectures is mandatory. Absenteeism, chronic lateness and non-participation will not be accepted.
  • Students missing more than two labs/Lectures will receive an “Unsatisfactory” grade in the course, and fail.
  • Every Lab/Lecture absence not excused by a doctor’s note or formally documented as extenuating circumstances will result in a 4% penalty from the final course grade.
  • 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.
  • There is a 4% penalty from the final course grade for every two late arrivals or occasions when a student leaves early before the class has properly ended.
  • 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:

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

Sept 3,4

Course Intro, HTML Basics (IDE, elements, attributes, ), mobile design first,

Lab 1

Quiz 1

2

Sept 10,11

HTML II, CSS Basics (Styling inline, style attributes, colors) fonts …),Web Hosting

Lab 2

Quiz 2

3

Sept 17,18

CSS II (internal, selectors) , JavaScript Basics ( IDE, console, innerHTML, dynamic changes, variables, if...else, loop )

Lab 3

Quiz 3

4

Sept 24,25

JavaScript II (data types, prompt, more loops, Setting up dev environment, Debugging tools, arrays)

Lab 4

Quiz 4

5

Oct 1,2

JavaScript III (Functions, variable scopes)

Lab 5

Quiz 5

6

Oct 8,9

JavaScript IV (Objects, What is DOM, Events)

 Lab 6 Quiz 6

7

Oct 15,16

 JavaScript V (Random numbers, setTimeout, JavaScript is Async) Lab 7 Quiz 7

8

Oct 21-25

 ---- Mid-term Exam Week ---- (no class)

9

Nov 29,20

CSS III (More selectors, External styling, fluid, adaptive, fixed)

 Lab 8 Quiz 8

10

Nov 5,6

JavaScript VI (Dynamic DOM manipulation)

 Lab 9 Quiz 9

11

Nov 12,13

[Individual Assignment due ]

CSS IV (layouts, responsive design)

 Lab

Assignments

12

Nov 19,20

 Intro to XML files

Lab 10

Quiz 10

13

Nov 26,27

Intro to backend technologies (Server side Scripting)

Lab 11

Quiz 11
14

Dec 3,4

[Group Project due]

(Last day of class) Backend Technologies II,

Lab

Term projects

15

Dec 9-13

---- Final Exam Week ---- (no class)

Course topics

Setting up Development environment
HTML Basics: HTML elements, HTML attributes
CSS Basics: Inline Styling, style attributes, colors, fonts
CSS II: Internal Styling, selectors
JavaScript Basics: console, innerHTML, dynamic changes, variables, if...else, loop )
JavaScript II: data types, prompt, more loops, Debugging tool, arrays
JavaScript III: Functions, Events
JavaScript V: Random numbers, setTimeout, Why JavaScript is Async
CSS III: More on selectors, External styling, fluid, adaptive, fixed
XML files
JavaScript VI: Dynamic DOM manipulation
CSS IV: layouts, responsive design
Server-side scripting: Backend Technologies basics, Setting up Dev environment

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
August 18, 2019

I verify that this course outline has been reviewed.
Thomas Lane, Program Head
August 30, 2019

I verify that this course outline has been reviewed and complies with BCIT policy.
Aaron Hunter, Acting Associate Dean
August 30, 2019

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