Javascript

Как оживить формы на сайте без фреймворков? Хотите понять, как чистый JavaScript превращает скучные поля в динамичные интерфейсы?  📅 22 сентября в 20:00 МСК на открытом уроке мы разберём, как добавить в анкету динамические поля, условия показа, счётчики и реакцию на ввод — без React и Vue. Вы увидите, как одна функция может управлять доступностью кнопки и менять структуру DOM в реальном времени. ❗️ Прямо в ходе вебинара создадим интерактивную анкету с радиокнопками, чекбоксами и текстовыми областями, освоим псевдо-отправку и научимся чистому, понятному коду. Спикер продемонстрирует лучшие практики обработки форм и покажет, как без лишнего «кода-шума» добиться гибкости. 👉 Посетите урок и получите скидку на курс «JavaScript Developer. Basic» → https://otus.pw/ArEx/?erid=2W5zFJK2gtG Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Table tenniCSS Создано на HTML и SCSS, без использования JS. #css https://codepen.io/amit_sheen/pen/PobQjMX

— Я нашёл бесплатный хостинг. — Какой? — Localhost. @javascriptv

Совет по CSS 💡 Иногда фавикон отлично смотрится в светлой теме, но выглядит плохо (или вовсе исчезает) в тёмной, и наоборот. Такие мелкие детали могут портить общее впечатление от сайта. Вот как это исправить 👆

Практичный JavaScript — от профи для профи Участвуй в конференции HolyJS, если ты опытный разработчик и используешь JavaScript-технологии для фронтенда и бэкенда.  📍 20–21 ноября, Санкт-Петербург с онлайн-трансляцией.  Тебя ждут хардкорные доклады о том, как превратить ИИ в полноценного тиммейта, использовать TypeScript в нестандартных сценариях и работать с графикой и 3D-анимациями на JS. Акцент в программе — на практических форматах: будет воркшоп по unit-тестам и разбор реальных кейсов с PWA и state-менеджментом. Будут и доклады о карьерных стратегиях. Для расширения кругозора — академический доклад с философским и историческим взглядом на JavaScript, который заставит иначе посмотреть на привычные технологии. Хочешь поучаствовать за счет компании? Покажи руководителю нашу статью на Хабре «5 причин отправить сотрудника на IT-конференцию». Пойдешь за свой счет ? Бери билет сейчас, пока цена не выросла — и не забудь промокод: JAVASCRIPT10 Реклама. ООО "ДЖУГ РУ ГРУП". ИНН 7801341446.

🖥 bknd — проект, который предоставляет решения для быстрого создания серверной инфраструктуры и бэкенда для мобильных приложений и веб-сервисов! 🌟 Это платформа для упрощения работы с бэкендом, обеспечивающая API для обработки пользователей, данных и аутентификации, а также другие серверные функции. Этот репозиторий направлен на разработчиков, которые хотят быстро создавать серверную часть своих приложений без необходимости писать серверный код с нуля. 🌟 Основные особенности проекта включают простоту интеграции, поддержку аутентификации и управления пользователями, а также возможность работы с реальным временем и уведомлениями. 🔐 Лицензия: MIT 🖥 Github @javascriptv

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке от эксперта; 6. Научишься использовать ChatGPT и Giga во Frontend-разработке; 7. Узнаешь 9 способов найти первый заказ даже без опыта. А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 12-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем уже завтра. 🔥 С нас обучение, практика и помощь с выходом на фриланс или собеседованием.

🎉 Открытая платформа для AI-чатов Open-Fiesta — это многофункциональная среда для общения с ИИ, построенная на Next.js. Пользователи могут переключаться между различными провайдерами и моделями, сравнивать результаты и использовать веб-поиск и вложения изображений. 🚀 Основные моменты: - Поддержка нескольких провайдеров (Gemini, OpenRouter и др.) - Выбор до 5 моделей для работы - Веб-поиск и вложения изображений - Чистый интерфейс и удобное управление 📌 GitHub: https://github.com/NiladriHazra/Open-Fiesta

