This media is not supported in your browser
VIEW IN TELEGRAM
#hover #карточки #web #js
https://codepen.io/andrewhawkes/pen/RwwOJrO
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9❤7🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
Проектирование API — это не только работа над функциональностью, но и выбор правильной архитектуры для удовлетворения ваших потребностей.
Вот шесть архитектурных проектов API, с которыми должен быть знаком каждый разработчик:
— Самая популярная архитектура для веб-сервисов.
— Использует HTTP-запросы для связи.
— Не сохраняет состояние и обеспечивает легкую масштабируемость и гибкость.
— Язык запросов для вашего API.
— Позволяет клиентам запрашивать именно то, что им нужно, не больше и не меньше.
— Идеально подходит для оптимизации сетевых запросов.
— Протокол для обмена структурированной информацией в веб-сервисах.
— Известен своими строгими стандартами и встроенной обработкой ошибок.
— Часто используется в приложениях корпоративного уровня.
- Высокопроизводительная среда с открытым исходным кодом.
- Использует HTTP/2 для транспорта и буферы протоколов в качестве языка описания интерфейса.
- Отлично подходит для микросервисов и общения в реальном времени.
- Обеспечивает двустороннюю связь между клиентом и сервером.
- Идеально подходит для приложений реального времени, таких как чат-приложения и обновления в реальном времени.
- Позволяет осуществлять непрерывный обмен данными без накладных расходов HTTP.
- Легкий протокол обмена сообщениями для небольших датчиков и мобильных устройств.
- Ориентирован на минимальное использование полосы пропускания и заряда батареи.
- Обычно используется в приложениях IoT (Интернет вещей).
#doc #cheatsheet #api
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18❤5🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
🌟 Pake — инструмент, позволяющий пользователям превратить любую веб-страницу в настольное приложение с помощью Rust.
- Поддерживает Mac, Windows и GNU/Linux.
- Pake почти в 20 раз меньше Electron и работает быстрее фреймворков на основе JS.
▪ Github
@javascriptv
- Поддерживает Mac, Windows и GNU/Linux.
- Pake почти в 20 раз меньше Electron и работает быстрее фреймворков на основе JS.
▪ Github
@javascriptv
🔥15👍9❤3
—
npm install terser -g
Terser позволяет сильно сжать JS код: он сокращает имена переменных, удаляет пробельные символы, комментарии и неиспользуемый код.
Можно использовать его как CLI или при помощи Node.js API.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11👍7❤4
Оно улучшает пользовательский опыт, фильтруя малоценные и отвлекающие видео на основе индивидуальных предпочтений и целей, помогая формировать более здоровые привычки просмотра и снижать уровень отвлечения.
Ключевые функции включают AI Focus Filter, блокирующий нерелевантные рекомендации, AI Smart Blocker, предотвращающий доступ к отвлекающим видео, и возможность скрытия коротких роликов из рекомендованной ленты.
Установка расширения немного отличается для браузеров Chrome, Firefox и Safari, и для каждого из них предоставлены детальные инструкции.
▪ Github
#TypeScript #JavaScript
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍17❤5🔥3🤔3
—
npm install @11ty/eleventy --save-dev
Более простой генератор статических сайтов, чем Jekyll; написан на JavaScript.
Работает с HTML, Markdown, JavaScript, Liquid, Nunjucks, с аддонами для WebC, Sass, Vue, Svelte, JSX и многих других
echo '# Heading' > index.md
npx @11ty/eleventy
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12❤5🔥2😁1😱1
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Интерактивная форма для ввода данных, которая плавно появляется при загрузке.
#формы #текст
https://codepen.io/rikhnovets/pen/WNBRqNG
@javascriptv
#формы #текст
https://codepen.io/rikhnovets/pen/WNBRqNG
@javascriptv
👍15👎5❤2🔥2😁1🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
И да, он с открытым исходным кодом, так что вы можете развернуть свой собственный экземпляр в любом месте. https://github.com/ducan-ne/remove-bg
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🎉11👍7🥰2
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️Интерактивный тренажёр для фронтенд-разработчиков
Создатели включили в тренажёр более 1,5 тысяч упражнений, что обеспечивает достаточно практики для освоения фронтенда.
С самого начала вы работаете с реальным кодом и самостоятельно решаете задачи, максимально приближенные к реальным условиям.
Этот ресурс будет вам полезен:
📌 Ссылка
@javascriptv
Создатели включили в тренажёр более 1,5 тысяч упражнений, что обеспечивает достаточно практики для освоения фронтенда.
С самого начала вы работаете с реальным кодом и самостоятельно решаете задачи, максимально приближенные к реальным условиям.
Этот ресурс будет вам полезен:
📌 Ссылка
@javascriptv
🔥23👍10👎4❤3
Сохраняйте эту подборку вопросов по JS, в которой можно проверить и освежить свои знания или подготовиться к собеседованию. Список вопросов обновляется и сейчас там 155 пунктов.
https://github.com/lydiahallie/javascript-questions/tree/master/ru-RU
#репозиторий #js #ru
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27🔥8❤4
—
npm install htmlparser2
Когда-то htmlparser2 был создан как форк htmlparser, и на данный момент htmlparser2 — это один из самых быстрых парсеров HTML и XML.
Написан на TypeScript.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥4❤3👎1
Eidos — это расширяемый фреймворк TypeScript для удобного управления своими данными.
Особенности Eidos:
— работает полностью оффлайн, данные хранятся локально
— можно подключить любимую LLM для дополнительных возможностей
— полностью open-source
— открытый формат данных, который позволяет работать с Eidos через другие программы
Быстрый старт с Docker:
docker run -d -p 8080:80 ghcr.io/mayneyao/eidos
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9👍3🔥2
LlamaIndex.TS отлично подходит для таких применений:
— извлечение данных: преобразование сырых данных в структурированные и стандартизированные форматы
— RAG: ответы на запросы по внутренним данным путем предоставления LLM контекста из документов и файлов
— автономные агенты: создание агентов для выполнения задач в интерактивном, неконтролируемом режиме
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰6👍3🔥2❤1
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Анимация Пикачу в коробке
Анимированный пикачу в коробке отрисован и анимирован с помощью чисто CSS. Отдельные элементы графики сделаны с помощью DIV’ов и затем стилизованы.
Чтобы запустить анимацию нужно нажать на верх коробки и потянуть курсов в сторону. Попробуйте сами. Там же вы найдёте код проекта:
https://codepen.io/maxi83c/pen/JjOZdWX
#codepen #css
Анимированный пикачу в коробке отрисован и анимирован с помощью чисто CSS. Отдельные элементы графики сделаны с помощью DIV’ов и затем стилизованы.
Чтобы запустить анимацию нужно нажать на верх коробки и потянуть курсов в сторону. Попробуйте сами. Там же вы найдёте код проекта:
https://codepen.io/maxi83c/pen/JjOZdWX
#codepen #css
👍17🔥5❤4