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 four-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/Developerweb design developer working office
web design and development average expected 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 & 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:

Sept 8th, 2020 (eve)
Oct 5th, 2020 (eve)

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

    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.

Have Questions?
Speak with one of our admissions advisors today.

More Information

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


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

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.

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.

Course Description: This course 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: 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.

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 help build their portfolio to present to potential employers.

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.

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.