2020-2021 20% Time/Genius Hour

11/05/20

Link to WIX website

    This is my first post of this page, the introduction. My 20% Time project will be learning to do JavaScript. I chose this project because I have always been into robotics and coding. I also didn't want to use the coding blocks that they made me use to do coding when I was is elementary school. I wanted a bigger challenge for myself. Additionally, learning JavaScript will help me type better and faster because to be proficient in JavaScript you have to be fast at typing. However, the main thing I would hope to accomplish is being able to make a free interactive website where you can learn JavaScript on. I will make the website with my own knowledge of JavaScript. The time it will take to make the website depends on how big the project is, so mine might be a long project because I have to code everything to be interactive.

11/18/20

This week I went on to this website called Tutorials Point and I started learning about JavaScript. I got through about 7 pages, the Home, Overview, Syntax, Enabling, Placement, Variables, and Operators pages. Since I'm a beginner at this, I din't understand very much, but I did grasp some of it. I learned a lot today and I won't be able to write it all down, so I will write some examples of what I learned. I learned about the different operators, and their functions. Some of them are obvious to figure out, here are the examples:

+ = add

- = subtract

* = multiply

/ = divide

% = modulus (outputs the remainder of an integer division)

There are many, many, more than that, but those are some examples. However, I also learned that we can use variables to use in the code with the operators to make something work. For example, if A = 10 and B = 20, A and B are the variables, so we don't have to put the numbers in our code over and over again. So that is what I learned this week. I will add a link in the picture to the website I am using to learn JavaScript if you want to explore more. 

12/2/20

If...else flowchart

This week was same as the last post, I went back onto Tutorials Point and continued where I left off, which was on the operators page. So I continued on and finished about 7 pages, just like last time. The pages were : If...Else, Switch Case, While Loop, For Loop, For...In, Loop Control, and Functions. This time I understood more and it was as confusing. I again learned a lot, so I will give an example of what I learned. It is from the If...Else page because that page is the one I understood the most. There are three different forms of if...else statements, if statement, if...else statement, if...else if... statement.

• If statement : "The if statement is the fundamental control statement that allows JavaScript to make decisions and execute statements conditionally."
• If...else statement : "The if...else statement is the next form of control statement that allows JavaScript to execute statements in a more controlled way."
• If...else if... statement : "The if...else if... statement is an advanced form of if…else that allows JavaScript to make a correct decision out of several conditions." *

That is an example of what I learned today. If you ever want to learn Javascript, I recommend going on Tutorials Point and searching up Javascript. It should be the first one to pop up. Picture will take you to the If...Else page.

* The explanations I got were from Tutorials Point I can't think of better way to explain it. Good job explaining it.  

12/6/20

URL in picture will redirect the visitor
to the current web-page

This post was a few days after the last post because this is a make-up post. So, today I continued with learning Javascript on Tutorials Point. Something I didn't say in the last post was that I actually didn't fully finish the Functions page, I only got halfway through. So today, the pages I actually fully finished were the Functions, Events, Cookies, and Page Redirect. The page that made the most sense was the Page Redirect page. Just like it says in it's name, the Page Redirect page teaches how to redirect users to a different page. It also teaches not only how to redirect clients/users normally, but also shows you how to add a wait before you switch the pages, and also shows you how to redirect your site visitors onto a different page based on their browsers. I have been making a lot of progress and can soon move onto the last stage, making the website. Clicking on the picture will redirect you to the Redirect Page page on Tutorials Point.

12/9/20

This type of dialog is a confirmation 
dialog box, since it has an "OK" and 
"Cancel" button.

Today, just like always, I went back onto Tutorials Point and started on the page, Dialog Boxes, which is where I left off. Today I did 8 pages this time because some of them were shorter than the others. The pages I did were, Dialog Boxes, Void Keyword, Page Printing, Objects, Number, Boolean, Strings, and Arrays. The Page Printing page was the last page for the Javascript Basics Tutorial. The pages I listed after that was in the category, Javascript Objects. I had some trouble on some of the pages, but generally, I did understand most of it. The page that made the most sense to me was the Dialog Boxes. Dialog boxes can be used to raise and alert, or to get confirmation on any input or to have a kind of input from the users. The coding wasn't so difficult to understand and I grasped it well enough. I am almost done with the researching stage and I can't wait to get to the "doing" stage. The picture will take you to the Dialog Page on the Tutorials Point website.  

12/15/20

Today was same as always, I went onto Tutorials Poi- I don't even need

to say it because you should know what website I have been going on to research my Javascript by now if you have been reading my previous posts. I finished the "Objects" section and the pages I finished were, Date, Math, RegExp, and HTML DOM. These page didn't make much sense to me, but I could understand some of it. The page I understood the most was the Math page. The site explained, "The math object provides you properties and methods for mathematical constants and functions." There are Math properties and Math methods. The Math methods made more sense to me, so some examples are:

asb() - Returns absolute value of number  

cos() - Returns cosine of number

floor()- Returns largest integer less than or equal to a number

There are many, many, many more different methods, but those are just some examples. Something I should have done before was actually find out what an object really was. The explanation of object on Tutorials Point didn't really make sense so I searched it up and found an another amazing website, w3schools, that had the explanation of object that actually made sense. Its explanation was " In JavaScript, almost "everything" is an object." All the pages that I have learned in the objects section is, obviously, an object. Not only does this website talk about objects, but it has amazing explanations and examples for other things in Javascript. That's all for today and click on the picture to check out w3schools' website.

12/16/20

Today I finished researching on Tutorials Point. I did the whole entire Javascript Advance section which was 7 pages. The pages were: Error Handling, Validations, Animation, Multimedia, Debugging, Image Map, and Browsers. I struggled a little on understanding the pages, but I did grasp most of the Animation page. It teaches you how to use Javascript to create an animation. You can have a manual animation, where you have to do something for the animation to work or an automated animation, where the animation runs by itself. You can also have a Rollover with a mouse event, which can change the current image into a different image by hovering your mouse over it. These example are just from the Animation page, so if you want to learn about the other pages, click on the picture and it will take you to the first page of the Javascript Advanced section, which is the Error Handling page. So, that is all for the Tutorials Point website and I will be moving on to the coding part of my project. I am a little worried that I won't be able to do this, for I have seen my did code and there is a lot of coding you have to do. But, I won't get discouraged and I will try to finish my project.

3/17/21

Today I actually started working on the website (yay). I watch some videos on the WIX website to figure out how to use every thing. Once I got the hang of it, I started working on the first page. Since there wasn't much to it, I didn't have to code anything yet. I finished most of the page and I want to try to finish the whole thing this week. I'm still having a little trouble using WIX, since this is my first time using it. If I need help, I'll ask my mentor/dad for help, since he know how to code. I'm having fun doing this and it is more fun than just researching about Javascript. It becomes not fun when I don't know what to do, but I still have to move on. 

3/24/21

I didn't work on my website, but researched more to start to build my website. I researched a lot of topics and I figured how I wanted my website to look. I might not use WIX anymore, as it does not use Javascript coding as I thought it would. Anyways, today the topics I researched about currently and am going to put in my website are : What is Javascript used For, Examples of how Javascript is used, Why Javascript is used in web development, History of Javascript, Advantages of Javascript in a website, Disadvantages of Javascript (almost done). I used many different sites to find all my information and I also got help from my dad/mentor to clarify some things. 

4/7/21

Today I continued to research more about what to put on my website. This week might be the last week I will research and then work on my website. I will ask my mentor/dad for help onto how to make a website. The new topics I added today are: Client-side Javascript, Server-side Javascript, Disadvantages of Javascript (finished), and Javascript Syntax (unfinished). I found many sources for researching these topics. I currently have a little over 2 pages of information. Researching more helped my learn many new things about Javascript I didn't know before. Here is the link to the Google Docs I used to record my information - https://docs.google.com/document/d/1DS-MCFsinvXgVKF7DEQDWL5U55MMnTpK-0dcgv4sBDA/edit?usp=sharing  

4/14/21

Today I finished my research on Javascript, and finished the topic, Syntax. Next time I will definitely work on my website. However, I am not using WIX anymore. The website's coding makes little sense, so I will be using a different software to code. The software is called Visual Studios, the same software my mentor/dad uses. I will try to get most of my website done and I have a vague idea of how my website is going to be built and its pages.

4/15/21

Today I learned a very important thing. I learned that to have a website, you need something to host it. Since I might not be able to do that, I might not be able to make a website of the software that I want. However, I am not going to give up yet. I downloaded the software Visual Studios and will try to code. But, today I did start coding. Today I went back onto w3schools and tried to figure out how to make a website. However, instead of finding that, I found amazing exercises that you can do for Javascript. Those exercises helped me a lot in understanding more about how to code. I fished 38 out of 88 exercise and will try to finish them as soon as I can. Once I finish all of them I will put an update. Overall, today was a productive day and help me learn that I still have more to learn. Click on the picture to download Visual Studios.

4/21/21

Today I continued with the exercises on the w3schools website and got from 38 out of 88 exercises done to 76 out of 88 exercises done. I feel more knowledgeable about Javascript and how to code. However, I still might need more help on how to format and code correctly. I will finish the exercises and start to code. But, I might not be able to code a website since it might not work. I will try to do my best to do the website and finish it. I will have a page, like a home page, a page for history and Javascript information, and a page for examples of how to code. I hope I can do a good job on my website and at least finish a page.

4/28/21

Today I finished the exercises. These exercises were amazing and helped me learn even more about Javascript. Not only did I finish the exercises, but I also started working on my website. I am very proud of how the website looks. I only finished 2 pages, but it looks very good. I still have some changes to make, but I like how it turned out. Coding is surprisingly fun and I'm enjoying doing it. I have some challenges, but that's what makes it fun to code. It is very satisfying to complete a challenge and code correctly. I probably have more lines of code that I don't need, but I am still a beginner coder. I will try to finish the website this week and I hope it looks good!

4/29/21 - 4/30/21

Today I continued to work on my website. I combined these two days so that I would have enough to write. I finished the Home page and am about to finish the Javascript Facts page also. I still need to work on the Javascript Examples page next and I think that is going to be the hardest page to do. I like coding and it's really fun. I hope to finish this website soon. However, I don't know how I'm going to show it to everyone, but I will figure that out sooner or later. 
 

5/5/21

Today I finished the Javascript Facts page and have started working on the Javascript Examples page. I am very proud of my website and I hope to finish by the end of the week. I know I said that last time, but there was more than I thought there was.  The Javascript Examples page will definitely be the most work to do, but I believe I can do it. I also added another page and it is the conclusion to the website and Javascript. My website is not that in depth, but it gives you the basics that should work. I will update when I'm done with the whole website.