# WDE Exam Prep ## Instructions Copy the table below into your own journal. Next to each objective, give yourself a "confidence score" that represents how confident you feel that you will get a question about that topic right. Use a letter grade scale (A means you are very confident you will get a question about that topic correct, E means that you are very confident you will get a question about that topic wrong). This is a completion activity and I won't use your confidence scores to calculate any grade - so feel free to be honest! We'll use this to inform our study plan for the test. ## WDE Exam Objectives | ID | Section | Objective | Confidence | Description | |----|---------------------------------------------------------------|-----------|------------| -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 | **Section 1: HTML Fundamentals** | 1.1 | A | Describe the basic structure of an HTML document, including the declaration. | | 2 | | 1.2 | A | Understand the distinction between block-level and inline elements. | | 3 | | 1.3 | B | Identify and correctly use basic HTML entities. | | 4 | | 1.4 | A | Explain the importance of character encoding. | | 5 | | 1.5 | B | Utilize comments to document HTML code. | | 6 | | 1.6 | A | Demonstrate the use of basic tags (html, head, title, body). | | 7 | **Section 2: Text Formatting and Structure** | 2.1 | A | Implement text formatting tags such as strong, em, u, del, sup, sub, and mark. | | 8 | | 2.2 | A | Demonstrate the use of headings (h1-h6) and their importance in structuring content and enhancing accessibility. | | 9 | | 2.3 | A | Structure content with paragraphs (p) and manage text flow. | | 10 | | 2.4 | B | Apply line breaks (br) and horizontal rules (hr) for content separation. | | 11 | | 2.5 | A | Use the blockquote, q, cite, and abbr tags appropriately. | | 12 | | 2.6 | B | Employ code, pre, kbd, and samp tags to display preformatted text, format code snippets and user input. | | 13 | | 2.7 | A | Create and manipulate ordered (ol), unordered (ul), and definition lists (dl), including nesting. | | 14 | | 2.8 | A | Create and manipulate tables (table, tr, td), focusing on headers (th), cell merging (colspan, rowspan), captions (caption), and table attributes (e.g., summary). | | 15 | **Section 3: Multimedia and Hyperlinks** | 3.1 | A | Embed images with img tag (src), focusing on alt text (alt) and basic responsive design attributes (srcset, sizes, width, height). | | 16 | | 3.2 | B | Create hyperlinks using the a tag, covering internal and anchor links, external links, email and telephone links, and link-specific attributes (href, target, download, rel, title). | | 17 | | 3.3 | B | Embed multimedia content using audio and video elements (src, controls, width, height, autoplay, loop, preload), including considerations for cross-browser compatibility (the source element) and responsiveness (poster, media). | | 18 | | 3.4 | A | Design interactive image maps with map and area tags. | | 19 | | 3.5 | C | Utilize figure and figcaption for associating media with captions. | | 20 | | 3.6 | B | Embed external web content with iframe, including making iframes responsive. | | 21 | | 3.7 | A | Integrate multimedia elements as clickable links. | | 22 | | 3.8 | A | Integrate favicons for brand identity and user recognition. | | 23 | **Section 4: Forms and Styling** | 4.1 | A | Design forms (form, label) with a variety of input types (input, type, name, id, text, email, url, number, password, checkbox, radio, submit, reset, textarea) and understand their specific use cases. | | 24 | | 4.2 | A | Discuss form submission methods (GET vs. POST) and their appropriate use cases. | | 25 | | 4.3 | B | Implement field grouping with fieldset and legend tags for enhanced form usability and use form-specific attributes to customize form behavior and appearance (value, placeholder, disabled, readonly). | | 26 | | 4.4 | B | Use validation techniques and attributes (e.g., required, min, max, maxlength, autocomplete, etc.). | | 27 | | 4.5 | B | Create dropdown menus with select and option tags. | | 28 | | 4.6 | A | Apply CSS for styling HTML elements, including the use of inline styles (the style attribute) and internal stylesheets (the style element). | | 29 | | 4.7 | A | Explore the use of CSS classes (class) and IDs (id) for element styling. | | 30 | | 4.8 | A | Incorporate color (color, background-color) and font properties (font-weight, font-size, font-family, font-style) for consistent website styling. | | 31 | | 4.9 | A | Differentiate and apply the use of span and div for styling and layout. | | 32 | | 4.10 | A | Incorporate basic styling attributes to manipulate the appearance of containers (border, padding, margin). | | 33 | **Section 5: Accessibility, Best Practices, and Modern HTML** | 5.1 | B | Explain the core principles of web accessibility and the importance of following WCAG guidelines. | | 34 | | 5.2 | B | Utilize ARIA roles (role), states, and properties (aria-expanded, aria-checked, aria-hidden) to make web content more accessible. | | 35 | | 5.3 | A | Implement semantic markup and integrate modern HTML5 structural elements for document organization (header, nav, main, article, section, aside, footer). | | 36 | | 5.4 | C | Apply microformats (hCard, vCard), microdata, and schema.org (itemprop, itemscope) for enriched content semantics. | | 37 | | 5.5 | B | Understand and apply the basics of HTML APIs (Geolocation, Web Storage) in web applications. | | 38 | | 5.6 | A | Utilize SVG for scalable vector graphics, focusing on its benefits and basic syntax. | | 39 | | 5.7 | A | Discuss HTML5 development best practices, focusing on code readability and performance. | | 40 | | 5.8 | A | Understand and apply the basics of testing web accessibility. | ## Study Plan (We'll start filling this part in next class)