Frontend

SEO Guide

MOZ SEO beginner guide

JAMStack

Two area of focus here. Static Site Generator (Hugo, Gatsby, Hexo, Nextjs, etc.) & Headless CMS (Strapi, Ghost, etc.)

Javascript Library

Library / Project	Purpose / Solution
D3.js	Opensource library for visualizing data

Code Snippet

Some common and useful JS that I coudn't remember by heart

Drop down selection interaction

Retrieve selected value as and when the selection is change

<select id="dd-id">
    <option data-code="apple" value="6">A For Apple</option>
    <option data-code="banana" value="6">B For Banana</option>
</select>

$("#dd-id").change(function () {  
  console.log($(this).find('option:selected').data('code'));
 });

Enable/disable input fields

// Disable
$('#input-id').prop('disabled', true);
// Enable
$('#input-id').removeAttr('disabled');