The hour of code

Khan academy is a website were you can take online lessons for different subjects. In my case we were ask to complete "The hour of code - Drawing with code" assignment. To complete the assignment you have to do all the levels without a specific order and following the instructions that Khan academy indicates. You will learn how to use a commands like: ellipse(X,X,X,X); or line(X,X,X,X);.The most effective way to learn this is when you have to draw faces, animals and snowmans with commands learned in explanatory videos made by Khan academy teachers.
This was one of the first challenges that you have to make. On the left we can see the commands used for this project using values like X and Y. On the right a visualization of the commands. The challenge isn´t hard this is are basics commands just to get used to combine them for the propose. of creating a image.

This was one of the three projects that you will have to make. In this one you will have to draw a customized snowman. Over the commands that you see in the image are names that specify what part of the snowman are they forming(This wasn´t part of the exercise it was just more easy for me to know what I modify). The three projects are supposed to be like finals exams to put all your knowledge gain during the challenges on work.

The concepts are pretty simple.
Watch:This is the part were you  learn basics commands watching videos or reading texts all made by Khan academy teachers.

Practice:Try to put the basic information on work. You will have to do exercises to understand the logic behind commands.

General knowledge:In this part you should know how to use commands and how to unite them to create an image. This traduce to doing projects that require understanding to be completed.


While you complete challenges you will earn points and awards. The points can be used to change your profile pic and background. The awards are like trophies(something to brag about). This system makes the learning fun, satisfactory and competitive.

Here´s the video that teach me how to draw a face with commands.

The hour of drawing with code

Last week we have been introduced by our teacher to Khan Academy, which is basically a personalized learning resource for all ages that tackles math, science, computer programming, history, art history, economics, and more. What we are learning and what we are using this platform for is computing; more specifically drawing with code. We have been learning how to use the proper commands to draw different shapes and changing the color of these shapes, and had to apply them later on as to be able to complete the challenges we were faced with. In order to fully understand how some commands work, we had to watch a couple of 5-minute long videos, in which every command and new concept was explained very clearly. So, what I'm going to be writing about in this post is my experience regarding "the hour of code", as well as mentioning my achievements and showcasing a couple of concepts I've learned during the last week.

1. During the process of this hour of code I had to complete some challenges, that were simpler than the projects, but required focus on the videos as to be able to do them correctly. One of the challenges I completed, and also the first one I did, was the simple snowman. All I had to do for this challenge was to draw three ellipses of different sizes and placed on top of one an another.
Here is the code and the generated simple snowman:




2. During this last week, we had to learn from a couple of videos, as I have already mentioned in the text above, as to be able to understand how to use different commands to draw certain shapes. Once we had already mastered how to apply these recently learned commands, we were assigned to go on and complete a total of three projects. These projects were: a. To draw a super snowman, b. To draw a wild animal (a penguin in my case), c. To draw a self-portrait. My personal favourite was the third one I mentioned, the self-portrait, simply because it was the most unique. One thing I have to say though, is that the drawing I ended up with does not actually look just like the real me. To begin with this project I changed the color of the background using the command "background" and then choosing blue from the color palette. Then I went on and created the hair with an "arc" command. My face was drawn with an "ellipse" command and then I changed the color of it to a simmilar skin tone to mine. After that I added many details to the face, applying almost all of the concepts we learned. Here is the code as well as the generated image:

3. From this last week of drawing with code I have personally learned many concepts and ways to use an online platform that I did not know even existed. This is in deed a great thing, because not only did I have quite some fun drawing with code, but I also learned new stuff in the process. What i´ll do now, is showcase three important concepts that i´ve learned.

1) After any command, you have to put a semicolon. It is this way, because without a semicolon absolutely nothing will happen on your plain white square; this concept is because of its high importance, probably the most meaningful one to bare in mind when drawing with code.

2)Every shape has an x and y position. It is that way just because the computer has to know where you want to draw a shape.

3)To change the color of any shape, you have to use the "fill" command. Afterwards, to change the color, you have to choose from the color palette or change the numbers between the brackets, until you get the the color you were looking for. 



4. To this day I have earned precisely 13.000 energy points, which I honestly do not know if it is much, but I´ve put in quite some effort last week to complete some projects. Furthermore, I´m not 100 percent sure about it, but I think that I´ve got a total of 6 badges; three of them are Meteorite Badges and the other three are challenge patches. Here are the badges that you can get and you can see which ones I´ve earned:



Regarding a bit of personalization, I was recently able to change my avatar (because I had reached 10.000 points) to a cooler looking one that kind of looks like a pokemon:

Here is a tutorial that was one of the first videos we watched last week to learn how to draw simple shapes using code, I hope you enjoy it:

