Is Career Training Right For You?
Take the Survey!

Web Design and Development Diploma

Web Design and Development Diploma
Next program start dates:
Tuesday, September 7, 2021
Monday, October 4, 2021
Apply Online
Engaging Course Material
Instructors make coding a fun concept to understand, using HTML, CSS, Java, PHP, WordPress and Bootstrap
Creative Portfolio Creation
Students are encouraged to get creative with their projects and effectively build portfolios they can use to get hired
Combined Course Value
Students receive training in both design and development elements so they can start a wider variety of careers

Web Design and Development Diploma


54 Weeks


Calgary Campus




Morning Evening Weekend

Web Design and Development Diploma

Program Overview

Apply Now

Web Design and Development Diploma Summary

ABM College’s Web Design and Development Diploma Program prepares students to handle both the functional design and programming aspects of web development. Students who successfully graduate from the program will be able to meet current industry development standards across several coding languages, and create visually and functionally effective web sites. Students finish with a four-week practicum to gain real-world experience they can add to their resume.

Is a Career in Digital Marketing Right for You?
Take the "ABM College Digital Arts Career Training Readiness" Quiz
The fun, online quiz takes 3 minutes to complete and you’ll get a personalized report. Identify your strengths and social style plus the training and positions you’re best suited for. Get Your Digital Marketing Career Training Readiness score now!

Web Design and Development Diploma Description

The Web Design and Development Diploma Program at ABM College teaches students how to create and breathe life into their web designs. They will learn to build, create, and maintain websites, which includes multiple functional aspects of web design, web publishing, web programming, and database management.

Students learn coding languages such as HTML5, CSS3, Java, PHP for WordPress, and Bootstrap, and use them to create core structures for the web and server database use. This program also includes a creative aspect, using Adobe Photoshop, InDesign, and Illustrator to learn how to create high-quality web graphics as well.

By the end of this diploma program, graduates are able to meet industry standards and create beautiful and functional graphics, web pages, and work in front and back-end web development.

Career Opportunities

  • Web Developer
  • Web Designer
  • Software Developer
  • Freelance Web Designer/Developer

Salary Range

Is this program right for you?

Take our quick readiness quiz.

The fun, online quiz takes 3 minutes to complete and you will get a personalized report that identifies your strengths and social style, plus the type of training and positions you are best suited for.

Take the quiz

Admission Requirements

Standard Admission

1. Alberta high school diploma/GED with English 30-1 and passing grade of 65%, verified by transcript, or non-Alberta equivalent. 2. Successful interview with school administration.

Mature Admission

1. Must be 18 years or older (BC residents must be 19 years of age). 2. Successful completion of Wonderlic Test with a passing score of 20. 3. Successful interview with school administration. For students whose first language is not English and they don't have high school diploma from Alberta or equivalent high school diploma from other provinces, they must meet a Canadian Language Benchmark of 5.

Detailed Requirements

The Web Design and Development diploma also offered online program at ABM College teaches students how to create and breathe life into their web designs.
Get Detailed Admission Requirements

Very accomodating, friendly staff and instructors. The school's atmosphere is very conducive to learning, unlike other schools' location on busy and noisy streets, where you can hardly get a parking space.


Course Components

1. Web Design & Development 1

Course Description: Students are introduced to various applications covered in the web design and web development fields. In this module, students explore the fundamentals of the internet and the essential components of web publishing. They will learn about web layout and design and gain an understanding of the Cascading Style Sheets (CSS) box model and the Hypertext Markup Language (HTML) document flow.

2. Web Design & Development 2

Course Description: This module is a continuation of Web Design and Development 1, where students learn the techniques they need to create rich, responsive websites while maintaining backward compatibility with older browsers.

3. JavaScript

Course Description: Students will learn programming fundamentals and basic object-orientated concepts using the latest JavaScript syntax. They will learn how to add JavaScript code on their websites and how to debug it, among others.

4. CMS & Frameworks

Course Description: This course includes two main components: WordPress and Bootstrap. Students will learn how to create websites using both.

5. Database Design & SQL

Course Description: This module introduces students to Structured Query Language (SQL) and Data Definition Language (DDL).

6. Web Scripting With PHP

Course Description: Students learn server-side scripting starting with basic client/server concepts and building upon it with PHP theory and basic syntax. They will learn to use local storage vs. session storage vs. cookie storage, and HTTP vs. HTTPS. This module will teach students different encoding types for transport between browser and server applications, basic web application security and the dangers of cross site scripting and session hijacking.

7. Web Graphics

Course Description: Students are introduced to industry-standard design software techniques in Photoshop, InDesign and Illustrator. Students will learn how to build professional graphics and the process of how to create them.

8. Web Security

Course Description: Students will learn the fundamental security principals of the web, and how to prevent common attacks.

9. Capstone Project

Course Description: Students use all of the knowledge gained in previous modules to create a team project. They develop and implement a website and implement, maintain and query a database. They will develop and implement grid-based transaction applications and evaluate and integrate security features.

10. Practicum

Course Description: Students will gain practical and hands-on experience to apply the knowledge and skills learned in class to real-world experiences and help build their portfolio to present to potential employers.

Optional - Business Communication

Course Description: This course helps students explore and understand the role of communication in professional business settings. Attention is given to workplace culture, interpersonal and team communication, technology, professional presentations, research, meetings, and professional writing grounded in communication and business theory.

Optional - Resume Writing & Professional Skills

Course Description: Students work with a professional career counsellor to develop and optimize a professional resume to put forward for employers. Additional support in job searching, interview techniques, and other career transition skills are offered to ensure students have the best possible work prospects.

I understand that by submitting this form, I consent to be contacted by email, phone, or any other form of communication by ABM College. My consent can be withdrawn at any time.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.