SQL | JOIN

Оператор языка SQL JOIN предназначен для соединения двух или более таблиц базы данных по совпадающему условию.
Выведем все голы, забитые в матче Россия-Чехия

SELECT player, gtime
  FROM game JOIN goal ON matchid = id 
    WHERE (team1='RUS' AND team2='CZE')

Оператор ON представляет одно или несколько условий JOIN.

Получим таблицу со всеми игроками, которые забили в этом матче с временем гола
———————————
|player | gtime |
———————————
|Alan Dzagoev | 39 |

CSS | Random

Нестандартная реализация генерации случайного числа на чистом CSS без строчки JS.

Автор использовал :

@keyframes
z-index
:checked

На видео реализовано для большего понимания задумки, в оригинале анимация ускорена и получается эффект рандома.

🔥 Для тех кто ищет первую работу в IT

Работодатели платят хорошую ЗП, но не берут на себя обучение кадров. Их можно понять - бизнесу надо решать задачи прямо сейчас

Чтобы избежать боли поиска первой работы - возьмите обучение на себя

В Skillbox можно пройти обучение с гарантированным трудоустройством:

Frontend разработчик - 2750р / мес
* Fullstack разработчик - 2919р / мес
* Веб-разработчик PRO - 4083р / мес

* - первый платеж через 6 месяцев

JSON.parse() и JSON.stringify()
нужны для преобразования json строки в объект и наоборот

Например, нам нужно сохранить данные в localStorage:

const object = {id: 1};
const string = JSON.stringify(object);
localStorage.setItem(key, string);
const data = localStorage.getItem(key);
const retrieved = JSON.parse(string);
// retrieved содержит объект {id: 1}

второй пример - полное клонирование объекта с преобразованием, метод JSON.parse принимает колбэк, который позволяет изменить результат парсинга

const userStr = JSON.stringify({
id: 1,
name: 'John',
friends: [
{id: 2, name: 'Maria'},
{id: 3, name: 'Peter'}
]
});
const clone = JSON.parse(userStr,
(key, value) => {
if (typeof value === 'string') {
return value.toUpperCase();
}
return value;
});
console.log(clone);
// {
// id: 1,
// name: "JOHN",
// friends: [
// {id: 2, name: "MARIA"},
// {id: 3, name: "PETER"}
// ]
// }

GIT | Основные команды

- git init - создает в текущем каталоге новый подкаталог с именем .git, создает git - репозиторий.
- git status - статус файлов, любых изменений.
- git add имя_файла - начинает отслеживать введенный файл.
- git add . - для отслеживания всех новых файлов текущего локального репозитория.
- git diff --cached - для просмотра что войдёт в следующий коммит.
- git commit -m "name commit" - фиксация изменений, создание коммита.
- git checkout master - отменит последние коммиты.
- git reset HEAD - очищает буферную зону от изменений, которые мы только что проиндексировали.
- git remote add origin - связывается с вашим репозиторием на GitHub, добавьте ссылку на ваш гит-репозиторий в конце.
- git push -u origin master - для размещения локального репозитория на сервере GitHub (или внесения изменений).

JS | Копирование объектов

1. function copy(mainObj) {
let objCopy = {}; // objCopy будет хранить копию mainObj
let key;
// копирует каждое свойство objCopy
for (key in mainObj) {
objCopy[key] = mainObj[key];
}
return objCopy;
}

2. let objCopy = Object.assign({}, obj);

3. let newObj = JSON.parse(JSON.stringify(obj));

4. let newObj = { ...obj };

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

PHP | MAIL

Рассмотрим простейший пример отправки письма PHP

<?php 
$to  = "<mail@example.com>, " ; 
$to .= "mail2@example.com>"; 
$subject = "Заголовок письма"; 
$message = ' <p>Текст письма</p> </br> <b>1-ая строчка </b> </br><i>2-ая строчка </i> </br>';
$headers  = "Дополнительный зоголовок"; 

mail($to, $subject, $message, $headers); 
?>

