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
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)
Как отслеживать производительность веб-приложения с JavaScript и Performance API

#performance #browser

К статье(rus)
This media is not supported in your browser
VIEW IN TELEGRAM
Интерактивная анимация загрузки

PS: и пжлст не нажимайте C

#animation

Codepen
Паттерн порталов в Angular: для чего нужен root-компонент в Taiga UI

#angular

К статье(rus)
Использование Framer Motion для анимации переходов между страницами в React

#react

К статье(eng)
Терминал Linux: шпаргалка

— ls -lah - показ спрятанных файлов + человекочитаемый формат
— which [name-of-the-program] - вывод пути к бинарному файлу программы
— history - вывод всех предыдущих команд
— cat [name-of-your-file] - вывод контента файла

и много других команд

#cli

К статье(eng)