In this lesson, students will have a high-level discussion about what the internet is and how the internet works. The topics of anonymity and censorship will also be discussed.
Students will be able to:
In this lesson, students learn what a URL is and what happens when they visit a URL.
Students will be able to:
In this lesson, students understand how they can control and protect their footprint. As students use the Internet, they are building their digital footprint. This includes social media posts, emails, picture and video uploads amongst other online activities.
Students will be able to:
In this lesson, students will learn about ethical and legal considerations in computing and how these can create bias.
Students will be able to:
In this lesson, students will discuss the ways that the protocols that we have discussed can be exploited, and some methods of protection that we have. We learn about the impact of cybercrime and how we can combat cyber attacks with cybersecurity. Cryptography is the cornerstone of secure communication.
Students will have an understanding of why cybersecurity is necessary, and some practical measures that they can take themselves to improve their security on the internet.
In this lesson, students will explore careers available in computer science and student organizations to prepare them for various technological careers. They’ll also learn how bias can affect computer programs.
Students will be able to:
- Explore different computer science careers and opportunities
- Learn how bias can affect computer programs
In this lesson, students will be introduced to HTML: the language for building web pages. Students will discover why HTML is important and how it works in order to start building their own web pages.
Students will be able to:
In this lesson we upgrade from simple tags to full HTML documents. We learn some new tags that let us put information in different places on the web page, and we learn about the nested tree structure of an HTML document.
Students will be able to:
In this lesson, students learn about formatting tags that let them modify the appearance of text and make their web pages look clear and aesthetically pleasing.
Students will be able to:
In this lesson, students learn how to add hyperlinks to their web pages using the <a> tag.
Students will be able to:
In this lesson, students learn how to add images to their own web pages using the <img> tag!
Students will be able to:
In this lesson, students will learn what copyright laws are and how to avoid copyright infringement. They will explore why copyright laws are important and how they protect the creators. They will practice finding and citing online images.
Students will be able to:
In this lesson, students learn how to add lists to their web pages and practice making different kinds of lists.
Students will be able to:
In this lesson, students learn how to create and add tables to their web pages!
Students will be able to:
In this lesson, students will use HTML styling to make their pages visually appealing and unique.
Students will be able to:
In this lesson, students will dissect how colors are represented on a webpage. They will learn about how red, green, and blue are mixed to create colors, and how the levels of red, green, and blue are specified using rgb values and hex values.
Students will be able to:
This lesson is a summative assessment of the unit’s learning objectives.
In this lesson, students will begin using CSS to add styling to their HTML pages.
Students will be able to:
In this lesson, students will learn CSS superpowers! CSS tag selectors can be used to select all elements of the same kind (<table>, or <h1> for example) and give them all the same style.
Students will be able to:
In this lesson, students will learn how to use CSS class selectors to apply CSS styling to all HTML elements that share a specified class. This allows for more specific styling.
Students will be able to:
Using CSS to select an element by ID helps to select a single element to format on a webpage. This is helpful when there is a need to be very specific in applying the CSS rules for the webpage.
Students will be able to:
In this lesson, students will learn how CSS rules are applied when more than one rule applies to an element.
Students will be able to:
In this lesson, students will learn why multi-file websites are important and how they can create them.
Students will be able to:
In this lesson, students will learn what web optimization and web conversion rate are why they are important and useful.
Students will be able to:
In this lesson, students complete a summative assessment of the unit’s learning objectives.
Students will be able to:
In this lesson, students will preview some of the advanced HTML/CSS features they will be learning how to use in this module!
Students will be able to:
In this lesson, students will learn how to embed content from other websites into their own websites using IFrames.
Students will be able to:
In this lesson, students will learn how to use divs to group and style multiple elements.
Students will be able to:
In this lesson, students will learn how to use spans to group and style multiple elements of inline text.
Students will be able to:
<span> tag to style multiple elements of inline textIn this lesson, students learn about HTML5 semantic tags and create web pages that leverage these tags to enhance the structure of their HTML documents.
Students will be able to:
In this lesson, students wlll learn how to combine CSS selectors so they can style multiple selectors and combinations, or specific parent/child selectors.
Students will be able to:
In this lesson, students will learn the Don’t Repeat Yourself (DRY) principle.
Students will be able to:
In this lesson, students will learn about special selectors such as :hover and :focus, and how these selectors can be used to style elements as the user interacts with them on the page.
Students will be able to:
In this lesson, students will learn how to use the visibility property to make elements visible or invisible on their page.
Students will be able to:
In this lesson, students will learn how they can use documentation as a resource to learn more about HTML and CSS features.
Students will be able to:
In this lesson, students will learn how to use the inspector tool to explore and modify code inline.
Students will be able to:
In this lesson, students will learn what the box model is and how they can use it to add a border around elements and to define space between elements.
Students will be able to:
In this lesson, students will learn how to include images in their programs and manipulate their pixels using WebImage. Students will learn how image filters manipulate stored pixel data.
Students will be able to:
In this lesson, students will learn how to add simple animations to their websites.
Students will be able to:
In this lesson, students will combine special selectors like :hover with animations to create sites that respond to the user’s actions.
Students will be able to:
In this lesson, students will learn more about CSS and how CSS frameworks can speed up development of web projects while applying a professional design style.
Students will be able to:
In this lesson, students will explore the CSS Grid Layout and apply it to create webpages.
Students will be able to:
In this lesson, students will look at what it means to make a website accessible for different users with different needs.
Students will be able to:
In this lesson, students complete a summative assessment of the unit’s learning objectives.
Students will be able to:
This project is meant to be a challenge that touches multiple concepts from the course to produce a digital artifact. In this Practice PT, students will be developing their first digital artifact: their very own website! This website will start off as their own personal homepage, and as students progress through the course, they will keep adding links to their favorite projects. By the end of the course this homepage will serve as their own personal portfolio website showcasing their work!
Students will create their own website from scratch, hosted at their own custom domain.
