Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
21.9K subscribers
2.67K photos
180 videos
40 files
5.04K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
💳 Дайджест новостей

🈶 Vite+ — единый инструментальный стек

Теперь Vite не просто билд-инструмент, а целый CLI-комплекс: vite test, vite lint, vite format и др.

🈶 AI для WordPress: Vibe Coding от 10Web

10Web представил Vibe for WordPress — AI-фронтенд-билдер, который генерирует макеты и код из текстового описания.

🈶 TDDev — AI, создающий полноценные приложения

Система TDDev получает текстовые требования и генерирует фронтенд, бэкенд и тесты, исправляя ошибки до полного соответствия ТЗ.

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

#release_digest
Please open Telegram to view this post
VIEW IN TELEGRAM
4🔥1
🧑‍💻 Clean Architecture vs Pragmatic Architecture

Когда принципы сталкиваются с дедлайнами — рождается архитектурный холивар.

🈂️ Clean Architecture

— Чёткие слои и зависимости
— Контракты, интерфейсы, unit-тесты
— Легко масштабировать и поддерживать

🈂️ Pragmatic Architecture

— Меньше слоёв, больше пользы
— Фокус на фичах, а не абстракциях
— Решения под задачу, а не под учебник

Голосуем реакциями:

👍 — Clean Architecture
❤️ — Pragmatic Architecture

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

#code_battle
Please open Telegram to view this post
VIEW IN TELEGRAM
25👍13🤔1
♾️ 17 формул, которые изменили мир

Математика в действии — как уравнения, придуманные века назад, сегодня управляют интернетом, медициной, космосом и вашими финансами.

📎 Читать статью

А если после статьи захотите разобраться, как эта математика работает в Data Science — вот экспресс-курс, который всё расставит по полочкам:

«Математика для Data Science»
— практика и живые уроки
— разбор кода и проверка домашних
— поддержка в Telegram-чате


🎓 За 2 месяца поймёте, как работают алгоритмы ML под капотом.
🗓️ Старт — 6 ноября

👉 Записаться на курс
👍4
☕️ Почему React «игнорирует» ваш setState

Вы жмёте кнопку, ждёте обновления, а в ответ — тишина. React не глючит — он просто решил подождать, пока вы нажмёте ещё раз.

🔤 В карточках разбираем:

— как именно React «пакует» несколько setState в один рендер

— когда batching работает, а когда — нет

— и зачем в редких случаях нужен flushSync, если важно обновить прямо сейчас

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

#under_hood #react
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
4👍2🥰2
Сегодня последний день!

🎁 Только при оплате до 19 октября — курс «Базовая математика» в подарок!

Успей попасть на экспресс-курс «Математика для Data Science»10 живых вебинаров, практика на Python, поддержка менторов и преподаватели из ВШЭ, Яндекс Практикума и Wildberries.

За 2 месяца разберёшься с тем, на чём держится Data Science:
• векторы, матрицы и регрессия;
• градиенты, оптимизация, вероятности и статистика;
• реальные задачи анализа данных;


🎓 Построишь математический фундамент и поймёшь, как работают алгоритмы ML под капотом.

👉 Записаться на курс

Старт — 6 ноября, не упусти бонус!🎁
🔥5🥱2
Вариативные отступы через clamp()

Делаем отступы адаптивными без медиазапросов — пусть дизайн сам подстраивается под ширину экрана:

.section {
padding: clamp(1rem, 5vw, 3rem);
}


Что это дает:

— Минимальный отступ — 1rem, максимум — 3rem

— В промежутке — плавное масштабирование по ширине вьюпорта

— Один рядок кода вместо трёх @media

💡 Работает не только с padding, но и с font-size, margin, gap и даже border-radius

🔤 Поддержка: Chrome 79+, Safari 16+, Firefox 75+

Сейчас на курсы Proglib действует −40%🥰

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

#readme #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍125
🤔 Почему typeof null === "object" и можно ли это исправить

Это историческая ошибка, которая осталась в языке ради обратной совместимости.
В первых версиях JS значение null получило тот же внутренний типовой тег, что и объекты — поэтому typeof возвращает "object".

Исправлять нельзя — слишком много старого кода поломается.

📌 На собеседовании отвечайте коротко:

Это известный баг в языке, сохранённый для совместимости.
Для проверки используйте value === null, а не typeof.


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

#career_merge #junior
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍1
👍 Задача для джуна+

Что выведет этот код и почему

Подумайте, в каком порядке выполняются присваивания и как JS обрабатывает ссылки на объекты. Это частый вопрос на собесах, где проверяют понимание порядка вычисления выражений и поведения ссылок.

💭 Ответ оставляйте в комментариях

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

#code_challenge
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔3🥰2👍1
👾🎉 Открыта регистрация на главный tech-ивент года. Хедлайнер — группа CREAM SODA!

ЛЦТ.Фест — это место, где технологии встречаются с людьми, а люди встречаются с бизнесом и будущими работодателями.

Уже 25 октября кластер «Ломоносов» превратится в огромную площадку будущего:
⚡️ интерактивные зоны от VK, Газпромбанк.Тех, Х5, ОЭЗ «Алабуга» и Kaspersky
⚡️ фейл-конференция о неудачах, которые сделали бизнес сильнее
⚡️ дискуссия о том, как ИИ нас переиграл и переиграл ли
⚡️ IT-слем «Зумеры против миллениалов — кто задаёт тон индустрии»
⚡️ мастер-лекции от лидеров VK, Яндекса, Kaspersky, Авито, X5 и других

🪩 И, конечно, куда без вечерней части: концерт группы CREAM SODA и хор-караоке!

Фестиваль открыт для всех, кто интересуется технологиями, идеями и хочет встретить больше единомышленников
📅 Когда: 25 октября
📍 Где: кластер «Ломоносов»

Необходима регистрация.

Посмотреть программу и зарегистрироваться 👉🏻https://lct-fest2025.ru/
🥰1