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

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

🐍Python - @python_lounge
👨‍💻Другие языки - @cccoding
🥷Хакер/ИТ безопасность - @it_ha
Download Telegram
About
Blog
Apps
Platform
Join
Webchic - frontend, backend, ci/cd
993 subscribers
Webchic - frontend, backend, ci/cd
Channel created
Webchic - frontend, backend, ci/cd
Как работает EventLoop:

https://www.youtube.com/watch?v=cCOL7MC4Pl0&t=1s
YouTube
Jake Archibald on the web browser event loop, setTimeout, micro tasks, requestAnimationFrame, ...
"In The Loop" presented by Jake Archibald at JSConf.Asia 2018

Have you ever had a bug where things were happening in the wrong order, or particular style changes were being ignored? Ever fixed that bug by wrapping a section of code in a setTimeout? Ever…
206 viewsedited  
Webchic - frontend, backend, ci/cd
Набор вдохновляющих анимаций:

https://tympanus.net/codrops/2020/08/04/ui-interactions-animations-roundup-9/
Codrops
UI Interactions & Animations Roundup #9 | Codrops
Slow down, tiger! That seems to be the motto in these past weeks in motion design and it's certainly a good one. Away fr
186 views
Webchic - frontend, backend, ci/cd
Будущее микрофронтенда: Webpack 5 Module Federation

https://www.youtube.com/watch?v=gmUm7CTsNhk
YouTube
Module Federation in Webpack 5 - Tobias Koppers
Get a GitNation Multipass, attend 8+ remote JavaScript conferences & watch tens of pro talks and workshops from our past events: https://portal.gitnation.org/multipass

🗓   Talk recording from JSNation Live 2020, the biggest JavaScript conference in the…
205 views
Webchic - frontend, backend, ci/cd
Андрей Мелихов рассказывает, как отдебажить и ускорить nodejs приложение

https://www.youtube.com/watch?v=n_65k_uSq2w
YouTube
Ищем проблемные места в node.js-приложениях
Внимание! Канал заморожен, все видео по-умолчанию диприкейтед. Смотрите на свой страх и риск :)
---
Посмотрим как clinic.js позволяет исследовать проблемы с производительностью node.js приложений с помощью таких инструментов как Doctor, Bubbleprof и Flame…
191 views
Webchic - frontend, backend, ci/cd
Анимация смены картинки с помощью WebGL

https://tympanus.net/Development/PolygonalTransitions/index.html
tympanus.net
Experimental Polygon Transitions with WebGL | Demo 1 | Codrops
Some experimental animations using triangles for image transitions with WebGL.
180 views
Webchic - frontend, backend, ci/cd
UI-разработчик Иван Греков описывает, как в Badoo переводили UI-компоненты на Typescript

https://habr.com/ru/company/badoo/blog/518246/
Хабр
Как перенести на TypeScript большую кодовую базу React UI-компонентов
Привет! Меня зовут Иван Греков, я работаю UI-разработчиком в frontend-команде Badoo. Главные задачи нашей команды — создание новых и поддержка существующих пользовательских интерфейсов для сайтов и...
183 views
Webchic - frontend, backend, ci/cd
Thomas Watson о дебаге nodejs через дампы памяти и снепшоты

https://www.youtube.com/watch?v=dyaux-pqq7o
YouTube
Post mortem NodeJS debugging – Thomas Watson
Get a GitNation Multipass, attend 8+ remote JavaScript conferences & watch tens of pro talks and workshops from our past events: https://portal.gitnation.org/multipass

🗓   Talk recording from Amsterdam JSNation Conference 2019 https://jsnation.com

# Post…
186 views
Webchic - frontend, backend, ci/cd
Flex и Grid наглядное объяснение

https://ishadeed.com/article/learn-box-alignment/
Ishadeed
Learn Box Alignment
An interactive and visual guide on understanding alignment in CSS flexbox and grid.
182 views
Webchic - frontend, backend, ci/cd
​​Велосипедист с собакой на html + css
188 views
Codepen
Webchic - frontend, backend, ci/cd
​​Хороший курс от Владилена Минина о Nuxt.js. Будет полезен начинающим.
YouTube
Nuxt JS - Vue + SSR (быстрый курс за 70 минут)
Если вы хотите увидеть работу ИИ изнутри и собрать свой первый проект за 3 дня, присоединяйтесь к марафону. Вы пройдёте путь разработчика в комфортном темпе и получите результат уже в первый день.

Регистрация открыта 👉🏼 https://resuni.ru/obvUR

Я в соц…
196 views
Webchic - frontend, backend, ci/cd
Упражения для закрепления знаний по гриду
189 views
Пройти
Webchic - frontend, backend, ci/cd
Просто чекбокс, на который стоит взглянуть 😃
203 views
Codepen
Webchic - frontend, backend, ci/cd
​​Как работает сжатие картинок, какие форматы лучше использовать и почему? Разработчики Google Jake Archibald и Surma объясняют и показывают на примерах
YouTube
Image compression deep-dive
Images are often the biggest assets in a web page, so compressing them well can be a huge saving for users. There are some rough rules for which image format you should use in a given situation, but this session dives into why, and explores some of the lesser…
189 views