Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
Все самое полезное для фронтенда в одном канале. Список наших каналов: https://t.me/proglibrary/8353 Учиться у нас: https://proglib.io/w/907158ab Обратная связь: @proglibrary_feedback_bot По рекламе: @proglib_adv Прайс: @proglib_advertising
Більше22 946
Підписники
+624 години
-17 днів
+11330 днів
Час активного постингу
Триває завантаження даних...
Find out who reads your channel
This graph will show you who besides your subscribers reads your channel and learn about other sources of traffic.
Аналітика публікацій
| Дописи | Перегляди | Поширення | Динаміка переглядів |
01 🤖👨💻 Пишем Telegram-бота для подготовки к собеседованию на Frontend-разработчика
Автор Telegram-бота для подготовки к собесу на фронтенд-разработчика описывает пошаговый процесс его создания. Используемый стек: Node.js, grammY, sqlite, date-fns и dotenv.
Бот предлагает квизы по HTML, CSS, JavaScript и React, а также рейтинговый режим для соревнования с другими пользователями. Код проекта смотрите здесь.
👉 Читать гайд
👉 Зеркало | 2 160 | 54 | Loading... |
02 💡 Быстрый способ выбора элементов в Chrome Dev Tools: на заметку фронтенд-разработчику
#devtools #tip by Shripal Soni | 2 142 | 22 | Loading... |
03 👩💻 Рисуем на CSS: серия мастер-классов от Наташи Давыдовой
Вы узнаете, как с помощью продвинутого CSS можно делать забавные иллюстрации и как работают CSS-переменные, градиенты, трансформы:
🎃 Тыква
🐭 Мышь | 2 533 | 46 | Loading... |
04 🐳✈️ Docker ушёл из РФ! Инструкция по восстановлению доступа к Docker Hub для пользователей из России
Docker заблокировал доступ к своему главному репозиторию Docker Hub для пользователей из России. Однако есть способы обойти это ограничение и продолжить работу. В этом посте мы расскажем, как настроить альтернативные репозитории и зеркала.
🔗 Читать статью
🔗 Зеркало | 2 254 | 59 | Loading... |
05 💪 Декомпозиция — ваша суперсила
Можно долго изучать Angular, оттачивая навыки работы с разными аспектами фреймворка, разбирая паттерны и лучшие практики.
Но в конце концов, когда вы станете мастером своего дела, всегда останется умение, которое можно улучшать бесконечно: способность декомпозировать сложные задачи на удобоваримые куски.
Это одно из самых важных качеств хорошего архитектора. Если вы чувствуете уверенность в своих знаниях, автор библиотеки компонентов Taiga UI Александр Инкин советует вам направить усилия в этом направлении для дальнейшего роста.
Под катом — его мысли по поводу того, как подойти к сложной задаче, учитывая будущую поддержку и расширение возможностей.
👉 Читать | 2 879 | 49 | Loading... |
06 💸📊 На сколько просели зарплаты в ИТ в 2024 году?
Благодаря открытым данным с сайта Хабр Карьера мы узнали, какие основные тенденции ждать в зарплатном секторе, и сколько получают ИТ-специалисты сейчас.
🤔 Например, в первом полугодии 2023 года в среднем джунам предлагали 80 тысяч рублей, а спустя год это число упало до 72,5 тысячи рублей.
👉 Остальные данные — в статье
👉 Зеркало | 2 638 | 13 | Loading... |
07 💬 Разрабы, какую музыку вы предпочитаете слушать во время работы?
👍 — энергичная и мотивирующая музыка (рок, поп, электронная)
🔥 — спокойная и расслабляющая музыка (классическая, джаз, саундтреки)
❤️ — предпочитаю работать в тишине
#холивар | 3 156 | 3 | Loading... |
08 🎙Свежий выпуск подкаста «Веб-стандарты»: Андрей Мелихов, Вадим Макеев, Полина Гуртовая про бету Chrome 126, Google A/I, Web Platform Dashboard, новинки фреймворков и SolidStart.
00:01:23 Бета Chrome 126
00:13:27 Google A/I
00:45:00 Web Platform Dashboard
00:59:35 Новинки фреймворков
01:08:43 SolidStart
01:18:11 Ответы на вопросы
▶️ YouTube | Сайт подкаста
#подкасты #новости | 2 979 | 7 | Loading... |
09 🎙Свежий выпуск подкаста «Веб-стандарты»: Юлия Миоцен, Вадим Макеев, Андрей Мелихов, Алексей Симоненко, Никита Дубко про State of HTML 2023, Chrome 125 и DevTools, Firefox 126, Safari 17.5, React и Remix, ну и про дизайн.
00:01:08 State of HTML 2023
00:35:18 Chrome 125
00:41:34 Chrome DevTools
00:53:20 Firefox 126
01:06:55 Safari 17.5
01:13:50 React и Remix
01:26:47 Про дизайн
▶️ YouTube | Сайт подкаста
#подкасты #новости | 1 159 | 4 | Loading... |
10 🌐 Scrapy VS Crawlee: сравнение фреймворков для веб-скрапинга
Scrapy и Crawlee — фреймворки для скрапинга. Первый — заслуженный ветеран, второй появился относительно недавно. В новой статье разбираемся, какой из инструментов лучше подойдёт для вашего проекта.
🔗 Читать статью
🔗 Зеркало
Этот материал взят из нашей субботней email-рассылки, посвященной Python. Подпишитесь, чтобы быть в числе первых, кто получит дайджест👈 | 2 938 | 19 | Loading... |
11 📦 Пакетируем легко и просто с помощью Lerna
Иван Кузнецов, Head of Frontend в Uzum Market, рассказывает о сложностях, с которыми его команда столкнулась на пути к реализации микрофронтендовой архитектуры, и делится результатами, которые удалось получить в процессе пикетирования решений с помощью Lerna.
👉 Читать | 3 533 | 52 | Loading... |
12 📊 Результаты опроса о состоянии HTML в 2023 году опубликованы, и вам стоит хотя бы бегло с ними ознакомиться
🌟 Три любопытных момента
1️⃣ Только 50% участников знали о srcset и sizes. Эти два атрибута необходимы для загрузки изображений правильного размера. Если вы не используете их сегодня, вам следует начать, потому что они сделают ваши сайты легче и быстрее
2️⃣ Элемент search поддерживается во всех браузерах, но люди о нём не знают
3️⃣ Ещё меньше людей знают об атрибуте inert. Однако он очень полезен!
👉 Ознакомиться с результатами | 3 531 | 51 | Loading... |
13 👩💻 Руководство по анализу производительности JavaScript с использованием Chrome DevTools
Автор и его коллега исследовали производительность библиотеки fabric.js. Они смогли значительно улучшить производительность с 13 FPS до почти 50 FPS всего за два часа, используя вкладку Performance в Chrome DevTools для измерения и оптимизации времени выполнения JavaScript. Под катом — своего рода дополнение к руководству Analyze runtime performance от Google.
👉 Читать | 3 337 | 148 | Loading... |
14 👩💻 Представлен Angular v18
В прошлом году фреймворк получил широкое публичное возрождение благодаря Angular 17 и его новой домашней странице.
Дела продолжают развиваться: перевод многих API в стабильную версию, экспериментальная поддержка zoneless change detection и новая встроенная стабильная модель управления потоком (control flow).
👉 Подробнее | 3 909 | 19 | Loading... |
15 ❤️ Активация с первого взгляда: как влюбить пользователя в продукт
Хотите научиться превращать случайных посетителей в преданных фанатов? Рассказываем, как повысить активацию пользователей, отличить ее от aha-момента и использовать эти знания для кратного роста количества активных пользователей.
🔗 Читать статью
🔗 Зеркало | 3 368 | 14 | Loading... |
16 🤤 Хотите, чтобы у вас олдскулы свело? Тогда залетайте на Windows 98 прямо в вашем браузере (98.js.org) — там вас ждет и Winamp, и Pinball, и многое другое.
💬 Только напишите потом на что залипли👇 | 4 059 | 43 | Loading... |
17 💡 Семантический способ выделить часть текста с помощью HTML-элемента <mark>: на заметку фронтенд-разработчику
#html #tip by Shripal Soni | 3 812 | 37 | Loading... |
18 ⚡️Proglib запускает канал про ИИ для генерации звука
Там мы будем рассказывать про все существующие нейросети, которые генерируют музыку и голос — с пошаговыми инструкциями, инструментами и лайфхаками.
⭐️генерация голоса и музыки
⭐️замена и перевод речи
⭐️распознавание звуков
👉Подписывайтесь! | 3 735 | 1 | Loading... |
19 🕹️ Athena Crisis: высококачественная игра на базе React
Это коммерческая пошаговая ретро-стратегия, доступная в магазине Steam, но теперь с опенсорсным движком и инструментами. Примечательно, что игру издает Null, инди-издатель игр, основанный кофаундером GitHub Chris Wanstrath.
👉 Подробнее | 4 093 | 37 | Loading... |
20 💬 А как в вашем проекте накатываются изменения в основную ветку?
👍 — создаю pull request и жду его одобрения перед мержем
🔥 — мержу изменения напрямую в основную ветку
❤️ — прохожу через код-ревью перед мержем
🤔 — использую автоматическую систему CI/CD для мержа после прохождения всех тестов
👾 — свой вариант (напишу в комментариях)
#холивар | 3 863 | 3 | Loading... |
21 💬 А как в вашем проекте накатываются изменения в основную ветку?
👍 — создаю pull request и жду его одобрения перед мержем
🔥 — мержу изменения напрямую в основную ветку
❤️ — прохожу через код-ревью перед мержем
🤔 — использую автоматическую систему CI/CD для мержа после прохождения всех тестов
👾 — свой вариант (напишу в комментариях)
#холивар | 1 | 0 | Loading... |
22 ⚡️Подборка партнерских докладов с профессиональных конференций для JavaScript-разрабов HolyJS 2024 Spring и HolyJS 2023 Autumn:
🌐 Экосистемная «шапка»: адаптируй это / Геннадий Ватитов, МТС
🌐 Обсуждение от Okko — Как прийти во фронтенд и уйти из него
🌐 Зоопарк иконок: упрощаем работу с иконками для дизайна и разработки / Игорь Федоров, VK
🌐 Обсуждение от СИБУР Диджитал — Как заставить собеседование работать на тебя?
🌐 Один плеер для Smart TV и web. Что может пойти не так? / Дмитрий Скуценя, Okko
🌐 Webpack watch в экстремальных условиях / Николай Рябов, VK
🌐 Когда проснулся и узнал, что существуют PWA / Антон Непша, Сбер | 3 283 | 44 | Loading... |
23 🧑💻 Статьи для IT: как объяснять и распространять значимые идеи
Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.
Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.
Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.
👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса. | 3 244 | 4 | Loading... |
24 🗺️ Дорожная карта по проектированию API
Пошаговое руководство, которое поможет вам научиться проектировать и создавать надежные API.
👉 Скачать оригинал (PDF-файл в комментариях) | 3 024 | 70 | Loading... |
25 🐍🆕 Змея сбросила старую кожу: что нового в Python 3.13
Версия 3.13 принесла ряд важных нововведений, нацеленных на повышение скорости выполнения кода, улучшение читаемости и новые возможности для интерактивной работы. В новой статье перечислили главные изменения, которые должен знать каждый Python-разработчик.
👉 Читать статью
👉 Зеркало | 1 | 0 | Loading... |
26 🎙Свежий выпуск подкаста «Веб-стандарты»: Юлия Миоцен, Вадим Макеев, Андрей Мелихов, Алексей Симоненко, Никита Дубко про State of HTML 2023, Chrome 125 и DevTools, Firefox 126, Safari 17.5, React и Remix, ну и про дизайн.
00:01:08 State of HTML 2023
00:35:18 Chrome 125
00:41:34 Chrome DevTools
00:53:20 Firefox 126
01:06:55 Safari 17.5
01:13:50 React и Remix
01:26:47 Про дизайн
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты #новости | 3 547 | 12 | Loading... |
27 ✉️❌ Как завалить собеседование, даже не начав его: 8 ошибок в сопроводительных письмах
Откликаетесь, но сразу получаете отказы? Не торопитесь с выводами — возможно, все дело в вашем сопроводительном письме.
👉Сопроводительное — это первое впечатление, которое мы производим на эйчара, а первое впечатление, как известно, очень важно.
Собрали для вас несколько распространенных ошибок по составлению такого письма — а в статье по ссылке можно найти остальные ошибки и пример идеального сопроводительного.
Кстати, вакансии можно поискать в наших профильных каналах:
🤮Data Science, анализ данных, аналитика
🤮Python
🤮Frontend | 3 860 | 37 | Loading... |
28 🔥 Tailwind 🆚 Семантический CSS
Исследование, в котором сравниваются два сайта со схожим дизайном: коммерческий шаблон Spotlight от разработчиков Tailwind и тот же сайт с семантическим CSS.
Спойлер: семантическая версия в несколько раз меньше, рендерится быстрее и не требует дополнительных инструментов CSS.
👉 Читать | 3 616 | 47 | Loading... |
29 🤩 Сетевая визуализация 50-ти тысяч блогов и их связей
Он представляет собой интерактивный граф, отображающий взаимосвязи между различными веб-сайтами, блогами и ссылками. Создатель сайта собрал данные о своих любимых блогах и построил граф на основе доменов, на которые ссылается каждый блог.
🔎 graph.henryn.ca | 3 710 | 20 | Loading... |
Фото недоступнеДивитись в Telegram
🤖👨💻 Пишем Telegram-бота для подготовки к собеседованию на Frontend-разработчика
Автор Telegram-бота для подготовки к собесу на фронтенд-разработчика описывает пошаговый процесс его создания. Используемый стек: Node.js, grammY, sqlite, date-fns и dotenv.
Бот предлагает квизы по HTML, CSS, JavaScript и React, а также рейтинговый режим для соревнования с другими пользователями. Код проекта смотрите здесь.
👉 Читать гайд
👉 Зеркало
👏 8🥰 1🥱 1
Фото недоступнеДивитись в Telegram
💡 Быстрый способ выбора элементов в Chrome Dev Tools: на заметку фронтенд-разработчику
#devtools #tip by Shripal Soni
🎉 19🥱 6👍 3❤ 1
Показати все...
🔥 8
Фото недоступнеДивитись в Telegram
🐳✈️ Docker ушёл из РФ! Инструкция по восстановлению доступа к Docker Hub для пользователей из России
Docker заблокировал доступ к своему главному репозиторию Docker Hub для пользователей из России. Однако есть способы обойти это ограничение и продолжить работу. В этом посте мы расскажем, как настроить альтернативные репозитории и зеркала.
🔗 Читать статью
🔗 Зеркало
😁 13🎉 7👍 6😢 2
💪 Декомпозиция — ваша суперсила
Можно долго изучать Angular, оттачивая навыки работы с разными аспектами фреймворка, разбирая паттерны и лучшие практики.
Но в конце концов, когда вы станете мастером своего дела, всегда останется умение, которое можно улучшать бесконечно: способность декомпозировать сложные задачи на удобоваримые куски.
Это одно из самых важных качеств хорошего архитектора. Если вы чувствуете уверенность в своих знаниях, автор библиотеки компонентов Taiga UI Александр Инкин советует вам направить усилия в этом направлении для дальнейшего роста.
Под катом — его мысли по поводу того, как подойти к сложной задаче, учитывая будущую поддержку и расширение возможностей.
👉 Читать
Декомпозиция — ваша суперсила
Можно долго изучать Angular, оттачивая навыки работы с разными аспектами фреймворка, разбирая паттерны и лучшие практики. Но в конце концов, когда вы станете мастером своего дела, всегда останется...
👍 9
Repost from Библиотека data scientist’а | Data Science, Machine learning, анализ данных, машинное обучение
Фото недоступнеДивитись в Telegram
💸📊 На сколько просели зарплаты в ИТ в 2024 году?
Благодаря открытым данным с сайта Хабр Карьера мы узнали, какие основные тенденции ждать в зарплатном секторе, и сколько получают ИТ-специалисты сейчас.
🤔 Например, в первом полугодии 2023 года в среднем джунам предлагали 80 тысяч рублей, а спустя год это число упало до 72,5 тысячи рублей.
👉 Остальные данные — в статье
👉 Зеркало
😢 10👍 2🔥 2
Фото недоступнеДивитись в Telegram
💬 Разрабы, какую музыку вы предпочитаете слушать во время работы?
👍 — энергичная и мотивирующая музыка (рок, поп, электронная)
🔥 — спокойная и расслабляющая музыка (классическая, джаз, саундтреки)
❤️ — предпочитаю работать в тишине
#холивар
👍 69❤ 61🔥 23😁 1🌚 1
🎙Свежий выпуск подкаста «Веб-стандарты»: Андрей Мелихов, Вадим Макеев, Полина Гуртовая про бету Chrome 126, Google A/I, Web Platform Dashboard, новинки фреймворков и SolidStart.
00:01:23 Бета Chrome 126
00:13:27 Google A/I
00:45:00 Web Platform Dashboard
00:59:35 Новинки фреймворков
01:08:43 SolidStart
01:18:11 Ответы на вопросы
▶️ YouTube | Сайт подкаста
#подкасты #новости
❤ 2
🎙Свежий выпуск подкаста «Веб-стандарты»: Юлия Миоцен, Вадим Макеев, Андрей Мелихов, Алексей Симоненко, Никита Дубко про State of HTML 2023, Chrome 125 и DevTools, Firefox 126, Safari 17.5, React и Remix, ну и про дизайн.
00:01:08 State of HTML 2023
00:35:18 Chrome 125
00:41:34 Chrome DevTools
00:53:20 Firefox 126
01:06:55 Safari 17.5
01:13:50 React и Remix
01:26:47 Про дизайн
▶️ YouTube | Сайт подкаста
#подкасты #новости
🤔 2
Repost from Библиотека питониста | Python, Django, Flask
Фото недоступнеДивитись в Telegram
🌐 Scrapy VS Crawlee: сравнение фреймворков для веб-скрапинга
Scrapy и Crawlee — фреймворки для скрапинга. Первый — заслуженный ветеран, второй появился относительно недавно. В новой статье разбираемся, какой из инструментов лучше подойдёт для вашего проекта.
🔗 Читать статью
🔗 Зеркало
Этот материал взят из нашей субботней email-рассылки, посвященной Python. Подпишитесь, чтобы быть в числе первых, кто получит дайджест👈
👍 2