Web Design & Development Diploma

Web Design & Development Diploma Summary

ABM College’s Web Design & 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 4-week practicum to gain real-world experience they can add to their resume.

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 & Development


48 Weeks
44 In-Class
4 Practicum


Calgary Campus





Career Opportunities

  • Web Developer
  • Web Designer
  • Software Developer
  • Freelance Web Designer/Developer
web design development average salary

Is a Fulfilling Web Design Career Right for You?

Take the ABM College Web Design 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 Web Design Career Training Readiness score now!

Web Design & 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.

Admission Requirements

Standard Admission

Students must meet ONE of these criteria*:
Alberta High School Diploma or equivalent with minimum score of 65% in English 30-1 on verified transcript
General Equivalency Diploma (G.E.D.), plus successful interview with ABM College Administration, and if student’s first language is not English, Canadian Language Benchmark of 5 with SLE Language Evaluation Test (Accuplacer)

Mature Admission

Students must meet ALL of these criteria*:
1. At least 18 years of age prior to admission
2. Score of 20 or higher on Entrance Exam (Scholastic Wonderlic)
3. Successful interview with ABM College Administration
4. If student’s first language is not English, Canadian Language Benchmark of 5 with SLE Language Evaluation Test (Accuplacer)


Next Program Start Dates:

July 06, 2020

August 04, 2020

Web Design and Development Program Information Kit

This kit includes useful information about the Help Desk Analyst Diploma program at ABM College
    *If you do not reside in Canada, please refer to our International Student page.

Have Questions?
Speak to one of our admissions counsellors today.

More Information

For further information about our Web Design & Development diploma program please contact an ABM College admissions counsellor.

"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."

"Unlike other colleges, ABM College has a very flexible schudule. They have mornings, evenings and weekend classes. One can always work something around this beautiful college full of sweet people."
Sabrina Tom

web development classroom setting

Web Design & Development Course Components

Course Description: This module introduces students to various applications that are covered in the Web Design and Development program. 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 HTML document flow. 

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

Course Description: Students will learn the 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 more.

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

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

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.

Course Description: This module introduces students 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.

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

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.

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