open source init

For this lab, we were asked to fix this  issue  which was to add a new feature for the project. Initially, I didn't know where to begin, but after a bit of investigation of the code, I knew that the UI layer is in the Base-UI file. So I wrote a new class mode and imported to the base. The plugin I used for calculating sunrise and sunset time is called "suncalc" and it can be found  here . Final results: After doing this lab, I have learned how to implement a class in JavaScript and use a open source plugin.

This was a valuable learning experience of working with the  issue  on Mozilla/devtools:  debugger.html . The issue was related to adding flow coverage for one of the type.js file. At beginning, I did not think it will be a hard process, just need to learned flow as I supposed to. However, it was actually not that easy because I ran into many troubles like figuring out the meaning of the code and make good adjustment for fixing. Thankfully, after I push my PR on GitHub,  here , Jason, the owner of debugger repo helped a lot. He fixed last three errors which really need deep understanding of the code. However, we all ran into the last problem, which is shown in the screenshots below, This error is tough because I am not sure what is it causing it. By doing some research, it might be flow itself causing the error. So, Jason asked me to created another PR just for debugging this error and merged other code to the master branch. Overall, my first contribution to open source projec

For the release 0.2, I choose to work on the flow issue in debugger.html  link . It is for maintaining the core health of the project. By adding "// @flow" to src/workers/parser/types.js, flow will check the JavaScript code for errors automatically. Check  here  for more information on Flow. First, it introduces 28 errors: I found there is a easy error to fix so I reduced it to 27. I am going to do my best and fix the rest of issues.

During last week of study on open source standards of web, I learned that JavaScript is implemented all based on ECMAScript specification. The latest standards in ES2017 however most of the major browsers only support ES2015 so for and partial of the later standards. More information about JavaScript and ECMAScript can be found wiki  and  github/test262 . Then, I wrote the test cases about array reverse, the code can be found on gist : In order to execute the test case, we need to install test262-Harness: Then, run the command and pass the js file: It will return the result of the test cases.