PineBoathttps://www.pineboat.in/Recent content on PineBoatHugo -- gohugo.ioen-usSun, 21 Oct 2018 19:43:15 +0530Search...https://www.pineboat.in/page/search/Sun, 21 Oct 2018 19:43:15 +0530https://www.pineboat.in/page/search/#search-input { font-size: 1.5em; } .algolia-autocomplete { width: 100%; } .algolia-autocomplete .aa-input, .algolia-autocomplete .aa-hint { width: 100%; } .algolia-autocomplete .aa-hint { color: #999; } .algolia-autocomplete .aa-dropdown-menu { width: 100%; background-color: #111; border: 1px solid #999; border-top: none; } .algolia-autocomplete .aa-dropdown-menu .aa-suggestion { cursor: pointer; padding: 10px 4px; border-bottom: 1px dotted #555; } .algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor { /* background-color: #B2D7FF; */ background-color: black; } .algolia-autocomplete .aa-dropdown-menu .aa-suggestion em { font-weight: bold; font-style: normal; }Developing an Installable Website Is Unbelievably Easyhttps://www.pineboat.in/post/javascript-service-workers-add-to-home-screen-install-progressive-web-apps/Sun, 07 Oct 2018 14:50:59 +0530https://www.pineboat.in/post/javascript-service-workers-add-to-home-screen-install-progressive-web-apps/Creating a web page is surprisingly easy. All you need is a single HTML file. But converting it to a Progressive Web App that you can install is perceived as a complex business. In reality, it is shockingly easier. You need two extra files, with less than 10 lines each.
I have created a Git repository named pwa-features that you can use for reference.
Here is the folder structure for this particular project from the repository:Progressive Web Apps Are All You Need to Reclaim Usershttps://www.pineboat.in/post/progressive-web-apps-reclaim-users-all-you-need-to-know/Sun, 26 Aug 2018 15:40:59 +0530https://www.pineboat.in/post/progressive-web-apps-reclaim-users-all-you-need-to-know/Progressive web apps (PWAs) are normal websites infused with additional functionality. They are capable of push notifications, offline content, full screen experience, and home screen shortcuts. They aim to provide near-native app-like experience. They work super fine on mobile phones, tablets and even on desktop browsers across operating systems.
If you are building a website, you should seriously consider making it a PWA. Here is why.
If you need a brief history, Amberley Romo has written an origin story on progressive web apps.Why CSS Selectors are the most useful Selenium WebDriver locators?https://www.pineboat.in/post/css-selectors-selenium-webdriver-find-element-xpath-replaced/Tue, 10 Jul 2018 22:45:59 +0530https://www.pineboat.in/post/css-selectors-selenium-webdriver-find-element-xpath-replaced/A wide variety of locators are being used in Selenium Web Driver automation. CSS selectors come last when you ask the question, &ldquo;What are all the locators do you use frequently and why?&rdquo;
XPath tops the list as one size fits all solution. There is also a tendency to use XPath even when a proper id is available.
Often, it is also lack of exposure to CSS selectors that drives them towards other options.Re-Think Promises When You Write Async JavaScripthttps://www.pineboat.in/post/javascript_promise_fix_callback_async_await_future_error_handle/Fri, 15 Jun 2018 19:39:59 +0530https://www.pineboat.in/post/javascript_promise_fix_callback_async_await_future_error_handle/JavaScript Promises give you excellent control over program flow and composing functions. Promises help you with increased flexibility to sequence asynchronous activities and handle errors. A whole new generation of Web APIs are starting to use Promises. Fetch, Service Workers and Notifications are some of the examples where Promises are taking over callbacks.
They are very easy to use once you understand the underlying constructs. But if you get carried away by looking at the simplicity of API, you might end up learning lessons the hard way.Think Event Loop When You Want to Run to Completionhttps://www.pineboat.in/post/javascript-run-to-completion-event-loop-asynchronous-foundations/Fri, 25 May 2018 08:09:10 +0530https://www.pineboat.in/post/javascript-run-to-completion-event-loop-asynchronous-foundations/Any block of Javascript code that enters the main thread will run until completion of the last line. That much you can be sure. But Event Loop is the unsung hero who helps developers run pieces of code outside of the main thread.
This post aims to help you get started on Event Loop and Run To Completion with a simplified mental model. That model should help you reach deeper into these topics.Have you gone offline?https://www.pineboat.in/offline/Sat, 09 Dec 2017 10:16:59 +0530https://www.pineboat.in/offline/signal_wifi_off If you are seeing this If you are seeing this, it might mean the network is disconnected. Check your data connectivity. It may also mean you tried to visit a page which was removed / never existed.
You can still read already visited pages How&rsquo;s that possible? That&rsquo;s the power of progressive web app (PWA). Here are few cool things you can do.How to Energize a Scary Terminal With Little Scriptshttps://www.pineboat.in/post/energize-terminal-with-git-bash-aliases-one-click-icon/Thu, 23 Nov 2017 23:00:25 +0530https://www.pineboat.in/post/energize-terminal-with-git-bash-aliases-one-click-icon/A combination of aliases and bash scripts can make you very productive in your dev workflow. Use it long enough and you&rsquo;ll even forget the original commands beneath the aliases. Which isn&rsquo;t actually a bad thing [until you get a shiny new laptop and have no idea where you placed your aliases in the old one]
Don&rsquo;t miss the gif showing one-click icons at work towards the end.
01. Git Aliases If terminal is the dungeon to people new to tech, Git tends to be the darkest passage, intimidating with long stretch of commands.How to Make Regular Expressions Your Allyhttps://www.pineboat.in/post/regular-expressions-your-ally/Sun, 12 Nov 2017 08:15:59 +0530https://www.pineboat.in/post/regular-expressions-your-ally/Are you one of those people who stay away from RegExp because it looks like a foreign language? I was one. Not anymore.
Just remember all those sounds, traffic signs, smells that you can recognize. Regular expressions are no different. Take that as a sign language to analyze strings. We are going to get our head around regular expressions today. At least, regularly used expressions.
Very much like any programming language, regular expression is a succinct language in its own right.How to Shatter Impostor Syndrome and Boost Confidencehttps://www.pineboat.in/post/shatter-impostor-syndrome-boost-confidence/Thu, 07 Sep 2017 22:28:21 +0530https://www.pineboat.in/post/shatter-impostor-syndrome-boost-confidence/Have you ever tried refactoring your own code that was a year or two old? I had to. And the results were not just better code base. The refactoring also showed me what have I learned.
This is the story of refactoring I have done. I&rsquo;m hoping it&rsquo;ll inspire you to try the same.
Jump right on to the story.
The code was more than 2 years old. It was a weird project for many reasons.Privacy Policyhttps://www.pineboat.in/page/privacy_policy/Thu, 07 Sep 2017 21:05:24 +0530https://www.pineboat.in/page/privacy_policy/Track visits NOT visitors Hi, this is Vijayabharathi, author of this blog. Just wanted to let you know that this site now GDPR compliant (in fact, it does not even come into the GDPR remit, as not Personally Identifiable Information (PII) is being tracked.
I have used Google analytics in the past. But not anymore. I don&rsquo;t fully utilize the tool. I just need daily visit count, but it tracks much more than what I need.How to quickly wire travis to deploy React site to github pageshttps://www.pineboat.in/post/travis-to-deploy-react-to-github-pages/Wed, 23 Aug 2017 22:45:25 +0530https://www.pineboat.in/post/travis-to-deploy-react-to-github-pages/It&rsquo;s quite common to hack with apps on codepen when you are starting out. There will soon be a time when you want to publish your own web apps to the whole world. They could be side projects or projects for a client. A good development workflow will make a world of difference at this point.
Here is the deal, we are going to set up a development workflow using the following tools,Shipping beats perfectionhttps://www.pineboat.in/post/shipping-beats-perfection/Tue, 01 Aug 2017 20:18:38 +0530https://www.pineboat.in/post/shipping-beats-perfection/First of all, there is an elaborate post on this by Ben Kamens if you really want to know more on that phrase and what it means to software development.
For quite sometime I&rsquo;ve been trying to create my own blog. I wanted to share what I learned. I was forgetting things faster than the rate at which I learned them (I am a web developer, enough said). I wanted to keep writing so that I can retain them longer and also help someone on the way (which could be the future-me trying to solve the same problem).Abouthttps://www.pineboat.in/page/about/Sun, 18 Jun 2017 20:19:30 +0530https://www.pineboat.in/page/about/Why When you tend to forget faster than you learn, one way to enhance retention is to write about it. That&rsquo;s how it started. Also, others in need might reach here for help.
What Document all that is learned as practically as possible and make it available for everyone. A blog, naturally. Ruby on rails, CSS, javascript, TDD, React, Redux, Devops, Travis, Git, Nginx, Passenger, Puma, Postgresql, Virtualbox, Selenium, WebDriver, Software Testing&mdash;so much learning, but when I hit the same problem again, I tend to search through the same set of forums and solve it a second time in the longest way possible.Vijayabharathi Balasubramanianhttps://www.pineboat.in/author/vijayabharathib/Fri, 16 Jun 2017 21:13:19 +0530https://www.pineboat.in/author/vijayabharathib/Software quality assurance and test automation architect for the last 10 years. A freecodecamp certified. front-end developer.On a march to be a full stack web developer.
Short-named as &lsquo;VB&rsquo; that aligns with my name and the many hours I spent on Visual Basic, when the name actually came about into existence.