7554425D-0054-440D-B95E-D2ABC13D62CD Created with sketchtool.
{body}
Your Saved Info Packages

View your saved Course or Program Packages containing pricing and detailed curriculum.

Speak with a Learning Advisor.

Have questions about course details? We'll call you.

development

Certificate (Vancouver)

Web Development

Fill out the form below and a Learning Advisor will reach out at a time convenient for you.

Please pick a valid date and time between 9 AM and 8 PM eastern (Monday to Friday)

By clicking "Book a call," you accept our Terms and will also receive exclusive offers and updates about new courses, workshops and events.

Professional Certificate

Web Development Course Vancouver

  • Live Classroom
  • Part-Time
  • Expert Instructors

Learn to create professional, responsive websites using HTML, CSS, and more, and develop a real-world portfolio project.

View the Course Package to access:

  • Tuition details and scholarships
  • Financing options
  • Employer sponsorship

Next Kickoff:

November 3

6:30 PM - 9:30 PMEDT

Enroll Now

Limited Capacity

Find a class that fits your schedule.

4.4 out of 5 stars
4.5 out of 5 stars
4.7 out of 5 stars
Google
Course Report
Switchup

Learn Web Development Skills Live, Led by Experienced Technology Leaders

Having a strong online presence is essential to nearly every business. In this live course, learn to create beautiful, responsive websites by mastering the building blocks of the Web: HTML, CSS, and more. Get hands-on experience applying these skills to build a professional website of your choice that can be showcased in your portfolio.

Format

Online classroom. Live and expert-led.

Skill Level

Ideal for learners looking to upskill.

Real Outcomes

Build an interview-ready portfolio project.

Professional Certificate

Earn a BrainStation Web Development Certificate.

Upcoming Course Dates & Campuses

Due to COVID-19, some courses are currently being held online.

First Class Last Class # of Classes Class Times
November 3 January 19 January 19 10 Wednesdays 3:30pm - 6:30pm PDT Enroll Now
January 20 March 24 March 24 10 Thursdays 3:30pm - 6:30pm PST Enroll Now
Campus classroom preparing for class

New York

Due to COVID-19, New York courses are currently being held online.

Campus classroom preparing for class

This Course is Offered Online in Miami

Campus classroom preparing for class

This Course is Offered Online in London

Campus classroom preparing for class

This Course is Offered Online in Toronto

Campus classroom preparing for class

This Course is Offered Online in Vancouver

UNIT 1

Markup & HTML

Launch into this course by gaining foundational knowledge of the internet and how developers build websites. You'll get hands-on experience setting up your development environment and writing HTML code, learning critical aspects of syntax and anatomy. Complete your first development challenge and apply everything you've learned so far.

  • Visual Studio Code
  • Google Chrome
  • HTML
KEY SKILLS:
Markup Languages
HTML
Static Web Pages
Environment Setup

Build Basic Websites

Get hands-on experience writing HTML code to build your first basic websites. Practice applying foundational techniques and begin preparing to add more complexity throughout the rest of the course.

Discover Critical Development Tools

Explore the tools used by Web Developers around the world, along with how and when to use them. Learn to set up your development environment and take your first steps as a Web Developer.

UNIT 2

CSS Visual Styling

Cascading Style Sheets (CSS) is the language that enables Web Developers to modify the appearance of a website with custom styling and advanced layouts. In this unit, learn how to connect CSS files with your HTML files, and start writing CSS code to apply unique styles to your website, including fonts and colors. Learn how to use the cascading logic of CSS and different selectors to precisely style your website.

  • Visual Studio Code
  • Google Chrome
  • Chrome DevTools
  • HTML
  • CSS
KEY SKILLS:
CSS
Styling & Positioning
Selectors
Fonts
Advanced HTML
Multi-Page Websites

Apply CSS Code to Your HTML

Learn how to link your CSS to HTML so you can begin applying custom styling to your websites.

Understand CSS Cascade & Specificity

Get hands-on practice exploring the logic behind CSS and how it is interpreted by web browsers, so you can apply custom styles throughout your website.

Discover CSS Selectors

Learn the different CSS selectors and how to use them, allowing you to write clear, purposeful code and fine-tune your styling by selecting specific elements for customization.

Apply Custom Fonts

Discover how custom fonts are applied to your HTML code using CSS, and practice implementing custom typography within your website.

UNIT 3

Flexible Layouts & Web Components

Modern websites feature complex, flexible layouts. Learn how to achieve this within your own code by learning flexbox and more advanced CSS. Explore the concept of components and how they simplify UI design and implementation, and practice applying component thinking to your web development projects.

  • Visual Studio Code
  • Google Chrome
  • HTML
  • CSS
  • Flexbox
KEY SKILLS:
Flexbox
Advanced CSS
Box Model
Web Page Components
Component Design
Reusable CSS

Learn Important Web Display Properties

Explore the box model and the different display properties that define how elements on the page are positioned by web browsers.

