Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.1K subscribers
2.21K photos
124 videos
38 files
4.63K links
Все самое полезное для фронтенда в одном канале.

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
💡Border radius на CSS: полезные заметки для фронтенд-разработчика

#css #tips by David Mraz
🥰 Шахматы, настолки, компьютерные игры, музыка, чтение и многое другое...

💬 А какое хобби есть у вас? Поделитесь в комментариях👇
🖼️ Публикация Vue3 модуля с помощью Vite

Для веб-разработчика (особенно начинающего) создание собственных модулей и публикация их в open source может казаться сложным процессом.

Под катом — один из самых простых и быстрых способов публикации модуля на NPM при помощи бандлера Vite. Он облегчит процесс публикации модуля и упростит рабочий процесс в целом.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
🎮Новый канал по разработке игр

Мы наконец-то запустили канал по разработке игр — теперь все самое важное и полезное из мира геймдева можно узнать в одном месте.

👉Подписаться
Please open Telegram to view this post
VIEW IN TELEGRAM
📴 Полное руководство по Web Push API

Пуш-уведомления поддерживаются основными браузерами, и с их недавним добавлением в iOS они становятся привлекательной интеграцией для веба.

Под катом — пошаговое руководство по реализации push-уведомлений. Приложение из гайда разработано с использованием remix + service workers + web-push + API showNotification для регистрации service workers.

🧰 Архитектура включает:

🔸 Settings route
🔸 Subscription route
🔸 Push-сервер
🔸 Service Worker
🔸 Client Utilities

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡️Proglib запускает канал про ИИ в сфере видео

Вот несколько топовых постов за последнее время:

⭐️Инструмент, который сам делает короткие вертикальные видео из ваших длинных роликов, например, на ютуб
⭐️Подборка нейро-генераторов видео с пробным периодом
⭐️Анонс ИИ-«нетфликса», который будет штамповать вам мультики по запросам

👉Подписывайтесь!
Please open Telegram to view this post
VIEW IN TELEGRAM
🧰 Команда Яндекса выложила в опенсорс Testplane, внутренний инструмент для тестирования пользовательских сценариев во фронтенде.

Кроме этого, его можно использовать для скриншотного тестирования, тестирования React-компонентов и запуска клиентских unit-тестов в контексте браузера.

📌 Евгений Константинов из команды разработки инструментов автоматического тестирования в Яндексе рассказал об истории Testplane, в чём преимущества инструмента и как его добавить в свой проект.

👉 GitHub
👨‍💻📎 27 сайтов с задачками для оттачивания навыков программирования

Программистам без практики никуда. Поэтому время прокачать навыки: решение задач — хороший способ развить навыки разработки.

Вам под силу эти задачи?➡️

🔗 Ссылка на сайты
Please open Telegram to view this post
VIEW IN TELEGRAM
426. Нативная карусель, WebAssembly JSPI, стили popover/dialog,…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Андрей Мелихов, Полина Гуртовая, Вадим Макеев про нативную карусель, 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 | Сайт подкаста

#подкасты #новости
Proglib запускает канал Азбука айтишника

Подписывайтесь на наш новый канал про айти для неайтишников — для совсем новичков и тех, кто постоянно взаимодействует с айтишниками.

У нас есть рубрики:
База — в ней рассказываем про термины из IT простым языком
Проект — объясняем, из чего состоят айтишные проекты и сколько они могут стоить
Психология айтишника — тут говорим про софт-скиллы, особенности работы и взаимодействия

👉Подписывайтесь!
Please open Telegram to view this post
VIEW IN TELEGRAM
Автор статьи Sergei Vorniches прошел через фриланс, стажировки, корпорации, смену профессии и даже запуск собственного SaaS'а. Очевидно, что за это время он получил много как позитивного, так и негативного опыта. В статье он описывает 5 важных уроков, которые хотел получить 10 лет назад.

💬 Какие из них лично для вас являются наиболее важными в профессии айтишника? Цифру пишите в комментарии👇
👀Что из этого сгенерировала нейросеть?

Подписывайтесь на наш новый канал про нейросети для создания изображений, там есть:

🌸Новые нейросети и инструменты, например, вот модель генерирует картинки по наброску
🌸Промты для разных задач
🌸Лайфхаки по использованию нейросетей

👉Подписывайтесь!
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡️ Разработка Notion-like редактора for fun and profit

Автор делится опытом работы с атрибутом contenteditable у HTML-элементов, про сопутствующие проблемы при его использовании, про кастомное форматирование и про работу с выделенными участками текста.

HTML-атрибут contenteditable позволяет сделать элемент на веб-странице редактируемым. Применяя его к элементу, например <div>, мы даем пользователю возможность изменять содержимое элемента прямо в браузере, как в текстовом редакторе.

👉 Читать
⚛️ 6 самых важных шаблонов проектирования в React

Правильное использование паттернов проектирования — ключ к созданию надежных, эффективных и масштабируемых React-приложений. Рассказываем о шаблонах, которые стоит освоить в первую очередь.

👉 Читать статью
👉 Зеркало
🥷 Личный бренд айтишника — тема непростая. Когда сильных хард-скиллов уже недостаточно для роста в карьере, приходится искать способы выразить свою экспертность.

💬 А как вы предпочитаете развивать свой личный бренд?

👍 — публикации на профессиональных площадках
❤️ — преподавание
🔥 — выступления на конференциях/митапах
🤔 — с экспертностью пока есть проблемки
👏 — свой вариант (напишу в комментариях)