dr.Brain
2.74K subscribers
1 photo
1 file
557 links
Мир глазами разработчика: обзоры, трюки, решения задач, примеры кода - рутина и не только... Front & Back

О нас: https://drbrain.pro/about/
Купить рекламу: https://telega.in/c/drbrain4dev

По всем вопросам: @gvastahov, @Pavel_A_G
Download Telegram
Кое-что про запятую

Читать

Недавно я обнаружил одну интересную особенность использования запятой в JavaScript. Обычно разработчикам запятые нужны для разделения элементов массива или свойств объекта. Однако мало кто уделяет внимание использованию запятых в выражениях.

#frontend #js
JavaScript: Пространства имен

Читать

Пространство имен (namespace) - это объединение набора сущностей, переменных, функций, объектов в пределах установленного абстрактного хранилища. В JavaScript есть несколько способов создания пространства имен. Приведенные ниже примеры позволят лучше понять эту концепцию.

#frontend #js
Цепной вызов методов

Читать

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

#frontend #js
Хорошие коммиты

Читать

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

#dev #git
Какое приложение использует порт?

Читать

Довольно часто, разработчик оказывается вовлеченным в создание или тестирование сразу нескольких программных продуктов. Например, на локальном компьютере может быть одновременно запущено множество приложений, занимающих различные порты: 3000, 3001, 3002, 1313 и так далее.

#dev #bash #cli
Почему ::before не работает?

Читать

Псевдоэлементы CSS ::before и ::after могу быть неприменимы для полей ввода и изображений, так как HTML-элементы <input> и <img> являются замещаемыми элементами.

#frontend #css
PHP: считываем текстовый файл в строку

Читать

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

#backend #php
Переставляем элементы массива

Читать

В этой небольшой статье мы разберем, как поменять местами два элемента массива с помощью JavaScript.

#frontend #js
Сортируем массив по ключам

Читать

Если коротко, отсортировать массив по ключам в PHP можно с помощью нативной функции ksort(), которая доступна в различных версиях PHP (4, 5, 7). Функция сортирует массив по ключам, сохраняя отношения между ключами и значениями.

#backend #php
Большие объекты и буфер обмена

Читать

Для того чтобы скопировать результат вывода console.log() в консоли инструментов разработчика браузера, Вы скорее всего попытаетесь использовать доведенное до автоматизма сочетание CTRL + C. К сожалению, в таком случае Вас ожидает разочарование - этот простой и эффективный в большинстве случаев метод не работает с объектами и длинными массивами.

#dev #tools
Добавляем элемент в начало массива

Читать

Итак, Вам нужно добавить элемент в начало массива. Для этой цели отлично подойдет метод splice() стандартного встроенного объекта array.

#frontend #js
CSS: clamp

Читать

Итак, расскажу или, для тех кто знает, напомню про один маленький трюк: CSS-функция clamp() делает шрифт адаптивным.
Как это работает? Шрифт будет менять свой размер пропорционально изменению видимой области экрана в определенном диапазоне: между установленными минимальным и максимальным значениями.

#frontend #css
CSS: пропорции

Читать

Сегодня мы разберем еще один простой и достаточно эффективный метод создания адаптивной картинки с определенными пропорциями. Этот метод, использующий пользовательские переменные, известен под именем "padding hack".

#frontend #css
CSS: clip-path и анимация

Читать

CSS-свойство clip-path создает видимую область части элемента. То есть, все, что находится внутри такой области (clipping region), будет видно, а все, что находится вне этой области, будет скрыто.
А теперь самое интересное: свойство clip-path поддерживает transition.
Поэтому можно использовать различные CSS-селекторы, в том числе :hover, и менять координаты. Таким образом мы можем менять форму видимой области и создавать крутые динамические эффекты.

#frontend #css
5 навыков, которыми должен владеть JavaScript разработчик в 2020/2021

Читать

Жизнь разработчика состоит из двух основных процессов:

1. Stackoverflow
2. Приобретение новых навыков

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

#dev
Реверсивный прокси-сервер

Читать

Говоря о серверах, мы часто слышим термин реверсивный прокси-сервер (reverse proxy). В этой статье мы разберем - что такое реверсивный прокси-сервер и чем он может быть полезен.

#dev #tools
Что за false?

Читать

Ужа давно не секрет, что в результате слабой типизации и достаточно вольного приведения данных различных типов JavaScript иногда странно интерпретирует некоторые выражения.
Сегодня мы разберем, почему 1 < 2 < 3 возвращает true, а 3 > 2 > 1 возвращает false.

#frontend #js
Командная строка: mkdir

Читать

В командной строке bash директории (каталоги, папки) создаются с помощью команды mkdir.

#dev #bash #tutorial #cli
Командная строка: pwd

Читать

Команда pwd (present working directory) выводит путь к текущей папке и позволяет не заблудиться в файловой системе.

#dev #bash #tutorial #cli
Командная строка: rmdir

Читать

Итак, с помощью команды mkdir можно создать директорию (каталог, папку), а с помощью команды rmdir - удалить.

#dev #bash #tutorial #cli
Командная строка: cd

Читать

В терминале все команды привязаны к текущей папке. По умолчанию текущей папкой является домашняя директория. Однако, для выполнения различных задач ее часто приходится менять. Именно для этого существует команда cd (change directory).

#dev #bash #tutorial #cli