zeu.js - A JavaScript library for real-time visualization

https://github.com/shzlw/zeu
https://shzlw.github.io/zeu/docs/introduction.html

Infinite Scroll related

https://stackoverflow.com/questions/23961566/javascript-infinite-scroll-inside-a-div

Elixir Umbrella - Microservices or Majestic Monolith? Georgina McFadyen - Elixir.LDN 2017

Robust Data Processing Pipeline with Elixir and Flow - Laszlo Bacsi - ElixirConf EU 2018

Building videochat with Elixir and Phoenix - Anil Wadghule - ElixirConf EU 2018

43:45 / 43:54 Rewriting a legacy application in Elixir - Raphael Costa - ElixirConf Eu 2018

Elixir vs Node

https://slides.com/chrisgeihsler/elixir-v-node#/110

Rails - Consuming local JSON API from another controller

https://stackoverflow.com/questions/15042783/rails-consuming-local-json-api-from-another-controller

Only Remote Developers Job Board

http://eastvox.com/

Getting started with DevOps

https://linuxacademy.com/blog/devops/what-does-it-mean-to-do-devops/

A step-by-step implementation for genetic algorithms

https://www.aitribune.com/article/2018071087

ramd.js JavaScript library for making web applications.

https://github.com/vladocar/ramd.js

CAP Theorem

http://www.acodersjourney.com/2018/07/system-design-interview-cap-theorem/

Spotify Engineering Culture

Spotify Engineering Culture

Spotify Engineering Culture - Part 1 - 
Video: https://vimeo.com/85490944
Medium article: https://medium.com/project-management-learnings/spotify-squad-framework-part-i-8f74bcfcd761

Spotify Engineering Culture - Part 2 - 

Video - https://vimeo.com/240501738

Medium article - https://medium.com/project-management-learnings/spotify-squad-framework-part-ii-c5d4b9398c30

React JS prototyping - Building a high-fidelity prototype

https://www.youtube.com/playlist?list=PLqGj3iMvMa4LFqyGab_aR7M0zfQm2KTuX

How is JavaScript used within the Spotify desktop application?

Quora question & answer:

https://www.quora.com/How-is-JavaScript-used-within-the-Spotify-desktop-application-Is-it-packaged-up-and-run-locally-only-retrieving-the-assets-as-and-when-needed-What-JavaScript-VM-is-used

Reddit Comments:

https://www.reddit.com/r/programming/comments/901p0j/former_software_engineer_at_spotify_on_their/

EDIT: It turns out that the Quora post was from 2015. The Reddit comments are scathing in their appraisal now.

Using jQuery vs more advanced JS frameworks

"Jquery results in mostly event handling and procedural code. The more advanced frameworks, if used properly end up more declarative with some event handling. That's much easier to write, read and understand."

Card

Rails: Decorators vs Helpers

https://stackoverflow.com/questions/45468184/decorators-vs-helpers-in-rails

Rails related blog

2015 blog by Vaidehi Joshi - has posts about Rails - 1 post per week in 2015

http://vaidehijoshi.github.io/
http://vaidehijoshi.github.io/blog/categories/number-technicaltuesdays/

Computer Science Basics

2017 blog by Vaidehi Josh

https://medium.com/basecs - 

Exploring the basics of computer science, every Monday, for a year.

https://medium.com/basecs/archive/2017/01

Rails related: Specifying rails version to use when creating a new application

https://stackoverflow.com/questions/379141/specifying-rails-version-to-use-when-creating-a-new-application

https://stackoverflow.com/a/42876273

ElixirDaze 2017- Solid Ground by Saša Juric

Design related

https://fundrequest.io/

Checkout the above site for a decent design to try and re-implement for practice

Reactive Programming related

https://itnext.io/i-would-love-to-see-you-do-it-better-and-cleaner-without-reactive-programming-545face12e1a

Ruby related: Hashie::Mash

https://www.schneems.com/2014/12/15/hashie-considered-harmful.html

Dunzo

https://www.dunzo.in/

The Moden C++ Challenge - good book to improve programming with general stuff

Book link in pactpub.com - https://www.packtpub.com/mapt/book/application_development/9781788993869

Blogpost about the book by a C++ expert:
- http://scottmeyers.blogspot.com/2018/06/interesting-book-modern-c-challenge.html

All in all, there are 100 problems in a variety of areas, including string processing, dates and time, concurrency, cryptography, and networking.

Airbnb’s new Design Language System

https://airbnb.design/the-way-we-build/

I did not understand much. Have to read these articles again.

Airbnb moving away from React Native

https://www.reddit.com/r/programming/comments/8saw35/airbnb_moving_away_from_react_native/
https://medium.com/airbnb-engineering/react-native-at-airbnb-f95aa460be1c

Ruby Design Pattern: Command Method

https://medium.com/@nakshtra17/ruby-design-pattern-command-method-3d1e3f41d39d

Common Gems

https://www.reddit.com/r/rails/comments/8r4t96/what_gems_do_you_consider_an_integral_part_of_the/

Ruby on Rails - how to create perfect enum in 5 steps

http://naturaily.com/blog/post/ruby-on-rails---how-to-create-perfect-enum-in-5-steps

Microservices & Mono Repo

http://blog.shippable.com/our-journey-to-microservices-and-a-mono-repository

ES5 vs ES6 ( With example code )

https://codeburst.io/es5-vs-es6-with-example-code-9901fa0136fc

Mongo - Export & Import

https://stackoverflow.com/questions/4880874/how-do-i-create-a-mongodb-dump-of-my-database

Applications of Lambda in Ruby

http://jetrockets.pro/blog/lambda

Learning operating system development using Linux kernel and Raspberry Pi

https://github.com/s-matyukevich/raspberry-pi-os

