Students are introduced to HTML
HTML Basics
Students learn to add header tags to their HTML files
Headers
Students learn to add colors to their text in HTML
Text Colors
Students learn to add fonts to their text in HTML
Fonts
Students learn to add the DOCTYPE tag a the top of their HTML file.
DOCTYPE
Students explore the structure of HTML by adding html, head, and body tags.
HTML Structure
Students add background colors to their HTML files.
Background Color
Students add titles to the browser tab in HTML.
HTML Title
Students add paragraph tags to their HTML file.
Paragraphs
Students add breaks and dividers to their HTML files.
Breaks & Dividers
Students add ordered lists and list items to their HTML files.
Ordered Lists
Studens add unordered lists and list items to their HTML file.
Unordered Lists
Students align their text left, right, and center in their HTML files.
Text Align
Students add links by using the anchor tag.
Links
Students add images to their HTML files.
Images
Students add event listeners in the form of buttons in their HTML files.
Buttons/Event Listeners
Students add background images to their HTML files.
Background Image
Students add videos to their HTML files.
Videos
Students add audio to their HTML files.
Audio
Students learn how to make an image function like a link in their HTML files.
Image Link
Students learn how to make text scroll across the page with marquees.
Marquees
Students are introduced to CSS.
Introduction to CSS
Students learn how to make an external CSS stylesheet and how to connect it to their HTML files.
Connecting your CSS File to an HTML File.
Students learn to add text shadow to their CSS file
Text Shadow
Students learn to add gradient to their color in CSS.
Color Gradient
Students learn to document code by adding comments in HTML and CSS.
Comments in HTML/CSS
Students learn to further customize their HTML elements by adding CSS classes.
Classes
Students learn to use the color picker to use custom colors.
Color Picker
Students learn about the box model by adding margin and padding to their HTML elements.
Margin & Padding
Students learn to add a hover effect by using pseudo selectors in their CSS code.
Pseudo Selectors
Students add opacity to their HTML elements.
Opacity
Students add div tags to their HTML files.
Div Tags
Students learn more techniques for designing buttons on their HTML files.
Button Design
Students add different styling techniques to their HTML lists.
List Styles
Students add CSS icons to their HTML files.
CSS Icons
Students learn to style different borders using CSS.
Borders
Students learn some specifics about determining positioning on their HTML page using CSS.
Positioning
Students learn the basics of creating responsive web design by using media queries.
Media Queries Intro
Students learn to add a grid to their HTML file using CSS grid.
CSS Grid
Students learn to use flexbox.
CSS Flexbox
Students learn to add certain styling to their background images.
Background Image Style
Students review how to add an external CSS stylesheet.
External Style Sheet
Students are introduced to the bootstrap library and how to access it.
Bootstrap Intro
Students learn to leverage certain bootstrap classes.
Bootstrap Classes
Students learn how to use the grid system in bootstrap.
Bootstrap Grid
Students use the twelve column grid approach to position items in their HTML file.
Twelve Column Grid.
Students add bootstrap jumbotrons to their HTML files.
Bootstrap Jumbotron
Students learn to compartmentalize their HTML code using bootstrap cards.
Bootstrap Cards
Students add carousels to their HTML files using the bootstrap library.
Bootstrap Carousel
Students add nav bars to their HTML files using the bootstrap library.
Bootstrap Nav Bars
Studetns add dropdowns to their HTML files using the bootstrap library.
Bootstrap Dropdown
Students learn how to adjust the way their HTML elements appear using the transform ability.
Transform
Students adjust how elements transform by adding transitions to their CSS code.
Transition
Students add animations to their HTML elements.
Animations
Students are introduced to the basics of creating a table in HTML.
Tables
Students learn more about adding items into an HTML table.
Tables
Students practice styling HTML tables.
Table Styles
Students learn the basics of creating a form in HTML.
Forms
Students add text input fields to their HTML forms.
Text Input
Student add radio input options to their HTML forms.
Radio Input
Students learn to add a like button to their HTML page.
Facebook Plugins
Students create and register their own custom HTML tags.
Custom HTML Elements
Students isolate styling and functionality by creating a shadow DOM.
Shadow DOM
In this course, students will complete challenges that help solidify concepts as they use skills in a variety of ways. In order to complete tasks, students will creatively apply what they've learned by using different approaches to reach a goal. This experience closely follows challenges they would face in a technical interview, allowing them to practice. Students will create a variety of more advanced websites using different web development skills.