First Time working on a bug for Thimble project

This week I was busy working on a issue from mozilla's thimble project. Thimble is a online editor tool that allows you to code web applications inside a webpage, it is such a amazing platform for people to learn or develop their web coding skills.

The bug I was working on "

Allow toggle of Editor options by clicking the option label #2116

" is more related  to front-end. The task is basically to make one of the drop down menus work in a way that each of the element in the list is clickable. Before I begin working on this issue, I thought it will be super hard,  because it is such a big project containing tons of files. I don't even know where I should begin. but when you really sit down and start working on it. It's not hard at all. It's all about using tools to spot the location of the code where your changes should be and making the necessary changes. And here is the change I made.



Contributing to huge open-source projects, some times, does not require you to understand the entire structure of the design. Usually, good system design has good layout/structure. Everything is being broken down to pieces, therefore when you making change to a small portion it doesn't effect other part of the system. That's why you don't need understand the entire system.

The reason I choose this bug is that I like to work with front-end javascript staff since nowadays javascript has become extremely popular. Even I'm not a artist, working as a front-end developer is still consider a good career for me. Especially when you can work with different JS libraries or frameworks, it's fun!!

I would also like to thank those people in the community who are being friendly to me and offering help and guidance to me while i was working on the bug. I was communicating with those people mostly on github(the issue page) and occasionally in their private live-chat channel.

I think in the future even i'm not in this class anymore, I will continue to work on those open-source projects because I learn a lot and having fun doing this. And that is the charm of open-source.


Comments

Post a Comment

Popular posts from this blog

Documentation in opensource

Image
Documentation in opensource Importance It is obvious that with detailed and well-explained documentation, contributor will definitely have a easier time with the environment set up and a good overview about how the project is structured which is really saving a lot of time. Commenting Besides documentation, code with clear comment also help developers reuse some of the existing code easily. I believe that no programmers love to read 10 thousand lines of code just to figure out where a variable is being defined. Following good commenting standard makes your code so clear to others about what the code is about, what does it do and how it is being used. For instance, giving description of the parameters and return values of a function is considered a good commenting standard, especially in open-source projects. Working with thimble  Currently I am working on the thimble project from github. The feature I was trying to add is a inline-border-radius editor. The document
Read more

Working with gh-pages

Image
Hosting This week, we were introduced to the "gh-pages" which is one of the  coolest feature on github that enables you to host your static web content on github for free! the setting up for this is very simple, you only need to create a repo using your github account and then add master or the gh-pages branch to this repo then you can commit and push your html or any web content related files onto your master/gh-pages branch then your website will be available on github. After many researches on where to host your website, I think gh-pages may be the best option for me, simply because I don't want to spend a penny for hosting my website. This is just a simple static html file I put on my github host. Right now the domain name is using the github defaut standard, and you can actually customize that domain name in the settings tab under your repo. Code Reading Basically, this page is a static page that display a result of a test on the onload event of a ima tag.
Read more
Image
Augmented Reality in Industrial Safety Augmented Reality is already improving worker performance  This is a interesting article talking about how AR improves industrial workers' performance, variousexamples are used to demonstrate  how AR technologies can be applied in industrial activities  https://hbr.org/2017/03/augmented-reality-is-already-improving-worker-performance 4 Applications in 2018 for augmented reality in construction Augmented Reality is a emerging technology being used in many domain areas, construction is one of the field that may be influenced by AR in the future.  https://esub.com/4-applications-in-2018-for-augmented-reality-in-construction/ Ontario ministry of labour- health and safety Many Health and safety related records can be found here. This site contains reports about the injures or fatalities recorded each year in Ontario labour force.  https://www.labour.gov.on.ca/english/hs/index.php Augmented Reality in Construction
Read more