Vercel, создатели Next.js, выложили большую коллекцию примеров и шаблонов для приложений. Внутри куча полезного: - простые стартеры, чтобы быстро запустить проект - готовые архитектуры «как в проде» - демки с лучшими практиками Полезно и для быстрых экспериментов, и чтобы подсмотреть правильные решения. Репозиторий постоянно пополняется, а лучшие наработки попадают в Vercel Templates с удобным поиском и фильтрацией. 👉 Отличный источник, чтобы копировать и развивиать проверенные идеи. 🚀

Solid Эффект анимации при наведении мыши на текст. #js https://codepen.io/Sidstumple/pen/RwGJOow

📍ОФЛАЙН, Санкт-Петербург 🗓 18 сентября, 19:00–22:00, четверг Backend meetup от OneTwoTrip ✈️ Регистрируйтесь на митап и зовите коллег 👥 Мы с вами рассмотрим самые актуальные темы из мира бэкенда. Вы узнаете, как поддерживать проекты-долгожители, не ломая функционал, а также научитесь справляться с высокими нагрузками, самостоятельно создавая надёжные и быстрые сервисы и развивая фичи. Эксперты поделятся своим опытом в разработке, мониторинге и оптимизации. Спикеры и доклады 🎤 🔘RAG: умный поиск для базы знаний Спикер: Кирилл Красавин, teamlead в команде «Платформа» в OneTwoTrip 🔘Жизнь в монолите: как развивать и не ломать Спикер: Дмитрий Камынин, backend-разработчик в команде «Отели» в OneTwoTrip 🔘Высоконагруженные Go-сервисы: надёжность, скорость и простота Спикер: Артем Кущ, GO-разработчик в команде «ВК Видео» 🔘AI: разработка утилиты для генерация unit-тестов по покрытию Спикер: Никита Тимофеев, teamlead команд «Ж/д», «Аренда авто» и партнёрского API в OneTwoTrip Завершим вечер на крутой ноте! Вас ждет нетворкинг, живое общение с нашими спикерами и афтепати с пиццей. 🍕 Все детали по ссылке тут — тык-тык 🔗 Реклама. ООО «ОТТ Девелопмент», ИНН 7702849158, erid: 2Vtzqud6t5y

⚡️ Огромная библиотека анимаций для React В ней собрано больше 100 готовых анимированных компонентов: кнопки, карточки, меню, модалки, курсоры и даже списки с плавными эффектами. Всё выглядит стильно, легко настраивается через пропсы, а примеры можно сразу протестировать в браузере. Коллекция постоянно пополняется новыми элементами, а самое приятное — всё это распространяется бесплатно. Отличный инструмент для тех, кто делает интерфейсы на React. https://github.com/DavidHDev/react-bits

🔥 Самая масштабная атака на экосистему JavaScript Фишингом угнали npm-аккаунт мейнтейнера qix и пушнули апдейты в 18 ключевых пакетов (chalk, debug, strip-ansi, color-convert и др.) — суммарно это ~2,6 млрд загрузок в неделю. В обновления вставили браузерный крипто-«клиппер»: на сайтах/в приложениях с уязвимыми версиями он перехватывает трафик и подменяет адреса кошельков. Скомпрометированные версии — удалить немедленно из всех сред (локальные машины разработчиков, CI/CD, прод):

ansi-styles@6.2.2 debug@4.4.2 chalk@5.6.1 supports-color@10.2.1 strip-ansi@7.1.1 ansi-regex@6.2.1 wrap-ansi@9.0.1 color-convert@3.1.1 color-name@2.0.1 is-arrayish@0.3.3 slice-ansi@7.1.1 color@5.0.1 color-string@2.1.1 simple-swizzle@0.2.3 supports-hyperlinks@4.1.1 has-ansi@6.0.1 chalk-template@1.1.1 backslash@0.2.1 error-ex@1.3.3

⚡️ Что стоит сделать: ▪Удалить уязвимые версии из дерева зависимостей, пересобрать и задеплоить исправления. ▪Проверить lock-файлы (package-lock.json, yarn.lock, pnpm-lock.yaml) и node_modules на присутствие перечисленных версий. ▪ Очистить кэш менеджера пакетов: npm cache clean --force, yarn cache clean, pnpm store prune. ▪ Переустановить зависимости с нуля (удалив node_modules и lock-файлы) и заново зафиксировать версии. ▪ Пересобрать фронтенд-бандлы, инвалидировать CDN/кэши, перезапустить рантаймы. ▪ Проверить логи на внешние запросы из бандла, провести аудит внесённых PR/коммитов. ▪ Ротировать ключи/токены, если могли утечь, и ужесточить 2FA/доступ к npm. 📌 Разбор атаки #security #npm #javascript #supplychain #infosec #malware