Large IT companies like TCS, Infosys, Wipro are going Agile

https://economictimes.indiatimes.com/tech/ites/why-it-companies-are-shifting-to-an-agile-work-model/articleshow/64430084.cms

Excerpts:

...

Though this method has been around for decades, it was restricted to small projects. 

....

Constructing HTML with Templates

Using templates with script type="text/template"

https://www.codereadability.com/constructing-html-with-templates/

Vue example

https://laravel-news.com/jquery-vue

Using Rails & Phoneix together

https://littlelines.com/blog/2016/09/27/using-phoenix-with-a-legagy-rails-app
https://medium.com/@sugarpirate/rise-from-the-ashes-incremental-apis-with-phoenix-b08cd66bd142

https://elixirforum.com/t/is-it-possible-to-use-rails-with-phoenix/2851

Gooact: React in 160 lines of JavaScript

https://medium.com/@sweetpalma/gooact-react-in-160-lines-of-javascript-44e0742ad60f

Rails ActiveRecord: Execute direct SQL

https://stackoverflow.com/questions/22752777/how-do-you-manually-execute-sql-commands-in-ruby-on-rails-using-nuodb

An Important Gap in Software Development Process: How to improve what already exists

Current Focus of most Processes is on getting things done (i.e. productivity) and not on encouraging/generating/collecting/discussing Ideas (i.e. innovation?).

Below post is on one of the problematic side-effects of such a focus, and a trivially simple, but powerful solution to deal with that problem.

In Software Development, when Tasks are created in Project Management tools like Jira, they are usually:

• Bugs to fix
• existing stuff is not working as intended
• Feature Improvement
• client wants to make changes/additions to the existing stuff
• OR client asks for a brand new feature

Bugs & Feature Improvements have one thing in common - the Point of Initiation of Work is a very clear business need. If all work is initiated like the above, we will end up with one Big Gap in our product development process - existing stuff never improves.

A Big Gap

Above categories miss one area - improving what already exists & works

Example:

• Let's take one webpage in our web-application where things are working as intended (i.e. no complaints/change-requests have come from clients/users)
• But there are aspects about it, like UI/Performance/UX, that different members of the team/company feel, can be improved.
• Currently there is no way for anyone to initiate work on that webpage 
• and that is the Big Gap i am referring to - there is no way to initiate work on existing stuff
• And this Big Gap continues to exist indefinitely, because there are always going to be tasks with higher priorities that need attending to, than discussing, for example, about some minor UX/UI improvement on a webpage that is seemingly working fine.

A Solution

How do we improve what already exists and works?

I have realized that when a team identifies a problem and discusses it, it generally tends to make a good decision about the solution.

Simply put, if a topic is brought up on the agenda, it gets addressed/resolved.

The converse is unfortunately true as well - if an issue does not reach the agenda, it never gets addressed/resolved.

So we need to somehow bring tasks related to 'improving Existing Stuff' onto the Agenda.

How do such tasks come into existence, so that they can be added to the Agenda?

We need ideas, in fact a lot of ideas, big and small, to improve what already exists.

In order to do this, in my opinion, we need to create/implement a new Category of tasks, perhaps called Suggestion For Discussion, or Discussion Task, or something like that.

• Creating a new category should be a trivial thing to do in tools like Jira

What is a 'Suggestion For Discussion / Discussion Task' ?

• if ANYONE in the team/company has a suggestion/idea, they create a Suggestion For Discussion /Discussion Task in the Project Management Tool (e.g. Jira)

Who is it assigned to?

• this is assigned to whoever is in charge of that specific area (a Project Manager or Product Owner, etc)

What is the Goal of such a task?

• The goal of such a task is to make sure a Discussion happens around the Suggestion given

How is such a task completed?

• the team can meet periodically (once a week, biweekly, monthly etc) to discuss such Suggestions
• the Agenda for such a meeting could be the set of Suggestions that PM/Product Owner has received recently. This is a very important aspect because
• having a very clear list of things to talk about is very different from adhoc-brainstorming-sessions
• ensures a sustainable way for doing the meetings
• People often stop going to meetings that are haphazard, and suddenly such meetings stop happening
• a decision is made to accept a Suggestion, not-accept a Suggestion, or to revisit the Suggestion later on, and this is how such a task is 'resolved'.

How will these tasks help in improving what already exists?

This simple idea/tool can help with the following:

• Provide a path in the process: This will give an official path for an idea/suggestion, however small or big, to reach fruition
• This is the main contribution of this idea/tool.

• Everyone thinks: Instead of Devs only writing code or QA only spotting issues, everyone will get a chance to think about how to contribute via Ideas/Suggestions as well

• Prevent Ideas from being forgotten: A person who has thought of an idea can create a Suggestions-for-Discussion task at that moment - this will prevent ideas from being lost

• Short-term effect: immediatley get to the job of improving existing stuff

• Long-term effect: foster a culture of innovation

• Maximize potential of existing team & Reduce burden on Superstars: Innovation/Ideas/Suggestions will not depend on just a few key individuals in the company, but will be the domain/responsibility of everyone. Superstars (i.e extremely talented individuals) like to work in stimulating & engaging environments where everyone is contributing, otherwise they also get fatigued.
• In cases where teams do not have Superstars, they can at least perform to the best of their collective potential.

• No Barrier for Contributing: New Employees Or Junior Team-members Or even Experienced team-members who are Not so Social, i.e anyone, can contribute ideas/suggestions without depending on what kind of personality they have OR what kind of personal rapport they have with a PM/Product Owner.

• Improved job satisfaction when ideas/suggestions are accepted

Why can't the person who has a Suggestion, just go and talk to the Product Owner/PM, OR discuss the idea in one of the meetings?

The reason why Discussing-with-PM-or-in-Meetings will not work is - 

