Author: Mx. Epstein

When completing your code challenges keep in mind the four characteristics of quality code…

1. Functional – Accomplishes it’s task every time.
2. Readable – Easy for a human to read and edit
3. Efficient – Executes quickly without unnecessary steps.
4. Short – Uses the fewest lines of code.

Or put another way…

1. Does it work? Your code should meet all of the requirements and work in every situation.
2.  Is it understandable? Your code should be easy for a human to read and understand.
3. Is it fast? You code should execute and finish as quickly as possible.
4. Is it short? Your code should be as few line of code as possible.

Submit Your Programming Challenges here. Please make sure your challenge meets all of the requirements before submitting. Also please make sure your app is titled “Programming Challenge #__” to make it extra clear which challenge you have completed.

1. Four Function Calculator App – Create a basic four function calculator. Remix this template to start. Watch a video example to see how it should work here.
2. Four Function Calculator App (Final Draft) – Fine tune your calculator to handle these weird errors and other small things…
   • What if the user puts a non-number into one of the boxes?
     • Print “Error: Please only enter numbers”
   • Do not allow users to edit the big output text area
   • What if they divide by zero?
     • Print “Error: Cannot divide by zero”
   • What if the output is scientific notation
     • If the output is scientific notation, then print “Error: Answer is too long”
3. Robot Maze Challenge
4. getSquarePerimeter(area) – Given the area of a square return the perimeter of the square.
5. Write a function getSmallestNumber(n1,n2,n3,n4) that returns a numeric value that represents the smallest number given four numbers. Please do not use the built in Math.min function
6. Fix the code to make a “Match Object to Color” app. Remix template here.
7. 4 Function Calculator (Model View Controller)
8. Safe to Eat (See template)
9. Tri-Tac-Toe
10. Create a 2-Button App. See details here.
11. Create List App #1. Watch the video. Start by remixing the template.
12. Create List App #2. Watch the video. Start by remixing the template.
13. Create List App #3. Watch the video. Start by remixing the template .
14. Create List App #4. Watch the video. Start by remixing the template.
15. Create Random Icons. Watch the video. Start by remixing the template.
16. Create List App #5. Watch the video. Start by remixing the template.
17. Filtering Lists. Start by remixing the template.
18. Random Weather Forcaster App (code.org)
19. Create the Airport App. Watch the video and remix the template. Note, you will need to import the “Busiest Airports” database from the AppLab data library.
20. Create the Fast Food Calorie App. Watch the video and remix the template. Note, you will need to import the “Fast Food Nutrition” database from the AppLab data library.
21. Create a removeDuplicates(list) function. The function should return a new list that does not have any duplicates in it.
22. Create a function addItemToList(sortedList, newItem). The function should take a a sorted list as a parameter and return a new sorted list that includes the new item. See the template here.
23. Create a alphabetize(list) function. The function should return a new list with all of the items sorted in alphabetical order by their last letter.
24. Create the Video Game Search App. Watch the video. Remix the template.

Slides about the SET Game

When completing your code challenges keep in mind the four characteristics of quality code…

1. Functional – Accomplishes it’s task every time.
2. Readable – Easy for a human to read and edit.
3. Efficient – Executes quickly without unnecessary steps.
4. Short – Uses the fewest lines of code.

Or put another way…

1. Does it work? Your code should meet all of the requirements and work in every situation.
2.  Is it understandable? Your code should be easy for a human to read and understand.
3. Is it fast? You code should execute and finish as quickly as possible.
4. Is it short? Your code should be as few line of code as possible.

Submit Your Turtle Challenges here. Please make sure your challenge meets all of the requirements before submitting. Also please make sure your app is titled “Turtle #__” to make it extra clear which challenge you have completed.

1. Draw Square – Draw a single square in front of and to the right of the turtle (image).
   • Only use moveForward(),  turnLeft()
   • No loops, No functions, No parameters.
2. Draw Square – Draw a single square in front of and to the right of the turtle (image)
   • Only use moveForward(), turnLeft()
   • No functions, No parameters.
   • You can use “For Loops” Please click here to learn more
3. Draw Square – Draw a single square in front of and to the right of the turtle (image)
   • Only use moveForward(), turnLeft(), move(), penUp(), penDown()
   • No loops, No functions
   • You can use “parameters” Please click here to learn more.
4. Draw Square – Draw a single square in front of and to the right of the turtle (image)
   • Only use moveForward(), turnLeft()
   • No loops, No parameters
   • You can use “functions” Please click here to learn more.
5. 2×2 Grid – Draw a two by two grid in front of and to the right of the turtle (image).
   • Only use moveForward(),  turnLeft()
   • No loops, No functions, No parameters.
