Professional Certificate
Web Development Course Online
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
I decided that attending BrainStation would be a great way to take my coding knowledge to the next level.
Nathan Devey
Software Engineer at Clearco
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 | ||
|---|---|---|---|---|---|
| June 14 August 16 | August 16 | 10 Tuesdays | 6:30pm - 9:30pm EDT | Enroll Now |
This Course is Offered Online in New York
This Course is Offered Online in Miami
This Course is Offered Online in London
This Course is Offered Online in Toronto
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.
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.
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.
Learn in our State-of-the-Art Online Classroom
Instructor-Led, Live Online Courses, From the Comfort of Your Home
In all our online courses, learn from BrainStation's industry-expert instructors through real-time, interactive classes in an engaging classroom environment.
Interactive, Project-Based Learning
Join breakout room sessions in smaller teams as part of the hands-on projects in our online courses, where you will collaborate and learn together.
Community Beyond the Classroom
During your online course, engage with your classmates and instructors in BrainStation’s Slack community, where you’ll receive updates and support. Stay connected and in the loop throughout your online course.
What Our Graduates Are Saying
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
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
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
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
-
What is the difference between front-end, back-end, and full-stack development?
Web development is generally broken down into front-end and back-end development. Front-end Developers work on the “client-side” of web development, which refers to any portion of the site or app that users will interact with, including its layout, design, and interactivity. While there may be some overlap between the work of a Front-End Developer and a Web Designer, the roles are different, with the latter working to create website concepts, including color schemes, content development, and pages.
Back-End Developers work on the “server-side,” which is focused on the functionality of a site, including database interactions, user authentication, server, network and hosting configuration, and business logic.
A Full-Stack Developer is someone familiar with both front- and back-end development.
Unlike many web development courses, BrainStation's Web Development course focuses on boosting full-stack development skills, helping you learn how to create beautiful websites that are responsive to screens of all types and sizes.
-
Will I earn a Web Development certificate from this course?
Yes, when you complete the Web Development course, you will earn a BrainStation Web Development certificate, which can boost your LinkedIn profile and resume, helping you stand out in the job market and when applying for development and web design positions.
-
What payment options do you offer?
BrainStation offers some of the most competitive payment options for web development courses, with a range of flexible plans and scholarship opportunities.
These include:
-
Monthly payment installments
Allowing you to split your tuition into smaller monthly payments.
-
Employer sponsorship
Get your tuition reimbursed by your employer.
-
Scholarships
We offer a range of scholarships to make learning web design and full-stack development more accessible.
-
Monthly payment installments
-
Are there any prerequisites for this web development course?
BrainStation's Web Development course was created for those who are new to web design and web development, and can be considered beginner-friendly. There are no prerequisites for this course.
-
What kind of backgrounds do people have that take this course?
By enrolling in BrainStation's Web Development course, you can expect to learn alongside like-minded, ambitious professionals who are keen to learn web development and web design.
Professional backgrounds vary quite a bit in web development courses, as demand for development skills has increased across all fields and industries, including finance, marketing, web development, product management, and more.
From an educational point of view, 80 percent of BrainStation students have a post-secondary education, with 20 percent having earned a Master's degree or PhD.
-
What tools and programming languages do we learn?
In this Web Development course, you will gain a strong understanding of HTML and CSS, the fundamental tools of the modern web.
Using the code editor Visual Studio Code, you will learn how to write and format clear, concise, and functional code. Using HTML, you will learn how to add content to the front-end, such as images and text, along with how to structure information on a web page with sections, headings, paragraphs, and lists. With CSS, you will learn how to add style and formatting to the front-end, with everything from color to page layout.
-
What is the difference between this and the Web Development bootcamp?
BrainStation's Web Development course is a flexible, professional development course offered part-time, over 10 weeks. Taught by industry experts, the Web Development course is a project-based, hands-on learning experience, allowing you to develop development skills and learn the latest tools and programming languages.
BrainStation's Web Development bootcamp, on the other hand, is an intensive learning experience, designed to transform your skillset and help you launch a new career in development.
By the end of the online coding bootcamp, graduates have the skills, experience, and portfolio needed to find a job as a software engineer, full-stack developer, and more.
You May Also Be Interested In:
Web Development Bootcamp
The Web Development Bootcamp is BrainStation's flagship program to prepare you for a new Web Development career. In 400+ hours of learning, learn how to build modern web applications with JavaScript and React, and build a REST API leveraging Node.js and Express and use it to power it.
