Please enable JavaScript to use CodeHS

Standards Mapping

for South Carolina Advanced Web Page Design and Development

89

Standards in this Framework

63

Standards Mapped

70%

Mapped to Course

Standard Lessons
A.1
Review school safety policies and procedures.
A.2
Review classroom safety rules and procedures.
A.3
Review safety procedures for using equipment in the classroom.
A.4
Identify major causes of work-related accidents in office environments.
A.5
Demonstrate safety skills in an office/work environment.
B.1
Identify the purpose and goals of a Career and Technology Student Organization (CTSO).
B.2
Explain how CTSOs are integral parts of specific clusters, majors, and/or courses.
B.3
Explain the benefits and responsibilities of being a member of a CTSO.
B.4
List leadership opportunities that are available to students through participation in CTSO conferences, competitions, community service, philanthropy, and other activities.
B.5
Explain how participation in CTSOs can promote lifelong benefits in other professional and civic organizations.
C.1
Demonstrate proficiency and skills associated with the use of technologies that are common to a specific occupation.
  1. 4.2 Homepage: Your First Website
  2. 7.3 Interactive Resume Development
  3. 10.5 Presenting Your Innovation
  4. 14.1 Bootstrap Project
C.2
Identify proper netiquette when using e-mail, social media, and other technologies for communication purposes.
C.3
Identify potential abuse and unethical uses of laptops, tablets, computers, and/or networks.
  1. 9.5 Optimizing Web Information
  2. 9.7 Web Security
C.4
Explain the consequences of social, illegal, and unethical uses of technology (e.g., piracy; cyberbullying; illegal downloading; licensing infringement; inappropriate uses of software, hardware, and mobile devices in the work environment).
  1. 9.5 Optimizing Web Information
  2. 9.7 Web Security
C.5
Discuss legal issues and the terms of use related to copyright laws, fair use laws, and ethics pertaining to downloading of images, Creative Commons, photographs, documents, video, sounds, music, trademarks, and other elements for personal use.
  1. 1.6 Copyright
C.6
Describe ethical and legal practices of safeguarding the confidentiality of business-related information.
C.7
Describe possible threats to a laptop, tablet, computer, and/or network and methods of avoiding attacks.
  1. 9.7 Web Security
  2. 9.8 CIA Triad
D.1
Demonstrate creativity and innovation.
  1. 4.2 Homepage: Your First Website
  2. 7.3 Interactive Resume Development
  3. 10.5 Presenting Your Innovation
  4. 14.1 Bootstrap Project
D.2
Demonstrate critical thinking and problem-solving skills.
  1. 5.7 Challenge: Make a Keyboard
  2. 10.2 Planning Your Site
  3. 10.3 Creating Your Site
  4. 10.5 Presenting Your Innovation
D.3
Demonstrate initiative and self-direction.
  1. 10.2 Planning Your Site
  2. 10.3 Creating Your Site
  3. 10.4 Providing Feedback
  4. 10.5 Presenting Your Innovation
  5. 14.1 Bootstrap Project
  6. 16.4 Collecting User Data
  7. 16.5 Analyzing User Data
  8. 16.6 Making Decisions
D.4
Demonstrate integrity.
  1. 7.3 Interactive Resume Development
  2. 10.4 Providing Feedback
  3. 10.5 Presenting Your Innovation
  4. 16.6 Making Decisions
D.5
Demonstrate work ethic.
  1. 7.3 Interactive Resume Development
  2. 10.4 Providing Feedback
  3. 10.5 Presenting Your Innovation
  4. 16.6 Making Decisions
D.6
Demonstrate conflict resolution skills.
  1. 10.4 Providing Feedback
  2. 10.5 Presenting Your Innovation
  3. 16.6 Making Decisions
D.7
Demonstrate listening and speaking skills.
  1. 10.4 Providing Feedback
  2. 10.5 Presenting Your Innovation
  3. 11.1 Computer Science Careers
D.8
Demonstrate respect for diversity.
  1. 9.5 Optimizing Web Information
  2. 9.6 Web Accessibility
  3. 16.4 Collecting User Data
