MichaelDimmitt

A typescript guide,

1. learn the primitive types ... number, string, etc. https://www.typescriptlang.org/docs/handbook/2/everyday-types.html
2. Unions and Intersections https://www.typescriptlang.org/docs/handbook/unions-and-intersections.html
3. Pick, Omit, Partial https://dev.to/glebirovich/5-typescript-utility-types-that-will-make-your-life-easier-i44
4. Typescript how to extract nested type:
   https://stackoverflow.com/questions/56779149/typescript-how-to-extract-nested-type

MichaelDimmitt

yarn test 2>&1  | grep FAIL

MichaelDimmitt

/* logic for scrollbar: */

html {
    overflow: overlay;
}

::-webkit-scrollbar {
    width: 18px;
    height: 18px
}

MichaelDimmitt

// https://www.color-name.com/hex/FFDC19
export const listOfColors = [
    ['White', '#FFFFFF'],
    ['Black', '#000000'],
    ['Platinum', '#E2E2E2'],
    ['Blue', '#0303F1'],
    ['Purple (X11)', '#B31BF0'],
    ['Diamond', '#B9EDFF'],
    ['Water', '#D0F3FF'],
    ['Ferrari Red', '#ED1A02'],

MichaelDimmitt

Just look at the pictures

https://leanpub.com/javascriptallongesix/read

document.getElementsByTagName('figcaption')[14].scrollIntoView()

document.getElementsByTagName('blockquote')[12]

MichaelDimmitt

<link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Gamja Flower">
<div id="root">
    <!-- This element's contents will be replaced with your component. -->
</div>

MichaelDimmitt

open chrome profiles via command line.

https://superuser.com/questions/377186/how-do-i-start-chrome-using-a-specified-user-profile

https://superuser.com/questions/109589/make-google-chrome-with-specific-user-profile-as-default-browser

https://peter.sh/experiments/chromium-command-line-switches/

works

MichaelDimmitt

TLDR: gitlab has much better learning resouces via there open source handbook https://about.gitlab.com/handbook/leadership/#making-decisions

I could not find the sitemap for public facing google
but some tech teams have their own learning resources for people joining the company.

So I went to the teams/engineering-technology pages:
https://careers.google.com/teams/engineering-technology/ https://careers.google.com/students/engineering-and-technical-jobs/

MichaelDimmitt

Using lighthouse ci + lighthouse server, via azure pipeline and github action

How to test prod and qa links using lighthouse server.

How to monitor branch updates using lighthouse server.

potential audiences

1. the business and seo team needing to track lighthouse performance scores.
2. future developers wanting a professional solution to adding lighthouse to their ci.

link to a previous jbs article on what lighthouse is and how to use it: https://www.jbssolutions.com/resources/blog/lighthouse-full-stack-developer/

MichaelDimmitt

Background

I wanted to understand why browsers using the newer <input type="time"/>

1. had popups that I cannot debug in the browser.
2. had popups that did not comply with the skip property.

Inspired by the following video from http203
I began my journey searching in the dark but initially heading in the right direction.

First lets start with other helpful links: