Что такое Event Loop простыми словами?
Пока выполняется текущий код, асинхронные задачи (например, setTimeout, fetch или обработчики событий) ожидают своей очереди.
Когда стек вызовов становится пустым, Event Loop берёт следующую задачу из очереди и передаёт её на выполнение.
Event Loop следит за стеком вызовов и очередями задач, чтобы запускать асинхронный код только тогда, когда основной поток свободен.
👍 — знал/а
🔥 — стало понятнее
#career_merge
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥7🥰1🤔1
🚀 Не уверены, стоит ли переходить на зрелую ИИ-инженерию? Начните с демо-урока!
Вот-вот стартует наш курс AgentOps. Если вы сомневаетесь в формате, просто оставьте заявку и получите бесплатный демо-урок «AI-инструменты в разработке: как писать код быстрее с помощью ассистентов».
Для тех, кто готов мощно прокачать портфолио, прямо сейчас действует предложение «3 любых курса по цене 1»:
👉 Получить демо-урок и зафиксировать спецпредложение 3 в 1
Вот-вот стартует наш курс AgentOps. Если вы сомневаетесь в формате, просто оставьте заявку и получите бесплатный демо-урок «AI-инструменты в разработке: как писать код быстрее с помощью ассистентов».
Для тех, кто готов мощно прокачать портфолио, прямо сейчас действует предложение «3 любых курса по цене 1»:
— При покупке VIP-тарифа (осталось 4 места) нового потока «ИИ-агенты» вы получаете в подарок доступ к курсу «AgentOps» + ещё один любой курс Академии на выбор
— В деньгах это два топовых курса по автоматизации и контролю ИИ всего за 134.000 ₽ вместо 263.000 ₽ 🔥 А за счет третьего курса (например, можно выбрать «Математику») вы соберете мощный стек и освоите целое востребованное направление.
— Платеж можно разбить на несколько частей с помощью беспроцентной рассрочки.
👉 Получить демо-урок и зафиксировать спецпредложение 3 в 1
🥰2❤1
Красивая раскладка карточек — это здорово. Но если внутри есть ссылки или кнопки, порядок перехода по Tab может оказаться совершенно неожиданным.
Разбираемся, в чём причина
#under_hood
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3👏2🥰1🤔1
⚠️ Уже завтра стартует курс AgentOps!
Мы собрали на потоке сборную из мастеров IT-рынка. Практики из BigTech научат вас контролировать и отлаживать ИИ-агентов, чтобы они работали предсказуемо и не сливали бюджет на API.
🔥 Заберите 3 курса по цене 1:
Хотите прокачать свое портфолио продакшн-кейсом, но пока сомневаетесь? Пройдите наш бесплатный демо-урок, чтобы протестировать формат перед покупкой.
👉 Забрать 3 курса по цене 1 и получить демо-урок
Мы собрали на потоке сборную из мастеров IT-рынка. Практики из BigTech научат вас контролировать и отлаживать ИИ-агентов, чтобы они работали предсказуемо и не сливали бюджет на API.
🔥 Заберите 3 курса по цене 1:
● При покупке VIP-тарифа (осталось 4 места) нового потока «Разработка ИИ-агентов» получаете в подарок курс «AgentOps» + ещё один любой курс Академии (например, «Математика для разработки AI», чтобы глубже освоить направление).
● Три курса обойдутся вам всего в 134.000 ₽ вместо 263.000 ₽.
● Доступна удобная беспроцентная рассрочка, платеж можно разбить на несколько комфортных частей.
Хотите прокачать свое портфолио продакшн-кейсом, но пока сомневаетесь? Пройдите наш бесплатный демо-урок, чтобы протестировать формат перед покупкой.
👉 Забрать 3 курса по цене 1 и получить демо-урок
🥰3🥱2😁1
330+ React Interview Questions That Can Give You a Real Edge.pdf
1.7 MB
Если готовитесь к поиску работы или хотите освежить знания, сохраните эту шпаргалку.
• JSX, компоненты, props и state;
• Hooks и жизненный цикл;
• Virtual DOM и Reconciliation;
• Context API и Redux Toolkit;
• React Router;
• оптимизация производительности;
• тестирование (Jest);
• SSR и основы Next.js;
• распространённые ошибки и лучшие практики.
#readme #react #career_merge
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8🥰2
Разберемся, как работает сравнение виртуального DOM, зачем нужны ключи и как React сохраняет состояние при обновлении. Видео и статьи — от гайдовых до настоящего deep dive.
#read_watch
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤1🥰1
♿️ Проверьте, насколько хорошо вы знаете веб-доступность
Появился A11y.quest — интерактивный тренажёр с 128 вопросами по accessibility.
Внутри:
Вопросы разделены по уровням сложности, их можно перемешивать, а сервис показывает статистику, точность ответов и текущую серию.
📍 Навигация: [Вакансии]
🐸 Библиотека фронтендера
#тест_драйв #a11y #html
Появился A11y.quest — интерактивный тренажёр с 128 вопросами по accessibility.
Внутри:
• семантический HTML;
• ARIA;
• навигация с клавиатуры;
• формы;
• работа со скринридерами и другие темы.
Вопросы разделены по уровням сложности, их можно перемешивать, а сервис показывает статистику, точность ответов и текущую серию.
#тест_драйв #a11y #html
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥2🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
Часто пишете console.log() вручную?
В VS Code можно создать свой сниппет: например, набираете cc, нажимаете Tab — и редактор подставляет заготовку.
Полезно для быстрых логов, но не забывайте чистить их перед коммитом
#readme
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🥱4🔥1
ОПРОС: Ответьте на пару вопросов и получите промокод на все наши курсы! 🎁
Команда Prоglib.аcаdemy готовит к запуску новые продукты, и нам нужна ваша помощь. Мы хотим создавать обучение, которое будет решать ваши реальные карьерные задачи и бить точно в цель.
Поделитесь своим опытом и ожиданиями, чтобы мы сделали наши курсы еще полезнее именно для вас! Заполнение анкеты займет буквально 2–3 минуты, а с нас — скидка на любой наш курс!
👉 Пройти опрос в Яндекс Формах и забрать промокод
Команда Prоglib.аcаdemy готовит к запуску новые продукты, и нам нужна ваша помощь. Мы хотим создавать обучение, которое будет решать ваши реальные карьерные задачи и бить точно в цель.
Поделитесь своим опытом и ожиданиями, чтобы мы сделали наши курсы еще полезнее именно для вас! Заполнение анкеты займет буквально 2–3 минуты, а с нас — скидка на любой наш курс!
👉 Пройти опрос в Яндекс Формах и забрать промокод
🥰3😁1
This media is not supported in your browser
VIEW IN TELEGRAM
Нашли библиотеку Transitions.dev с коллекцией плавных переходов для современных веб-приложений.
Внутри — готовые анимации для:
• карточек;
• модальных окон;
• выпадающих меню;
• табов и аккордеонов;
• уведомлений;
• скелетонов;
• загрузчиков;
• переключателей и других UI-компонентов.
Каждую анимацию можно сразу посмотреть в действии, изучить реализацию и адаптировать под свой проект
#stack
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🥰2
В WHATWG обсуждают расширение элемента <time>, которое позволит браузеру автоматически отображать дату и время в локальном формате пользователя.
Например, вместо ручного форматирования через JavaScript можно будет написать:
<time datetime="2026-06-17T08:13:41Z" format="datetime">
17 June 2026
</time>
Если предложение примут, для локализации времени больше не понадобятся отдельные библиотеки или клиентский код в большинстве простых сценариев.
#under_hood
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16🔥2🥰1
Если раньше для адаптивной типографики приходилось писать несколько
@media, то сейчас во многих случаях достаточно одной строки:
h1 {
font-size: clamp(2rem, 5vw, 4rem);
}
Как это работает:
2rem — минимальный размер;
5vw — размер плавно меняется в зависимости от ширины окна;
4rem — максимальный размер.
Браузер сам выберет подходящее значение между минимумом и максимумом.
— заголовков;
— hero-блоков;
— карточек;
— адаптивной типографики без лишних
@media.#readme
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥3🥰1🥱1💯1
This media is not supported in your browser
VIEW IN TELEGRAM
📹 Что должен делать агент-оркестратор?
Посмотрите короткий отрывок из вебинара с Дмитрием Юдиным, внутри концентрат инсайтов о ии-агентах. А если хотите погрузиться в тему с головой, у нас доступна и полная запись этого эфира.
Готовы перейти от теории к практике и собрать свой первый продакшн-кейс?
Прямо сейчас действует мощная акция «3 курса по цене 1»:
🔥 При покупке VIP-тарифа нового потока «Разработка ИИ-агентов» вы получаете в подарок хардкорный курс «AgentOps» + ещё один любой курс Академии на ваш выбор!
Выгода в цифрах: два топовых курса по созданию и контролю агентов обойдутся вам всего в 134.000 ₽ вместо 263.000 ₽. Плюс третий курс бонусом (например, можно подтянуть математику для AI). Ваша чистая экономия —129 000 ₽!
Сомневаетесь, подойдет ли вам формат? Оставьте заявку и пройдите бесплатный демо-урок, чтобы протестировать платформу перед покупкой.
👉 Пройти демо-урок и забрать 3 курса по цене 1
Посмотрите короткий отрывок из вебинара с Дмитрием Юдиным, внутри концентрат инсайтов о ии-агентах. А если хотите погрузиться в тему с головой, у нас доступна и полная запись этого эфира.
Готовы перейти от теории к практике и собрать свой первый продакшн-кейс?
Прямо сейчас действует мощная акция «3 курса по цене 1»:
🔥 При покупке VIP-тарифа нового потока «Разработка ИИ-агентов» вы получаете в подарок хардкорный курс «AgentOps» + ещё один любой курс Академии на ваш выбор!
Выгода в цифрах: два топовых курса по созданию и контролю агентов обойдутся вам всего в 134.000 ₽ вместо 263.000 ₽. Плюс третий курс бонусом (например, можно подтянуть математику для AI). Ваша чистая экономия —
Сомневаетесь, подойдет ли вам формат? Оставьте заявку и пройдите бесплатный демо-урок, чтобы протестировать платформу перед покупкой.
👉 Пройти демо-урок и забрать 3 курса по цене 1
😁4🥰1🌚1
Media is too big
VIEW IN TELEGRAM
Если нужен современный слайдер без перегруженных решений, обратите внимание на Splide.
Что умеет:
— работает без зависимостей;
— поддерживает React, Vue и обычный JavaScript;
— адаптируется под разные размеры экрана;
— есть автопрокрутка, lazy loading, вертикальный режим и миниатюры;
— поддерживает управление с клавиатуры и соответствует требованиям доступности.
При этом библиотека весит около 12 КБ в gzip и не ухудшает показатели Lighthouse.
#stack
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🥰2❤1
Please open Telegram to view this post
VIEW IN TELEGRAM
🌚4🥰1
🎬 Как ИИ ускоряет разработку и где ломаются архитектуры
Мы провели открытый вебинар, где разобрали реальные боли проектирования автономных систем. Ольга Лукьянова на практическом кейсе показала, как использовать ИИ-ассистентов для реальных задач. Вы просили запись встречи — она уже в открытом доступе!
Что внутри:
— Как с помощью ИИ быстрее разбираться в незнакомом коде и готовить пулл-реквесты;
— Критерии выбора между одним агентом и мультиагентной системой;
— Разбор популярных архитектурных ошибок и ограничений современных ИИ;
— Практические рекомендации по проектированию и внедрению облачных агентов.
👉 Посмотреть полную запись можно тут:
● VK
● YouTube
🚀 Хотите пойти дальше открытого вебинара? Если вы готовы перейти от простых промптов к проектированию надежных, отказоустойчивых ИИ-систем, которые не сливают бюджет компании на API, приходите на курс AgentOps. Поток уже стартовал, но двери еще приоткрыты!
👉 Успеть на курс AgentOps
Мы провели открытый вебинар, где разобрали реальные боли проектирования автономных систем. Ольга Лукьянова на практическом кейсе показала, как использовать ИИ-ассистентов для реальных задач. Вы просили запись встречи — она уже в открытом доступе!
Что внутри:
— Как с помощью ИИ быстрее разбираться в незнакомом коде и готовить пулл-реквесты;
— Критерии выбора между одним агентом и мультиагентной системой;
— Разбор популярных архитектурных ошибок и ограничений современных ИИ;
— Практические рекомендации по проектированию и внедрению облачных агентов.
👉 Посмотреть полную запись можно тут:
● VK
● YouTube
🚀 Хотите пойти дальше открытого вебинара? Если вы готовы перейти от простых промптов к проектированию надежных, отказоустойчивых ИИ-систем, которые не сливают бюджет компании на API, приходите на курс AgentOps. Поток уже стартовал, но двери еще приоткрыты!
👉 Успеть на курс AgentOps
🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
Нашли удобное расширение Tinkerfont, которое позволяет тестировать шрифты прямо на реальных сайтах — без DevTools и правок CSS.
Можно посмотреть, какие шрифты использует страница, заменить их на любой из 1900+ Bunny Fonts или загрузить свой, а затем сразу скопировать код подключения.
Полезный инструмент для быстрого подбора типографики.
#stack
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4