На рынке дефицит JS программистов

Чем быстрее начнешь - тем лучше, вот пошаговый план чтобы стать Фулстеком и получать от 80тр, прогая только на JS:

👉 Учим верстку и JS до продвинутого уровня

👉 Учим особенности Node.js

👉 Выбираем фреймворк (React / Angular / Vue)

👉 Пробегаемся по общими штукам (Git / Photoshop / Figma / Английский для IT)

💵 Трудоустраиваемся

Курс Fullstack-разработчик на JavaScript всё это включает, и пройти его можно за 12 месяцев со скидкой 50%

JS | Очередная порция однострочников

Генерация случайного числа в заданном диапазоне

const randomNumberInRange = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;

Переключение логического значения

const toggle = (value) => value = !value

Сортировка элементов массива в случайном порядке

const sortRandom = (arr) => arr.sort(() => Math.random() - 0.5)

И еще 12 однострочников с пояснениями в статье.

PHP | PHPIntelephense

PHPIntellephense - расширение для популярного редактора кода Visual Studio Code.

Расширение предоставляет такие IDE-like возможности как:
- Автодополнение кода, как стандартных классов и функций, так и по коду проекта
- Справка по классам и функциям по наведению
- Поиск функций, классов и методов по проекту
- И другие

CSS | Интерактивное руководство по CSS Transitions

Статья начиная с основ transition, переходит к использованию готовых временных функций и созданию своих, подробно рассказывает о производительности анимации и способах её увеличения, а так же рассматривает анимацию в UX.

Все разделы снабжены примерами кода и наглядной демонстрацией

PHP | libphonenumber

libphonenumber for php - это порт на PHP библиотеки libphonenumber от Google.

Библиотека позволяет парсить, форматировать и валидировать номера телефонов.

JS | MutationObserver следим за изменением DOM

MutationObserver – это встроенный объект, наблюдающий за DOM-элементом и запускающий колбэк в случае изменений. Может быть полезен для реагирования на изменение разметки сторонним скриптом, который не предоставляет своих коллбэков.

В уроке показано использование MutationObserver на реальной задаче.

JS | Вибрируем телефоном, Navigator.vibrate()

Метод Navigator.vibrate() пульсирует вибрационным оборудованием на устройстве, если такое аппаратное обеспечение существует.

window.navigator.vibrate(200); // Вибрировать 200ms

Апи доступно в последних версиях Edge, Chrome и Firefox, не поддерживается в Опере и Сафари.

Приводим в порядок свой код

В статье идёт речь о таких средствах как Prettier, ESLint, Husky, Lint-Staged, EditorConfig, об автоматизации форматирования и линтинга кода.

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

CSS | text-decoration-thickness тонкости типографики

Свойство text-decoration-thickness устанавливает толщину обводки декоративной линии, которая используется для текста в элементе.

Может быть полезно для изменения толщины линии в жирных заголовках.

8 хитростей для веб-разработчиков

Как стилизовать внешние ссылки, оформить подписи и субтитры, формирование массива с уникальными значениями и задавать динамические свойства объектов, всё это вы узнаете из статьи по ссылке.

PHP | Что нового будет в PHP 8.1

В постоянно дополняемой статье рассказывается о новых возможностях в PHP версии 8.1.

Выход версии 8.1 ожидается в ноябре 2021 года.

JS | Управляем зависимостями

Серия из семи статей рассказывает о работе с зависимостями и затрагивает такие темы:
- Что такое пакет, манифест пакета и зависимости.
- Как правильно описывать зависимости для различных типов проектов.
- Как работает semver.
- Как установленные зависимости могут быть представлены в файловой системе.
- Поиск зависимостей (resolving).
- Инструменты для работы с зависимостями.
- Как обновлять зависимости.
- Как следить за безопасностью и предупреждать угрозы.
- Для чего нужны lock-файлы .
- Как можно эффективно работать над сотнями пакетов одновременно.
- Что такое фантомные пакеты.
- и многое другое.

PHP | Bcmath

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

Помимо показанных в примере сложения и вычитания, bcmath содержит функции для умножения, деления, сравнения и другие.

В отличие от стандартных математических операторов, bcmath работает с числовыми строками.

CSS | Диагональная разметка с помощью css grid

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