Библиотека фронтендера. Страница 4
19371
@frontendproglib
Полезные материалы по всему, что может быть интересно frontend-разработчику.
-
Библиотека фронтендера
🖼️ Галерея React Graph — живые демонстрации огромного количества различных диаграмм и графиков, созданных с помощью React и D3.js, с пояснениями и кодом. Особенно яркими выглядят диаграмма Sankey, treemap и коррелограмма, но и в остальных есть чем полюбоваться. 
-
Библиотека фронтендера
🔍Нашли удобный справочник с полезными инструментами для веб-разработки с генераторами разметки, тегами, цветовой палитрой с HEX-кодами и многим другим. Можно переключиться на CSS или JavaScript, а еще скачать страницу в виде PDF, чтобы держать перед глазами. #инструмент 
-
Библиотека фронтендера
Использование видео вместо анимированного gif повышает производительность (посмотреть пример). #perfomance #tip by Shripal Soni 
-
Реклама
-
Библиотека фронтендера
Как окупаются инвестиции в счастье сотрудников? Компании внедряют системы мотивации, долгосрочные программы LTI и проекты для благополучия сотрудников. А еще — создают комфортные условия для работы IT-специалистов. Смотрим как это работает на примере Авито. HR-директор Ольга Ким рассказала о том, как в компании создают среду для высоких результатов. Полезный разговор по ссылке. -
Библиотека фронтендера
🤖Не Chat GPT единым: собрали для вас топ инструментов на основе ИИ для разработки (один из них — именно для веб) — сохраняйте и тестируйте⬇️ 🔍Sketch2Code конвертирует рисунки от руки в HTML-прототипы 🔍Code Mentor оптимизирует и рефакторит код 🔍Copilot by GitHub помогает писать код и дополняет его своими предложениями 🔍ExplainDev обучает в процессе и помогает разобраться в коде 🔍GPT Engineer вообще может всю работу сделать за вас — нужно только сказать, что хотите написать А чем пользуетесь вы? Пишите в комментариях, если в нашем списке чего-то не хватает 👇 #дайджест 
-
Библиотека фронтендера
Недавно команды React и Next.js представили Server Components, новый способ разработки веб-приложений, который со стандартным React-приложением совместим примерно никак. Резонные вопросы: это такое же серьёзное изменение как и переход с Angular.js на Angular 2 и React сейчас проходит через ту же фазу, что и Angular.js когда-то? Ответить на них постарался автор статьи. Подробности — под катом. -
Библиотека фронтендера
React — самая популярная библиотека для фронтенд-разработки. А ещё это стабильный фреймфорк, который легко поддерживать, поэтому на нём пишут большие популярные веб-приложения. Если вы ищете новую интересную работу в IT или мечтаете о повышении, то вам подойдет курс Яндекс Практикума «React-разработчик». Курс длится всего 3 месяца, но за это время мы научим вас: • уверенно разбираться в библиотеке React; • использовать TypeScript при разработке React-приложений; • тестировать веб-приложения с помощью юнит-тестов и cypress. Учёбе нужно будет уделять 20-25 часов в неделю. Обучение разбито на спринты, заниматься можно когда угодно, главное — уложиться в дедлайн. На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы. Пройдите первый бесплатный урок 
-
Библиотека фронтендера
💭Вдогонку к предыдущему посту с вопросами о CSS, накидайте в комментарии самые интересные, по вашему мнению, вопросы, которые вы когда-либо встречали на собесах. Пишите не только про CSS, но и про другие фронтенд-темы👇 #холивар -
Библиотека фронтендера
-
Библиотека фронтендера
Важно: правила площадки❗️ 1️⃣ За спам, рекламу, ботоводство, скам — бан и удаление всех комментариев 2️⃣ За оскорбления группы/канала или админа — первый раз удаление, второй раз — профилактический бан на неделю, третий раз — бан 3️⃣ За ссылки на нелегальные ресурсы — первый раз удаление, второй раз — бан Напоминаем, что написать нам можно сюда: @proglibrary_feedback_bot Пожалуйста, соблюдайте правила — мы со своей стороны тоже будем стараться максимально оперативно модерировать комментарии. -
Библиотека фронтендера
Mozilla представила аналог онлайн-редактора CodePen для создания интерактивных примеров. ⏩ Попробовать #news -
Библиотека фронтендера
Верстаешь? 🔥 Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем 11 июля. 
-
Библиотека фронтендера
Команда Тинькоф открыла исходные коды Maskito, а совсем недавно произошел релиз ее первой мажорной версии. Maskito — коллекция библиотек, упрощающих маскирование текстовых полей, с удобным и гибким публичным API. Подробнее -
Библиотека фронтендера
🕸 Даркнет: вымысел киношников или реальная история? Попробуем разобраться с понятием «даркнет» и поймем, существует ли темная путина на самом деле. 🔗 Основной сайт 🔗 Зеркало 
-
Библиотека фронтендера
Простой способ изменения цветовых форматов CSS с помощью Chrome Dev Tools. #devtool #tip by Shripal Soni -
Реклама
-
Библиотека фронтендера
Лайк, если узнали себя #юмор #жиза 
-
Библиотека фронтендера
20 самых захватывающих и впечатляющих возможностей CSS и UI, которые появились недавно или появятся в ближайшем будущем: — запросы контейнера (container queries); — запросы стиля (style queries); — селектор :has(); — микросинтаксис nth-of; — text-wrap: balance; — initial-letter; — динамические единицы измерения области просмотра (viewport); — цветовые пространства с широкой гаммой; — color-mix(); — вложенность селекторов (nesting); — каскадные слои (cascade layers); — стили с ограниченной областью видимости (scoped styles); — тригонометрические функции; — индивидуальные свойства трансформации; — popover; — позиционирование якоря (anchor positioning); — selectmenu; — дискретные свойства переходов; — анимации, управляемые прокруткой (scroll-driven animations); — переходы отображения (view transitions). -
Библиотека фронтендера
Над каким фронтенд-проектом вы сейчас работаете? Какой стек используете? Поделитесь в комментариях👇 #холивар