SarathSantoshDamaraju

// all credits to Mr. GPT. I just curated for my usecase and this is not a proprietary data
// and clubbed with contry codes from here https://github.com/jackocnr/intl-tel-input/blob/master/src/js/data.js
{
  "countries": [
    {
        "name": "Afghanistan",
        "code": "+93",
        "example_number": "0799 123 456",
        "countryCode": "af"
    },

SarathSantoshDamaraju

// Puppeteer snippet to get performance metrics images from Google Page insights, PingDom, gtmetrix

/* Requirements
* 1. Node js >= 10
* 2. Puppeteer, npm i -g puppeteer | yarn global add puppeteer
*/

/* Execution
* 1. save the file to a name, say `snippet.js`
* 2. Run "node snippet.js [urls]". Eg., "node snippet.js http://example.com http://sample.com"

SarathSantoshDamaraju

import Controller from '@ember/controller';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';
}

SarathSantoshDamaraju

Frontend Technical Interview Prep

EDIT: Well this has been linked now so just an FYI this is still TBD. Feel free to comment if you have suggestions for improvements. Also here is an unrolled Twitter thread of a lot of the tips I talk about on here.

I've been doing frontend for a while now and one thing that really gripes me is the interview. I think the breadth of knowledge of a "Frontend Engineer" has been so poorly defined that people really just expected you to know everything. Many companies have made this a hybrid role. The Web is massive and there are many MANY things to know. Some of these things are just facts that you learn and others are things you really have to understand.

Every time I interview, I go over the same stuff. I wanted to create a gist of the TL;DR things that would jog my memory and hopefully yours too.

Lots of these things are real things I've been asked that caught me off guard. It's nice to have something you ca

SarathSantoshDamaraju

'use strict;'
let timeDiff = Math.ceil((new Date('2019-11-12T11:38:02.787Z') - new Date())/86400000);
/*
  86400000 is to convert the time to days. 
  1000 to convert it into seconds
  1000*60 to convert it into minutes
  1000*60*60 to convert it into Hours
*/

const localTimeString = new Intl.RelativeTimeFormat('en', { numeric: 'auto'});

SarathSantoshDamaraju

/*
Using ember relation ships with API similar to github
Adpater: RESTAdapter
Serialiser: JSONSerializer
*/

/* 
Create a parent model 
*/

SarathSantoshDamaraju

|                                                                                 | innerText                                                                                        | value                                                                                            | aria-label                                                                                                                                                                                                         | aria-lebelledby                                                                                                               | role or aria-role                                                                                                                                                 | tabindex                                                                                                                                                                                                                                     

SarathSantoshDamaraju

// HBS
{{#if label}}
  {{label}}
{{else}}
  {{yield}}
{{/if}}


// JS
import Component from '@ember/component';

SarathSantoshDamaraju

import Ember from 'ember';
import {computed} from '@ember/object';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
   data: ["One","Two","Three"],
  
   datas : computed('data','typed', function(){
   return this.data.filter(each => each.toLowerCase().includes(this.typed ? this.typed : ''));
   }),

SarathSantoshDamaraju

/* ====
ClipboardCopy: This accepts any given string and copys it into clipboard after desired operation.
==== */
function ClipboardCopy(str){
  /* Some login */
str = str.toLowerCase();
let convertedStr = str.split(" ").join("-");
  /* Copy code */
let $tempInput = document.createElement('INPUT');
document.body.appendChild($tempInput);