Please enable JavaScript to use CodeHS

Standards Mapping

for Utah Web Development 1

67

Standards in this Framework

67

Standards Mapped

100%

Mapped to Course

Standard Lessons
WD1.1.1
Demonstrate knowledge of standard copyright rules.
  1. 1.4 Ethics and Legal Considerations
WD1.1.1a
Understand copyright for original creations.
  1. 1.4 Ethics and Legal Considerations
WD1.1.1b
Understand the creative commons license.
  1. 1.4 Ethics and Legal Considerations
WD1.1.1c
Understand when to obtain permission for non-original work.
  1. 1.4 Ethics and Legal Considerations
WD1.1.2
Identify the use and purpose of acceptable use policy (AUP).
  1. 1.4 Ethics and Legal Considerations
WD1.1.2a
Understand the AUP for your school.
  1. 1.4 Ethics and Legal Considerations
WD1.1.3
Understand ethical behavior as it relates to an AUP, Intellectual Property, Netiquette, Respecting Privacy, Anti-Spamming Laws, etc.
  1. 1.4 Ethics and Legal Considerations
WD1.2.1
Demonstrate knowledge required to develop an HTML document.
  1. 2.2 Structure of an HTML Page
  2. 2.3 Formatting Text
WD1.2.1a
Code the foundation for a webpage. Include the element tags DOCTYPE, html, head, title, and body.
  1. 2.2 Structure of an HTML Page
  2. 2.3 Formatting Text
WD1.2.1b
Structure the page using semantic and structural elements such as: header, nav, main, section, article, aside, footer, div, etc.
  1. 4.5 Semantic Tags
WD1.2.1c
Use meta tags for page documentation.
  1. 3.7 What is Web Optimization?
WD1.2.1d
Use appropriate comments.
  1. 2.2 Structure of an HTML Page
WD1.2.2
Explain appropriate file structure and naming conventions.
  1. 3.7 What is Web Optimization?
WD1.2.2a
Use logical file structure to build websites.
  1. 3.7 What is Web Optimization?
WD1.2.2b
Incorporate appropriate naming conventions for website files.
  1. 3.7 What is Web Optimization?
WD1.2.3
Use the DOCTYPE Declaration
  1. 2.2 Structure of an HTML Page
WD1.2.3a
Develop pages using the DOCTYPE declaration.
  1. 2.2 Structure of an HTML Page
  2. 2.3 Formatting Text
WD1.2.4
Code a website with appropriate HTML structure and according to W3C standards that can be validated.
  1. 2.2 Structure of an HTML Page
  2. 2.4 Links
WD1.2.4a
Demonstrate best practice by consistently using lowercase text for all element names
  1. 2.8 HTML Tables
WD1.2.4b
Properly nest elements.
  1. 2.7 HTML Lists
  2. 2.8 HTML Tables
WD1.2.4c
Use quotes on attribute values.
  1. 2.4 Links
  2. 2.5 Images
WD1.2.5
Demonstrate the use of input elements and attributes.
  1. 2.2 Structure of an HTML Page
  2. 4.5 Semantic Tags
  3. 4.10 Reading Documentation
WD1.2.5a
Create pages with tags and attributes at the block level. (html, head, body, style, header, nav, main, section, footer, div)
  1. 2.2 Structure of an HTML Page
  2. 4.5 Semantic Tags
WD1.2.5b
Create pages with tags and attributes at the inline level. (DOCTYPE, title, h1, h2, h6, p, br, meta, etc.)
  1. 2.3 Formatting Text
WD1.2.5c
Code a website with text formatting, links, images, lists, tables (tabular data), etc.
  1. 2.3 Formatting Text
  2. 2.4 Links
  3. 2.5 Images
  4. 2.7 HTML Lists
  5. 2.8 HTML Tables
WD1.2.5d
Relative Links are relative to the directory of the website. (images/photo.jpg)
  1. 3.6 Multi-file Websites
WD1.2.5e
Absolute links are the exact location on the internet and contain a protocol. (http, https, ftp)
  1. 3.6 Multi-file Websites
WD1.2.5f
Code special characters such as:   © " < > & —
  1. 2.3 Formatting Text
WD1.2.5g
Demonstrate the use of HTML forms, buttons, text fields, checkboxes, and radio buttons. (Form does not need to submit to an actual database or email.)
  1. 4.10 Reading Documentation
WD1.3.1
Apply CSS to your website.
  1. 3.1 Introduction to CSS
  2. 3.2 CSS Select by Tag
  3. 3.4 CSS Select by ID
WD1.3.1a
Apply CSS to an element using an inline style. (An inline style may be used to apply a unique style for a single element.)
  1. 3.1 Introduction to CSS
WD1.3.1b
Apply CSS to a webpage using an internal style. (Internal style rules may be used to uniquely style a single page.)
  1. 3.2 CSS Select by Tag
  2. 3.3 CSS Select by Class
WD1.3.1c
Apply CSS to a website using an external stylesheet. (Best Coding Practice - One file changes the entire website.)
  1. 3.6 Multi-file Websites
WD1.3.2
Apply essential syntax & CSS box model.
  1. 4.12 The Box Model
WD1.3.2a
Add style rule, declaration, selector, property value pair.
  1. 3.5 The Cascade
WD1.3.3
Students will format websites using CSS
  1. 3.1 Introduction to CSS
  2. 4.1 Getting Started - Advanced HTML and CSS
WD1.3.3a
Modify background properties such as: color and image.
  1. 3.1 Introduction to CSS
  2. 3.6 Multi-file Websites
WD1.3.3b
Modify font properties such as: font-family, size, and color.
  1. 3.2 CSS Select by Tag
  2. 3.3 CSS Select by Class
WD1.3.3c
Link to and use an online font. (i.e.: Google Fonts, Adobe Fonts, etc.)
  1. 7.1 What is Bootstrap?
  2. 7.2 Getting Started with Bootstrap
WD1.3.3d
Modify margin and padding size around elements.
  1. 4.12 The Box Model
WD1.3.3e
Code id & class tags within HTML
  1. 3.3 CSS Select by Class
  2. 3.4 CSS Select by ID
WD1.3.3f
Within CSS use id & class tags to modify a HTML elements.
  1. 3.3 CSS Select by Class
  2. 3.4 CSS Select by ID
WD1.3.3g
Implement an id selector to modify a single element on the page. (Unique id tags are only used one time per page, "classes" can be used one or more times per page)
  1. 3.3 CSS Select by Class
WD1.3.3h
Implement selectors pseudo class elements (i.e.: a:link, a:visited, a:active a:hover)
  1. 4.8 Special Selectors
WD1.3.3i
Use appropriate comments throughout your CSS
  1. 3.1 Introduction to CSS
WD1.3.4
Format page layout using CSS.
  1. 4.16 The CSS Grid Layout
WD1.3.4a
Use width, height, or auto to adjust the size.
  1. 4.16 The CSS Grid Layout
WD1.3.4b
Use CSS Grid to layout the websites.
  1. 4.16 The CSS Grid Layout
WD1.4.1
Analyze Project requirements.
  1. 5.1 Homepage: Your First Website
WD1.4.1a
Identify the purpose and audience for a website.
  1. 5.1 Homepage: Your First Website
WD1.4.1b
Identify basic principles of website usability, readability, and accessibility. (Usability: Cross browser compatibility. Readability: contrast, size, font, and color. Accessibility standards that address the needs of people with visual and motor impairments, such as using alt tags, strong instead of bold, etc.)
  1. 5.1 Homepage: Your First Website
WD1.4.1c
Identify and follow steps in the website planning and development process.
  1. 5.1 Homepage: Your First Website
WD1.4.2
Users are the focus of all design.
  1. 5.1 Homepage: Your First Website
WD1.4.2a
Plan a website by using sketches, wireframes, or site maps.
  1. 5.1 Homepage: Your First Website
WD1.4.2b
Design elements are easy to access, understand, and use.
  1. 5.1 Homepage: Your First Website
WD1.4.2c
Keep the interface simple, create consistency, use common Ul elements, placement in page layout, strategically use color and texture, use typography to help increase scannability, legibility and readability, and inform your users of location, actions, or errors.
  1. 5.1 Homepage: Your First Website
WD1.4.3
Code and design a minimum three-page website. (This is integrated into every Strand.)
  1. 5.1 Homepage: Your First Website
WD1.5.1
Open, edit, and save an image for effective use on your website.
  1. 2.5 Images
  2. 3.7 What is Web Optimization?
  3. 4.13 Image Manipulation
WD1.5.1a
Crop and resize various images.
  1. 2.5 Images
WD1.5.1b
Optimize an image. (Resize and change resolution for optimal load time.)
  1. 3.7 What is Web Optimization?
WD1.5.1c
Enhance an image.
  1. 4.13 Image Manipulation
WD1.5.2a
Incorporate a logo and header into webpage.
  1. 5.1 Homepage: Your First Website
WD1.5.2b
Incorporate images into a website.
  1. 5.1 Homepage: Your First Website
WD1.6.1
Explore IT web development careers.
  1. 1.6 Computer Science Careers
WD1.6.1a
Identify job roles in the Information Technology (IT) industry as they apply to web development.
  1. 1.6 Computer Science Careers
WD1.6.1b
Understand the responsibilities, tasks, and skills each job requires.
  1. 1.6 Computer Science Careers
WD1.6.1c
UI designer, UX designer, front-end web developer, backend web developer, and full stack developer.
  1. 1.6 Computer Science Careers