Web Development – Front-End Design Program (G418)

  • Program Name:
    Web Development – Front-End Design
  • Code: G418
  • Credential:
    Ontario College Graduate Certificate
  • Method of Study:
  • Duration:
    1 year (3 semesters)
  • Centre:
  • School:
  • Location: Waterfront Campus
  • Starting Months: January
  • Domestic Tuition:
    $14,304.00 *
  • Experiential Learning:

    Field Placement available with portfolio approval.

Compare up to 3 programs


Program Overview

Front-End Design focuses on human-centred design to produce high-impact websites and apps. George Brown College's Web Development – Front-End Design program prepares learners with skills in both application and interface development to deliver solutions that meet industry-standards for effective code engineering and responsible design, going beyond traditional websites.

Full Description

This one-year (3 semesters) graduate certificate program will prepare learners to translate concepts and ideas into visual and functional interfaces, websites, applications and systems, both personal and professional. Front-End Developers focus on human-centred design to produce high-impact websites and apps that respond to the needs of a client — in sectors ranging from healthcare to fintech, retail to technology, and beyond.

The program establishes a new standard for application development with a core focus on five pillars:

  • accessible user interface design (“UI”)
  • intuitive user experience design (“UX”)
  • industry workflow and problem solving skills
  • full-stack application architecture
  • front-end development

This program has been designed to meet industry needs as application design and development remain critical skills within the rapidly evolving digital economy. Efficient and effective communication with stakeholders and audiences alike is needed in nearly every contemporary industry, from retail to marketing and beyond.

Graduates of the Web Development – Front-End Design program will have the theoretical and hands-on training to:

  • Develop custom front-end interactive prototypes and solutions, using the latest techniques in HTML, CSS and JavaScript.
  • Integrate the latest libraries and frameworks to improve efficiency, while maximizing employability.
  • Master the development workflow, including testing, debugging, documentation, bundling and deployment.
  • Put user interface (UI) and user experience (UX) design principles into practice.
  • Apply knowledge from all levels of the design and development stack to create solutions that meet the requirements of a client brief.

Your Field Education Options

During the third semester of the program, students will take part in a Work Integrated Learning placement with an industry sponsor.

Program Learning Outcomes

The graduate has reliably demonstrated the ability to:

  1. Determine and document requirements for web computing projects based on the effective application of stakeholder needs.
  2. Prepare and present proposals and business plans for web applications that satisfy stakeholder requirements.
  3. Design, model, implement and optimize accessible web solutions to meet client requirements and constraints, and align with standards and best practices.
  4. Design, model, implement, optimize and maintain databases to support data-driven solutions for web environments.
  5. Implement a development process to support consistency between development platforms and production platforms.
  6. Develop the appropriate information architecture in order to satisfy a broad range of requirements and enhance the user experience.
  7. Apply project management concepts to web environment projects to ensure the effective management throughout the life cycle of the project.
  8. Test, troubleshoot and debug web applications to support requirements and meet Quality Assurance objectives.
  9. Communicate and collaborate with team members and stakeholders to ensure effective working relationships.
  10. Evaluate proposed solutions to optimize and improve web applications based on usability testing and analysis.
  11. Adhere to ethical, legal and regulatory requirements and/or principles to develop and manage web applications.
  12. Select and apply strategies for personal and professional development to enhance work performance.
  13. Use front-end frameworks to promote patterns of design and development that conform to the latest industry standards.
  14. Create interactive experiences for various types of front-end interfaces or devices, with a focus on user-facing applications.


Required Courses

Semester 1

Course Code Courses
DESN3031 Applied Interface Design
DESN3032 Applied Interface Development
DESN3033 User Interface Design and Technique
DESN3034 Prototyping and Experience Design
DESN3035 Libraries, Tools and Workflow
DESN3036 Studio Practice 1

Semester 2

Course Code Courses
DESN3037 Front-End Application Architecture
DESN3038 Data Design and Development
DESN3039 Industry Employment and Portfolio
DESN3040 Future Interface Design
DESN3041 Front-End Frameworks
DESN3042 Studio Practice 2

Semester 3

Course Code Courses
DESN3043 Front-End Design Field Placement

Career & Postgraduate Study Opportunities

Your Career

Graduates from Web Development – Front-End Design may find employment in a variety of industries from retail to marketing and beyond. Graduates may go on to careers as:

  • Software Engineers and Designers
  • Interactive Media Developers
  • Computer Programmers
  • Web Designers
  • Developers

Educational Pathways



Tuition and Fees

Domestic Tuition

$14,304.00 *

Additional Costs

*Amounts listed are the total tuition, materials (non-refundable), student service and ancillary fees for the three semesters of programs starting in Winter 2021. Fees are subject to change for programs starting in Fall 2021 and at later dates.

International students: Visit the Tuition Fees and Related Costs for International Students page for more information.

International Students

Visit the International Fees and Related Costs page for more information. 

Financial Assistance

This program is not eligible for OSAP funding.

Disclaimer: The information contained in this website is subject to change without notice. It should not be viewed as a representation, offer or warranty. Students are responsible for verifying George Brown College fee requirements.

How to Qualify and Apply

Admission Requirements

Ontario College Diploma, Advanced Diploma, Degree or equivalent in Computer Science/Studies, Web Programming, Interaction Design or related, or demonstrated work experience in design or computer development.

Questionnaire: Qualified applicants will be invited to complete a questionnaire electronically. The questionnaire will focus on queries related to past development experiences and software applications the applicant is familiar with and comfortable working in. The questionnaire is designed to describe the applicant's future career objectives and intentions in the program. It provides information to assist the Academic Review Committee in assessing the applicant's potential for success in the program.

View Questionnaire

Interview: Qualified applicants may also be invited for an interview

International Students

Visit the International Admissions page for more information regarding country specific admission requirements.  

International Students

Visit the How to Apply page for more information on how and when to apply. 

International students should apply through the George Brown College Online Application System.

Contact Us

School of Design 

Phone: 416-415-5000, ext. 3129

Email: game@georgebrown.ca

For more information about George Brown College, you may also call the Contact Centre at 416-415-2000 (TTY 1-877-515-5559) or long distance 1-800-265-2002.

International Students

Contact one of our international recruitment representatives specializing by country of origin by either booking a virtual meeting or submitting an inquiry. For more information visit the International Contact Us page

Visit Our Campus

This program is part of our School of Design, located at our Waterfront Campus at 3 Lower Jarvis St., Toronto, Ontario, Canada.

School of Design Building

The School of Design resides in a new 103,000-square-foot facility in the Daniels Waterfront – City of the Arts development. This state-of-the-art building supports academic programs and industry projects with features such as:

  • Virtual and augmented reality lab
  • Usability and testing lab
  • Future Ways of Living lab
  • Peer tutor lab
  • Digital Sandbox
  • Incubators
  • Prototyping and workshop spaces
  • Design and innovation showcase spaces

Come and have your questions answered, learn about the program content and career options, meet your friendly professors and staff, and experience what it is like to be in a George Brown College classroom at one of our information sessions. You can also book a campus tour.

Sign up and learn more about your options, our programs, and life at George Brown.