6. 2×2 Grid – Draw a two by two grid in front of and to the right of the turtle (image).
   • Only use move(), penUp(), penDown()
   • No loops, No functions.
   • You can use “parameters”
   • Must be less than 15 lines of code.
7. 2×2 Grid – Draw a two by two grid in front of and to the right of the turtle (image).
   • Only use moveForward(),  turnLeft()
   • No loops, No parameters.
   • You can use “functions“
   • Must be less than 30 lines of code
8. 2×2 Grid – Draw a two by two grid in front of and to the right of the turtle (image).
   • Only use moveForward(), turnLeft()
   • No functions, No parameters.
   • You can use “For Loops” (You can put loops inside of other loops, just make sure each loop uses different letters: i, j, k, etc)
   • Must be less than than 20 lines of code.
9. 3×3 Grid – Draw a three by three grid in front of and to the right of the turtle.
   • Only use moveForward(), turnLeft()
   • No functions, No loops, No parameters.
   • Use less than 55 lines of code (Extra credit if less than 45 lines)
10. 3×3 Grid – Draw a three by three grid in front of and to the right of the turtle.
    • Only use move(), penUp(), penDown()
    • No loops, No functions.
    • You can use “parameters” (example: move(50,25) )
    • Use less than 25 lines of code (Extra credit if less than 15 lines)
11. 3×3 Grid – Draw a three by three grid in front of and to the right of the turtle (image).
    • Only use moveForward(), turnLeft()
    • No loops, No parameters
    • You can use “Functions“
    • Use less than 35 lines of code (Extra extra credit if less than 20 lines of code).
12. 3×3 Grid – Draw a three by three grid in front of and to the right of the turtle.
    • Only use moveForward(), turnLeft()
    • No functions, No parameters.
    • You can use “For Loops”
    • Use less than 35 lines of code (Extra credit if less than 20 lines)
13. Draw A Polygon – Write a function drawRegularPolygon(numberOfSides, sideLength) that draws a regular polygon with a given number of sides and a given side length.
    • The polygon should be drawn in front of, and to the right of, the turtle.
    • The turtle should end in the position and orientation it started at before the function was called.
    • The bottom line segment of the polygon should be perpendicular to the starting position of the turtle.
    • The numberOfSides variable will never be less than three since there is no polygon with less than three sides.
    • View an example of a custom function with parameters.
    • View and Remix this code to be extra clear on what this challenge is asking.
14. Draw Square Grid – Write a function drawSquareGrid(unitSize,rows,columns) that draws a grid of squares in front of and to the right of the turtle where each little square has a side length of “unitSize” and the grid is “rows” units tall and “columns” units wide. The turtle should end at the position and orientation where it started. View Example Code.
    • You may use functions, loops, parameters, and the commands moveForward(), turnLeft(), and turnRight();
    • Some example code that we talked about in class that illustrates using parameters in your function. You might also consider looking at your Turtle Challenge#13 as an example.
15. Draw a triangle inside a rectangle – Write a function drawTriangleInRectangle(width, height) that draws a rectangle with a base length of “width” and a height of “height”. This should all be draw in front of, and to the right of, the turtle. The turtle should end where is began. You may use whatever commands or functions that you would like. View Example (click view code).
    • Extra Credit: Do this by only moving the turtle using the move command
16. Extra Credit: Draw a square inside of a circle. drawSquareInsideCircle(radius). Then make a new function that draws a regular polygon inside a circle  drawPolygonInsideCircle(radius, numberOfSides)
17. Draw a square pyramid – Write a function drawSquarePyramid(baseLength, numberOfLayers). Each square should have half the side length of the square below. View Example/Template here (click view code).
18. Extra Credit: Draw a dot surrounded by circles (minimum of 3). drawDotWithCircles(dotRadius, numberOfCircles) (see example)
19. Draw a Pyramid of Circles – Write a function drawPyramidOfCircles(radius, numberOfBaseCircles) that draws a pyramid made of circles (see example)
20. Draw a Wave – Write a function drawWave(numberOfBumps, totalLength). See an example here. Your turtle should end in the same position and orientation as where is started.
21. Draw Shaded Rectangle – Write a function drawShadedRectangle(width, height) that draws a rectangle that is shaded in with a random color. See example here. Your turtle should end in the same position and orientation as where is started. You should do this with the regular Turtle commands (nothing from the canvas library).
22. Draw Bullseye – Write a function drawBullseye(innerRadius, numberOfCircles, whiteWidth) that draws a circle with an innerRadius and draws other larger circles that have a whiteWidth blank area in between them. See an example here.
23. Optional: Screensaver – Use the turtle to make a screensaver screen that you like. It can look like however you’d like. It is a chance to be creative (Example A, Example B)