Web Development – Front-End Design Program (Postgraduate) (G418)

2022-20232023-2024
  • Program Name:
    Web Development – Front-End Design
  • Code: G418
  • Credential:
    Ontario College Graduate Certificate
  • Method of Study:
    Full-time
  • Duration:
    1 year (3 semesters)
  • Centre:
  • School: Design
  • Location: Waterfront Campus
  • Starting Months: September
  • Domestic Tuition:
    10,941.00 * ‡
  • International Tuition:
    $20,772.00 ** ‡
  • Experiential Learning:

    Field Placement available with portfolio approval.

  • Spring 2023 Delivery:
    Semester 3: Hybrid

Compare up to 3 programs

Overview

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

Computer Recommendation

All School of Design students are able to utilize the computers within the School of Design to complete their assignments. If a student within this program would like to purchase a personal computer to complete their work from home, we recommend the following specifications:

Apple

  • A Macbook Pro, iMac, Mac Studio, or Mac Pro that was released within the last 3 years or better.

Windows

  • Desktop or Laptop
  • Processor: Intel i5 or better
  • RAM: 16GB (minimum 8GB)
  • Graphics Card: Dedicated Graphic Card
  • Audio/Video: Camera & Microphone

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 demonstrates 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 lifecycle 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.

Courses

Required Courses

Semester 1

Course CodeCourses
DESN 3031Applied Interface Design
DESN 3032Applied Interface Development
DESN 3033User Interface Design and Technique
DESN 3034Prototyping and Experience Design
DESN 3035Libraries, Tools and Workflow
DESN 3036Studio Practice 1

Semester 2

Course CodeCourses
DESN 3037Front-End Application Architecture
DESN 3038Data Design and Development
DESN 3039Industry Employment and Portfolio
DESN 3040Future Interface Design
DESN 3041Front-End Frameworks
DESN 3042Studio Practice 2

Semester 3

Course CodeCourses
DESN 3043Front-End Design Field Placement

Career & Postgraduate Study Opportunities

Career Options

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

Tuition and Fees

Domestic Tuition

10,941.00 * ‡

International Tuition

$20,772.00 ** ‡

Additional Costs

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

‡ Semester 3 fees will consist of a flat fee of $500.00 for Field placement fees are to be paid separately, as this fee is not included in the total above.

** Amounts listed are the total of tuition, materials, student service and ancillary fees for the first two semesters of programs starting in Fall 2022. Fees are subject to change for programs starting in Fall 2023 and at later dates.

International Students

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

Financial Assistance

This program is approved for OSAP funding, provided the applicant meets OSAP eligibility criteria.

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.

Interview: Qualified applicants may also be invited for an interview.

English Language Proficiency

Applicants with international transcripts who do not provide English proficiency test results must test at the college level in the George Brown College English assessment to be considered for admission.

Please visit English Proficiency for more details.

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.

Web Development – Front-End Design Program (G418)

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

    Field Placement available with portfolio approval.

  • Spring 2022 Delivery:
    Semester 3: Hybrid

Compare up to 3 programs

Overview

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.

Courses

Required Courses

Semester 1

Course CodeCourses
DESN3031Applied Interface Design
DESN3032Applied Interface Development
DESN3033User Interface Design and Technique
DESN3034Prototyping and Experience Design
DESN3035Libraries, Tools and Workflow
DESN3036Studio Practice 1

Semester 2

Course CodeCourses
DESN3037Front-End Application Architecture
DESN3038Data Design and Development
DESN3039Industry Employment and Portfolio
DESN3040Future Interface Design
DESN3041Front-End Frameworks
DESN3042Studio Practice 2

Semester 3

Course CodeCourses
DESN3043Front-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 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.

Interview: Qualified applicants may also be invited for an interview.

ENGLISH LANGUAGE PROFICIENCY

Applicants with international transcripts who do not provide English language proficiency test results must test at the College level in the George Brown College English assessment to be considered for admission.

Please visit English Proficiency for more details.

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.

Web Development – Front-End Design Program (G418)

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

    Field Placement available with portfolio approval.

Compare up to 3 programs

Overview

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.

Courses

Required Courses

Semester 1

Course CodeCourses
DESN3031Applied Interface Design
DESN3032Applied Interface Development
DESN3033User Interface Design and Technique
DESN3034Prototyping and Experience Design
DESN3035Libraries, Tools and Workflow
DESN3036Studio Practice 1

Semester 2

Course CodeCourses
DESN3037Front-End Application Architecture
DESN3038Data Design and Development
DESN3039Industry Employment and Portfolio
DESN3040Future Interface Design
DESN3041Front-End Frameworks
DESN3042Studio Practice 2

Semester 3

Course CodeCourses
DESN3043Front-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.