D.9
Demonstrate customer service orientation.
D.10
Demonstrate teamwork.
  1. 10.1 Project Overview
  2. 10.2 Planning Your Site
  3. 10.3 Creating Your Site
  4. 10.4 Providing Feedback
  5. 10.5 Presenting Your Innovation
E.1
Demonstrate global or “big picture” thinking.
  1. 10.1 Project Overview
  2. 10.2 Planning Your Site
  3. 10.3 Creating Your Site
  4. 10.4 Providing Feedback
  5. 10.5 Presenting Your Innovation
  6. 16.2 Develop Hypotheses
  7. 16.5 Analyzing User Data
  8. 16.6 Making Decisions
E.2
Demonstrate career and life management skills and goal-making.
  1. 7.1 Creating a Resume
  2. 7.3 Interactive Resume Development
  3. 11.1 Computer Science Careers
E.3
Demonstrate continuous learning and adaptability skills to changing job requirements.
  1. 7.1 Creating a Resume
  2. 7.3 Interactive Resume Development
  3. 11.1 Computer Science Careers
E.4
Demonstrate time and resource management skills.
  1. 10.1 Project Overview
  2. 10.2 Planning Your Site
  3. 10.3 Creating Your Site
  4. 10.4 Providing Feedback
  5. 10.5 Presenting Your Innovation
E.5
Demonstrates information literacy skills.
  1. 3.11 Reading Documentation
  2. 3.12 Using the Inspector
  3. 13.2 Getting Started with Bootstrap
  4. 13.8 Using Bootstrap Examples
E.6
Demonstrates information security skills.
  1. 9.5 Optimizing Web Information
  2. 9.7 Web Security
  3. 9.8 CIA Triad
E.7
Demonstrates information technology skills.
  1. 10.1 Project Overview
  2. 10.2 Planning Your Site
  3. 10.3 Creating Your Site
  4. 10.4 Providing Feedback
  5. 10.5 Presenting Your Innovation
  6. 16.1 Define Your Product
  7. 16.2 Develop Hypotheses
  8. 16.3 Creating Your Data Collection Website
  9. 16.4 Collecting User Data
  10. 16.5 Analyzing User Data
  11. 16.6 Making Decisions
E.8
Demonstrates knowledge and use of job-specific tools and technologies.
  1. 10.1 Project Overview
  2. 10.2 Planning Your Site
  3. 10.3 Creating Your Site
  4. 10.4 Providing Feedback
  5. 10.5 Presenting Your Innovation
  6. 16.1 Define Your Product
  7. 16.2 Develop Hypotheses
  8. 16.3 Creating Your Data Collection Website
  9. 16.4 Collecting User Data
  10. 16.5 Analyzing User Data
  11. 16.6 Making Decisions
E.9
Demonstrate job-specific mathematics skills.
  1. 5.9 JavaScript Animations
  2. 5.10 Positioning and Animations
  3. 6.2 Iterating with jQuery
  4. 6.3 Animations with jQuery
  5. 6.4 Callback Functions and Synchronization
  6. 8.10 For/In Loops
  7. 13.3 The Bootstrap Grid System
E.10
Demonstrates professionalism in the workplace.
  1. 11.1 Computer Science Careers
E.11
Demonstrate reading and writing skills.
  1. 3.11 Reading Documentation
  2. 4.2 Homepage: Your First Website
  3. 7.1 Creating a Resume
  4. 7.2 Layout and Web Design Theory
  5. 7.3 Interactive Resume Development
  6. 10.5 Presenting Your Innovation
  7. 11.1 Computer Science Careers
  8. 16.5 Analyzing User Data
E.12
Demonstrates workplace safety.
F.1
Compare and contrast web design and web development.
  1. 12.1 Welcome (Duplicate)
F.2
Compare and contrast static and dynamic websites.
  1. 12.4 Viewing Websites (Duplicate)
F.3
Analyze parent-child relationships as it relates to file management.
  1. 3.2 Multi-file Websites