В начале мы определяем кому адресовано письмо, за это отвечает переменная $to, если же получателей несколько человек, то записываем через запятую адреса эл. почты. Переменные $subject и $message тема и текст письма соответственно.

Cейчас же так никто не делает, потому что почта стала более сложной вещью, поэтому используют библиотеки Swift Mailer или PHPMailer.
В статье присутствует инструкция по PHPMailer.

Node.js | Segmentation Fault

Ошибка сегментации возникает, когда программа пытается получить доступ к области памяти, к которой ей не разрешен доступ, или недопустимым способом.

Когда вы можете столкнуться с этим в Node:
- Когда вы используете собственные дополнения ( C++ addons, пакеты ), если они несовместимы с вашей версией Node, вы часто будете получать сбои.
- Если вы изменяете встроенные объекты, модули Node.
- Когда в самой Node.js где-то есть ошибка.

Как это исправить?
- Перекомпилируйте все ваши собственные модули node с помощью npm rebuild .
- Установите модуль Segfault-Handler npm install segfault-handler для подробной информации об ошибке.
- Убедитесь, что все ваши модули обновлены.
- Большинство ошибок описаны по ссылке Node issue tracker

PHP | Include and Require Files

Операторы include() иrequire() позволяют включать код, содержащийся в файле PHP, в другой файл PHP.

include("path/to/filename"); -Or- include "path/to/filename";
require("path/to/filename"); -Or- require "path/to/filename";

В чем их отличие?
Если файл отсутствует оператор include() будет генерировать только предупреждение, но позволит продолжить выполнение скрипта, тогда как оператор require() сгенерирует фатальную ошибку и остановит выполнение скрипта.

Рекомендуется использовать оператор require(), если вы включаете файлы библиотеки или файлы, содержащие функции и переменные, которые необходимы для запуска вашего приложения, например файл конфигурации базы данных.

JS | Call stack

Стек выполнения - это LIFO ( last in, first out ) -стек, который используется для хранения контекстов выполнения, создаваемых в ходе работы кода.

Механизм работы Call-stack:
- JS-движок начинает обрабатывать скрипт.
- При обнаружении команды вызова функции движок добавляет ее в начало стека.
- Выполняет функцию в верхней части стека.
- Oтработанная функция извлекается и выполняется нижняя.
- Если стек переполнен, то будет ошибка ("stack overflow" error).

function first(){
  console.log("Hello from firstFunction");
}
function second(){
  first();
  console.log("The end from secondFunction");
}

second();

// Hello from firstFunction
// The end from secondFunction

По ссылке потренируйтесь с call-stack-ом. И выполните код выше на платформе, если не совсем поняли почему такой вывод.

CSS | Flexbox

Наглядное пособие по CSS-Flexbox
Автор сделал интерактивными самые популярные свойства: flex-shrink, flex-grow, align-items, flex-wrap и другие.

PHP | Поиск файлов

При работе с каталогом и файловой структурой иногда может потребоваться найти определенные типы файлов в каталоге ( *.text ,* .png )
PHP glob() - Находит файловые пути, совпадающие с шаблоном и возвращает массив найденных файлов.

Код PHP в следующем примере будет искать в каталоге documents и выводить все файлы с расширением .txt. Поиск в подкаталогах не выполняется.

<?php
foreach(glob("documents/*.txt") as $file){
echo basename($file) . " (size: " . filesize($file) . " bytes)" . "<br>";
}
?>

SQL | Трюки от DBA

Лайфхаки от опытного администратора БД
- Обновляйте лишь то, что нужно обновить
- При больших загрузках отключайте ограничения и индексы
- Для промежуточных данных используйте UNLOGGED-таблицы
- Реализуйте процессы целиком с помощью WITH и RETURNING
- В колонках с низкой избирательностью избегайте индексов
- Используйте частичные индексы
- Всегда загружайте отсортированные данные
- Колонки с высокой корреляцией индексируйте с помощью BRIN
- Делайте индексы «невидимыми»
- Не планируйте начало длительных процессов на начало любого часа

В статье подробно разобран каждый пункт с примерами