Hour of Code
- Welcome to our Hour of Code™!
- Learning coding on Khan Academy
- Making drawings with code
- Quick tip: number scrubbing
- Challenge: Simple snowman
- Drawing more shapes with code
- Challenge: Waving snowman
- Coloring with code
- Quick tip: color picking
- Challenge: Sunny snowy day
- Quick tip: Use the docs!
- Pick a drawing project!
- Project: Super snowman
- Project: Wild animal
- Project: Self portrait
- Code beyond the hour
Happy hopper jumping
Whoa, nice, if you’re reading this, then you’ve done everything in our Hour of Code tutorial!
Like we said in the beginning, we can’t cover much in an hour, but hopefully we’ve given you an idea of how fun and powerful you can be with code.
If you want to keep going, we have a ton more you can learn. Just head over to our Intro to JS course.
From all of us, welcome to our coding community!
Want to join the conversation?
- How many pixels on a coordinate plane when coding? Like X=_ and Y=_ px(47 votes)
- How do I make a project? Where do I go?(13 votes)
- Just actually answering your question. Courtesy of Malichi Knight:
Here is a PJS canvas: https://www.khanacademy.org/computer-programming/new/pjs
here is a html canvas: https://www.khanacademy.org/computer-programming/new/webpage
and here is a new sql canvas: https://www.khanacademy.org/computer-programming/new/sql(22 votes)
- I'm haveing trouble with lines(12 votes)
- The parameters in the line() function represent:
x1 the x-coordinate of the first point (x represents the position on the x, or horizontal, axis)
y1 the y-coordinate of the first point (y represents the position on the y, or vertical, axis)
x2 the x-coordinate of the second point
y2 the y-coordinate of the second point
To set the color of the line, use stroke(), not fill(), a common mistake. The thickness of the line is set by the strokeWeight() function.
Hope this helped!(5 votes)
- coding seems pretty complex,
especially the animation part.
At2:35, why the eye dropped even they only change the size?(12 votes)
- How do you properly work a triangle because I was really confused on how to use it?(8 votes)
- The line of code is
Let's break it down.
x1is the X coordinate of the first point of the triangle.
y1is the Y coordinate of the first point of the triangle. Similarly,
x2is the X coordinate of the second point of the triangle, etc.
Then the function will connect point 1 to point 2, point 2 to point 3, and point 3 to point 1, creating a triangle.(9 votes)
- how do you create a game?(5 votes)
- Khan Academy has an advanced course that teaches techniques for creating Games and Visualizations. Before you attempt that course, you should complete the Intro course, which starts here: https://www.khanacademy.org/computing/computer-programming/programming/intro-to-programming/v/programming-intro
NOTE: Some of the material is repeated from the Hour of Code, but there is additional material in the Intro course.(6 votes)
- this is hard. And how do other people make amazing coding games, and stuff?(1 vote)
- Practice. If you say it's hard and give up, you will never be able to make games. If you say it's hard, then work harder, you'll be able to make games as well :)(12 votes)
Thanks for your support(2 votes)
- How do I make a star out of coding?(3 votes)