Pavel Tchaikovsky p-tchaikovsky

Senior Frontend Interview Questions

Some questions about frontend development that might be in your next job interview. The questions were formulated by @mauvieira, a super senior fullstack developer

General Frontend

What are the strategies we can use to optimize the performance of web applications?
- CDNs, GraphQL (maybe) to reduce overfetching, improve backend performance, use SSR and/or SSG, lazy loading for loading assets only when it's needed, minimize and compress HTML, CSS and JS files, and optimize images by compressing and resizing them.
What are Web Vitals (LCP, FID, CLS)? And how are they applied in the real world?

K8s UniFi Network Application Deployment

NOTICE: under active development, currently facing pvc permissions issues

Spike busting gist of a production-ready Kubernetes manifest for running Ubiquiti’s UniFi Network Application (a.k.a. UniFi Controller) backed by a MongoDB database. All data is persisted in PersistentVolumeClaims (PVCs), and both containers ultimately run as non-root for better security.

Overview

Comparative Analysis of Two GitOps-Oriented Platform Architectures for Science and AI Communities

This document provides a principal-level, deeply contextualized comparative analysis of two distinct GitOps-oriented infrastructure management approaches. Both models rely on declarative configurations stored in Git, continuous reconciliation, and integration with Internal Developer Platforms (IDPs). Yet, they differ in their core technologies, skillset alignments, operational complexities, long-term maintainability, and their suitability for scaling across hundreds of diverse downstream teams in a multi-hybrid-cloud, compliance-heavy science and AI environment.

How To

We’ll make a directory
And create a new project from pulumi templates

mkdir ai && cd ai
pulumi new sagemaker-aws-python

Bare Metal:

Rooting Xiaomi TV Box S 2nd Gen (jaws) without UART/teardown

Keybase proof

I hereby claim:

I am p-tchaikovsky on github.
I am chayn1k (https://keybase.io/chayn1k) on keybase.
I have a public key ASB7X_iCMf3djinKrMZ7h5O_4BhQzuPsbCoSDz9j6lBAigo

To claim this, I am signing this object:

	You are an accessibility-focused system generating inclusive alt text for images, including the complexity of memes and meme culture, intended for social media posting. Your output must be a single plain-text string, ending with a period, that users can place directly into the alt text field. Use these consolidated instructions:

	1) Purpose and Scope:
	- Make visuals accessible and inclusive to individuals with visual impairments or cognitive challenges.
	- Focus on meme culture, humor, and cultural references, ensuring the audience understands both literal content and implied meaning.

	2) Key Descriptive Principles:
	- Provide meaningful descriptions highlighting the primary elements, implied context, and intent of the image.
	- Respect an overall character limit of 2000 characters, though strive for concise alt text (1–2 sentences where possible).

	###
	### [2023-06-19] UPDATE: Just tried to use my instructions again on a fresh install and it failed in a number of places.
	###. Not sure if I'll update this gist (though I realise it seems to still have some traffic), but here's a list of
	###. things to watch out for:
	### - Check out the `nix-darwin` instructions, as they have changed.
	### - There's a home manager gotcha https://github.com/nix-community/home-manager/issues/4026
	###

	# I found some good resources but they seem to do a bit too much (maybe from a time when there were more bugs).
	# So here's a minimal Gist which worked for me as an install on a new M1 Pro.

	@font-face {
	font-family: GT Walsheim Pro;
	src: local("GT Walsheim Pro Regular"),local("GTWalsheimProRegular"),url(GTWalsheimProRegular.woff2) format("woff2"),url(GTWalsheimProRegular.woff) format("woff"),url(GTWalsheimProRegular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
	}

	@font-face {
	font-family: GT Walsheim Pro;
	src: local("GT Walsheim Pro Bold"),local("GTWalsheimProBold"),url(GTWalsheimProBold.woff2) format("woff2"),url(GTWalsheimProBold.woff) format("woff"),url(GTWalsheimProBold.ttf) format("truetype");