Web Design And Development
Program with Co-op
Students in this program learn to create and publish web pages using HTML 5 and Cascading Style Sheets (CSS), and construct and maintain a website. The topics in the program comprehensively cover both the conceptual and practical side of the entire gamut of the web development world. The program also covers the key concepts and infrastructures such as web protocols and architecture, hosting provision, and server administration. By the end of the program, graduates will be able to build dynamic websites using a content management system, produce and consume web APIs, and write efficient code demonstrating knowledge of web programming concepts.
This program has a cooperative work experience component. For information on applying for co-op work permits, please visit Immigration, Refugees and Citizenship Canada (IRCC)
PTIRU Approved
This program has been approved by the Private Training Institutions Regulatory Unit (PTIRU) of the Ministry of Post-Secondary Education and Future Skills

Program Hours: Program Months: | Program Weeks: Co-op Hours: |
- Course Breakdown
84-Week Web Design & Development Program
20 hours – Strategies for Student Success
40 hours – Microsoft Office Fundamentals
20 hours – HTML Fundamentals
40 hours – HTML Tables and Forms
40 hours – CSS Styling
40 hours – CSS Layout
20 hours – Web Media
80 hours – JavaScript Fundamentals
80 hours – JavaScript Programming
80 hours – Advanced JavaScript Programming
80 hours – React
80 hours – Server-Side Development: PHP
80 hours – Server-Side Development: Node.js
80 hours – DevOps and Hosting
20 hours – Career and Employment Skills
80 hours – Introduction to Artificial Intelligence
800 hours – Cooperative Work Experience
- FAQ’s
What does a web design and development professional do?
Web design and development professionals design, build, and update websites to ensure they are visually appealing, functional, and user-friendly.
What is the Web Design and Development with Co-op Diploma at Kootenay Columbia College?
The Web Design and Development with Co-op Diploma at Kootenay Columbia College combines technical web training with a supervised co-op work experience in a professional setting.
How does the co-op component work in this program?
The co-op component provides students with a structured work placement where they can apply their web design and development skills in a real workplace environment.
Do I need prior design or coding experience to enroll?
No prior design or coding experience is needed. The Web Design and Development Diploma starts with foundational concepts and is suitable for beginners and those exploring a new career path.
What are the benefits of choosing a web design and development program with co-op?
A co-op option allows students to gain hands-on industry experience, build a professional portfolio, and develop workplace skills before graduation.
Upon successful completion of this program, students will be able to:
- Build a solid foundation of HTML5, CSS3, and responsive web development skills.
- Understand the role of a Content Management System (CMS) in managing a website.
- Create effective web pages.
- Differentiate between print media and the web.
- Implement the CSS box model.
- Successfully incorporate CSS into website pages.
- Use web design conventions to meet client and visitor expectations.
- Use validation tools to find and correct page coding errors.
- Use the Sass CSS pre-processor.
- Use CSS best practices to produce scalable and maintainable CSS code.
- Use the latest versions of the JavaScript language.
- Master essential JavaScript language features.
- Understand basics of PHP, including an introduction to object- oriented programming.
- Use best practices for writing modern PHP.
- Understand the various JavaScript frameworks.
- Understand the React framework and how to create and use functional and class components.
- Use props, state, and behaviors in React.
- Make use of a build tool chain in React.
- Extend React via its lifecycle methods and via component libraries.
- Understand Node.js and how does it differ from PHP.
- Use Node to create a REST API with CRUD functionality.
- Use Node with Web Sockets to create push-based functionality.
- Use a View Engine to provide PHP-like developer experience.
- Analyze the role of artificial intelligence in modern web development, including personalization, accessibility, and automation.
- Demonstrate the ability to apply AI-based frameworks or APIs to solve real-world web design or development problems.
Admission Requirements:
- Students are required to be 19 years of age prior to the start of the program or possess a high school diploma (or equivalent), and provide evidence of one of the following English proficiency requirements:
- Evidence that 3 years of full-time secondary education (Grades 8-
12), or 2 years if the Grades are 10, 11, or 12, have been
successfully completed in the program’s language of instruction in a
country where the language of instruction is one of the principal
languages, or - Completion of 2 years of full-time post-secondary education at an
accredited institution where English is the language of instruction,
or - Provide verified results for one of the English language proficiency
tests listed below. Test results must be dated no more than two
years before the start date of the program:- International English Language Testing System (IELTS) Academic
– Minimum overall score of 5.5 - Test of English as a Foreign Language (TOEFL) IBT – Minimum
overall score of 46 - Canadian Academic English Language Assessment (CAEL) –
Minimum overall score of 40 - Canadian English Language Proficiency Index Program
(CELPIP)Listening 6, Speaking 6, Reading 5, and Writing 5. - Duolingo English Test (DET) – Minimum overall score of 95
- Pearson Test of English (PTE) Academic – Minimum overall score
of 43 - Cambridge English Qualifications: B2 First exam (FCE) – Minimum
overall score of 160 or “C” - Cambridge Linguaskill – Minimum overall B2 level
- LANGUAGECERT Academic – Minimum overall B2 level
- The Michigan English Test (MET) – Minimum overall B2 level
- iTEP Academic – Minimum overall score of 3.5
- EIKEN – Minimum placement of Grade Pre-1
- International English Language Testing System (IELTS) Academic
- Evidence that 3 years of full-time secondary education (Grades 8-
Upon successful completion of this program, students can expect to work as:
- Junior Professional Web Developer
- Front-End Web Developer
- Web Designer