• Things that are not urgent are better handled in an Asynchronous manner
• e.g. we stick a PostIt note or add a ToDo item somewhere to remember to do stuff that we have to do later.
• The very reason we use ToDo lists or PostIt notes, or even Project Management tools like Jira is because we cannot do all the things that need to be done at the same time.
• By this argument, Ideas/Suggestions for Discussion need to be treated in the same way.
• People might not feel comfortable suggesting minor improvements in a meeting-setting
• Consider the scenario of a Dev/QA who has thought of, not major improvements, but just a couple of minor UX improvements
• They might not feel comfortable speaking about such minor suggestions in meetings

Limit this idea to Existing Stuff ?

This simple tool/technique is actually about gathering ideas from everyone, and hence can be used to gather ideas about Existing Stuff as well as for New Features.

So the question is - is it better to limit this tool to gathering ideas about Existing Stuff? 

I am not sure about this. My current opinion is - 

• Initially i.e. until everyone gets used to it, it is probably better to limit this tool only to suggestions related to Existing Stuff
• This is needed because, it is important for everyone to understand that it is OK (and in fact, desirable) to contribute minor changes as well.
• If brand new Feature Improvements also are allowed to use this tool - this tool might get hijacked by the new & shiny stuff (and people might not feel comfortable contributing 'small' ideas).
• Perhaps we could have 2 separate categories, one for Existing Stuff and one for New Stuff.

Alternative Implementation

UserVoice is a widely used tool whose purpose is to collect ideas like I have discussed above.

However UserVoice is being used to collect feedback mostly from Clients/Users and not from Developers/QA/PMs. 

Perhaps Devs/QA/PMs can use something like UserVoice for the exact same purpose too.

However I feel it is easier & better to treat Discussion of Suggestions/Ideas as Tasks and hence use the same Project Management tool that is used for Bugs and Feature Improvements.

Final words

Current Focus of most Processes is on getting things done (i.e. productivity) and not on encouraging/generating/collecting/discussing Ideas (i.e. innovation?).

Suggestions/Ideas, however minor, are very important and hence need to be handled in the same process that is used for Bugs/Feature Improvements.

Waiting for dynamically loaded script

https://stackoverflow.com/questions/7308908/waiting-for-dynamically-loaded-script/43076418#43076418

https://stackoverflow.com/questions/7308908/waiting-for-dynamically-loaded-script/43076418#43076418

Vue.js related

https://stackoverflow.com/questions/41501920/is-it-possible-to-trigger-a-function-upon-a-vue-data-element-change?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa

CSS/JS: disable/enable links

https://css-tricks.com/how-to-disable-links/

https://stackoverflow.com/questions/5632031/how-to-stop-default-link-click-behavior-with-jquery

jquery related - overriding a function in a jquery plugin

https://stackoverflow.com/questions/6929426/overriding-a-function-in-jquery-plugin

Rails & Electron, nativefier

Rails app inside Electron -
https://stackoverflow.com/questions/31967854/how-to-properly-run-a-rails-app-inside-electron

nativefier -
https://github.com/jiahaog/nativefier

Electron - Mac App Store Submission Guide
https://github.com/electron/electron/blob/master/docs/tutorial/mac-app-store-submission-guide.md

Electron - Signing a Mac Application (contains other useful links related to Electron)
https://pracucci.com/atom-electron-signing-mac-app.html

Detect if running in Electron
https://github.com/electron/electron/issues/2288

A deep dive into Xamarin and React Native

Track

iOS - 10
- https://docs.microsoft.com/en-gb/xamarin/ios/get-started/hello-ios-multiscreen/hello-ios-multiscreen-quickstart?tabs=vsmac

Ruby, RoR - 0.5

React -

Vue - 4
- https://www.vuemastery.com/courses/intro-to-vue-js/vue-instance

Electron - 4
- have to check how notifications are shown (which are notifications and which are just toastr messages; where is notification manager?)
- faye code to show notifications?
- rules engine
- how to submit an Electron app to Windows Store & Mac App Store
  -- can we submit a sample app
- prevent session timeout so that user stays logged-in
--- if user stays logged-in, then things that happen at login time (like Login Interrupts) need to be triggered when user launches app
- can we write code to distinguish whether user is using browser or Electron app ?
- look at Google Analytics for different clients to see usage on Windows and MacOS
- on Macs we can show Notifications that stay on the screen; can we do the same on Windows? 

Xamarin - Visual Studio on Mac

https://docs.microsoft.com/en-us/visualstudio/mac/installation

https://docs.microsoft.com/en-us/visualstudio/mac/

https://docs.microsoft.com/en-us/xamarin/

https://docs.microsoft.com/en-us/xamarin/tools/live-player/index


Xamarin University: https://university.xamarin.com/classes


Xamarin.iOS - https://docs.microsoft.com/en-gb/xamarin/ios/

Above link includes a "Getting Started" section that has "Hello, iOS"(QuickStart & DeepDive) - https://docs.microsoft.com/en-gb/xamarin/ios/get-started/hello-ios/

Xamarin Sample Projects - https://www.xamarin.com/prebuilt

Comparison with other technologies - https://www.altexsoft.com/blog/mobile/pros-and-cons-of-xamarin-vs-native/

Xamarin Forms - https://docs.microsoft.com/en-us/xamarin/xamarin-forms/xaml/xaml-basics/

ActiveRecord: arel

https://jacopretorius.net/2016/09/the-mimimum-arel-every-rails-developer-should-know.html
https://www.calebwoods.com/2015/08/11/advanced-arel-cheat-sheet/
https://github.com/rails/arel
https://medium.com/@zedalaye/build-crazy-queries-with-activerecord-and-arel-e7bd3b606324
https://stackoverflow.com/questions/4430578/how-to-do-a-like-query-in-arel-and-rails?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa 

