Tennessee Computer Science Foundations: 21

CodeHS Lessons

There are different versions of the web design and development process. For example, most versions of the web design and development process involve project definition, site structure, visual design, site development, testing, refining, and launch. Using various resources, research, identify, and explain the steps involved in the process. As a class, develop an agreed-upon framework for applying the logical thought process to web design projects in the form of a flowchart or logic model, justifying the reasoning behind each step. Explain why it is an iterative process and always involves refinement.

Web Design (Picasso)

Standard

2.2 Structure of an HTML Page

9.1 Intro to Design Thinking

9.2 Empathy

9.3 Define

9.4 Ideate

9.5 Prototype

9.6 Test

10.1 Final Web Design Project

Web Development

Standard

8.2 Structure of an HTML Page

Tech Apps and Coding

Standard

7.3 Define

7.5 Prototype

7.6 Test

Arizona Software and App Design I

Standard

2.2 Structure of an HTML Page

5.4 Planning Your Site

Arkansas Programming I (Python)

Standard

13.3 Define

13.4 Ideate

13.6 Test

California Computer Science

Standard

11.2 Empathy

Connecticut Tech Apps and Coding

Standard

7.3 Define

7.5 Prototype

7.6 Test

Delaware Tech Apps and Coding

Standard

7.3 Define

7.5 Prototype

7.6 Test

Georgia Introduction to Software Technology

Standard

7.2 Structure of an HTML Page

Georgia Foundations of Artificial Intelligence

Standard

7.4 Define

7.5 Ideate

7.7 Test

Georgia Web Development

Standard

1.2 Structure of an HTML Page

4.4 Planning Your Site

Iowa Tech Apps and Coding

Standard

7.3 Define

7.5 Prototype

7.6 Test

Michigan Tech Apps and Coding

Standard

7.3 Define

7.5 Prototype

7.6 Test

Montana Tech Apps and Coding

Standard

7.3 Define

7.5 Prototype

7.6 Test

New Hampshire Tech Apps and Coding

Standard

7.3 Define

7.5 Prototype

7.6 Test

New Jersey Computer Science

Standard

12.2 Empathy

New Jersey Computer Science and Design Thinking

Standard

13.2 Empathy

New Jersey MS Computer Science

Standard

12.3 Define

12.5 Prototype

12.6 Test

New Mexico Tech Apps and Coding

Standard

7.3 Define

7.5 Prototype

7.6 Test

Pennsylvania Tech Apps and Coding

Standard

7.3 Define

7.5 Prototype

7.6 Test

Rhode Island Tech Apps and Coding

Standard

7.3 Define

7.5 Prototype

7.6 Test

Tennessee Computer Science Foundations

Standard

5.3 Planning Your Site

Texas Web Communications

Standard

9.1 Intro to Design Thinking

9.3 Empathy

9.4 Define

9.5 Ideate

9.6 Prototype

9.7 Test

15.1 Final Web Design Project

Washington Tech Apps and Coding

Standard

7.3 Define

7.5 Prototype

7.6 Test

Web Design (Monet)

Standard

2.2 Structure of an HTML Page

6.1 Intro to Design Thinking

6.2 Empathy

6.3 Define

6.4 Ideate

6.5 Prototype

6.6 Test

7.1 Final Web Design Project

Web Design (Matisse)

Standard

2.2 Structure of an HTML Page

6.1 Intro to Design Thinking

6.2 Empathy

6.3 Define

6.4 Ideate

6.5 Prototype

6.6 Test

7.1 Final Web Design Project

Web Design (Dali)

Standard

1.2 Structure of an HTML Page

IB Computer Science Standard Level

Standard

2.1 Intro to Design Thinking

2.2 Empathy

2.3 Define

2.4 Ideate

2.5 Prototype

2.6 Test

IB Computer Science Higher Level (Year One)

Standard

2.1 Intro to Design Thinking

2.2 Empathy

2.3 Define

2.4 Ideate

2.5 Prototype

2.6 Test

South Carolina Fundamentals of Web Page Design and Development

Standard

3.2 Structure of an HTML Page

Utah Web Development 1

Standard

2.2 Structure of an HTML Page

Utah Web Development 1 and 2

Standard

2.2 Structure of an HTML Page