По всем вопросам - @workakkk @itchannels_telegram -🔥лучшие ИТ-каналы @ai_machinelearning_big_data - машинное обучение @JavaScript_testit- js тесты @pythonl - 🐍 @ArtificialIntelligencedl - AI @datascienceiot - ml 📚 РКН: № 5153160945
🌐 Plate — это мощный редактор форматированного текста (WYSIWYG), созданный на основе React и Slate, с поддержкой интеграции AI!
🌟 Он предоставляет гибкую платформу для создания настраиваемых редакторов с возможностью расширения с помощью плагинов. Plate подходит для различных сценариев, таких как редактирование документов в стиле Notion, обработка Markdown и коллаборативные инструменты.
🔐 Лицензия: MIT
🖥 Github
@javascriptv
🖥 Masonry — это библиотека для создания динамических сеточных макетов, в которых элементы размещаются на основе доступного пространства, подобно кирпичной кладке! Она поддерживает адаптивные макеты, настраиваемые отступы и ширину колонок, а также совместима с ES6-модулями, Browserify и RequireJS.
🔗 Ссылка: *клик*
@javascriptv
🖥 Совет по Javascript:
🌟 Object.freeze() делает объект неизменяемым!
@javascriptv
🖥 Masonry — это библиотека для создания динамических сеточных макетов, в которых элементы размещаются на основе доступного пространства, подобно кирпичной кладке! Она поддерживает адаптивные макеты, настраиваемые отступы и ширину колонок, а также совместима с ES6-модулями, Browserify и RequireJS.
🔗 Ссылка: *клик*
@javascriptv
🖥 Шпаргалка по видам циклов в Javascript!
@javascriptv
🖥 В этой статье рассказывается о процессе разработки простого клона игры Crossy Road с использованием библиотеки Three.js!
🌟 Автор подробно объясняет, как создать трехмерную игру в браузере с помощью JavaScript, охватывая ключевые этапы: создание сцены, настройку камеры, освещение, работу с материалами и текстурами, а также добавление анимации.
🔗 Ссылка: *клик*
@javascriptv
🖥 Yaak — это приложение для взаимодействия с API (REST, GraphQL, SSE, WebSocket, gRPC), разработанное с использованием Tauri, Rust и ReactJS!
🌟 Оно поддерживает импорт коллекций из Postman, OpenAPI, Swagger и других инструментов, а также предоставляет удобные функции авторизации (OAuth 2.0, JWT и т. д.), фильтрации ответов (JSONPath, XPath), организации рабочих пространств и использования переменных окружения.
🔐 Лицензия: MIT
🖥 Github
@javascriptv
🖥 Hoppscotch — это открытая платформа для разработки API, предназначенная для упрощения тестирования и взаимодействия с API!
💡 Она предоставляет удобный и быстрый интерфейс для отправки HTTP-запросов и получения ответов в реальном времени. Поддерживаются различные HTTP-методы, включая GET, POST, PUT, PATCH, DELETE и другие. Платформа также предлагает настраиваемые темы оформления и возможность установки в виде прогрессивного веб-приложения (PWA).
🔐 Лицензия: MIT
🖥 Github
@javascriptv
🖥 Эта статья посвящена настройке документации в стиле «Docs as Code» с использованием Docusaurus и GitHub Actions!
🌟 Автор подробно описывает процесс установки Docusaurus, создания репозитория, настройки конфигурационного файла docusaurus.config.js, редактирования документации и автоматизации развертывания с помощью GitHub Actions. Цель статьи — показать, как разработчики могут эффективно управлять документацией, используя инструменты, применяемые в разработке программного обеспечения, такие как системы контроля версий и CI/CD-пайплайны.
🔗 Ссылка: *клик*
@javascriptv
Капибарам нужна ваша помощь на T-CTF
У них лапки, и они не могут защитить код от уязвимостей. Выручите их на ИТ-соревновании от Т-Банка с шансом выиграть приз до 420 000 ₽.
Без навыков в ИТ тут не обойтись — задания рассчитаны на разработчиков, QA- и SRE-инженеров, аналитиков и других ИТ-специалистов уровня middle и senior.
Вот что вас ждет:
— Выберите Лигу Разработки или Лигу Безопасности по своим скиллам. Если участвуете впервые, можно потренироваться на демозаданиях.
— Соревнуйтесь один или в команде до 3 человек. Организаторы помогут найти команду, если нет своей.
— Подключайтесь онлайн или приходите офлайн — в ИТ-хаб Т-Банка в одном из 6 городов России.
— Решайте задания по спортивному хакингу — для этого у вас будет 36 часов.
Соревнование пройдет 19 и 20 апреля.
Попробуйте свои силы — успейте зарегистрироваться до 18 апреля.
Реклама. АО «ТБанк», лицензия ЦБ РФ № 2673, erid:2RanymxoPwF
Телеграм-канал с актуальными вакансиями для Frontend специалистов
- Свежие вакансии со всего интернета.
- Вакансии для студентов, юниоров, мидлов, сеньоров.
- Прямые ссылки на работодателей.
- Некоммерческий проект, без рекламы.
Ссылка на телеграмм-канал
⚡️ Card :hover spotlight effect with background-attachment
Используем background-attachment, чтобы прикрепить фон к области просмотра
https://codepen.io/jh3y/pen/RwqZNKa
@javascriptv
🖥 Requestly — это инструмент для перехвата и модификации HTTP-запросов и ответов, предназначенный для фронтенд-разработчиков!
🌟 Он позволяет изменять заголовки, перенаправлять URL, подменять файлы, ограничивать скорость запросов и тестировать API прямо в браузере. В отличие от Charles Proxy и Fiddler, Requestly не требует настройки прокси или VPN, что делает его удобным для работы в реальном времени.
🔐 Лицензия: AGPL-3.0
🖥 Github
@javascriptv
🔥 Excalidraw — это виртуальная доска с открытым исходным кодом, предназначенная для создания диаграмм и набросков в стиле от руки!
🌟 Она предоставляет бесконечный холст, широкий набор инструментов (прямоугольники, круги, стрелки, линии, свободное рисование, ластик и т.д.), поддержку изображений и библиотек форм, а также возможность экспорта в форматы PNG, SVG и буфер обмена. Приложение поддерживает тёмный режим, локализацию на различные языки и настраиваемый интерфейс.
🔐 Лицензия: MIT
🖥 Github
@javascriptv
<h1> Ищем новичков во фронтенд-разработке и вёрстке сайтов. </h1>
<p> Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений. </p>
<p> А именно: </p>
<ul>
<li> - Сверстать веб-сайт на HTML + CSS; </li>
<li> - Реализовать функционал на JavaScript; </li>
<li> - Пощупать фронтенд-фреймворк Angular;</li>
<li> - Подключить Backend и загрузить сайт на хостинг. </li>
</ul>
<p> 💪 Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать. </p>
<button type="button"> 👉 Приходи на бесплатное обучение и зови с собой друзей </button>
<p> Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку. </p>
Ищем новичков во фронтенд-разработке и вёрстке сайтов.
Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений.
А именно:
- Сверстать веб-сайт на HTML + CSS;
- Реализовать функционал на JavaScript;
- Пощупать фронтенд-фреймворк Angular;
- Подключить Backend и загрузить сайт на хостинг.
Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать.
Такой опыт можно получить на бесплатном практикуме уже завтра с поддержкой от опытных кураторов на каждом этапе.
👉 Приходи на бесплатное обучение и зови с собой друзей
Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.
🧠 Задача по JavaScript: Асинхронность и замыкания
Что выведет следующий код?
for (var i = 0; i < 3; i++) {
setTimeout(function () {
console.log(i);
}, 100);
}
1
2
3
3
1
2
(в случайном порядке)
i
объявлена через var
, а значит — она общая для всех итераций. К моменту выполнения setTimeout
, цикл уже завершился, и значение и равно 3. Каждая отложенная функция видит одно и то же значение.🎶 Glicol — это экспериментальная среда для live-кодинга, где звуки рождаются из соединения узлов, как в модульном синтезаторе.
Написанный на Rust, он работает где угодно: в браузере, как VST-плагин или даже на аппаратуре вроде Bela. Можно начинать с простых битов, а потом углубляться в сэмплерные точные синтезы — без необходимости устанавливать что-либо. Особенность Glicol — в его низком пороге входа, но и без ограничений для профессионалов.
🤖 GitHub
@javascriptv
Как получилась онлайн-магистратура «Фронтенд- и бэкенд-разработчик»
от Яндекс Практикума и ИТМО?
Мы взяли всё лучшее от классического образования, перевели в онлайн, добавили практики и выкрутили актуальность на максимум.
Приходите на день открытых дверей, чтобы узнать больше:
— Расскажем про разные траектории обучения на программе: как после выпуска стать фронтенд- или бэкенд-разработчиком.
— Обсудим уровни программы — базовый и продвинутый: чему научится студент без опыта в IT и зачем магистратура разработчику с опытом.
— Поделимся, как устроено обучение на очной онлайн-программе Яндекса и ИТМО.
— Поговорим про поступление: сроки, экзамены, документы, оплата.
Ждём вас 16 апреля в 19:00 мск.
→ Зарегистрироваться на событие
📞 RevShells — это сервис, предоставляющий пользователям возможность быстро создавать команды для обратных оболочек и соответствующие слушатели для различных операционных систем и сценариев!
🌟 Сайт поддерживает генерацию команд для Linux, Windows и Mac, а также предлагает выбор между различными типами оболочек и методов кодирования. Кроме того, RevShells.com интегрируется с инструментом HoaxShell, предоставляя дополнительные возможности для создания нестандартных обратных оболочек.
🔐 Лицензия: MIT
🖥 Github
🔗 Веб-версия
@javascriptv
Все на CodeFest’15
31 мая и 1 июня в Новосибирске пройдет ИТ-конференция CodeFest’15. Это юбилейная встреча для ИТ-специалистов. Только офлайн.
Ждут всех, кто хочет обменяться опытом и пообщаться с коллегами в неформальной обстановке. В программе конференции:
— 10 потоков и 150+ докладов от топовых спикеров по направлениям от Backend до Web3;
— «квартирники» с горячими профессиональными дискуссиями;
— нетворкинг и обмен опытом со специалистами других компаний;
— сытные кофе-брейки и большая афтепати.
Чем еще удивит CodeFest смотрите тут
🌸 Typed Japanese
Для гиков: энтузиасты придумали учить языки через TypeScript.
Проект Typed Grammar учит грамматике (например, английского или японского) с помощью типов и структур программирования. И никаких зелёных сов!
🔗 GitHub
@javascriptv
🌐 Novu — это открытая платформа для управления уведомлениями, предназначенная для разработчиков!
🌟 Она предоставляет единый API для отправки уведомлений через различные каналы, включая встроенные уведомления в приложении (In-App), push-уведомления, электронную почту, SMS и чаты. С помощью Novu можно создавать настраиваемые рабочие процессы и определять условия для каждого канала, обеспечивая эффективную доставку уведомлений пользователям.
🔐 Лицензия: MIT
🖥 Github
@javascriptv
👩💻 react-learning-resources — тщательно подобранный список ресурсов для быстрого изучения React и связанных технологий!
🌟 Он включает в себя материалы по TypeScript, React Router, управлению состоянием, тестированию, сборке UI-компонентов и лучшим практикам разработки. Предоставлены ссылки на видеоуроки, документацию и инструменты, такие как Jest, Cypress, Storybook и др.
🖥 Github
@javascriptv
🖥 Это - подробное руководство по основам TypeScript!
🌟 Оно охватывает ключевые темы, такие как преимущества использования TypeScript, установка и настройка проекта, базовые типы, интерфейсы, обобщения и другие важные концепции.
🔗 Ссылка: *клик*
@javascriptv
🖥 p5.js — это JavaScript-библиотека, предназначенная для творческого программирования!
🌟 Она создана с целью сделать кодирование доступным и инклюзивным для художников, дизайнеров, педагогов, начинающих и всех остальных. Используя метафору "наброска" (sketch), p5.js предоставляет полный набор функций для рисования, а также возможности взаимодействия с другими объектами HTML5, включая текст, ввод данных, видео, веб-камеру и звук.
🔐 Лицензия: LGPL-2.1
🖥 Github
@javascriptv
🖥 Эта статья посвящена принципам написания чистого кода и их значению в контексте гибкой разработки программного обеспечения!
🌟 Автор подчеркивает, что чистый код — это код, который легко читать, понимать и поддерживать, что особенно важно в условиях Agile-методологий, где команды работают в условиях быстрого изменения требований и частых релизов. В статье рассматриваются такие аспекты, как выбор имен переменных и функций, форматирование кода, соблюдение принципа единственной ответственности и другие практики, способствующие улучшению качества кода.
🔗 Ссылка: *клик*
@javascriptv
⚡️ AVHub — это универсальный инструмент для работы с аудио и видео, разработанный для упрощения интеграции мультимедийных возможностей в ваши проекты.
▪ Универсальность: Проект объединяет в себе набор функций для обработки медиа — от конвертации форматов до извлечения аудиодорожек и транскодирования, что позволяет работать с различными типами файлов в одном решении.
▪ Легкость интеграции: AVHub обладает простым и интуитивно понятным интерфейсом, что упрощает его подключение к существующим приложениям и рабочим процессам.
▪ Расширяемость: Благодаря модульной архитектуре, инструмент легко адаптируется под специфические задачи, позволяя добавлять новые функции и расширять его возможности в зависимости от потребностей проекта.
▪ Высокая производительность: Оптимизированные алгоритмы и поддержка современных медиаформатов обеспечивают быструю и эффективную обработку аудио-видео данных.
Если вы разрабатываете приложения, связанные с мультимедиа, и ищете мощное, но удобное решение для обработки аудио и видео, AVHub от levywang — отличный выбор для повышения эффективности вашей работы.
@javascriptv
🖥 PairDrop — кроссплатформенное решение для обмена файлами, вдохновленное AirDrop от Apple!
💡 Это приложение позволяет передавать файлы по локальной сети через веб-браузер или использовать временные публичные комнаты для передачи через интернет. PairDrop работает на всех устройствах с современными браузерами, без необходимости установки, настройки или регистрации.
🔐 Лицензия: GPL-3.0
🖥 Github
@javascriptv