F.4
Research compliance with web standards based on government and industry guidelines (e.g., Section 508, American Disability Act (ADA), and Payment Card Industry (PCI).
F.5
Demonstrate copyright adherence.
  1. 1.6 Copyright
  2. 4.2 Homepage: Your First Website
  3. 7.3 Interactive Resume Development
  4. 10.5 Presenting Your Innovation
G.1
Demonstrate best web design and development practices (e.g., planning, design, usability, debugging, validation, and navigation plan).
  1. 3.12 Using the Inspector
  2. 3.13 The Box Model
  3. 4.1 Software Development Life Cycle
  4. 7.2 Layout and Web Design Theory
  5. 10.2 Planning Your Site
  6. 10.3 Creating Your Site
  7. 10.4 Providing Feedback
  8. 10.5 Presenting Your Innovation
G.2
Utilize technical documentation as part of the design and development process.
  1. 3.11 Reading Documentation
  2. 3.12 Using the Inspector
  3. 6.1 Introduction to jQuery
G.3
Plan for compliance with web standards based on government and industry guidelines (e.g., Section 508, American Disability Act (ADA), and Payment Card Industry (PCI)).
  1. 9.6 Web Accessibility
  2. 9.7 Web Security
H.1
Create a functional form with a variety of inputs (e.g., radio, check box, textarea, text) that incorporates JavaScript checking, and interacts with the data provided.
  1. 8.5 Using Input Fields
  2. 8.6 Challenge: Create a Survey
  3. 16.3 Creating Your Data Collection Website
H.2
Create tables to organize and display data.
  1. 1.8 HTML Tables
H.3
Apply industry standard use of meta-tags (e.g., title, description, keywords).
  1. 1.2 Structure of an HTML Page
  2. 9.4 What is Web Optimization?
  3. 9.5 Optimizing Web Information
H.4
Examine best practices for incorporating streaming media (e.g., HTML5 video and audio elements).
  1. 3.3 Embedding iframes
I.1
Create websites using advanced CSS design techniques (e.g., Rounded corners, Border images, Gradients, shadows, 2D and 3D transforms, Transitions, animations).
  1. 3.10 Visibility
  2. 3.14 Image Manipulation
  3. 3.15 Animation
  4. 3.16 Interaction
I.2
Apply styles using CSS selectors (e.g., first-child, last-child, nth-child, *, >, ::after, ::before).
  1. 2.2 CSS Select by Tag
  2. 2.3 CSS Select by Class
  3. 2.4 CSS Select by ID
  4. 2.5 The Cascade
  5. 3.7 Combining CSS Selectors
  6. 3.8 The Don't Repeat Yourself Principle
  7. 3.9 Special Selectors
I.3
Demonstrate effective use of CSS positioning techniques (e.g., float, grid, flexbox) to create websites with different page layouts.
  1. 3.13 The Box Model
  2. 7.2 Layout and Web Design Theory
  3. 13.3 The Bootstrap Grid System
I.4
Describe CSS properties necessary to create responsive websites (e.g., viewport, grid view, media queries, and images).
  1. 13.3 The Bootstrap Grid System
I.5
Create websites that function on various device types (responsive design to address screen size, and considerations for touch screen devices).
  1. 13.3 The Bootstrap Grid System
I.6
Create a website using an HTML and CSS framework (e.g., HTML5 boilerplate, Bootstrap, and Foundation).
  1. 1.2 Structure of an HTML Page
  2. 13.1 What is Bootstrap?
  3. 13.2 Getting Started with Bootstrap
  4. 13.3 The Bootstrap Grid System
  5. 13.4 Bootstrap Components
  6. 13.5 More Bootstrap Components
  7. 14.1 Bootstrap Project
J.1
Differentiate between JavaScript statements, code, blocks, comments, variables, operators, and syntax.
  1. 5.1 The Script Tag
  2. 5.4 Styling Elements Using Javascript
  3. 5.5 Functions in HTML
J.2
Create JavaScript that responds to events.
  1. 5.8 Keyboard Interactions
  2. 5.9 JavaScript Animations
  3. 7.3 Interactive Resume Development
  4. 8.5 Using Input Fields
  5. 8.6 Challenge: Create a Survey
  6. 8.9 Challenge: Collecting User Clicks
J.3
Use JavaScript to update the content of HTML elements, HTML attributes, and CSS styles.
  1. 5.2 Using the DOM
  2. 5.3 Creating Elements Using the DOM
  3. 5.4 Styling Elements Using Javascript
J.4
Implement JavaScript functions that use variables, operators, arrays/lists, and objects.
  1. 5.5 Functions in HTML
  2. 8.4 JavaScript Objects
J.5
Design algorithms involving conditionals and loops.
  1. 8.10 For/In Loops
J.6
Use JavaScript to perform form processing and validation.
  1. 8.5 Using Input Fields
  2. 8.6 Challenge: Create a Survey
  3. 16.4 Collecting User Data
  4. 16.5 Analyzing User Data
J.7
Use code from various JavaScript libraries using appropriate documentation.
  1. 6.1 Introduction to jQuery
K.1
Evaluate features and costs of domain name and hosting providers.
  1. 9.1 Choosing a Domain Name
  2. 9.2 Hosting Your Website
K.2
Compare and contrast the role of industry standard languages and tools (e.g., PHP, MySQL, JavaScript, jQuery, Content Management Systems (CMS), frameworks, and APIs).
  1. 6.1 Introduction to jQuery
  2. 8.11 Using APIs
  3. 8.12 Server-side Languages
  4. 9.3 Using a CMS
K.3
Differentiate between secure and unsecure web protocols.
  1. 9.7 Web Security
K.4
Explain circumstances that would necessitate encryption.
  1. 9.7 Web Security
  2. 9.8 CIA Triad
K.5
Research search engine algorithms in regards to crawling, indexing, and ranking of webpages.
  1. 9.4 What is Web Optimization?
  2. 9.5 Optimizing Web Information
K.6
Examine basic Search Engine Optimization (SEO) tools and best practices (e.g., webmaster tools, webmaster console, and analytics).
  1. 9.5 Optimizing Web Information
K.7
Describe the function of analytics for web site development and web services decision making.
  1. 16.5 Analyzing User Data
  2. 16.6 Making Decisions
L.1
Investigate the requirements to obtain a web design/development industry certification.
  1. 11.1 Computer Science Careers
L.2
Research current web design and development job postings and analyze responsibilities, tasks, education, and skills.
  1. 11.1 Computer Science Careers
L.3
Compare and contrast corporate and freelance web design opportunities.
L.4
Explain the role of portfolios in the design industry.
L.5
Create a biographical narrative to include on the portfolio website.
  1. 4.2 Homepage: Your First Website
  2. 7.3 Interactive Resume Development
L.6
Evaluate sample work for inclusion in an electronic portfolio.
L.7
Assemble a portfolio website including a variety of work created in the course.
  1. 4.2 Homepage: Your First Website
M.1
Compare and contrast commonly used content management systems (CMS) (e.g., WordPress, Drupal, Joomla).
  1. 9.3 Using a CMS
M.2
Install and maintain an instance of a CMS.
M.3
Construct a site using a CMS.
M.4
Explore available templates, plug-ins, and widgets.
M.5
Design or modify CMS templates and style sheets using PHP or CSS.
M.6
Create users and assign appropriate roles.
M.7
Discuss issues related to website security when using a CMS.
N.1
Describe the purpose of a database as it relates to web development.
  1. 8.7 Storing Data with Firebase
  2. 8.8 Traversing Data with Firebase
N.2
Identify and describe relational databases.
  1. 8.7 Storing Data with Firebase
  2. 8.8 Traversing Data with Firebase
  3. 8.9 Challenge: Collecting User Clicks
N.3
Identify the use of Extensible Markup Language (XML) for the transportation and storage of data.
N.4
Incorporate a database into a website using a server-side scripting language such as PHP.