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
Модули в JavaScript

В статье рассматриваются две основные модульные системы: CommonJS и ESM (ECMAScript 6 модули).

#javascript

К статье(rus)
Addy Osmani: “Совет JS: Array.prototype.flatMap очень похож на map, за исключением того, что он убирает вложенные массивы и оставляет только их значения в результирующем массиве”

#javascript

Twitter
Как один разработчик воссоздал AirDrop, используя только JavaScript

#node #javascript #webrtc

К статье(eng)

Snapdrop.net

Github
This media is not supported in your browser
VIEW IN TELEGRAM
Josh W. Comeau: “Худшая вещь в мире - это когда анимация наведения останавливается, потому что перемещение курсора заставляет ее начинаться/заканчиваться.”

Исправьте это, отделив trigger от visual effect. Слушайте наведение на родителя, а не на анимируемый элемент

#css

Codepen

Twitter
Что нужно знать о популярных JS-фреймворках

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

#angular #react #vue #ember #svelte

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

#debug

К статье(eng)

Еще один популярный вариант - библиотека ngrok
Репозиторий с большим набором полезных ресурсов, в том числе и по фронтенду.

Github
This media is not supported in your browser
VIEW IN TELEGRAM
Воссоздание эффекта сбоя кнопки, как в Cyberpunk 2077 с помощью CSS

#css

К статье(eng)

Codepen
System Design Primer - Это отличный репозиторий для инженеров-программистов, который поможет вам научиться проектировать крупномасштабные системы. Репозиторий предоставляет организованный набор ресурсов по этой широкой теме.
Поскольку проектирование системы часто является необходимым компонентом процесса технического собеседования во многих компаниях, этот репозиторий также может помочь вам подготовиться к этим собеседованиям с помощью учебного пособия, советов о том, как подойти к собеседованию, вопросов для собеседований с решениями.

#architecture

Github(eng)

Github(rus)
This media is not supported in your browser
VIEW IN TELEGRAM
Animista - сервис с большим набором готовых анимаций, которые можно поднастроить и скопировать код

#css

Animista
Как работает https

Вы когда-нибудь задумывались, почему в адресной строке браузера появляется зеленый значок замка? А почему это важно? Мы тоже, и этот комикс для вас!

Следите за приключениями Certificat, Browserbird и Compugter, объясняющих, почему HTTPS имеет решающее значение для будущего Интернета и как все это работает вместе.

Не позволяйте плохим крабам схватить вас (вы поймете, что мы имеем в виду в комиксе). Узнайте, почему HTTPS важен для вашей конфиденциальности.

#https

К комиксу(eng)
Как работает dns

Веселое и красочное объяснение того, как работает DNS.

“Привет всем! Мы сделали этот комикс, чтобы объяснить, что происходит, когда вы вводите адрес веб-сайта в своем браузере.”

#dns

К комиксу(eng)
Git, я хочу все отменить! Команды исправления допущенных ошибок

#git

К статье(rus)
React Hooks — useMemo + React.memo

#react

К видеоуроку(rus)
Бесплатные хостинги для веб-разработчиков

К статье(rus)
Более 120 готовых Tailwind V2 блоков, которые можно использовать в своем приложении

#tailwind

К блокам
8 удобных React хуков

— useTimeout - имплементация setTimeout
— usePrevious - для хранения свойств с прошлого состояния
— useClickInside - для определения клика внутри элемента
— useClickOutside - для клика вне компонента
— useFetch - как обертка над fetch
— useInterval - имплементация setInterval
— useComponentDidMount - для выполнения кода после mount компонента
— useComponentWillUnmount - для выполнения кода на unmount компонента

#react

К статье(eng)
Репозиторий с набором полезных пакетов и ресурсов по nodejs

#nodejs

К репозиторию(eng)
Друзья, фронтендеры, бэкендеры и фул стеки, с наступающим новым годом! 🎄

Врывайтесь в 2021, бегите по карьерной лестнице, растите в техническом плане, путешествуйте и отдыхайте!

и главное: НЕ БОЛЕЙТЕ!💪

Увидимся восьмого 🥂
Идентификатор запроса и cls-hooked — логируем правильно

#nodejs

Youtube