Objective:
After finishing this section, you should be able to:
- Identify and understand the purposes of HTML, CSS, and JavaScript in a web browser.
- Define frontend, backend, and full-stack development.
- Write HTML code to do the following:
- Use <head> and <body> tags to create a web page.
- Use <div> tags to divide a web page into sections.
- Use <h> tags for web page headings.
- Use <p> tags for web page paragraphs.
- Use <a> tags for hyperlinks.
- Use <ul>, <ol>, and <li> tags to create bulleted and numbered lists.
- Use <img> tags to insert images into a web page.
- Add a caption to an image.
- Link to an external CSS style sheet.
- Write CSS style sheets to do the following:
- Resize an image to match the size of its <div> wrapper.
- Center a line of text.
- Italicize text within a <span> tag.
- Specify a particular font family for all text on a page.
- Change the font color of headings.
- Add padding to a page element.
- Add a drop-shadow to an element.
- Modify the background color of an element.
- Use JavaScript to add functionality to a button on a web page.
Links:
- TestOut Courseware: https://labsimapp.testout.com/
Key Terms:
- Frontend Development
- Backend Development
- Hypertext Markup Language (HTML)
- Cascading Style Sheet (CSS)
- JavaScript
Topics Discussed:
- How do frontend and backend technologies work together?
- What is the relationship between HTML, CSS, and JavaScript?
- Why is HTML called a “markup language”? Why is JavaScript considered a “programming language”?
Assignment:
- Access the TestOut Courseware through the provided link.
- Study 8.5: Web Development and complete Lab/Activities 8.5.6, 8.5.7, 8.5.8, 8.5.9, 8.5.10, 8.5.12, 8.5.13, 8.5.14 & 8.5.15 and the 10 question Exam to complete the Section.
Assigned: May 2nd, 2024
Teacher Pacing Due Date: May 3rd, 2024
AZ CS Standard: Computing Systems – HS.CS.T.1