Students learn how to link two files together to apply their CSS code to their HTML files.
CSS Files
Connecting Files
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16
Students are introduced to an external library called Bootstrap and practice importing it into their HTML and CSS files.
Bootstrap Introduction
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16
Students learn how to access pre-made classes in the Bootstrap library and how to apply them to their own websites.
Bootstrap Classes
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16
Students learn how to access pre-made grids in the Bootstrap library and how to apply them to their own websites.
Bootstrap Grid
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16
Students dive deeper into Bootstrap grids and learn how to further customize the grid to fit their needs by using the twelve-column organization structure.
Twelve Column Grid.
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16
Students learn how to create a jumbotron on their websites.
Jumbotron
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16
Students learn how to organize their websites using Bootstrap cards.
Cards
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16
Students learn how to build a carousel on their website and add meaningful content.
Carousels
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16
Students learn how to leverage bootstrap in order to build a navigation bar on their website.
Bootstrap Nav Bar
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16
Students learn how to add animations to various parts of their website. They also learn to dictate where animations go and their behavior.
Animations
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16
Students learn how to build a dropdown and add it to their website.
Bootstrap Dropdown
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16
Students learn what it means to transform parts of their website. They practice adding transformation to their page.
Transform
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23
Students learn what it means to transition parts of their website and how that's different from tranforming. They will practice adding transitions to their transformations.
Transition
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23
Students are introduced to how tables work in HTML and practice implementing the basics of tables on their website.
Tables Introduction
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23
Students dive deeper into the possibilities of what tables can do in HTML and CSS. They will further polish the tables on their websites.
Tables Continued
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23
Students learn how to style their tables to make them look professional.
Table Styles
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23
Students learn how to create forms and apply them to their websites.
Forms
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23
Students learn how to add text inputs to their forms and add them to their code page.
Text Input
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23
Students learn how to add radio inputs to their forms and add options for users to select on their code page.
Radio Input
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23
Students learn how to build forms on their websites to submit input.
Submit Input
2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23
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.