Starting with basic language such as C/C++ and exploring websites with random stuff till you actually know your field of interest is a usual start for anyone. 😀
While pursuing my Bachelor degree in Information Technology, I was also in the same dilemma and for that, I started trying out free courses at Udacity.
After some time, I felt interested in learning technologies related to websites and browsers. When I went deeper, I realized this is called Frontend Development.
Boom!! Now, I knew my field of interest and was passionate to learn this. The most challenging part was to find out How to learn this?
I tried various free courses on the Internet and learn HTML, CSS, and JS. Then, I came across Frontend Developer Nanodegree program through a friend.
The average time for a beginner for this program is around 6 months at 10hrs/week. But, by this approach, it took me around 1.5 months to pass all the projects. The best part I like about FEND is the Mentor support and review process. The feedback cycle to pass the rubric of the project boost you with confidence.
In my third year of graduation, I applied for Google Summer Of Code and luckily got selected. The real fun just begins now. After GSOC, I continue contributing to the project Open-event-Web app and try to apply various concepts of the Frontend Nanodegree that gave a huge performance boost to the Open-event-Web app.
The experience of GSOC opened many opportunities including mentoring at CodingBlocks. I finally represented my work at FOSSASIA Summit at Science Center,
The open event web app is an open-source project under FOSSASIA organization. The project generates web applications for conferences, meetups, and events within seconds after having data from a zip/ REST API.
After working as a Google Summer of Code student, I was invited to present my talk on Performance Optimizations in Open Event Web app at FOSSASIA Summit 2017 held at Science Center, Singapore.
Improvements in Open-Event Web app
The four golden rules we have followed here are:
Measuring the performance of the website should be the first priority. We need to figure out the answer to the question “Do we really need optimization ?”. For open event web app project, we have used lighthouse a simple and open-source Google Chrome extension to generate the performance report.
We should ask here “Which part of our website needs optimization ?”
Udacity Website optimization course can work as a great resource here, it will help in analyzing the Google chrome Timeline and optimizing the Critical Rendering path. After, the course we have easily figured out the tools to detect the slow parts of the page and the reasons behind them.
Here comes the crucial step, which needs the answer for “How to do optimizations ?” we have already figured out the reasons for our websites to be slow and it’s the time to fix them now.
In open-event webapp, we have achieved some good results after analyzing and fixing these things.
The last phase is testing, where we have checked the Google page speed Insight of our website and again generates the report using lighthouse. The open event webapp page has shown significant improvements with a pace speed insight score rise from 60 to 90 after following the above practices.
The first version of Open-event-webapp will be a generator that will create the web app.
This week I have worked on various OTS issues that will become the basis for the web app. The OpenTechSummit web app works along with Open-event-scraper.
The web app can be generated in any empty repository and can be hosted with gh-pages by just running build.sh file from the Open-event-scraper. This is the build.sh file I have written for doing this.
How can you create the webapp from scraper in your repository ?
1 . Replace the URL of the repository in git clone command.
git clone – – depth=1 < destination repo url > ots-repo
2 . Run the file build.sh from Open-event-scraper.
Utility for transferring content using build.sh
The build.sh file is written to make a folder that is self-sufficient. It means it can be taken anywhere and it should work on its own.
The build.sh file first creates a clone of the destination repository in the local Open-event-scraper. It itself make the required folders inside the cloned repository and runs generator.js which provides index.html file according to the template schedule.tpl. The resync command that is known as remote sync is used to transfer the files remotely. A programm folder is created automatically that includes all the CSS, JS, JSON and other important files used to run the web app.
Finally, the programm folder along with all necessary files is pushed to gh-pages branch of the destination repository.
To create the web app I have replaced the destination URL as shown in the image.
After running the build.sh we will get the output as shown :
Programm folder ( self-sufficient)
Sub folders inside Programm folder
That’s how a folder is generated which contains all the necessary files needed to run the web app.
Hello , everyone
This year I am selected for Google Summer of Codes . Firstly , I would like to thank Fossasia for providing me this wonderful opportunity . I am very excited to get involved with the Fossasia Community in the coming months.
During this summer , I will be working on the project Open-event .The project will make it easier for the events , tech summits to create a webapp and mobile app quickly by providing necessary information such as speakers for the event , sessions , tracks , location etc .The project itself consists of three core components :
- Open-Event Organiser Server
- Open-Event Android App
- Open-Event Webapp
We as a team , will work for this project . I am selected for the Open-event webapp . In terms of technologies , the webapp front-end is based on AngularJS 1.5.5 which will be integrated with the REST API’s .
The target for this summer is to complete the Open-event . In terms of webapp it will be a redesigning of the whole UI/UX , integration of the backend with the support of REST API’s , adding more features to it and writing the unit tests to check the code glitches .
I am contributing to this project since October 2015 . Currently , I have solved many Codacy related issues , I will try my best effort to complete this project and to implement the complete discussed feature list .