In this chapter we go over how to write an HTML file, what an HTML tag is and what needs to be in place for an HTML file to work properly in a browser. We will also make a starter file which will be used for the rest of this course.
In this chapter we go over all the most common HTML tags.
In this chapter we go over how to write a CSS rule, where we should write our css, and how to connect to both local and external css files.
In this chapter we go over how to style our text, how to make a font stack and where to get fonts that are not already on our computer. We will also go over how to define color in CSS.
In this chapter we go over how elements are displayed on a page. The box model is essential for understanding layout.
In this chapter we go over how to include images in our HTML
In this chapter we go over the different strategies we can take to laying out content on an HTML page.
In this chapter we go over what media queries are, and the most common ways to use them.
In this chapter we look at a much easier way to accomplish layout with a css grid.
In this chapter we look at some of the more advanced css selectors.
In this chapter we look more closely at how css rules are determined when there is a conflict.
In this chapter we go through building a nav section.
In this chapter we go through building a hero section.
In this chapter we go through building a footer section.
In this chapter we go over how to build tables in HTML.
In this chapter we take a look at forms and inputs in HTML.
In this chapter we take a look at how to host our website.
In this chapter we take a look at what SVG's are and when they are a better choice over other img formats.
In this chapter we take a look at the idea of a component in web development.
In this chapter we go through how to build a card component.
In this chapter we go through how to build an employee bio component.
In this chapter we go through how to build a scheduled event component.
In this chapter we go through how to build a pricing table.
In this chapter we go through how to build a portfolio grid.
In this chapter we take a look at a popular css framework called Foundation 6, and how we can use it to speed up development.
In this chapter we take a look at what material design is and how it is having a huge influence over web design.
In this chapter we take a look at css animations and how to determine when to use them.