Webchic - frontend, backend, ci/cd
995 subscribers
273 photos
22 videos
1.11K links
Канал о Web разработке, для фронтов и full stack.

По рекламе @adtgassetsbot
Admin: @Aleksei

🐍Python - @python_lounge
👨‍💻Другие языки - @cccoding
🥷Хакер/ИТ безопасность - @it_ha
Download Telegram
AsyncLocalStorage vs cls-hooked — в чём отличия?

#node

Youtube
Jake Archibald: “У addEventListener есть опция 'once', но я больше хочу удалить группу событий, когда одно из них вызовется. Скоро мы сможем это сделать с помощью AbortController(Chrome 88)!”

#browser

Twitter
Open-Closed Principle в Angular

#angular

К статье(rus)
Мои любимые советы, хитрости и алиасы Bash

— Оператор “-“ для быстрого перехода на прошлую директорию: cd -
— Оператор “!!” - для ссылки на предыдущую команду в терминале, например можно использовать с sudo, когда нужны привилегии: sudo !!
— {curly brace expansion} - например для создания нескольких файлов с одинаковым расширением но с разными именами: touch file-{1,2,3}.md
— Ctrl+R - для быстрого поиска команды, которая была запущена прежде.

#bash #productivity

К статье(eng)
Концепции Nginx, которые я хотел бы знать много лет назад

— Proxy - возможность сделать запрос к серверу через промежуточный сервер.
— Reverse Proxy - обработка запроса клиента любым сервером, стоящим за промежуточным сервером.
— Load Balancing - распределение запросов от клиентов на сервера, стоящими за промежуточным сервером.

#nginx

К статье(eng)
Jhey: “JavaScript подсказка!”

Необходимо что-то скопировать в буфер обмена?

Используйте Clipboard API

И он возвращает Promise, т.е. можно еще ожидать удачное, неудачное завершение

#browser

Twitter
Операторы логического присваивания

В статье рассматриваются новые операторы: &&=, ||= и ??=

#javascript

К статье(rus)
Вам показалось! Все о Perceived Performance

В статье рассматриваются методы/трюки, при которых будет казаться, что сайт работает быстрее.

#ux

К статье(rus)
Анимация букв при скролле

Tympanus
Хранение данных в Docker

В статье рассматриваются возможности Docker для сохранения состояния между запусками контейнеров:
docker volumes, bind mount и tmpfs.

#docker

К статье(rus)
Аутентификация и авторизация

В посте объясняется разница между аутентификацией и авторизацией, а также дается набор правил для тех, кто решил сделать аутентификацию самостоятельно.

#auth

К статье(eng)
11 JavaScript трюков, чтобы кодить как супергерой

#javascript

К статье(eng)
Углублённое руководство по JavaScript: генераторы

#javascript

Часть 1
Часть 2
Пример дизайна в стиле Glassmorphism

#css

Codepen
This media is not supported in your browser
VIEW IN TELEGRAM
5 npm трюков, которые вы возможно не знаете

— npm run - выводит доступные в package.json команды
— npm list - выводит установленные пакеты
— npm list --depth=0 - для ограничения глубины вывода
— npm home PACKAGE_NAME - открывает домашнюю страницу пакета
— npm repo PACKAGE_NAME - открывает репозиторий пакета
— npm v react versions - показывает доступные версии пакета
— npm outdated - показывает устаревшие версии пакетов, которые стоит обновить

#npm

К статье(eng)
Более 300 вопросов по React для подготовки к собеседованию.

#react

К репозиторию(rus)
Мои лучшие советы по css, опубликованные в Twitter

#css

К статье(eng)
Surma: “Мини-хак дня”

“Скрипт Google Analytics удален из моего блога в пользу пользовательского кода на основе sendBeacon()

Он меньше по размеру, он анонимный (я больше не слежу за пользователями), и я могу собирать основные веб-метрики.”

Twitter
Строим систему для мониторинга качества frontend-проектов

Цели, которые преследовали разработчики проекта:

— оценивать актуальность проекта (своевременное обновление зависимостей);
— проверка на уязвимости;
— проверка легальности использования зависимостей (проверка лицензий);
— сбор статистики по размерам проекта;
— сбор статистики по таким параметрам, как Perfomance, SEO, Accessibility.

#performance #platform

К статье(rus)
Новое свойство css aspect-ratio(соотношение сторон)

Позволяет вам устанавливать пропорции любого элемента без использования хака с padding-top!

#css

К статье(eng)