CSS related: getBoundingClientRect, offsetHeight, clientHeight, scrollHeight

getBoundingClientRect - https://johnresig.com/blog/getboundingclientrect-is-awesome/

https://stackoverflow.com/questions/22675126/what-is-offsetheight-clientheight-scrollheight

http://jsfiddle.net/shibualexis/yVhgM/3/

Mongodb related

1) Export
mongodump
Above command will export everything (all databases) into a folder called 'dump'

2) Import
mongorestore dump

Rails: How to chain scope queries with OR instead of AND?

https://stackoverflow.com/questions/3684311/rails-how-to-chain-scope-queries-with-or-instead-of-and

Internal Side Projects

I wrote the below comment in reddit.com/r/programming in response to a medium.com post about Hype Driven Development

There is a solution in my opinion: Internal-Side-Projects.

The only way, for a team to choose/decide in an informed manner, is to do some Internal-Side-Projects using the said framework/stack. Internal-side-projects = something non-critical but useful that everyone can work on, and should work on.

At the minimum, all senior-developers in the team/company should do be indulging in this. If we do this, when the time comes to make a decision, the team will actually have meaningful discussions. Sometimes decisions become obvious when people actually know what they are talking about. (The happy side-effect is that developers remain happy as they get to learn new things.)

However, for this to be practically possible, the company's culture should plan for & encourage such internal-side-projects.

This is absolutely essential for a company/team to remain competitive in the long-run.

GDPR related

https://matomo.org/blog/2018/04/how-to-make-matomo-gdpr-compliant-in-12-steps/?pk_campaign=org_newsletter_2018_04&pk_medium=email&pk_source=piwik_org_newsletter

Tick or Tock? Keeping Time and Order in Distributed Databases

https://dzone.com/articles/tick-or-tock-keeping-time-and-order-in-distributed-1

Phoenix Chat for your Rails application

https://medium.com/@korolvs/elixir-beside-rails-2b94414bcb03

Javascript Frameworks: The deepest reason why modern JavaScript frameworks exist

https://medium.com/dailyjs/the-deepest-reason-why-modern-javascript-frameworks-exist-933b86ebc445

AWS related: How To Set Up a Serverless React Application with AWS S3 and CloudFront

https://www.devopsgorilla.com/cloud/aws/how-to-set-up-a-serverless-react-application-with-aws-s3-and-cloudfront/

Processors related: “Dennard Scaling and Moore’s Law are dead, Now what?” – a 4-act play by Dr. David Patterson

“Dennard Scaling and Moore’s Law are dead, Now what?” – a 4-act play by Dr. David Patterson
https://www.eejournal.com/article/fifty-or-sixty-years-of-processor-developmentfor-this/

From Uber blog

https://eng.uber.com/check-in-queueing/

Anna: A KVS for any scale

https://blog.acolyer.org/2018/03/27/anna-a-kvs-for-any-scale/

Redux related

http://blog.isquaredsoftware.com/2018/03/redux-not-dead-yet/

Turbolinks related

http://reed.github.io/turbolinks-compatibility/livechatinc.html

Modern Frontend Developer in 2018

https://medium.com/tech-tajawal/modern-frontend-developer-in-2018-4c2072fa2b9c

Rails: Full-Text Search related

Pg_Search & SearchKick are gems 

Pg_Search vs SearchKick
https://www.webascender.com/blog/rails-search-gems-searchkick-vs-pg_search/

Pg_Search

One of the best features of Postgres is the built-in, full-text search capabilities. The pg_search gem helps maximize these capabilities by providing a powerful, yet simple, search capability. pg_search is great for a basic search that will search multiple models, associations, and is able to hook into advanced Postgres features in the optional contrib package. This contrib package allows fuzzy and trigram searching.

ElasticSearch & SearchKick in Depth
https://www.webascender.com/blog/rails-elasticsearch-searchkick-depth/

SearchKick:
Github: https://github.com/ankane/searchkick
GoRails video: https://gorails.com/episodes/elasticsearch-with-searckick
DriftingRuby video: https://www.driftingruby.com/episodes/searchkick-and-elasticsearch

Other videos related to Search:
- Ruby on Rails - Railscasts #278 Search With Sunspot - https://www.youtube.com/watch?v=6ub9OYNvHZk
- Ruby on Rails - Railscasts PRO #343 Full-Text Search in PostgreSQL (pro) - https://www.youtube.com/watch?v=n41F29Qln5E
- RailsConf 2016 - Multi-table Full Text Search with Postgres By Caleb Thompson - https://www.youtube.com/watch?v=OzHhJPlgZaw

Rails: Best practices for running Rails in production

https://github.com/ankane/production_rails

ActiveRecord related: marginalia gem - for adding comments to ActiveRecord queries

https://signalvnoise.com/posts/3130-tech-note-mysql-query-comments-in-rails
From https://github.com/basecamp/marginalia:

Attach comments to your ActiveRecord queries. By default, it adds the application, controller, and action names as a comment at the end of each query.

This helps when searching log files for queries, and seeing where slow queries came from.

For example, once enabled, your logs will look like:

Account Load (0.3ms)  SELECT `accounts`.* FROM `accounts` 
WHERE `accounts`.`queenbee_id` = 1234567890 
LIMIT 1 
/*application:BCX,controller:project_imports,action:show*/

You can also use these query comments along with a tool like pt-query-digest to automate identification of controllers and actions that are hotspots for slow queries.

......

.......

Marginalia ships with :application, :controller, and :action enabled by default. In addition, implementation is provided for:

