Библиотека фронтендера | 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
Mostrar más
Network:22 983
Suscriptores
+1624 horas
+577 días
+12630 días
Distribuciones de tiempo de publicación
Carga de datos en curso...
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.
Análisis de publicación
| Mensajes | Vistas | Acciones | Ver dinámicas |
01 ✍️Библиотека программиста» находится в поиске автора оригинальных статей
Кто нужен?
● Энтузиасты (джуны и выше), которые держат руку на пульсе, читают помимо книг зарубежные техноблоги
● Энтузиасты, которым есть что сказать
Тематика
● DevOps
● В четырех случаях из пяти вы предлагаете тему статьи
Объем
● От 7 до 15 тыс. знаков без учета кода
● 2-3 статьи в месяц
Оплата
● 8к руб. за статью
● Работаем с самозанятыми (компенсируем налог), ИП
Я пишу «так себе», что делать?
Чтобы написать статью, которую не стыдно опубликовать, достаточно овладеть инфостилем. У нас есть бесплатный курс для начинающих копирайтеров «Статьи для IT: как объяснять и распространять значимые идеи». Время прохождения курса: 1-2 недели.
✉️Пишите на [email protected] | 1 138 | 2 | Loading... |
02 🥷 Личный бренд айтишника — тема непростая. Когда сильных хард-скиллов уже недостаточно для роста в карьере, приходится искать способы выразить свою экспертность.
💬 А как вы предпочитаете развивать свой личный бренд?
👍 — публикации на профессиональных площадках
❤️ — преподавание
🔥 — выступления на конференциях/митапах
🤔 — с экспертностью пока есть проблемки
👏 — свой вариант (напишу в комментариях) | 1 894 | 2 | Loading... |
03 ⚛️ 6 самых важных шаблонов проектирования в React
Правильное использование паттернов проектирования — ключ к созданию надежных, эффективных и масштабируемых React-приложений. Рассказываем о шаблонах, которые стоит освоить в первую очередь.
👉 Читать статью
👉 Зеркало | 2 103 | 63 | Loading... |
04 ⚡️ Разработка Notion-like редактора for fun and profit
Автор делится опытом работы с атрибутом contenteditable у HTML-элементов, про сопутствующие проблемы при его использовании, про кастомное форматирование и про работу с выделенными участками текста.
HTML-атрибут contenteditable позволяет сделать элемент на веб-странице редактируемым. Применяя его к элементу, например <div>, мы даем пользователю возможность изменять содержимое элемента прямо в браузере, как в текстовом редакторе.
👉 Читать | 2 566 | 50 | Loading... |
05 👀Что из этого сгенерировала нейросеть?
Подписывайтесь на наш новый канал про нейросети для создания изображений, там есть:
🌸Новые нейросети и инструменты, например, вот модель генерирует картинки по наброску
🌸Промты для разных задач
🌸Лайфхаки по использованию нейросетей
👉Подписывайтесь! | 2 533 | 1 | Loading... |
06 Автор статьи Sergei Vorniches прошел через фриланс, стажировки, корпорации, смену профессии и даже запуск собственного SaaS'а. Очевидно, что за это время он получил много как позитивного, так и негативного опыта. В статье он описывает 5 важных уроков, которые хотел получить 10 лет назад.
💬 Какие из них лично для вас являются наиболее важными в профессии айтишника? Цифру пишите в комментарии👇 | 2 478 | 10 | Loading... |
07 💡Единицы измерения CSS: lh в действии
➡️ Поиграть можно здесь
#tip by Shripal Soni | 2 441 | 30 | Loading... |
08 Proglib запускает канал Азбука айтишника
Подписывайтесь на наш новый канал про айти для неайтишников — для совсем новичков и тех, кто постоянно взаимодействует с айтишниками.
У нас есть рубрики:
⭐ База — в ней рассказываем про термины из IT простым языком
⭐ Проект — объясняем, из чего состоят айтишные проекты и сколько они могут стоить
⭐ Психология айтишника — тут говорим про софт-скиллы, особенности работы и взаимодействия
👉Подписывайтесь! | 2 520 | 1 | Loading... |
09 🎙Свежий выпуск подкаста «Веб-стандарты»: Андрей Мелихов, Полина Гуртовая, Вадим Макеев про нативную карусель, WebAssembly JSPI, стили popover/dialog, просто htmx, gap и cap в CSS.
00:01:07 Нативная карусель
00:16:43 WebAssembly JSPI
00:28:39 Стили popover/dialog
00:43:05 Просто htmx
01:04:17 Gap и cap в CSS
01:16:53 Ответы на вопросы
▶️ YouTube | Сайт подкаста
#подкасты #новости | 2 731 | 12 | Loading... |
10 👨💻📎 27 сайтов с задачками для оттачивания навыков программирования
Программистам без практики никуда. Поэтому время прокачать навыки: решение задач — хороший способ развить навыки разработки.
Вам под силу эти задачи?➡️
🔗 Ссылка на сайты | 2 786 | 73 | Loading... |
11 🧰 Команда Яндекса выложила в опенсорс Testplane, внутренний инструмент для тестирования пользовательских сценариев во фронтенде.
✅ Кроме этого, с его помощью можно проверить вёрстку с помощью скриншотного тестирования, выполнить тестирование ваших React-компонентов и запустить клиентские unit-тесты в контексте браузера.
📌 Евгений Константинов из команды разработки инструментов автоматического тестирования в Яндексе рассказал об истории Testplane, в чём преимущества инструмента и как его добавить в свой проект.
👉 GitHub | 3 223 | 83 | Loading... |
12 ⚡️Proglib запускает канал про ИИ в сфере видео
Вот несколько топовых постов за последнее время:
⭐️Инструмент, который сам делает короткие вертикальные видео из ваших длинных роликов, например, на ютуб
⭐️Подборка нейро-генераторов видео с пробным периодом
⭐️Анонс ИИ-«нетфликса», который будет штамповать вам мультики по запросам
👉Подписывайтесь! | 2 937 | 4 | Loading... |
13 🍓Подборка лучших статей «Библиотеки программиста» за май: сохраняй в заметки, чтобы не пропустить #самыйсок
🗝️ 40 незаменимых API для разработчиков
🌐 Scrapy VS Crawlee: сравнение фреймворков для веб-скрапинга
❤️ Активация с первого взгляда: как влюбить пользователя в продукт
🐳✈️ Docker ушёл из РФ! Инструкция по восстановлению доступа
💸📊 На сколько просели зарплаты в ИТ в 2024 году?
✉️❌ Как завалить собеседование, даже не начав его: 8 ошибок в сопроводительных письмах
👁️💼 Открытые и скрытые вакансии в IT: как найти работу мечты
🤖💼 55 промтов для ChatGPT, которые помогут подготовиться к собеседованию | 3 051 | 27 | Loading... |
14 📴 Полное руководство по Web Push API
Пуш-уведомления поддерживаются основными браузерами, и с их недавним добавлением в iOS они становятся привлекательной интеграцией для веба.
Под катом — пошаговое руководство по реализации push-уведомлений. Приложение из гайда разработано с использованием remix + service workers + web-push + API showNotification для регистрации service workers. Архитектура включает:
🔸 Settings route
🔸 Subscription route
🔸 Push-сервер
🔸 Service Worker
🔸 Client Utilities
👉 Читать | 2 878 | 107 | Loading... |
15 🎮Новый канал по разработке игр
Мы наконец-то запустили канал по разработке игр — теперь все самое важное и полезное из мира геймдева можно узнать в одном месте.
👉Подписаться | 2 963 | 2 | Loading... |
16 🖼️ Публикация Vue3 модуля с помощью Vite
Для веб-разработчика (особенно начинающего) создание собственных модулей и публикация их в open source может казаться сложным процессом.
Под катом — один из самых простых и быстрых способов публикации модуля на NPM при помощи бандлера Vite. Он облегчит процесс публикации модуля и упростит рабочий процесс в целом.
👉 Читать | 3 261 | 38 | Loading... |
17 Задачи по Front-end - канал с задачками и тестами по JS/CSS/HTML.
На канале вы найдете:
- тесты по Javascript;
- тесты по CSS;
- тесты по HTML;
- вопросы с собеседований с решением по JS, CSS, HTML
Подписывайтесь, решайте и предлагайте свои решения: @frontquizes
Реклама. Киренкина Марина Дмитриевна, ИНН 345702417736. Erid 2VtzqwQHKBt | 3 282 | 13 | Loading... |
18 🥰 Шахматы, настолки, компьютерные игры, музыка, чтение и многое другое...
💬 А какое хобби есть у вас? Поделитесь в комментариях👇 | 3 328 | 8 | Loading... |
19 💡Border radius на CSS: полезные заметки для фронтенд-разработчика
#css #tips by David Mraz | 3 926 | 56 | Loading... |
20 👩💻 Виртуальная DOM в 200 строк JavaScript-кода: на заметку фронтенд-разработчику
Разработка механизма, используемого под капотом React и других UI-библиотек.
👉 Читать гайд | 3 538 | 87 | Loading... |
21 Media files | 3 908 | 3 | Loading... |
22 🤩 Подборка интересных JavaScript-хаков и творческих примеров
Автор действительно передает радость и выразительность JavaScript и веба в своей коллекции проектов, будь то инструмент NSFW для преобразования вашего JavaScript всего в шесть символов, рендеринг вращающегося глобуса в 1 КБ кода и еще много подобных экспериментов.
👉 Ознакомиться с проектами и примерами | 3 827 | 42 | Loading... |
23 🧑💻 Статьи для IT: как объяснять и распространять значимые идеи
Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.
Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.
Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.
👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса. | 3 543 | 3 | Loading... |
24 🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев и Никита Дубко про -webkit-font-smoothing, @property и LLM в Firefox, стилизацию details, Edge без React, HTML для разработчиков, SVG-заброшку и миграцию на ESLint 9.
00:01:54 Font-smoothing в Firefox
00:09:49 Firefox внедряет @property
00:22:22 LLM для альтов в Firefox
00:35:30 Стилизация details
00:41:56 Edge без React
00:53:53 HTML для разработчиков
00:59:15 SVG-заброшка
01:19:24 Миграция на ESLint 9
▶️ YouTube | Сайт подкаста
#подкасты #новости | 3 123 | 10 | Loading... |
25 🤖👨💻 Пишем Telegram-бота для подготовки к собеседованию на Frontend-разработчика
Автор Telegram-бота для подготовки к собесу на фронтенд-разработчика описывает пошаговый процесс его создания. Используемый стек: Node.js, grammY, sqlite, date-fns и dotenv.
Бот предлагает квизы по HTML, CSS, JavaScript и React, а также рейтинговый режим для соревнования с другими пользователями. Код проекта смотрите здесь.
👉 Читать гайд
👉 Зеркало | 20 351 | 212 | Loading... |
26 💡 Быстрый способ выбора элементов в Chrome Dev Tools: на заметку фронтенд-разработчику
#devtools #tip by Shripal Soni | 3 649 | 34 | Loading... |
27 👩💻 Рисуем на CSS: серия мастер-классов от Наташи Давыдовой
Вы узнаете, как с помощью продвинутого CSS можно делать забавные иллюстрации и как работают CSS-переменные, градиенты, трансформы:
🎃 Тыква
🐭 Мышь | 4 026 | 60 | Loading... |
28 🐳✈️ Docker ушёл из РФ! Инструкция по восстановлению доступа к Docker Hub для пользователей из России
Docker заблокировал доступ к своему главному репозиторию Docker Hub для пользователей из России. Однако есть способы обойти это ограничение и продолжить работу. В этом посте мы расскажем, как настроить альтернативные репозитории и зеркала.
🔗 Читать статью
🔗 Зеркало | 3 618 | 69 | Loading... |
29 💪 Декомпозиция — ваша суперсила
Можно долго изучать Angular, оттачивая навыки работы с разными аспектами фреймворка, разбирая паттерны и лучшие практики.
Но в конце концов, когда вы станете мастером своего дела, всегда останется умение, которое можно улучшать бесконечно: способность декомпозировать сложные задачи на удобоваримые куски.
Это одно из самых важных качеств хорошего архитектора. Если вы чувствуете уверенность в своих знаниях, автор библиотеки компонентов Taiga UI Александр Инкин советует вам направить усилия в этом направлении для дальнейшего роста.
Под катом — его мысли по поводу того, как подойти к сложной задаче, учитывая будущую поддержку и расширение возможностей.
👉 Читать | 4 062 | 56 | Loading... |
30 💸📊 На сколько просели зарплаты в ИТ в 2024 году?
Благодаря открытым данным с сайта Хабр Карьера мы узнали, какие основные тенденции ждать в зарплатном секторе, и сколько получают ИТ-специалисты сейчас.
🤔 Например, в первом полугодии 2023 года в среднем джунам предлагали 80 тысяч рублей, а спустя год это число упало до 72,5 тысячи рублей.
👉 Остальные данные — в статье
👉 Зеркало | 3 568 | 14 | Loading... |
31 💬 Разрабы, какую музыку вы предпочитаете слушать во время работы?
👍 — энергичная и мотивирующая музыка (рок, поп, электронная)
🔥 — спокойная и расслабляющая музыка (классическая, джаз, саундтреки)
❤️ — предпочитаю работать в тишине
#холивар | 3 755 | 3 | Loading... |
32 🎙Свежий выпуск подкаста «Веб-стандарты»: Андрей Мелихов, Вадим Макеев, Полина Гуртовая про бету 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 | Сайт подкаста
#подкасты #новости | 3 533 | 8 | Loading... |
✍️Библиотека программиста» находится в поиске автора оригинальных статей
Кто нужен?
● Энтузиасты (джуны и выше), которые держат руку на пульсе, читают помимо книг зарубежные техноблоги
● Энтузиасты, которым есть что сказать
Тематика
● DevOps
● В четырех случаях из пяти вы предлагаете тему статьи
Объем
● От 7 до 15 тыс. знаков без учета кода
● 2-3 статьи в месяц
Оплата
● 8к руб. за статью
● Работаем с самозанятыми (компенсируем налог), ИП
Я пишу «так себе», что делать?
Чтобы написать статью, которую не стыдно опубликовать, достаточно овладеть инфостилем. У нас есть бесплатный курс для начинающих копирайтеров «Статьи для IT: как объяснять и распространять значимые идеи». Время прохождения курса: 1-2 недели.
✉️Пишите на [email protected]
👍 1🔥 1
🥷 Личный бренд айтишника — тема непростая. Когда сильных хард-скиллов уже недостаточно для роста в карьере, приходится искать способы выразить свою экспертность.
💬 А как вы предпочитаете развивать свой личный бренд?
👍 — публикации на профессиональных площадках
❤️ — преподавание
🔥 — выступления на конференциях/митапах
🤔 — с экспертностью пока есть проблемки
👏 — свой вариант (напишу в комментариях)
🤔 43❤ 6👍 4
Photo unavailableShow in Telegram
⚛️ 6 самых важных шаблонов проектирования в React
Правильное использование паттернов проектирования — ключ к созданию надежных, эффективных и масштабируемых React-приложений. Рассказываем о шаблонах, которые стоит освоить в первую очередь.
👉 Читать статью
👉 Зеркало
❤🔥 8❤ 3💯 1
⚡️ Разработка Notion-like редактора for fun and profit
Автор делится опытом работы с атрибутом
contenteditable у HTML-элементов, про сопутствующие проблемы при его использовании, про кастомное форматирование и про работу с выделенными участками текста.
HTML-атрибут contenteditable позволяет сделать элемент на веб-странице редактируемым. Применяя его к элементу, например <div>, мы даем пользователю возможность изменять содержимое элемента прямо в браузере, как в текстовом редакторе.
👉 ЧитатьКак мне взбрело в голову свой Notion-like редактор написать
Введение Мне в голову пришла идея пет-проекта, который изначально никак не был связан с текстовым редактором. Однако, в процессе работы все дошло до того, что пользователям нужно где-то набирать...
👍 10
Photo unavailableShow in Telegram
👀Что из этого сгенерировала нейросеть?
Подписывайтесь на наш новый канал про нейросети для создания изображений, там есть:
🌸Новые нейросети и инструменты, например, вот модель генерирует картинки по наброску
🌸Промты для разных задач
🌸Лайфхаки по использованию нейросетей
👉Подписывайтесь!
👍 1
Photo unavailableShow in Telegram
Автор статьи Sergei Vorniches прошел через фриланс, стажировки, корпорации, смену профессии и даже запуск собственного SaaS'а. Очевидно, что за это время он получил много как позитивного, так и негативного опыта. В статье он описывает 5 важных уроков, которые хотел получить 10 лет назад.
💬 Какие из них лично для вас являются наиболее важными в профессии айтишника? Цифру пишите в комментарии👇
👍 4❤ 1
Proglib запускает канал Азбука айтишника
Подписывайтесь на наш новый канал про айти для неайтишников — для совсем новичков и тех, кто постоянно взаимодействует с айтишниками.
У нас есть рубрики:
⭐ База — в ней рассказываем про термины из IT простым языком
⭐ Проект — объясняем, из чего состоят айтишные проекты и сколько они могут стоить
⭐ Психология айтишника — тут говорим про софт-скиллы, особенности работы и взаимодействия
👉Подписывайтесь!
🎙Свежий выпуск подкаста «Веб-стандарты»: Андрей Мелихов, Полина Гуртовая, Вадим Макеев про нативную карусель, WebAssembly JSPI, стили popover/dialog, просто htmx, gap и cap в CSS.
00:01:07 Нативная карусель
00:16:43 WebAssembly JSPI
00:28:39 Стили popover/dialog
00:43:05 Просто htmx
01:04:17 Gap и cap в CSS
01:16:53 Ответы на вопросы
▶️ YouTube | Сайт подкаста
#подкасты #новости
426.mp381.92 MB
👍 4
Repost from Proglib.academy | IT-курсы
Photo unavailableShow in Telegram
👨💻📎 27 сайтов с задачками для оттачивания навыков программирования
Программистам без практики никуда. Поэтому время прокачать навыки: решение задач — хороший способ развить навыки разработки.
Вам под силу эти задачи?➡️
🔗 Ссылка на сайты
👍 5