You will make a webpage on Code.org that will show how you can :

• Design a page to reach a goal
• Use CSS to style a site
• Write readable code

*Code.org Link* : CLICK HERE.

WHAT YOU NEED TO DO :

• SKETCH THE WEBPAGE ON THE PROJECT GUIDE.
• PAY ATTENTION TO THE PROBLEM SOLVING PROCESS EXPLAINED BELOW.
• WRITE THE HTML CODE ON LEVEL 2.
• WRITE THE CSS CODE ON LEVEL 3.

Access the project guides through Google Classroom. Use the problem solving process to make the webpage.

Link to Assignment :

S1A : CLICK HERE.

S1B : CLICK HERE.

S1C : CLICK HERE.

<aside> 🔍 Define

</aside>

• Read the instructions carefully to make sure you understand the goals and intended outcomes of the program.
• If there is a sample program, run it to ensure you understand what it does.
• If there is starter code, read it to understand what it does.
• Rephrase the problem in your own words.
• Identify any skills you are being asked to apply.
• Decide which aspect of the problem you want to complete first.

<aside> 📝 Prepare

</aside>

• Brainstorm as many ideas for the different ways you could program the problem to solve all of its parts.
• Write out in plain English or pseudocode your ideas for how to solve the problem so that the program does what it is supposed to do.
• List what you already know how to do and what you don't yet.
• Describe your ideas to a classmate
• Review similar programs that you may have written in the past.
• Sketch out your idea on paper if needed

<aside> 💻 Try

</aside>

• Pick one idea from the previous step and document why you chose that idea.
• Implement your chosen idea and write one small piece of code at a time.
• Test your program often.
• Use comments to document and keep track of what your code does.
• Go back to the previous step to look at your other ideas for solving the problem if you get stuck
• Apply appropriate debugging strategies

<aside> 🤔 Reflect

</aside>

• Compare your program to the defined problem … Were you successful in solving all aspects of the problem? How do you know?
• Ask a classmate to try your program … Are there places where they struggle or show confusion?
• Ask a classmate to read your code … Is your code and documentation clear and accurate?
• Try to "break" your program … Did you find types of interaction or input that you could handle better?
• Are there any changes or improvements you can make to this program or another like it in the future?