Web Development Course

Learn to create professional, responsive websites using HTML, CSS, and more, and develop a real-world web developer portfolio project. Every business needs a strong online presence.

In this live Web Development 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 that can be showcased in your web developer portfolio.

Introduction to Programming

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

Get Started Building a Website

Get hands-on experience writing HTML code to start building your own website. Practice applying foundational programming techniques and begin preparing to add more complexity to your web pages throughout the rest of the course.

Web Development Tools

Explore the web and software development 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.

HTML and CSS

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

Link CSS to HTML

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

CSS 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 CSS elements for customization.

Using CSS Fonts

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

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 web components and how they simplify UI design and implementation, and practice applying component thinking to your web development projects.

CSS Box Model

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

CSS Flexbox

Learn to use flexbox (or the CSS flexible box layout) to create fluid and dynamic webpages that elegantly handle your page content.

Using Web Components

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

Responsive Web Design

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 to mobile phones.

Learn how to use media queries to implement responsive website design, and explore web design best practices used in the industry. Finally, explore some advanced web development topics where you can continue your learning beyond the class.

CSS Media Queries

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.