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
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
10 Visual Studio Code трюков для увеличения продуктивности

В статье перечислены удобные шорткаты для быстрых правок нескольких строк кода, переключение в Zen Mode(убирает лишнее с экрана, оставляя только код) и другие.

#vsc #ide

К статье(eng)
Самые популярные работы на CodePen за 2020

#css #animations #javascript

Codepen
Clean Code Javascript

Адаптация для JavaScript принципов разработки программного обеспечения из книги Роберта Мартина “Чистый код”.

#uncle_bob

К репозиторию(eng)
К репозиторию(rus)
This media is not supported in your browser
VIEW IN TELEGRAM
Josh W. Comeau: “Оберните текст вокруг прозрачных файлов .png с помощью shape-outside 😮”

.me {
float: left;
shape-outside: url(/image/path.png);
/ Add some spacing: /
transform: translateX(-16px);
}

#css

Twitter

Codepen
Node.js in 2021: новости платформы и вызовы на следующее десятилетие

#nodejs

Youtube
Что происходит, когда мы открываем сайт в браузере

#browser

К статье
Отчет о состоянии CSS

— Bootstrap уже не интересен, но используют многие
— Большой интерес к Tailwind Css
— Css-in-JS хотят использовать все больше разработчиков
— CSS modules - стабильно пользуется популярностью

#css

К отчету(eng)
This media is not supported in your browser
VIEW IN TELEGRAM
Использование css переменных в Angular темплейтах

#angular

К статье(eng)