🖥️ Простая настольная среда без графики Desktop-TUI предлагает текстовый интерфейс для управления приложениями в стиле tmux. Он позволяет запускать команды, перемещать и изменять размеры окон, а также обрабатывать ошибки приложений. Идеально подходит для пользователей, предпочитающих терминал. 🚀Основные моменты: - Поддержка файлов ярлыков для приложений - Вывод любых команд с использованием stdout - Настройка параметров тайлинга - Обработка ошибок приложений - Поддержка выбора файлов и папок для аргументов команд 📌 GitHub: https://github.com/Julien-cpsn/desktop-tui

музыкальной теории! • Основа — JavaScript, но знать его необязательно: гайд выучить создать всё. • Учит программированию и музыке через практику, без скучного сольфеджио. • Поддерживает MIDI и OSC для интеграции с синтезаторами или музыкальными сетапами. • Создавайте крутые треки без знаний нот и ритма — Strudel сделает всё за вас! Айтишники, становятся диджеями ! 🚀 https://strudel.cc/ @javascriptv

📱 JavaScript. Что будет выведено в консоль? Ответ

Хотите научиться создавать привлекательные карточки товара без Bootstrap и готовых шаблонов? 📅 9 сентября в 20:00 МСК на открытом уроке мы разберём, как из базовых тегов и CSS-свойств собрать мини-проект, достойный портфолио. Вы увидите, как блок <article> превратить в интерактивную витрину: текст, изображение, кнопка «Купить» и эффекты при наведении. ❗️ Вы поймёте, какие CSS-свойства (margin, padding, background-color, border) отвечают за композицию, а :hover добавит лёгкую анимацию при наведении. В реальном времени создадим карточку, применим шрифты, цвета и узнаем, как обеспечить кросс-браузерность без библиотек и фреймворков. Урок проходит в преддверие старта курса «JavaScript Developer. Basic» и все участники получат скидку на обучение. 👉 Запишитесь на открытый урок → https://otus.pw/7r0U/?erid=2W5zFJTyJGx Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

🔥 Успех в IT = скорость + знания + окружение Здесь ты найдёшь всё это — коротко, по делу и без воды. Пока другие ищут, где “подглядеть решение”, ты уже используешь самые свежие инструменты! AI: t.me/ai_machinelearning_big_data Python: t.me/python_job_interview Linux: t.me/linuxacademiya Собеседования DS: t.me/machinelearning_interview C++ t.me/cpluspluc Docker: t.me/DevopsDocker Хакинг: t.me/linuxkalii Devops: t.me/DevOPSitsec Data Science: t.me/data_analysis_ml Javascript: t.me/javascriptv C#: t.me/csharp_1001_notes Java: t.me/java_library Базы данных: t.me/sqlhub Python собеседования: t.me/python_job_interview Мобильная разработка: t.me/mobdevelop Golang: t.me/Golang_google React: t.me/react_tg Rust: t.me/rust_code ИИ: t.me/vistehno PHP: t.me/phpshka Android: t.me/android_its Frontend: t.me/front Big Data: t.me/bigdatai МАТЕМАТИКА: t.me/data_math Kubernets: t.me/kubernetc Разработка игр: https://t.me/gamedev Haskell: t.me/haskell_tg Физика: t.me/fizmat 💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy Папка ML: https://t.me/addlist/2Ls-snqEeytkMDgy Папка FRONTEND: https://t.me/addlist/mzMMG3RPZhY2M2Iy 😆ИТ-Мемы: t.me/memes_prog 🇬🇧Английский: t.me/english_forprogrammers 🧠ИИ: t.me/vistehno 🎓954ГБ ОПЕНСОРС КУРСОВ: @courses 📕Ит-книги бесплатно: https://t.me/addlist/BkskQciUW_FhNjEy Подпишись, если хочешь быть в числе тех, кого зовут в топовые проекты!