• :line (for file and line number calling query). :line supports a configuration by setting a regexp in Marginalia::Comment.lines_to_ignore to exclude parts of the stacktrace from inclusion in the line comment.
• :controller_with_namespace to include the full classname (including namespace) of the controller.
• :job to include the classname of the ActiveJob being performed.
• :hostname to include Socket.gethostname.
• :pid to include current process id.

Unix system calls

Rails related: Gradual engagement with Rails

http://craftingruby.com/posts/2015/06/20/cookie-based-approach-to-guest-users.html
http://nithinbekal.com/posts/gradual-engagement-rails/

Rails Caching related

https://medium.com/@wintermeyer/https-medium-com-wintermeyer-fragment-caching-with-rails-26476fc2a985

Turbolinks related: InstantClick

InstantClick library -
http://instantclick.io/click-test 

Discussion in Turbolinks related to idea established in InstantClick library:
Prefetch Loading - https://github.com/turbolinks/turbolinks/issues/84
turbolinks "instantclick" - https://github.com/turbolinks/turbolinks/issues/313 

Barba.js - barba.js is a small (4.4kb minified and gzipped), flexible and dependency free library that helps you creating fluid and smooth transitions between your website's pages.
http://barbajs.org/index.html
https://www.smashingmagazine.com/2016/07/improving-user-flow-through-page-transitions/

Other related links:
https://news.ycombinator.com/item?id=12481969
https://github.com/Easyfood/pageAccelerator

https://caniuse.com/#feat=link-rel-preload
https://css-tricks.com/prefetching-preloading-prebrowsing/ 

Ruby related: A Distributed File Sync in Ruby

https://blog.sourcerer.io/a-distributed-file-sync-in-ruby-dbcf63a7cdf8

16 Sorts - Color Circle

PostgreSQL - full text search

https://stackoverflow.com/questions/13256645/postgres-full-text-search-multiple-columns-cross-table
https://codereview.stackexchange.com/questions/2364/sql-search-for-a-keyword-in-several-columns-of-a-table
https://www.postgresql.org/docs/current/static/textsearch.html 

Webassembly related

https://blog.mozilla.org/blog/2017/11/13/webassembly-in-browsers/

ES6 compatibility with browsers

http://kangax.github.io/compat-table/es6/

COMDB2 database

https://blog.dripstat.com/first-look-at-bloombergs-amazing-comdb2/

DHH's video-series "On Writing Software Well"

Blog-post announcing it -
https://m.signalvnoise.com/on-writing-software-well-aee3780767a6

YouTube link of Pilot Episode -
 

Nice example using Elixir, Phoenix, Facebook Messenger Bot

https://medium.com/@DFilipeS/how-i-rented-a-nice-place-to-live-using-elixir-and-a-facebook-messenger-chat-bot-836f79498c5c

Rails related: Introduction to fragment caching in Rails

https://blog.ragnarson.com/2016/11/02/introduction-to-fragment-caching-in-rails.html

Rails related: Rails Console tips

https://signalvnoise.com/posts/3176-three-quick-rails-console-tips

SPA related - Front-End Separation And The Irrational Love For Curly Braces

https://medium.com/@fagnerbrack/front-end-separation-and-the-irrational-love-for-curly-braces-b6472f48bde7

Ruby: JIT in 2.6 onwards

https://medium.com/square-corner-blog/rubys-new-jit-91a5c864dd10

Ruby Concurrency related

https://vaneyckt.io/posts/ruby_concurrency_in_praise_of_the_mutex/
https://vaneyckt.io/posts/ruby_concurrency_in_praise_of_condition_variables/
https://vaneyckt.io/posts/ruby_concurrency_building_a_timeout_queue/

Maker vs. Manager: How Your Schedule Can Make or Break You

Maker vs. Manager: How Your Schedule Can Make or Break You
https://www.fs.blog/2017/12/maker-vs-manager/

Rails performance related - Optimize Rails performance bottleneck with caching and Rack middleware

https://pawelurbanek.com/2018/02/05/optimize-rails-performance-bottleneck-with-caching-and-rack-middleware/

Perspective - streaming data visualization engine for Javascript

https://github.com/jpmorganchase/perspective

A streaming data visualization engine for Javascript, Perspective makes it simple to build real-time & user configurable analytics entirely in the browser.

CSS related - disable form fields using CSS

https://stackoverflow.com/questions/5963099/how-do-i-disable-form-fields-using-css

Ruby Metaprogramming related

Instance Methods, Class Methods, Singleton Methods.......
https://stackoverflow.com/questions/212407/what-exactly-is-the-singleton-class-in-ruby

Great video on Ruby Metaprogramming - multiple viewings essential
https://youtu.be/7D9wwPniszY

Difference between Couchbase & Mongo

 https://blog.couchbase.com/data-modeling-nosql-documents-mongodb-vs-couchbase-server/

The referred documents in Couchbase can be joined in a single server side operation through N1QL rather than forcing the application layer to take care of it.

 ......

.......

The core differences come in regards to how you query the documents. It is much easier to query for data in Couchbase through N1QL and the other query strategies, regardless how you’ve chosen to model your documents.
If you’re interested in seeing a modeling and querying video I recorded, check it out here.

Redis related: 5 Real World Uses for Redis

5 Real World Uses for Redis

 https://ryanmccue.ca/5-real-world-uses-for-redis/

Chrome 64 - What's New in DevTools

Security related: Free Course

https://www.hacker101.com/

git: sort branches by date

From https://stackoverflow.com/questions/9236219/git-list-git-branches-sort-by-and-show-date/16961359 

git for-each-ref --sort=committerdate refs/heads/ --format='%(committerdate:short) %(refname:short)'

Blockchain in Ruby

https://github.com/alexdovzhanyn/odyn

A Job Queue System with PostgreSQL & Ruby

From blog.holistics.io
"How We Built A Job Queue System with PostgreSQL & Ruby For Our B2B SaaS Application"
https://blog.holistics.io/how-we-built-a-multi-tenant-job-queue-system-with-postgresql-ruby/

