josethz00

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?

davidondrej

{
  "env": {
    "ANTHROPIC_API_KEY": "YOUR_KEY_HERE"
  },
  "tools": {
    "profile": "full",
    "exec": {
      "host": "gateway",
      "security": "full",
      "ask": "off",

brainfoolong

If you are in my boots, starting using podman for the first time and want it to get it working on Windows and WSL, this is for you. It's a bit of a pain to have the same "Docker Desktop" experience just with "Podman Desktop".

This guide doesn't matter for security, it just documents how you make things work.

This guide only works for ubuntu 24 in your WSL distro. Versions bellow have older podman versions which are not compatible with podman desktop.

What we do

• Remove Docker Desktop if installed

scottyhq

How to rebase a pull request to fix merge conflicts

It's quite common to open up a pull request on GitHub and be confronted with the message This branch has conflicts that must be resolved. This situation arises when you create a feature branch on an older commit from the master branch. Maybe you forgot to run git pull master before git checkout -b geocoding_vignette or maybe a collaborator changed some of the same files on GitHub while you've been working on new things. There are many ways to fix this. One is using the Web Editor build into GitHub and fixing conflicts by hand. This works great if there are not too many conflicts.

Another technique is to rebase your pull request onto the master branch (Move your additional commits on top of the most recent master commit). This is conceptually clean, but sometimes confusing in practice to do cleanly. This example walks through the process where you want to do a rebase, and resolve conflicts by overwriting whatever is on the master branch with change

ataniazov

How to "jailbreak" a TP Link EX230v, VX230v, EX530v Router

TP-Link have a special product range of routers designed for ISP-managed fleets, typically provided as the ISP-supplied router. This includes models like EX230v, VS230v, and EX530v, there may be more too.

It supports remote provisioning/configuring via a protocol called TR-069. The jist of it is, your ISP will host a server, and your router "phones home" to get the latest config.

Usually the Access Control Server (ACS) is baked into the router's firmware, so even a pinhole reset of your router won't give you freedom from their control.

Admin vs Superadmin

karpathy

"""
The most atomic way to train and run inference for a GPT in pure, dependency-free Python.
This file is the complete algorithm.
Everything else is just efficiency.

@karpathy
"""

import os       # os.path.exists
import math     # math.log, math.exp

astamicu

UPDATED 22.11.2022

It's been two years since the last update, so here's the updated working script as per the comments below.

Thanks to BryanHaley for this.

setInterval(function () {
    video = document.getElementsByTagName('ytd-playlist-video-renderer')[0];

 video.querySelector('#primary button[aria-label="Action menu"]').click();

evdokimovm

var saving_playlist = window.location.href.includes('/playlist?list=')

var all_contents = 
    saving_playlist ?
    document.querySelectorAll('div#contents > ytd-playlist-video-renderer > div#content > div#container > div#meta')
    :
    document.querySelectorAll("#content > yt-lockup-view-model > div > div > yt-lockup-metadata-view-model")

var format = '.txt'

sudoingX

{%- set image_count = namespace(value=0) %}
{%- set video_count = namespace(value=0) %}
{%- macro render_content(content, do_vision_count, is_system_content=false) %}
    {%- if content is string %}
        {{- content }}
    {%- elif content is iterable and content is not mapping %}
        {%- for item in content %}
            {%- if 'image' in item or 'image_url' in item or item.type == 'image' %}
                {%- if is_system_content %}
                    {{- raise_exception('System message cannot contain images.') }}

ph33nx

:: ################################################################
:: ##                  🔥 WinMasterBlocker 🔥                     #
:: ################################################################
:: # Author: https://github.com/ph33nx                            #
:: # Repo: https://github.com/ph33nx/WinMasterBlocker             #
:: #                                                              #
:: # This script blocks inbound/outbound network access           #
:: # for major apps like Adobe, Autodesk, Corel, Maxon,           #
:: # and more using Windows Firewall.                             #
:: #                                                              #