Web dev course curriculums

The Algonquin Design web development stream includes four core courses and two culminating performance courses where students learn & demonstrate their knowledge—and filled with lots of self-directed learning opportunities.

Core courses

Algonquin College’s Graphic Design program has six core web development courses—one each term lasting for up to fifteen weeks—exploring a range of topics from intro to HTML all the way to responsive, component-driven design systems.


Web Dev 1

Web development is the production of functional, interactive websites accomplished through the use of the HTML and CSS coding languages. Using video tutorials, step-by-step online lessons, and automation, students explore processes such as semantics and mobile-first architecture, and tools like cloud platforms and version control, in tandem with precise organization principles and current best practices.

Web Dev 2

The web is accessible to all human beings on the planet. Using grid systems, type systems, and reusable code, students construct modular and flexible web architectures to support the many different screen dimensions, platforms, and needs of people connected to the web.

Web Dev 3

The modern web is not just functional but also beautiful. Students apply visual design best practices to include more user-friendly graphics, iconography, animations, and rich interactions to make their websites functional, delightful, and performant.

Web Dev 4

Design consistency in large websites is hard to achieve. Using visual design & code best practices, students build a cohesive library of common components, patterns, and styles. Small teams will exchange pattern libraries and demonstrate the many components by creating full page template deliverables.

Web Dev 5

Graphic designers are hired for their personality and their work quality. The first interaction potential employers have is through the designer’s online presence—most importantly a portfolio website. Leasing personal domains, configuring servers for email addresses, and peer reviews are some of the topics explored to launch a successful personal portfolio website.

Web Dev 6

Web Dev 6

No web projects are created by just one person—collaboration with other people is fundamental to successful websites. Teams of students organize and create large-scale websites using project management tools, version control systems, online messaging, and issue trackers.

Self-directed courses

Outside the core Web Dev courses, Algonquin Graphic Design offers self-directed couses for enthusiastic students to explore more complex and in-depth materials with guidance on their own time.


JS

Javascript

Interaction and effects on the web are spectacular when enhanced with the Javascript programming language. Students create motion graphics and complex interactions to enhance the user experience after learning programming basics with activities like co-op games, interactive code-based quizzes, and programming challenges.

Jekyll

Jekyll

Maintenance of websites is frustrating without proper set up. Following a systematic approach, while using Jekyll, an open source website generator, students explore templates, looped data sets, and information abstractions that prevent code duplication making websites easier to develop and maintain.

Workshops

Scattered throughout each term are two-hour workshops that introduce students to topics from the self-directed courses or explore more ideas for web development that aren’t covered in the core curriculum.


Thinking

An introduction to Javascript and logical, computer thinking using a series of activities.

  1. What’s this Javascript thing?
  2. Walk like an Egyptian
  3. Dinos love gems
  4. Dogs ’n’ data
  5. Code, meet English

SVG❤JS

SVG❤JS

An introduction to use Javascript & SVG together to make fantastic visualizations.