GIT: подключение по SSH

Читать

Я активно использую git не менее пяти лет. В самом начале меня сильно раздражала необходимость вводить пароль и логин при каждом обмене данными с удаленным репозитарием. Спустя некоторое время я узнал, что выход есть - нужно просто настроить ключи SSH. Полученный результат оправдал все мои ожидания: после установки SSH-ключей на рабочий компьютер, в тестовую среду и на продакшн работать стало намного проще.

#dev #git

Точки вместо запятых

Читать

Допустим, Вы столкнулись со следующей проблемой: у Вас есть строка, содержащая числа с десятичными значениями, и Вы не знаете каким-образом пользователи отделяли целую часть от десятичной - с помощью точки или с помощью запятой?

#frontend #js

Неограниченное количество параметров функции

Читать

Можно ли в JavaScript создать функцию, которая принимает неограниченное количество аргументов?

#frontend #js

Синхронизация

Читать

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

#frontend #js

Сброс формы

Читать

Сброс параметров формы до исходного состояния - рутинная задача. Совсем недавно почти все формы имели кнопку "Сброс" ("Reset"). Но следует признать, что такой подход в настоящее время используется все реже и реже.

#frontend #js #html

Кое-что про запятую

Читать

Недавно я обнаружил одну интересную особенность использования запятой в 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