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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
425. Font-smoothing, @property, LLM в Firefox, details, Edge без…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев и Никита Дубко про -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 | Сайт подкаста

#подкасты #новости
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.

Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.

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

👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
🤩 Подборка интересных JavaScript-хаков и творческих примеров

Автор действительно передает радость и выразительность JavaScript и веба в своей коллекции проектов, будь то инструмент NSFW для преобразования вашего JavaScript всего в шесть символов, рендеринг вращающегося глобуса в 1 КБ кода и еще много подобных экспериментов.

👉 Ознакомиться с проектами и примерами
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Виртуальная DOM в 200 строк JavaScript-кода: на заметку фронтенд-разработчику

Разработка механизма, используемого под капотом React и других UI-библиотек.

👉 Читать гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
💡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