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:
- Pricing 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 | ||
|---|---|---|---|---|---|
| August 10 October 12 | October 12 | 10 Tuesdays | 6:30pm - 9:30pm EDT | Enroll Now | |
| August 19 October 21 | October 21 | 10 Thursdays | 9:30pm - 12:30am EDT | Enroll Now | |
| September 29 December 1 | December 1 | 10 Wednesdays | 6:30pm - 9:30pm EDT | Enroll Now | |
| September 29 December 1 | December 1 | 10 Wednesdays | 9:30pm - 12:30am EDT | Enroll Now |
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 Pricing, Financing Options, and More in the Course Package
View the Course Package to access:
- Pricing 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.
You May Also Be Interested In:
Software Engineering Bootcamp
The Software Engineering Bootcamp is BrainStation's flagship program to prepare you for a new Software Engineering 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.