Discover Flexbox for Dynamic Layouts

Learn to use flexbox to create fluid and dynamic webpages that elegantly handle your page content.

Build Webpages With Components

Practice building your webpage with a component mindset, ensuring your code is structured and reusable.

UNIT 4

Responsive Design & Advanced Web Concepts

The modern web is dominated by devices of all shapes and sizes. As a result, responsive design has emerged as the essential process of designing and building webpages to elegantly adapt to any device size, from desktop computers through to mobile phones. Learn how to use media queries to implement responsive design, and explore best practices used in the industry. Finally, explore some advanced web development topics where you can continue your learning beyond the class.

  • Visual Studio Code
  • Google Chrome
  • Chrome DevTools
  • HTML
  • CSS
KEY SKILLS:
Responsive Layouts
Responsive Design
Media Queries
Mobile

Apply Media Queries to Your Site

Learn how to build responsive sites leveraging flexbox and media queries. Learn how to identify and plan for different breakpoints, and how to customize your site's styles for each device size.

Explore Responsive Design

Responsive design is both a design and development exercise. Learn how to plan for responsive layouts in addition to implementing them during development.

Taught by Experienced Industry Experts

BrainStation Instructors are experienced practitioners who work at the world's most innovative companies. They're experts in their field, and enter the classroom with years of experience making sure you're learning the most up-to-date and practical skills companies around the world need.

Rose Cass

Rose Cass

Front End Engineer at Shopify

Rory Downes

Rory Downes

Sr. Software Engineer at Birchbox

Brendan Scarano

Brendan Scarano

Front End Engineer II at Amazon

Warren Chang

Warren Chang

VP, Engineering at Shutterstock

David Ashe

David Ashe

Sr. Engineer, Team Lead at American Express

Rose Cass

Rose Cass

Front End Engineer at Shopify

Rory Downes

Rory Downes

Sr. Software Engineer at Birchbox

Brendan Scarano

Brendan Scarano

Front End Engineer II at Amazon

Warren Chang

Warren Chang

VP, Engineering at Shutterstock

David Ashe

David Ashe

Sr. Engineer, Team Lead at American Express

Built With Experts From The World's Most Innovative Companies

BrainStation partners with industry experts when building all of our courses, ensuring every course covers the latest industry-relevant topics and tools businesses need. We continue to work with our network of experts to update our courses so they're always up to date.

Build and Showcase Your Web Development Portfolio Project

Showcase everything you've learned with a real-world portfolio project by building a custom responsive website of your choosing. By the end of the course, you'll have a beautiful website to add to your portfolio, that is responsive to different devices and applies the latest web development best practices.

project screenshots

View Tuition, Financing Options, and More in the Program Package

View the Course Package to access:

  • Tuition details and scholarships
  • Financing options
  • Employer sponsorship

Earn a BrainStation Web Development Certificate

Upon completing BrainStation's Web Development Course, you'll receive an industry-recognized professional certificate to share with your network and showcase all that you've learned. BrainStation certificates are formatted for sharing on LinkedIn.

Map of the surrounding area Map of the surrounding area

Location

Learn in the Center of Vancouver

Located in the heart of the tech & retail district, BrainStation is at the center of Vancouver’s business scene, surrounded by the best tech companies in Vancouver. In addition to courses, BrainStation Vancouver offers training sessions, industry events, expert panel discussions, and more.

455 Granville St #400, Vancouver, BC, V6C 1T1

What Our Graduates Are Saying

Dylan Hebb

Dylan Hebb

Senior Consultant at Content Bloom

When you take a BrainStation course, you're learning with some of the very best in the industry. You collaborate with product managers, digital strategists, UX designers, and all kinds of other backgrounds.

#brainstation #BeFutureProof #LearningAtBrainStation #remotelearning

Andrew Gosine

Andrew Gosine

Product Designer

Our instructor... was clear, detail oriented, and made the learning environment safe and collaborative. We got a lot of real world examples from him, and all the little details he shared made this entire course special, and more than simply reading a textbook.

Overall, I'm a big advocate for Brainstation's courses - they've proved to be extremely valuable in my career.

Nathan Devey

Nathan Devey

Software Engineer at Clearco

My dream has always been to become an entrepreneur. However, I didn't feel that my career was heading in a direction that would provide me with the skills necessary to start a business that I would be interested in... I decided that attending BrainStation would be a great way to take my coding knowledge to the next level, and hopefully remove the barrier that stood between me and my dream of entrepreneurship.

Read Full Testimonial
Kate Popkova

Kate Popkova

From the very first class, I realized how much I love learning coding. It was taught in a very simple, understandable and fun way... I never felt like I was overwhelmed with information and every question was answered right away with examples provided. What I loved the most was my instructor, who taught us how to approach an issue and where and how to find a solution.

Join our growing community of 15,000+ alumni.

Frequently Asked Questions

Set Password

You already have an account with BrainStation, but you still need to set up a password.