vcc.ca
CSTP 1106: Website Development
Effective date
September 2026
Department
Computer Systems Tech Diploma
School
Trades, Technology and Design
Description
Students learn the fundamentals of website development and design using Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) and JavaScript. The emphasis of this course is front-end web development.
Students learn how to use HTML and CSS stylesheets to create structured, responsive and visually-appealing websites. They learn how to write client-side scripts using the JavaScript programming language. They learn how to access Document Object Model (DOM) elements, validate web forms and perform website management.
Students are familiarized with various modern HTML elements such as FlexBox and Grid. They learn to use JavaScript frameworks such as react.js and Vue.js to design complex and modular webpages.
Credits
3.0
Year of study
1st Year Post-secondary
Prerequisites
None
Corequisites
None
Course Learning Outcomes
Upon successful completion of this course, students will be able to:
- Describe the World Wide Web and Hyper Text Markup Language (HTML)
- Describe how web browsers work with web servers using HTTP protocols
- Use JavaScript to add dynamic components to web pages
- Use CSS to enhance the layout and aesthetics of web content
- Design web pages using CSS and multimedia resources
- Design web pages using tables, columns, and CSS Grid
- Use browser-based developer tools and their features
- Perform media queries in responsive design in order to create adaptive layouts
- Design web pages that work for both mobile devices and desktop computers
- Describe the basics of search engine optimization (SEO)
Prior Learning Assessment & Recognition (PLAR)
Assessment methods include interview, exam and lab demos.
Students will receive an ‘S’ grade (satisfactorily completed) which is not included in grade GPA calculations.
International Students should contact the VCC International Education Advising to learn how PLAR can impact immigration status, prior to proceeding with the PLAR request.
Students will receive an ‘S’ grade (satisfactorily completed) which is not included in grade GPA calculations.
International Students should contact the VCC International Education Advising to learn how PLAR can impact immigration status, prior to proceeding with the PLAR request.
Hours
Lecture, Online, Seminar, Tutorial: 35
Clinical, Lab, Rehearsal, Shop, Kitchen, Simulation, Studio: 25
Total Hours: 60
Clinical, Lab, Rehearsal, Shop, Kitchen, Simulation, Studio: 25
Total Hours: 60
Instructional Strategies
Instructional strategies include classroom lectures, demonstrations, group discussions, computer labs and hands-on practical work.
Grading System
Letter Grade (A-F)
Passing grade
C
Evaluation Plan
|
Type |
Percentage |
Assessment activity |
|
Assignments |
60 |
All assignments are web design and development projects. |
|
Midterm Exam |
20 |
|
|
Final Exam |
20 |
A mockup web page is provided and students must code the page. The page must contain all major design and interactivity features taught in the course. |
Course topics
- Basics of the World Wide Web
- HyperText Markup Language (HTML)
- Cascading Style Sheets (CSS)
- Fonts, colors and graphics
- Multimedia resources
- Tables, Grid and Flexbox
- CSS frameworks Bootstrap and others
- Adding JavaScript code to HTML
- JavaScript variables, arrays, functions, operators and conditionals
- Document Object Model (DOM)
- Vue.js and React.js
Notes:
- Course contents and descriptions, offerings and schedules are subject to change without notice.
- Students are required to follow all College policies including ones that govern their educational experience at VCC. Policies are available on the VCC website at:
https://www.vcc.ca/about/governance--policies/policies/. - To find out if there are existing transfer agreements for this course, visit the BC Transfer Guide at https://www.bctransferguide.ca.