Skip to content

Instantly share code, notes, and snippets.

@BekoBou
BekoBou / index.html
Last active October 14, 2023 13:20
Redirect Page for Goblin King
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
http-equiv="refresh"
content="0; url=https://goblinparty.notion.site/Goblin-Party-a0d12f4a85824693bb3ab59329c36551"
/>
<title>Goblin King</title>
@BekoBou
BekoBou / closure.js
Last active October 26, 2022 10:57
Функция и замыкание
// Функция — это именнованная последовательность команд, которые будет выполнять браузер в нашем случае.
// Функция на вход получает 0 или более параметров и всегда возращает что-то.
// В функции ниже она не принимает ничего, а возвращает строку с помощью служебного слова return.
// Если return не будет, то функция просто вернёт undefined.
// Это один из трёх способов объявления функции
const hello = function () {
return "Hello, world!";
};
// Вызов функции производится указанием её имени и скобками, в которых мы передаём параметры.
@BekoBou
BekoBou / integration.v1.md
Created April 8, 2021 00:05
Интеграция с pauper.ru

Интеграция поиска карт ККИ Magic: the Gathering

Ниже я постарался описать первую версию протокола для запроса имеющихся карт у магазина. В будущем планируется усовершенствовать этот алгоритм для детального поиска, например только альтернативные версии карт или только фойл, но лучше начинать с маленьких шагов, а дальше уже оптимизировать. Так же более интересный механизм работы.

Это не конечная реализация, а та к которой стоит стремится. Каждая реализация может отличатся особенностью каждого магазина. Мы не можем на неё повлиять. Каждый пункт обсуждаем и будет адаптироваться.

Весь процесс можно коротко описать как GET запрос на сервер магазина с указанием карты и в ответ он хочет получить JSON документ с ссылками на карточки с информацией. Но теперь погрузимся в детали.

Пользователь хочет найти карту

@BekoBou
BekoBou / template.md
Created June 13, 2020 23:38
Как создать часть вёрстки в чистом JS

Постраение интерфейса

CreateElement

Самый примитивный способ — создавать по элементу и дальше прописывать все атрибуты. Долго и сложно поддерживать, особенно, если вёрстка сложная.

Template

Тег <template> позволяет в себе хранить вёрстку, но его внутренности не будут существовать в DOM. Дальше мы можем с помощью JS достать их, скопировать и уже работать как с обычными элементами.

@BekoBou
BekoBou / review.md
Created March 27, 2020 21:42
Review Liza Project

Review

Критерии Академии

  • либо ты обзываешь handler всё, либо on, но не в перемешку
  • ненужные комментарии в проекте
  • не сбрасывается выбранный фильтр при повторной отправке
  • не везде используются итераторы по массивам
  • функции объявлены разными способами
@BekoBou
BekoBou / scale.html
Last active March 10, 2020 18:34
Пример изоляции scale.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Scale</title>
</head>
<body>
<fieldset class="img-upload__scale scale">
<button type="button" class="scale__control scale__control--smaller">
@BekoBou
BekoBou / validation.js
Created March 10, 2020 14:04
Review кода, задача №2
'use strict';
(function () {
var textHashtags = document.querySelector('.text__hashtags');
var submitButton = document.querySelector('#upload-submit');
var hashtags = document.querySelector('.text__hashtags');
var addValidationHashtags = function (hashtag) {
if (!hashtag) {
@BekoBou
BekoBou / pocketdedupe.py
Created December 21, 2017 02:01 — forked from Mierdin/pocketdedupe.py
A Python script to intelligently remove duplicate entries from Pocket
#!/usr/bin/env python
from pocket import Pocket
import webbrowser, sys
# Get consumer key from cmd line
consumer_key = sys.argv[1]
request_token = Pocket.get_request_token(
consumer_key=consumer_key,
@BekoBou
BekoBou / guess-melody.example.data.json
Last active June 20, 2017 20:10
Пример данных для проекта «Угадай Мелодию», в боевом проекте данные и структура отличаются.
[
{
"type":"guess-artist",
"src":"https://freemusicarchive.org/music/listen/97489d0e37ce1c46d89a4df577a08a1ba7a864f4",
"options":[
{
"img":"https://freemusicarchive.org/file/images/artists/Quantum_Jazz_-_20120509113401114.jpg?width=300&height=300",
"name":"Quantum Jazz",
"isRight":false
},
@BekoBou
BekoBou / main.js
Created June 13, 2017 23:54
#3 Начинаем программировать
const mainContainer = document.querySelector(`div.app section.main`);
const template = document.querySelector(`#templates`);
const screens = [
template.content.querySelector(`.main--welcome`),
template.content.querySelector(`.main--level-genre`),
template.content.querySelector(`.main--level-artist`),
template.content.querySelectorAll(`.main--result`)[0],
template.content.querySelectorAll(`.main--result`)[1]
];