Riccardo Erra riccardoerra

Vanilla DOM Toolkit

Creating Elements

document.createElement('')
with properties: Object.assign(document.createElement(''), {})
defining custom elements in HTML: customElements.define('my-tag', class extends HTMLElement {})

Working with Element Contents

Ever wanted to delete all your likes/favorites from Twitter but only found broken/expensive tools? You are in the right place.

Go to: https://twitter.com/{username}/likes
Open the console and run the following JavaScript code:

setInterval(() => {
  for (const d of document.querySelectorAll('div[data-testid="unlike"]')) {
    d.click()
 }

Note:

When this guide is more complete, the plan is to move it into Prepack documentation.
For now I put it out as a gist to gather initial feedback.

A Gentle Introduction to Prepack (Part 1)

If you're building JavaScript apps, you might already be familiar with some tools that compile JavaScript code to equivalent JavaScript code:

Babel lets you use newer JavaScript language features, and outputs equivalent code that targets older JavaScript engines.

Advanced JavaScript Learning Resources

This is a list of advanced JavaScript learning resources from people who responded to this [Tweet][13] and this [Tweet][20].

[You Don't Know JS][3]
[Frontend Masters courses by Kyle Simpson][12]
[@mpjme][6]'s [YouTube videos][5]

	// deno run --allow-net --allow-write download-shows.ts

	import { download } from "https://deno.land/x/download/mod.ts";
	const showList = 'https://syntax.fm/api/shows';

	async function getShowList(): Promise<Show[]> {
	const list = await (await fetch(showList)).json();
	return list;
	}

	<!DOCTYPE html>
	<html>
	<head>
	<title>Next level UX</title>
	<meta charset="UTF-8" />
	</head>

	<body>
	<p>
	<label>

	#!/bin/bash

	set -e

	CONTENTS=$(tesseract -c language_model_penalty_non_dict_word=0.8 --tessdata-dir /usr/local/share/tessdata/ "$1" stdout -l eng \| xml esc)

	hex=$((cat <<EOF
	<?xml version="1.0" encoding="UTF-8"?>
	<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
	<plist version="1.0">

	Senior Developer - FT Tech GDPR Team - Internal Products)
	=========================================================
	Rolling 6mo Contract (perm roles available too)

	We're looking for a software developer to join our team who shares our love for the web, our passion for performance
	and our commitment to accessibility.

	Internal Products FT is a team comprised of 50+ developers working in small cross-functional teams of 4-6 people,
	with opportunities to rotate internally and learn new technologies. The systems we build range from internal tools,
	client-facing applications, APIs, and more.

	default['sshd']['sshd_config']['AuthenticationMethods'] = 'publickey,keyboard-interactive:pam'
	default['sshd']['sshd_config']['ChallengeResponseAuthentication'] = 'yes'
	default['sshd']['sshd_config']['PasswordAuthentication'] = 'no'