PostgreSQL & JSON data

Mar 2015
https://www.compose.com/articles/is-postgresql-your-next-json-database/

 Apr 2016
https://www.compose.com/articles/could-postgresql-9-5-be-your-next-json-database/

Ruby: What are blocks, procs, and lambdas?

http://awaxman11.github.io/blog/2013/08/05/what-is-the-difference-between-a-block/

Programming Notes for Professionals (from Stack Overflow Ducumentation)

http://books.goalkicker.com/

The First Few Milliseconds of an HTTPS Connection

http://www.moserware.com/2009/06/first-few-milliseconds-of-https.html

Performance: CDNs, Caching when dynamic content is involved

Caching the Uncacheable: CSRF Security: https://www.fastly.com/blog/caching-uncacheable-csrf-security

 Using ESI, Part 1: Simple Edge-Side Include
https://www.fastly.com/blog/using-esi-part-1-simple-edge-side-include/


Article:Leveraging your CDN to cache "uncacheable" content -
https://www.fastly.com/blog/leveraging-your-cdn-cache-uncacheable-content

Caching the Uncacheable: Hooman Beheshti at Velocity NYC 2014

 

GOTO 2016 • What is a CDN and why Developers should Care about using one • Artur Bergman


Leveraging your CDN to cache "uncacheable" content:
https://www.fastly.com/blog/leveraging-your-cdn-cache-uncacheable-content

The rise of event-driven content (or how to cache more at the edge):
https://www.fastly.com/blog/rise-event-driven-content-or-how-cache-more-edge/

Fastly Rails Plugin

https://github.com/fastly/fastly-rails
https://github.com/mmay/todo

CSS related: CSS Grid & Flexbox

https://rachelandrew.co.uk/archives/2016/03/30/should-i-use-grid-or-flexbox/
https://tutorialzine.com/2017/03/css-grid-vs-flexbox
https://hackernoon.com/the-ultimate-css-battle-grid-vs-flexbox-d40da0449faf
https://css-tricks.com/css-grid-replace-flexbox/ 

Ruby: dig method

https://stackoverflow.com/questions/34346653/how-do-i-use-arraydig-and-hashdig-introduced-in-ruby-2-3
https://www.tiagoamaro.com.br/2016/08/27/ruby-2-3-dig/
http://anamaria.martinezgomez.name/2018/01/07/ruby-dig.html 

CSS related: Try all CSS selectors in 1 page

https://www.w3schools.com/cssref/trysel.asp

Big O, Algorithms videos

http://www.bigocheatsheet.com/

https://www.youtube.com/user/mikeysambol/videos 

Redux related

https://learnredux.com/

Does a developer need to be nice? And Importance of Psychological Safety in a Team

Does a developer need to be nice? And Importance of Psychological Safety in a Team

Rails subdomains related

http://manuelvanrijn.nl/blog/2015/05/19/rails-subdomains-for-localhost-development/

Roadmap to becoming a web developer in 2018

https://github.com/kamranahmedse/developer-roadmap/blob/master/README.md

Prototyping with Vue.js and Bootstrap

https://medium.com/@peterxjang/prototyping-with-vue-js-and-bootstrap-2404efe93d6

Stimulusjs from Basecamp

Podcast link (DHH explaining where Stimulus fits) : https://twitter.com/dhh/status/946185863964237824

Github: https://github.com/stimulusjs/stimulus

Handbook: https://github.com/stimulusjs/stimulus/blob/master/handbook/README.md

Installation: https://github.com/stimulusjs/stimulus/blob/master/INSTALLING.md

HOW BLOCKCHAIN WORKS

http://blockchain.mit.edu/how-blockchain-works/

Netflix: What Happens When You Press Play?

http://highscalability.com/blog/2017/12/11/netflix-what-happens-when-you-press-play.html

Six myths about blockchain and Bitcoin: Debunking the effectiveness of the technology

https://www.kaspersky.com/blog/bitcoin-blockchain-issues/18019/

Ruby 2.5.0 Released

https://www.ruby-lang.org/en/news/2017/12/25/ruby-2-5-0-released/

Nodejs & SOAP

https://stackoverflow.com/questions/8655252/node-js-how-to-consume-soap-xml-web-service

https://www.npmjs.com/package/soap 

PostgreSQL - Backup & Restore using pgAdmin

https://www.pgadmin.org/docs/pgadmin3/1.22/backup.html
https://www.pgadmin.org/docs/pgadmin3/1.22/restore.html#restore

PostgreSQL Tutorial

http://www.postgresqltutorial.com/

AWS Lambda related

http://docs.aws.amazon.com/lambda/latest/dg/programming-model-v2.html

PostgreSQL related: Importing data from CSV

https://stackoverflow.com/questions/8347237/postgresql-copy-from-csv-with-missing-data-values

.Net / Azure related: CosmosDB

https://channel9.msdn.com/Shows/Visual-Studio-Toolbox/CosmosDB-Serverless-NoSQL-for-the-NET-Developer

'git stash' related

https://makandracards.com/makandra/13725-git-how-to-stash-with-a-custom-message

Excerpt from above:

$ git stash save doing crazy thingsSaved working directory and index state On master: doing crazy things
'save' keyword is required

Rails related: ActiveRecord documentation in Rails

https://www.mayerdan.com/ruby/2017/11/12/active-record-documentation-in-rails

Cheatsheets - JS & CSS (modern frontend)

https://medium.freecodecamp.org/modern-frontend-hacking-cheatsheets-df9c2566c72a

repl.it - online repl tool for several languages

https://repl.it/

Blockchain related:

http://www.zdnet.com/article/ups-joins-blockchain-alliance-to-spur-standards-development-for-shipping-industry/
https://www.reddit.com/r/programming/comments/7bgpqd/why_does_ups_need_block_chain_instead_of_using/

Browser fingerprints – the invisible cookies you can’t delete

https://nakedsecurity.sophos.com/2017/10/30/firefox-takes-a-bite-out-of-the-canvas-super-cookie/
https://nakedsecurity.sophos.com/2014/12/01/browser-fingerprints-the-invisible-cookies-you-cant-delete/

headless-chrome - getting started in ruby

headless-chrome

- Install Chrome 59 or later from google.com/chrome

- download chromedriver and put in a new folder called 'chromedriver'; so the path to the binary is similar to - /home/sai/chromedriver/chromedriver

- now we have to add the above binary's path to PATH 

-- Open the below file in nano editor

nano ~/.bash_profile
-- add the below line
PATH=$PATH:/home/sai/chromedriver export PATH

- gem install selenium-webdriver

- gem install chromedriver-helper

- Now we can start executing the scripts found in -  https://readysteadycode.com/howto-scrape-websites-with-ruby-and-headless-chrome

onmount, rsjs - Guidelines on how to structure your JavaScript in a standard non-SPA web application

http://ricostacruz.com/rsjs/
https://www.npmjs.com/package/onmount
https://github.com/rstacruz/scriptjs/

Using bootstrap to hide columns in table

https://stackoverflow.com/questions/18362893/using-bootstrap-how-can-i-hide-columns-in-my-table

Git related: DeepGit - tool to investigate the history of source code

https://www.syntevo.com/deepgit/

DeepGit is a tool to investigate the history of source code. It is based on git blame and makes it easy to trace changes to a line or block of code. DeepGit will detect code movements, even if lines are not identical.

Alternative Business Model For the Web

https://medium.com/@nicolas_siplis/bitcoin-mining-an-alternative-bussiness-model-for-the-web-f9ab52435483
https://torrentfreak.com/the-pirate-bay-website-runs-a-cryptocurrency-miner-170916/
https://coin-hive.com/

Crash Course - Computer Science

https://www.youtube.com/playlist?list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo

Rails debugging related

Use sth similar to below alongwith binding.pry

caller.select{|c| c.include? "rails-project-folder-name"}

This will give the list of callers (methods) that are your code.

SQL Joins

https://blog.jooq.org/2017/01/12/a-probably-incomplete-comprehensive-guide-to-the-many-different-ways-to-join-tables-in-sql/

"Let's Build a Simple Database"

https://cstack.github.io/db_tutorial/

git: Compare a file in 2 different branches

https://stackoverflow.com/questions/4099742/how-to-compare-files-from-two-different-branches

Try Ruby in the browser

https://easydatawarehousing.github.io/TryRuby/

The software engineering rule of 3

https://erikbern.com/amp/2017/08/29/the-software-engineering-rule-of-3.html

Excerpts:

 first rule of 3. Don’t worry so much about code duplication if you only have two classes or two functions or whatever. When you see a pattern in three different places, it’s worth thinking about how to factor it out.

...

...

 second rule of 3 — you’re not going to get the system design right until the third time you build it. 

Kibana related: Searching in Kibana

https://lucene.apache.org/core/2_9_4/queryparsersyntax.html

Search for 2 strings using AND operator:
"15-0001" AND "10-0005"

Choosing a frontend JS framework

https://medium.com/front-end-hacking/how-it-feels-to-learn-javascript-in-2017-a934b801fbe

Excerpt:

Interesting. Which one should I use? The big ones are React, Angular and Ember, right?

-They’re all good. If you want to write your front-end logic in Handlebars use Ember. If you want to write your front-end logic with HTML attributes use Angular or Vue. If you want to write your front-end logic with JavaScript use React, Mithril or Inferno.

Announcing ASP.NET Core 2.0, .Net Standard 2.0, ASP.NET Core Razor Pages

https://blogs.msdn.microsoft.com/webdev/2017/08/14/announcing-asp-net-core-2-0/

https://codingblast.com/asp-net-core-razor-pages/

Principles of Sharding for Relational Databases

https://www.citusdata.com/blog/2017/08/09/principles-of-sharding-for-relational-databases/

Real-time Chat Application using AWS + Docker + FeathersJS

https://blog.sicara.com/https-medium-com-redaboumahdi-amazon-aws-real-time-chat-app-simple-tutorial-with-docker-1dbbbbb9b4db

Blackchain related: Wired.com article - Ethereum Is Coding's New Wild West

Ethereum Is Coding's New Wild West

https://www.wired.com/story/ethereum-is-codings-new-wild-west/amp

HOWTO scrape websites with Ruby & Headless Chrome

https://readysteadycode.com/howto-scrape-websites-with-ruby-and-headless-chrome

Web scraping is an approach for extracting data from websites that don’t have an API. This tutorial will show you how to scrape websites with Ruby and Headless Chrome, using Selenium WebDriver.

Videos for using Spree/Solidus for E-Commerce

Videos for using spree/solidus

https://www.codemy.net/channels/solidus-e-commerce

Deploying Ruby on Rails application to Heroku using Docker

Ruby on Rails development environment using Docker and docker-compose

https://www.youtube.com/watch?v=9qbKkeASyFw

Deploying Ruby on Rails application to Heroku using Docker

https://www.amberbit.com/blog/2017/6/17/deploying-ruby-on-rails-application-to-heroku-using-docker/

Python & SQL Server

redbus move to .Net Core & their blog

https://medium.com/redbus-in/how-redbus-moved-its-desktop-web-to-dot-net-core-insights-2c966023bb2e

https://www.reddit.com/r/programming/comments/6p8fgv/how_redbus_moved_its_desktop_web_to_net_core/

