Обзор полезных репозиториев

В статье описаны популярные репозитории которые могут помочь вам стать лучше как разработчик, среди репозиториев:
- Вы еще не знаете JS
- Руководство по стилю JavaScript Airbnb
- HTML5 Boilerplate
- Лучшие практики Node.js
- Чек-листы фронтенда

JS | Чего ждать от ES12

Ожидается, что версия ECMAScript 2021 будет выпущена в июне 2021 года. Вот некоторые из функций, которые могут оказаться в ES2021 или ES12.

Среди новинок:
- String.prototype.replaceAll()
- Приватные методы
- Приватные аксессоры
- WeakRef
- Финализаторы
- Promise.any() и AggregateError
- Операторы логического присваивания

Подробный обзор с примерами в статье.

CSS | Отзывчивые таблицы

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

Javanoscript - наш кормилец

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

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

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

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

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

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

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

CSS | Anicons - шрифт с анимированными иконками

Anicons - это первый в мире цветной анимированный шрифт с иконками, основанный на Material Design Icons. Anicons - это эксперимент, в котором сочетаются две передовые технологии шрифтов: вариативные шрифты и цветные шрифты.

Инкременты и декременты

Операторы инкремента и декремента увеличивают и уменьшают значение переменной на единицу соответственно.

Разница между префиксными(++$var, --$var) и постфиксными($var++, $var--) инкрементами и декрементами в том, что первые сначала изменяют значение, потом возвращают, а вторые - наоборот.

CSS | Сервис для локального подключения Google Fonts

Этот сервис может быть удобен, если вы хотите напрямую загрузить все файлы .eot, .woff, .woff2, .noscript, .ttf из Google Fonts. Кроме того, он обеспечивает настройку кодировки и генерирует CSS стили для подключения, поэтому подготовка шрифтов для локального хранения станет легкой задачей.

Laravel Valet

Laravel Valet - это минималистичное окружение для PHP-разработки на MacOS.

Под капотом использует PHP, Nginx и DnsMasq. Никаких виртуальный машин, никаких правок /etc/hosts. Valet проксирует все запросы к домену .test в папку на локальной машине с названием домена.

Отлично подходит для тех, кто хочет легкого и быстрого рабочего окружения, или для работы с ограниченным количеством памяти.

CSS | Цифровые часы на чистом CSS

Отличный пример работы с псевдоэлементами и css-анимацией, принцип работы подробно расписан в комментариях css файла.

str_replace

str_replace - функция php для замены подстроки в строке.

В качестве параметров может принимать как отдельные строки так и массивы.

Если в качестве первого и второго параметра переданны массивы, то подстроки соответствующие элементам первого массива будут заменены подстроками из второго массива соответственно. Если в первом массиве больше элементов, чем во втором, то остальные подстроки будут заменены пустыми строками.

Если в качестве третьего аргумента передан массив, то замена будет произведена во всех строках, и результатом функции также будет массив.

JS | Используем консоль браузера по максимуму

Консольная панель в DevTools вашего любимого браузера может быть очень мощным союзником при устранении неполадок в веб-приложении. Регистрируйте данные, отправляйте запросы, манипулируйте элементами DOM, консоль может все это делать!

Есть так много способов получить интересную информацию из консоли, но многие используют лишь некоторые из них.

CSS | Очень подробная документация по гридам

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