Frontender Libs - обзор библиотек JS / CSS

PHP | Взаимодействие с FTP С помощью PHP можно закачивать и скачивать файлы с FTP сервера. Для начала необходимо подключиться к серверу и авторизоваться:

$conn = ftp_connect('localhost');
$auth_result = ftp_login($conn, 'username', 'password');

Теперь можно скачать с сервера файл с помощью ftp_get() и загрузить на сервер с помощью ftp_put():

ftp_get($conn, 'путь_к_локальному_файлу', 'путь_к_файла_на_сервере', FTP_BINARY);
ftp_put($conn, 'путь_к_файла_на_сервере', 'путь_к_локальному_файлу', FTP_BINARY);

Важно не забыть закрыть соединение: ftp_close($conn);

HTML | fieldset Элемент <fieldset>...</fieldset> предназначен для группировки элементов, связанных друг с другом, разделяя таким образом форму на логические фрагменты. Каждой группе элементов можно присвоить название с помощью элемента <legend>, который идет сразу за тегом <fieldset>. <form> <fieldset> <legend>Контактная информация</legend> <p> <label for="name">Имя <em>*</em> </label> <input type="text" id="name"> </p> <p> <label for="email">E-mail</label> <input type="email" id="email"> </p> </fieldset> <p><input type="submit" value="Отправить"></p> </form>

HTML | Emoji HTML5 поддерживает множество emoji, если установить кодировку символов документа в UTF-8

<meta charset="UTF-8">

Так же Emoji доступны из CSS и JS h1::before { content: "🍔"; } h1::before { content: "\01F354"; } document.body.innerText = "😀"; document.body.innerText = String.fromCodePoint(0x1F354);

На каком языке пишут 90% малварей? На самом деле, написать троян или шифровальщик можно на любом языке программирования, но профи чаще выбирают С++ или Delphi. Чем обусловлен их выбор можно почитать на канале LOCKNET | DEEPWEB, автор которого вещает о хакинге, приватности и кибербезопасности. ► Как снизить вероятность кражи своих данных? ► Как написать своего Telegram-бота для деанона? ► Как защитить себя от перехвата СМС-кодов? ► Что такое SQL инъекции и для чего их проводят? ► Как понять, что у вас установлено шпионское ПО? LOCKNET | DEEPWEB — о том, как защитить себя от киберпреступников в эпоху хакеров и скрипт-кидди.

CSS | Width: auto Когда мы зададим блочному элементу width:100%, он растянется на всю ширину родительского блока, и не забывайте, что у блочных элементов присутствуют еще margin, padding и border. Поэтому, если они > 0, то элемент выйдет за пределы родительского блока. А вот если задать width:auto, наш блочный элемент поместится внутри родительского элемента, даже если в нем присутствуют margin, padding и border Потренируйтесь с классом .item в примере ниже на CodePen, меняя свойство width

Node.js | console.table С помощью console.table(tabularData[, properties]) можно красиво выводить таблицы в консоль. Первым аргументом необходимо подать массив или объект, а вторым при желании можно подать массив столбцов, что будут выведены в таблице. Пример console.table([{ a: 1, b: 'Y' }, { a: 'Z', b: 2 }], ['a']) Результат

┌─────────┬─────┐
│ (index) │  a  │
├─────────┼─────┤
│    0    │  1  │
│    1    │ 'Z' │
└─────────┴─────┘

SQL | Подсчёт определённых символов в строке Казалось бы, очень простая задача. Однако в SQL нет специального метода для подсчёта вхождений символа в строку. Зато есть метод LENGTH, с помощью которого можно узнать длину строки. Следовательно, для выполнения исходной задачи нам нужно: 1. Получить длину исходной строки 2. Заменить в исходной строке искомые символы на пустоту ('') 3. Вычесть из длины исходной строки длину полученной строки SELECT (LENGTH('1 2 3 4 5 6') - LENGTH(REPLACE('1 2 3 4 5 6', ' ', ''))) AS symb_count Это и будет количеством вхождений нужного нам символа в строку.

PHP | Вывод значения переменной Обычно для вывода переменных во время дебага пользуются функциями echo, var_dump или print_r. У каждой из этих функций есть как свои плюсы, так и свои минусы. Например, echo не сможет вывести содержимое массива, а вывод var_dump или print_r может оказаться громоздким. Довольно большое количество времени я пользуюсь самописной функцией на основе json_encode:

function vi ($o) {
  echo(''.json_encode($o, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE).'');
}

HTML | Семантика В HTML4 веб-разработчики использовали свои собственные имена в идентификаторах/классах элементов для их стилизации: header, top, bottom, footer, menu, и т.п. Поисковые системы не могли корректно идентифицировать роль того или иного контента веб-страницы. В HTML5 появились семантические элементы: <article> - Определяет статью <aside> - Определяет блок сбоку от основного контента <details> - Определяет дополнительную информацию, которую пользователь может открывать или закрывать <figcaption> - Определяет пояснение для элемента <figure> <figure> - Используется для группирования различных самодостаточных элементов - иллюстраций, диаграмм, фотографий, листингов кода и т.д. <footer> - Определяет "подвал" документа или раздела <header>- Определяет "шапку" документа или раздела <main> - Определяет основной контент документа