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
- Делайте индексы «невидимыми»
- Не планируйте начало длительных процессов на начало любого часа

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

CSS | Центрирование

ГОРИЗОНТАЛЬНОЕ ЦЕНТРИРОВАНИЕ:
- Центрирование строк текста.

  p { text-align: center; }

- Центрирование блока с фиксированной шириной.

p.blocktext {
   margin: auto;
   width: 6em; }

- Центрирование изображения

img.displayed {
    display: block;
    margin: auto; }

ВЕРТИКАЛЬНОЕ ЦЕНТРИРОВАНИЕ:
- Отформатировать блок как ячейку таблицы

div.outer {
    height: 300px;
    display: table-cell;
    vertical-align: middle; }
<div class="outer">
   <p>Этот параграф отцентрирован вертикально.</p>
</div>

- С использованием абсолютного позиционирования

div.outer p {
  margin: 0;
  position: absolute;        
  top: 50%;                   
  transform: translate(0, -50%) } 

- 'flex' для свойства 'display'
div.outer {
height: 10em;
display: flex;
align-items: center }

Node.js | Passport

Passport.js - npm пакет, который поддерживает аутентификацию с помощью имени пользователя и пароля от аккаунтов Facebook, Twitter, и так далее. Работает в любом приложении на основе Express.

Преимущества :
- Более 300 стратегий аутентификации
- Простая обработка успешных и неудачных результатов
- Облегченная база кода

HTML | PRELOAD & PREFETCH

Preload - говорит браузеру как можно скорее загрузить и кэшировать ресурс (например, скрипт или таблицу стилей). Это полезно, когда ресурс понадобится через несколько секунд после загрузки страницы — и вы хотите ускорить процесс.

<link rel="preload" href="/style.css" as="style" />

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

<link rel="prefetch" href="/style.css" as="style" />

Браузер ничего не делает с ресурсом после загрузки. Скрипты не выполняются, таблицы стилей не применяются. Ресурс просто кэшируется и немедленно предоставляется по запросу.