RedBus Blog - https://medium.com/@redBus_Blog

imba.io

http://imba.io/home

Imba is a new programming language for the web that compiles to highly performant and readable JavaScript. It has language level support for defining, extending, subclassing, instantiating and rendering dom nodes. For a simple application like TodoMVC, it is more than 10 times faster than React with less code, and a much smaller library.

Blockchain related: A hacker stole $31M of Ether—how it happened and what it means for Ethereum

http://haseebq.com/a-hacker-stole-31m-of-ether/

Advice from Claude Shannon

10,000 Hours With Claude Shannon: How A Genius Thinks, Works, and Lives:
https://medium.com/the-mission/10-000-hours-with-claude-shannon-12-lessons-on-life-and-learning-from-a-genius-e8b9297bee8f

Excerpts from the above article:

1) Cull your inputs.
2) Big picture first. Details later.
3) Don’t just find a mentor. Allow yourself to be mentored.
4) You don’t have to ship everything you make.

Vannevar Bush left his imprint on Shannon in another way: he defended the value of generalizing over specializing. As he told a group of MIT professors:

“In these days, when there is a tendency to specialize so closely, it is well for us to be reminded that the possibilities of being at once broad and deep did not pass with Leonardo da Vinci or even Benjamin Franklin. Men of our profession — we teachers — are bound to be impressed with the tendency of youths of strikingly capable minds to become interested in one small corner of science and uninterested in the rest of the world. . . . It is unfortunate when a brilliant and creative mind insists upon living in a modern monastic cell.”

Bush encouraged Shannon to avoid cells of all kinds

5) Chaos is okay.
6) Time is the soil in which great ideas grow.
7) Consider the the content of your friendships.
8) Put money in its place.
9) Fancy is easy. Simple is hard.

“Almost every problem that you come across is befuddled with all kinds of extraneous data of one sort or another,” Shannon said, “and if you can bring this problem down into the main issues, you can see more clearly what you’re trying to do.”

10) The less marketing you need, the better your idea or product probably is.
11) Value freedom over status.
12) Don’t look for inspiration. Look for irritation.

Shannon’s most evocative formulation of that elusive quality put it like this: it was “a slight irritation when things don’t look quite right,” or a “constructive dissatisfaction.” In the end, Shannon’s account of genius was a refreshingly unsentimental one: A genius is simply someone who is usefully irritated. 

 

http client - Requester

Steps for developing a React app from scratch

Excerpt from the book FullStack React (Chapter 2 - Components)

In fact, this follows from a handy framework for developing a React app from scratch:

1. Break the app into components

2. Build a static version of the app  

3. Determine what should be stateful

4. Determine in which component each piece of state should live

5. Hard-code initial states

6. Add inverse data flow

7. Add server communication

Chrome Dev Tools related

https://developers.google.com/web/updates/2017/04/devtools-release-notes
To speed up page load time - https://youtu.be/4mx1m7UbBR0?t=37

https://developers.google.com/web/tools/chrome-devtools/javascript/
https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints
https://developers.google.com/web/tools/chrome-devtools/javascript/reference

SmashTest.io

http://smashtest.io/#

Smashtest is a lightweight Chrome extension.

An automated way to find bugs, share them, and allow everyone on the team to easily reproduce them.

https://www.reddit.com/r/programming/comments/6nt2hg/built_a_chrome_extension_that_continuously/

How to host a hobby app for free

https://medium.com/frontend-journeys/how-i-host-my-hobby-app-for-free-with-cdn-ssl-sql-ci-and-tracking-6033c275ad97

Blazor - WebAssembly in C#, Granular - WPF to Javascript

Blazor:
https://www.youtube.com/watch?v=MiLAE6HMr10&feature=youtu.be&t=31m36s
https://github.com/stevesanderson/blazor

Granular:
https://github.com/yuvaltz/Granular
https://yuvaltz.github.io/granularpad/

Visual Regression Testing

https://24ways.org/2016/a-favor-for-your-future-self/

SnapTest.io - Selenium IDE-like Chrome extension

https://www.reddit.com/r/programming/comments/6mgvgq/made_a_selenium_idelike_chrome_extension_that_can/
https://www.snaptest.io/

Jonathan Blow talk - shares some hard-earned wisdom about programming & projects

His talk is about 38 minutes long.

Alexander Pope: A little learning is a dangerous thing

From http://norvig.com/21-days.html
Above link is already part of a previous blogpost, but the below quote is worth a new blogpost by itself.

As Alexander Pope said, a little learning is a dangerous thing.

Peter Norving: Teach Yourself Programming in Ten Years

Peter Norvig is a director of research at Google Inc.

He wrote way back in 2001 - Teach Yourself Programming in Ten Years -
http://norvig.com/21-days.html

Peter Norvig: Being good at programming competitions correlates negatively with being good on the job

Peter Norvig is a director of research at Google Inc.

http://www.catonmat.net/blog/programming-competitions-work-performance/

"Being good at programming competitions correlates negatively with being good on the job"

Broad generalizations will not stand up in a court of law, but they do point towards things to ponder.

My takeaway from the above video - Trying to get things done quickly, all the time, can be a Negative thing.

Getting Started with Headless Chrome, Data scraping with headless Chrome

Getting Started with Headless Chrome
https://developers.google.com/web/updates/2017/04/headless-chrome

Data scraping with headless Chrome:
https://riston.github.io/post/headless-chrome-scrape/

General: If you want to level up as an engineer, read the code. All of it.

https://medium.com/@mrjoelkemp/a-single-action-that-will-level-you-up-as-a-software-engineer-d5cd2d0e4787

Scaling a Web Service: Load Balancing

Scaling a Web Service: Load Balancing
https://blog.vivekpanyam.com/scaling-a-web-service-load-balancing/