The hour of code

                   

Khan Academy is plataform on Internet to learn specific thems in a different way. We learn how to draw with codes. For that we make a mission that can be only finished if you follow a specific order and line of excersises. To draw we use differents geometric forms (triangle,circles,etc) and we put them values (X,Y,etc). The mission contains information, videos, images and excersice where you can learn from. The excersices are only for prepare you for the last challenges. We make three challenges, a snowmann, a wild animal and your faces, but im only going to write about the project : Wild animal

1. To make a succesfully project we must do some challengs before, so we can learn some concepts. The second challenge that i made was a snowmann that says Hello.

When I done this challenge was the first time I use lines                                                                                 

2. We make three proyects , but the one i like more is the Wild animal, because it is colorfull than the others and it was more fun to create a penguin instead of a snowmann. To create this penguin i use circles more than other figure, because i wanted to make it a little bit fat. What is more i use triangles for the nose and the feets , and rect to make the background, to finish it and make it more cute i make the lines dissapeard.

Derivado de "Project: Wild animal"

3. To end this blogg i will talk about the rewards that the page gives to you when you finished a work , the first reward is called energy point. With the energy points you can earn exclusive avatars for your profile. I have earned 13000 energy points

The second rewards are the medalls , this are medalls that the page give to you when you finish an excersice and this medalls give you more energy points, you can see all the medalls you earned in your profile. 

The Hour Of Code

Since the past week we have been working with Khan Academy which is a non-profit educational organization. Khan Academy has a lot of free projects for students to learn about a topic on a variety of subjects. It’s a really helpful tool specially for persons that want to learn about a subject they don’t study at school.

The tutorial we started working on, on Khan Academy is called ‘‘Hour Of Code’’ and it’s to teach people how to program basic stuff with the use of the programming language JavaScript. Now that i finished the project i can say i learned about JavaScript and i really recommend this website for learning.

On the Hour Of Code we first completed some challenges to finally achieve the knowledge to be able to solve the 3 projects that involve this Tutorial. My favorite project is the ''Wild Animal'' one, because it is the one in which i put more effort and time in it. Also i find it cool making a penguin with JavaScript. I was getting bored of creating Snowmen.

This is the Penguin i created and the ''commands'' i used:

Furthermore i want to talk about a great ''system'' that Khan Academy has that are badges. You can earn Badges by completing challenges, achieving certain amount of Energy Points, having spent a specific time on watching videos and so on. These are the types of badges there are and a brief description of each one.


I took that image from https://www.khanacademy.org/badges

To end this blog i will leave you this video that provides more information about the Hour Of Code and also shows you examples of the challenges and projects. It's great for understanding what The Hour Of Code is all about and all the things you can create with coding.  The video is from Khan Academy's YouTube Channel:  https://www.youtube.com/channel/UCye0TMXdb_zdfvVgXA0XtkA

The hour of code

The last week in class we have been working with the app Khan Academy.  Khan Academy is an educational organization that have practice exercises and tools for educators. In this app we must do our First Coding Challenge. We did many differents challenges and projects, drawing with code. This Coding Challenge show us in some videos with explanation, how to draw with code and then we must do some challenges and projects to practice. For example one of the challenges were draw a simple snowman with code and one of the projects at the end were draw a complete snowman with code.

The different from challenges and projects are, that the challenges are exercises more easy and with short content and the projects are more difficult and have all the content that we have see in all the exercises. For example in the challenge of the simple snowman I have to put only the circles and in the project of the super snowman I have to put colour, face, arms, hands...


This is the Simple Snowman:

This is the Super snowman:

To do the differents exercises we learnt how to draw with code, for example some important things to remember are: First you must put the comand (Ex: ellipse) and than parenthesis and semi coma. In the parenthesis you must write the queantity numers that it says. Other things to remember is that when you want to change the background colour you need to put the comand first of all and when you want to change the colour of other thing for example an arc you put fill() before the comand.

With all this exercises I erned energy points and badges:

Finally here is a simple video of making drawings with code in Khan Academy.

The Hour of Code

In this Post I will talk about what we did the last classes. We been working with a programm called Khan Academy, with this we learn an easy way to draw algorithms. This project were called the Hour of Code, there were 16 differents exercise, and we learn an easy way to use algorithms, this exercise were combined with videos, which show how to drive the forms raised. At first we must do a simple snowman, at next we must colorate this snowman, finishing this we made an animal in the jungle and a self portrait. 

To do this work, we must known the concept of algorithm, this is a formula for solving a problem, based on the sequence of a speciefed actions. A computer program can be viewed as an elaborate algorithm. In mathematics and computer science, an algorithm usually means a small procedure that solves a recurrent problem. 

