Библиотека фронтендера | 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
加入频道
🤩 Подборка интересных 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
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