Библиотека фронтендера

кто… 👨‍🦳👨‍🦳📍 Навигация: [Вакансии]🐸 Библиотека фронтендера#pixel_pause

🌸 Вселенная намекает: пора уже начать этот курсС 14 сентября цены в Proglib Academy вырастут на 20% 👀Так что если курс давно ждёт своего часа — лучше не откладывать ещё на месяц 😏📍 Выбрать курс

🔥 Debounce на одной строкеКогда пользователь вводит текст в поиск или изменяет размер окна — запросы летят десятками. Debounce откладывает выполнение функции до тех пор, пока события не прекратятся.const debounce = (fn, ms) => { let timer; return (...args) => { clearTimeout(timer); timer = ...

🌞 Готовим вебинар про AI в разработке и хотим сделать его максимально полезнымЧто реально хочется разобрать? Где чаще всего застреваете? Что пробовали, но так и не получилось нормально внедрить?🤩 Пишите вопросы в комментариях — самые залайканные разберём на вебинаре в первую очередь.Задавайте всё,...

👩‍💻 Вышел React 19.3 — и в нём сразу несколько интересных изменений:🟡 <ViewTransition> теперь stable. React умеет анимировать появление, удаление, перемещение и изменение элементов через браузерный View Transition API.<ViewTransition> <Component /></ViewTransition>Можно задавать разные анимации ...

🤩 Библиотеки, которые JavaScript уже умеет заменятьНекоторые привычные npm-пакеты сегодня можно не устанавливать — нужная функциональность уже есть в JS и Web API:url-parse → new URL()left-pad → ''.padStart()lodash.last → arr.at(-1)uuid → crypto.randomUUID()deepclone → struc...

💡 Vue.js: не усложняйте v-bindВ Vue часто можно встретить такой код:<UserCard :user="user" :config="config" />🔴 На первый взгляд кажется, что :user="user" и :config="config" избыточны. Но здесь двоеточие — это сокращение для v-bind:<UserCard v-bind:user="user" v-bind:config="config" />🔴 При этом ...

🤔 Вопрос с собеседованияЧто выведет этот код?❤️ — 0 1 2🔥 — 3 3 3👍 — 0 0 0👇 Правильный ответ (нажми, чтобы прочитать):🔘 Будет:333var имеет function scope, поэтому все три callback замыкаются на одну и ту же переменную i. К моменту выполнения setTimeout цикл уже закончился, а i равен 3.🔘 Если за...

🤩 А что, если написать свой текстовый редактор?«VS Code слишком тяжёлый. Сделаю свой редактор!» — примерно так начался эксперимент одного разработчика.🔘 Первый вариант — всё рисовать через <canvas>. Курсор, текст, подсветка строки, ввод с клавиатуры — работает. Но почти всё приходится реализовыват...

🐱 SQL на котикахJOIN — это способ соединить данные из разных таблиц по общему полю.В видео разбирают:— разницу между INNER и LEFT JOIN— почему строки могут «пропадать»— как формируется итоговый результатПодойдёт новичкам, тем, кто путается в JOIN, и всем, кто хочет перестать писать запросы вслепую....

🤩 Для поворота необязательно считать градусы. В CSS есть единица turn: 1 turn = полный оборот = 360°.Например, 0.5turn — это 180°, а 2turn — два полных оборота.Особенно удобно, когда значение превышает 360°.📍 Навигация: [Вакансии]🐸 Библиотека фронтендера#readme

💡 Container Queries в действииМедиазапросы смотрят на размер viewport, а Container Queries — на размер самого контейнера.📍 В примере кнопка меняет своё содержимое в зависимости от доступного пространства: если контейнер становится слишком узким, текст ADD TO CART скрывается, а иконка корзины остаё...