Business Programs
NACC Early Childhood Assistant Diploma
Business Programs
Human Resources Administration Diploma
Business Programs
Financial Planner Diploma
Technology Programs
UI/UX Design Diploma
Health Programs
Dental Office Administration Diploma
Technology Programs
Software Development Diploma
Technology Programs
Cybersecurity Diploma
Certification & Training Courses
CPR and First Aid Training
Technology Programs
Help Desk Analyst Diploma
Technology Programs
Mobile App Developer Diploma
Technology Programs
Digital Marketing Diploma
Technology Programs
Web Design and Development Diploma
Business Programs
Legal Assistant Diploma
Health Programs
Personal Support Worker Certificate
Health Programs
Addictions and Community Service Worker Diploma
Health Programs
Medical Office Assistant and Unit Clerk Diploma
Health Programs
Pharmacy Assistant Diploma
Health Programs
Massage Therapy Diploma
Health Programs
Health Care Aide Certificate
Technology Programs
Graphic Design Diploma
Business Programs
Education Assistant Diploma
Technology Programs
Network Administrator Diploma
Business Programs
Administrative Assistant Diploma
Business Programs
Accounting and Payroll Administration Diploma
Business Programs
Business Administration Diploma

Web Design and Development Diploma

Web Design and Development Diploma
Next program start dates:
Monday, October 2, 2023
Monday, November 6, 2023
Apply Online
CPR Registration
Engaging Course Material
Instructors make coding a fun concept to understand, using HTML, CSS, JavaScript, 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
Diploma

Web Design and Development Diploma

Duration

54 Weeks

Campus

Calgary / Toronto

Offered

On-site / Online / Combination

Available

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 web development's functional design and programming aspects. 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 websites.

Take the "ABM College Digital Arts Career Training Readiness" Quiz
HCA PLAR Student Guide

Web Design and Development Diploma Highlights

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 include multiple functional aspects of web design, web publishing, web programming, and database management. Students learn coding languages such as HTML5, CSS3, JavaScript, PHP for WordPress, and Bootstrap, and use them to create core structures for web and server database use.

Discover key features of Web Design and Development:

  • Study online and create a schedule that works with your daily home, work and other commitments.
  • Our diploma program is designed to equip students with the tools they need to succeed in the digital arts field, including proficiency in Adobe Photoshop, InDesign, and Illustrator.
  • Additionally, our program offers a four-week practicum where students can gain hands-on experience in their chosen field, giving them an edge in the job market.
  • With our diploma program, we believe that our students will be able to confidently enter into the digital art field and make an impact on their chosen profession.
  • From functional design to fluency in several coding languages, the diploma helps you with employable skills.

Career Opportunities

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

Salary Range

Web Design and Development Diploma Information Kit

This kit includes important details on the Web Design and Development Diploma program at ABM College.

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.

Note: For non-domestic students with a study permit or visa, please see our International Students form here.

Submitting...
Oops! Something went wrong while submitting the form.
Is this program right for you?

Take our quick readiness quiz.

The fun online quiz will take you less than 5 minutes to complete and will help us understand your career goals and the kind of setting where you would be most comfortable working.

Take the quiz
Web Design and Development Diploma

Admission Requirements

Standard Admission

1. Successful completion of Grade 12 or equivalent. 2. Passing score on the Wonderlic Scholastic Level Exam. 3. Passing score on the Accuplacer Test. 4. Successful interview with ABM College Admissions.

Mature Admission

1. Applicants must be out of high school for at least two years. 2. Applicants must be at least 18 years of age prior to admission. 3. Passing score on the Wonderlic Scholastic Level Exam. 4. Passing score on the Accuplacer Test. 5. Successful interview with ABM College Admissions.

Detailed & International Requirements

For any other program or region-specific requirements, please contact one of our Admissions Advisors. For International Students, please refer to the International Students Admission Requirements.
Domestic 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.

Andre

Course Curriculum

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. Career Prep

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.

11. Microsoft Office

This training will help students to effectively utilize all the features of Microsoft Office products, and increase productivity. Students become well versed in the Microsoft Word, Excel, PowerPoint and Outlook applications. This 4-week module helps students sharpen their computer and Office skills and prepare for the main course modules.

12. Practicum

Students will gain practical and hands-on experience to apply the knowledge and skills learned in class to real-world experiences in a professional capacity during a four-week practicum placement.

Latest News from our team.

Get helpful information about your career or industry with informative articles from ABM College. Read and subscribe to our blog today.
September 22, 2023
 in 
News & Events
Autumnal Equinox: A Season of Nostalgia and Knowledge
Read Full Post
September 22, 2023
 in 
How a Medical Office Assistant and Unit Clerk Diploma can benefit you in different ways
Read Full Post
September 21, 2023
 in 
Business
Top 5 Challenges for Accounting and Payroll Administrators
Read Full Post
September 12, 2023
 in 
Business
Building Positive Relationships with Students as an Education Assistant
September 8, 2023
 in 
News & Events
Creating Hope Through Action: World Suicide Prevention Day 2023
September 7, 2023
 in 
Technology
5 reasons why Mobile App Developer is an in-demand program in Canada
View All Posts

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.

More information

ABM College is education that gets you hired.
Discover ABM:
Important links
ProgramsAdmissionsFinancial AidStudent Services
Academic & Conduct Policy
Privacy PolicyTerms & Conditions
Student Information
Download Free Info KitCampus InformationCareer ServicesAlumniPhoto GalleryReferral ProgramBlog
Get in Touch

Education That Gets You Hired

© 2023 ABM College. All Rights Reserved.