Like I said before, we started with simple drawings, but at first we must watch a video to win more points (also we must have finished the exercise to win the points, including videos) and understand what we must do. The photo that you will see at next, show a screenshot of the first video. When the video is finished, the next step is read tips, and then you can start with the first challenge, this is a simple snowman.

This are the algorithms that shows the video that must be used to draw a simple face

So look the simple snowman

Starting from the exercise 10, Khan Academy teach us, a form of painting with algorithms our snowman, and other forms that we can make with algorithms, like a self portrait and an animal in the jungle, in the while we add points and watch more videos of how to use new commands, which appears in this programm.  
   

This was one of the option that we can choose to make an animal

Furthermore I want to explain how the winning of points works, also it goes so, like i said, when you finish an exercise, you win a quantitate of points. And when you add all the points you can buy a new avatar.

This is the one that I choose

At least I want to show how one of the videos looks like, also in this video we learn an easy form of drawing and painting a face.

Khan Academy

In the past weeks we worked with a program called Khan Academy. In this program you can choose the subjet you want, in this case you choose computing. The subjects have many sub topics, the one which we use was Hour of code. We learn how to draw with differets codes. The program gives you some steps that you have to follow. They are like misions, you can't skip them. Some are videos, others are challenges and others are projects. In the videos is the theory or the instractions that you have to implement then in the challenge. After you knoe all this theory you have to work in the projects. There are three final projects; a snowman, a wild animal and a self portrait. As you are completing the steps you win points, with this point you can buy your own avatar. With this program I learn how to do draw with geomitric forms and codes.

This is one of the challenge I had to do.

The three last steps are three projects. There are a snowman, a pinguin and a self portrait. I like all the projects but the one I like the most was the one of the snowman. It was the creativest and the easier for me. This was the project in which I use more codes and as you can see the code that I use more is the line code. Because I must draw the arms and three fingers in both arms. 

When you achieve challenges or projects you resive points, energy points. With this points  you can get avatars. Also when you do as specific project you resive badges. There are many types of badges; 

Meteorite badges are common and easy to earn when just getting started.

Moon badges are uncommon and represent an investment in learning.

Earth badges are rare. They require a significant amount of learning.

Sun badges are epic. Earning them is a true challenge, and they require impressive dedication.

Black Hole badges are legendary and unknown. They are the rarest Khan Academy awards.

Challenge Patchesare special awards for completing topic challenges.

Some are easier to earn and others are more difficult. At this point I only have Meteorite badges and Challenge Patches that are the easiest to earn. I think that more difficult the subjet or the work is, more points and badges you earn. 

This are some of the avatars that you can achieve with you energy points:

Here is the link of my Khan academy work:

https://www.khanacademy.org/computing/hour-of-code/hour-of-drawing-code/v/welcome-hour-of-code

With this video you can understand what a code is. There are many ways that you can use and things that you can do with a code.

The hour of code

Last week we worked on the Khan Academy page. Firstly we had to open an account and choose a character for our profile. After that, we began with our project. This project had different steps in order to learn how to use the program.The first steps was to watch some videos and learn how to make different geometrical figures and how to color them. The project was based on three different things we had to do. First, we had to do a super snowman, then we had to do a wild animal and last we did a self protrait.

1- One of the videos that we watched taught us how to create circles, rectangles, triangles and lines. Each shape has its own code. For exaple, if I want to do a rectangle I must write the word rect. I must also open brackets and write four numbers that correspond to x, y, width and hight. Next to these numbers you must type " ;". Here is an example:

2- In this page (khan Academy) we must do some challanges and projects. A challange is a kind of project that is very simple. The one I like most was the simple snowman. To do this challange you need to watch all the necessary videos that are placed before this step and take the recently learned commands to draw specific shapes, which in this case are only ellipses. All we had to do was draw three ellipses of different sizes and put each one on top of another.

Hear you can see how I was working whith my challange:

3- In order to create my snowman I had to watch some videos before I began. The video explained how to do shapes such as circles which was the principal way to draw a snowman. The video also taught us how to color the background and the inside of the shapes. Thanks to the videos, I found it very easy to create my own super snowman. I hope you like it. Below you can find my project:

This is how I organized all the steps to get to draw a snowman:

Concepts:

• to change the color of any shape, you have to use tje fill command.
  
• to have a rectangle, circle, triangle, etc you must use ellipse, line or another command.
• after every command you have to put a semicolon.

Energy points:

With all the videos we watched and all the projects we had to do we earned points with each of them. Taking all of these points into account I have now got a total of 13000 points. Morover we also win some medalls: