Please enable JavaScript to use CodeHS

Utah Web Development 1 Framework

Standards

Standard Description
WD1.1.1 Demonstrate knowledge of standard copyright rules. Lessons
WD1.1.1a Understand copyright for original creations. Lessons
WD1.1.1b Understand the creative commons license. Lessons
WD1.1.1c Understand when to obtain permission for non-original work. Lessons
WD1.1.2 Identify the use and purpose of acceptable use policy (AUP). Lessons
WD1.1.2a Understand the AUP for your school. Lessons
WD1.1.3 Understand ethical behavior as it relates to an AUP, Intellectual Property, Netiquette, Respecting Privacy, Anti-Spamming Laws, etc. Lessons
WD1.2.1 Demonstrate knowledge required to develop an HTML document. Lessons
WD1.2.1a Code the foundation for a webpage. Include the element tags DOCTYPE, html, head, title, and body. Lessons
WD1.2.1b Structure the page using semantic and structural elements such as: header, nav, main, section, article, aside, footer, div, etc. Lessons
WD1.2.1c Use meta tags for page documentation. Lessons
WD1.2.1d Use appropriate comments. Lessons
WD1.2.2 Explain appropriate file structure and naming conventions. Lessons
WD1.2.2a Use logical file structure to build websites. Lessons
WD1.2.2b Incorporate appropriate naming conventions for website files. Lessons
WD1.2.3 Use the DOCTYPE Declaration Lessons
WD1.2.3a Develop pages using the DOCTYPE declaration. Lessons
WD1.2.4 Code a website with appropriate HTML structure and according to W3C standards that can be validated. Lessons
WD1.2.4a Demonstrate best practice by consistently using lowercase text for all element names Lessons
WD1.2.4b Properly nest elements. Lessons
WD1.2.4c Use quotes on attribute values. Lessons
WD1.2.5 Demonstrate the use of input elements and attributes. Lessons
WD1.2.5a Create pages with tags and attributes at the block level. (html, head, body, style, header, nav, main, section, footer, div) Lessons
WD1.2.5b Create pages with tags and attributes at the inline level. (DOCTYPE, title, h1, h2, h6, p, br, meta, etc.) Lessons
WD1.2.5c Code a website with text formatting, links, images, lists, tables (tabular data), etc. Lessons
WD1.2.5d Relative Links are relative to the directory of the website. (images/photo.jpg) Lessons
WD1.2.5e Absolute links are the exact location on the internet and contain a protocol. (http, https, ftp) Lessons
WD1.2.5f Code special characters such as:   © " < > & — Lessons
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.) Lessons
WD1.3.1 Apply CSS to your website. Lessons
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.) Lessons
WD1.3.1b Apply CSS to a webpage using an internal style. (Internal style rules may be used to uniquely style a single page.) Lessons
WD1.3.1c Apply CSS to a website using an external stylesheet. (Best Coding Practice - One file changes the entire website.) Lessons
WD1.3.2 Apply essential syntax & CSS box model. Lessons
WD1.3.2a Add style rule, declaration, selector, property value pair. Lessons
WD1.3.3 Students will format websites using CSS Lessons
WD1.3.3a Modify background properties such as: color and image. Lessons
WD1.3.3b Modify font properties such as: font-family, size, and color. Lessons
WD1.3.3c Link to and use an online font. (i.e.: Google Fonts, Adobe Fonts, etc.) Lessons
WD1.3.3d Modify margin and padding size around elements. Lessons
WD1.3.3e Code id & class tags within HTML Lessons
WD1.3.3f Within CSS use id & class tags to modify a HTML elements. Lessons
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) Lessons
WD1.3.3h Implement selectors pseudo class elements (i.e.: a:link, a:visited, a:active a:hover) Lessons
WD1.3.3i Use appropriate comments throughout your CSS Lessons
WD1.3.4 Format page layout using CSS. Lessons
WD1.3.4a Use width, height, or auto to adjust the size. Lessons
WD1.3.4b Use CSS Grid to layout the websites. Lessons
WD1.4.1 Analyze Project requirements. Lessons
WD1.4.1a Identify the purpose and audience for a website. Lessons
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.) Lessons
WD1.4.1c Identify and follow steps in the website planning and development process. Lessons
WD1.4.2 Users are the focus of all design. Lessons
WD1.4.2a Plan a website by using sketches, wireframes, or site maps. Lessons
WD1.4.2b Design elements are easy to access, understand, and use. Lessons
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. Lessons
WD1.4.3 Code and design a minimum three-page website. (This is integrated into every Strand.) Lessons
WD1.5.1 Open, edit, and save an image for effective use on your website. Lessons
WD1.5.1a Crop and resize various images. Lessons
WD1.5.1b Optimize an image. (Resize and change resolution for optimal load time.) Lessons
WD1.5.1c Enhance an image. Lessons
WD1.5.2a Incorporate a logo and header into webpage. Lessons
WD1.5.2b Incorporate images into a website. Lessons
WD1.6.1 Explore IT web development careers. Lessons
WD1.6.1a Identify job roles in the Information Technology (IT) industry as they apply to web development. Lessons
WD1.6.1b Understand the responsibilities, tasks, and skills each job requires. Lessons
WD1.6.1c UI designer, UX designer, front-end web developer, backend web developer, and full stack developer. Lessons