⚡️ Анимация Пикачу в коробке

Анимированный пикачу в коробке отрисован и анимирован с помощью чисто CSS. Отдельные элементы графики сделаны с помощью DIV’ов и затем стилизованы.

Чтобы запустить анимацию нужно нажать на верх коробки и потянуть курсов в сторону. Попробуйте сами. Там же вы найдёте код проекта:

https://codepen.io/maxi83c/pen/JjOZdWX

#codepen #css

Читать полностью…

🖥 Eidos — оффлайн альтернатива Notion на TypeScript

Eidos — это расширяемый фреймворк TypeScript для удобного управления своими данными.

Особенности Eidos:
— работает полностью оффлайн, данные хранятся локально

— можно подключить любимую LLM для дополнительных возможностей

— полностью open-source

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

Быстрый старт с Docker:

docker run -d  -p 8080:80 ghcr.io/mayneyao/eidos

🖥 GitHub
🟡 Страничка Eidos

@javascriptv

Читать полностью…

Разыскиваются 5 активных JAVA разработчиков 🔥🔥🔥
Для обучения AI-разработке!

Мы научим вас создавать и тренировать нейронные сети, и вы сможете:
1️⃣ Устроиться разработчиком в крупную компанию и зарабатывать от 150 тысяч руб. в месяц
2️⃣ Разрабатывать такие проекты на заказ и зарабатывать от 500 тысяч руб. за проект
3️⃣ Создать нейро-сотрудника в вашей компании и вырасти на +30-100% в зарплате

На интенсиве будет много практики: создадим 9 нейросетей за 1 вечер:
🧬 Оценка выброса CO2 по параметрам машины
🧬 Сегментация изображения для робота доставщика
🧬 Трекинг людей на видео
🧬 Распознавание речии другие

Ведущий интенсива - Senior AI-разработчик нейросетей и основатель Университета искусственного интеллекта

🔥 Регистрируйтесь на бесплатный интенсив! Встречаемся в ближайшую среду. Вы узнаете, как освоить самую востребованную профессию 2024 года!

Реклама. ООО "ТЕРРА ЭЙАЙ". ИНН 9728019395.

Читать полностью…

⚡️Интерактивный тренажёр для фронтенд-разработчиков

Создатели включили в тренажёр более 1,5 тысяч упражнений, что обеспечивает достаточно практики для освоения фронтенда.

С самого начала вы работаете с реальным кодом и самостоятельно решаете задачи, максимально приближенные к реальным условиям.

Этот ресурс будет вам полезен:

📌 Ссылка

@javascriptv

Читать полностью…

Вакансия: Веб-разработчик для создания посадочных страниц (React + Node.js)

Маркетинговое агентство Uptrend.agency ищет опытного веб-разработчика для создания посадочных страниц. Мы ориентируемся к долгосрочному сотрудничеству, так как регулярно создаем новые лендинги.

❐ Основные требования:
- Технологический стэк: React и Node.js
- Наличие кейсов по реализованным проектам на React + Node.js.

❐ Обязанности:
- Разработка посадочных страниц на основе предоставленных дизайнов. Пример лендинга можно посмотреть здесь.
- Постоянное сотрудничество с командой для создания новых лендингов.

❐ Условия:
- Работа не разовая — планируется регулярное создание новых лендингов.
- Конкурентная оплата труда.

❐ Как подать заявку:
Если вас заинтересовала эта вакансия, пожалуйста, отправьте сообщение в личные сообщения с кейсами ваших работ и указанием стоимости услуг.

➜ Контакт: @madbboii

Будем рады видеть вас в нашей команде!

Читать полностью…

Какие возможности и преимущества предлагают Node.js и Deno? Хотите узнать, какая из этих сред лучше подходит для ваших проектов? 👁
Всего за пару часов вы научитесь уверенно использовать Node.js и Deno для создания эффективных и современных приложений.
Вы узнаете, какие паттерны и инструменты применять в зависимости от задач. 

Присоединяйтесь к открытому вебинару 2 сентября в 20:00 мск.
Урок предназначен для разработчиков, которые хотят использовать среды Node.js и Deno в своей работе.

Встречаемся в преддверии старта курса «JavaScript Developer. Professional». Все участники вебинара получат специальную цену на обучение!

⏩Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://otus.pw/boQD/?erid=LjN8KC2fe

Читать полностью…

🎞 YouTube Addiction Rehab — это расширение для Chrome, разработанное для помощи пользователям в контроле их привычек просмотра видео на YouTube с помощью ИИ.

Оно улучшает пользовательский опыт, фильтруя малоценные и отвлекающие видео на основе индивидуальных предпочтений и целей, помогая формировать более здоровые привычки просмотра и снижать уровень отвлечения.

Ключевые функции включают AI Focus Filter, блокирующий нерелевантные рекомендации, AI Smart Blocker, предотвращающий доступ к отвлекающим видео, и возможность скрытия коротких роликов из рекомендованной ленты.

Установка расширения немного отличается для браузеров Chrome, Firefox и Safari, и для каждого из них предоставлены детальные инструкции.

▪ Github

#TypeScript #JavaScript

@javascriptv

Читать полностью…

🌟 Pake — инструмент, позволяющий пользователям превратить любую веб-страницу в настольное приложение с помощью Rust.

- Поддерживает Mac, Windows и GNU/Linux.
- Pake почти в 20 раз меньше Electron и работает быстрее фреймворков на основе JS.

▪ Github

@javascriptv

Читать полностью…

👣 Если вы создаете API, вот вам 6 архитектур которые нужно знать

Проектирование API — это не только работа над функциональностью, но и выбор правильной архитектуры для удовлетворения ваших потребностей.

Вот шесть архитектурных проектов API, с которыми должен быть знаком каждый разработчик:

1️⃣ — REST
— Самая популярная архитектура для веб-сервисов.
— Использует HTTP-запросы для связи.
— Не сохраняет состояние и обеспечивает легкую масштабируемость и гибкость.

2️⃣ — GraphQL
— Язык запросов для вашего API.
— Позволяет клиентам запрашивать именно то, что им нужно, не больше и не меньше.
— Идеально подходит для оптимизации сетевых запросов.

3️⃣ — SOAP (устаревший)
— Протокол для обмена структурированной информацией в веб-сервисах.
— Известен своими строгими стандартами и встроенной обработкой ошибок.
— Часто используется в приложениях корпоративного уровня.

4️⃣- gRPC
- Высокопроизводительная среда с открытым исходным кодом.
- Использует HTTP/2 для транспорта и буферы протоколов в качестве языка описания интерфейса.
- Отлично подходит для микросервисов и общения в реальном времени.

5️⃣- WebSockets
- Обеспечивает двустороннюю связь между клиентом и сервером.
- Идеально подходит для приложений реального времени, таких как чат-приложения и обновления в реальном времени.
- Позволяет осуществлять непрерывный обмен данными без накладных расходов HTTP.

6️⃣ - MQTT
- Легкий протокол обмена сообщениями для небольших датчиков и мобильных устройств.
- Ориентирован на минимальное использование полосы пропускания и заряда батареи.
- Обычно используется в приложениях IoT (Интернет вещей).

🖥 Сохраняй, чтобы не потерять и перешли коллеге

#doc #cheatsheet #api

@javascriptv

Читать полностью…

🖥 Релиз MeteorJS 3.0

meteor update --release 3.0-rc.0
meteor reset

Над данным релизом работа началась примерно в середине 2021 года (обсуждение на github). Основной целью было избавиться от Fibers, т.к. это мешало обновить версию NodeJS до стабильной. Да, метеор был привязан к версии NodeJS 14 последние 3 года!

Что нового?
— Обновили документацию;

— Вместо Fibers теперь используются async методы;

— Вся работа с БД осуществляется через асинхронное API;

— Методы стали асинхронными;

— NodeJS обновлена до 20;

— Добавлена поддержка ARM на Linux;

— Обновлено много пакетов, чтобы поддержать асинхронное API.

Для релиза было сделано 160 задач

🖥 GitHub

@javascriptv

Читать полностью…

🖥 eleventy — нереально простой генератор статических сайтов на JavaScript

— 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

🖥 GitHub
🟡 Доки

@javascriptv

Читать полностью…

⚛️ Используйте утилиты TypeScript, такие как Omit, для создания большего количества повторно используемых и адаптируемых компонентов

@javascriptv

Читать полностью…

⚡️Легкий способ получать свежие обновления и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:

МАШИННОЕ ОБУЧЕНИЕ: t.me/ai_machinelearning_big_data
C++ t.me/cpluspluc
Python: t.me/pro_python_code
Хакинг: t.me/linuxkalii
Devops: t.me/devOPSitsec
АНАЛИЗ Данных: t.me/data_analysis_ml
Javascript: t.me/front_tester
C#: t.me/csharp_ci
Java: t.me/javatg
Базы данных: t.me/sqlhub
Linux: t.me/linuxacademiya
Python собеседования: t.me/python_job_interview
Мобильная разработка: t.me/mobdevelop
Docker: t.me/DevopsDocker
Golang: t.me/Golang_google
React: t.me/react_tg
Rust: t.me/rust_code
PHP: t.me/phpshka
Android: t.me/android_its
Frontend: t.me/front
Big Data: t.me/bigdatai
Собеседования МЛ: t.me/machinelearning_interview
МАТЕМАТИКА: t.me/data_math
C++ собеседования: t.me/cppsobes
Kubernets: t.me/kubernetc


💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: /channel/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: /channel/addlist/mzMMG3RPZhY2M2Iy

😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno

🎓954ГБ СЛИТЫХ КУРСОВ: @courses
📕Ит-книги бесплатно: /channel/addlist/BkskQciUW_FhNjEy

Читать полностью…

🖥 Высокоскоростные многоядерные вычисления - Turbit

Turbit - это усовершенствованная библиотека высокоскоростных многоядерных вычислений для Node.js, предназначенная для оптимизации производительности при выполнении операций с интенсивными вычислениями за счет использования параллельной обработки на нескольких процессорных ядрах.

Создавайте мощные приложения, скрипты и средства автоматизации с повышенной производительностью за счет параллельной работы.

Turbit был разработан для эпохи многоядерных процессоров.

Установить Turbit можно через npm:

npm install turbit

Примеры использования и документацию можно увидеть здесь.

▪Github
▪Документация

@javascriptv

Читать полностью…

🖥 Простая JS-библиотека для создания области для рисования

— npm install --save atrament

Atrament — это библиотека JavaScript для рисования и рукописного ввода на HTML-холсте.
Цель Atrament — сделать так, чтобы рисование было естественным и комфортным, а результат — плавным и приятным.

Atrament не хранит контуры штрихов — вместо этого он рисует непосредственно на растровом изображении холста, как чернильная ручка на листе бумаги.

🖥 GitHub

@javascriptv

Читать полностью…

🖥 LlamaIndex.TS — фреймворк TypeScript, который предоставляет возможности LlamaIndex для Node.js, Vercel Edge Functions и Deno

LlamaIndex.TS отлично подходит для таких применений:

— извлечение данных: преобразование сырых данных в структурированные и стандартизированные форматы

— RAG: ответы на запросы по внутренним данным путем предоставления LLM контекста из документов и файлов

— автономные агенты: создание агентов для выполнения задач в интерактивном, неконтролируемом режиме

🖥 GitHub
🟡 Доки

@javascriptv

Читать полностью…

🖥 htmlparser2 — очень быстрый парсер HTML на TypeScript

— npm install htmlparser2

Когда-то htmlparser2 был создан как форк htmlparser, и на данный момент htmlparser2 — это один из самых быстрых парсеров HTML и XML.
Написан на TypeScript.

🖥 GitHub
🟡 Доки

@javascriptv

Читать полностью…

🖥 ​​Полезный Репозиторий для тренировки по JavaScript

Сохраняйте эту подборку вопросов по JS, в которой можно проверить и освежить свои знания или подготовиться к собеседованию. Список вопросов обновляется и сейчас там 155 пунктов.

https://github.com/lydiahallie/javascript-questions/tree/master/ru-RU

#репозиторий #js #ru

@javascriptv

Читать полностью…

🖥 Бесплатный фоновый ремувер заднего фона, работающий в вашем браузере на базе WebGPU (с использованием transformer.js)

И да, он с открытым исходным кодом, так что вы можете развернуть свой собственный экземпляр в любом месте. https://github.com/ducan-ne/remove-bg

@javascriptv

Читать полностью…

⚡️ Интерактивная форма для ввода данных, которая плавно появляется при загрузке.

#формы #текст

https://codepen.io/rikhnovets/pen/WNBRqNG

@javascriptv

Читать полностью…

🖥 eleventy — нереально простой генератор статических сайтов на JavaScript

— 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

🖥 GitHub
🟡 Доки

@javascriptv

Читать полностью…

🖥 Terser — минификатор JavaScript-кода

— npm install terser -g

Terser позволяет сильно сжать JS код: он сокращает имена переменных, удаляет пробельные символы, комментарии и неиспользуемый код.
Можно использовать его как CLI или при помощи Node.js API.

🖥 GitHub
🟡 Доки

@javascriptv

Читать полностью…

Сможете рассказать за одну минуту, зачем нужно учить JavaScript? А на английском? 👀

Если не уверены в своих силах, смотрите видос и запоминайте полезные фразы. А чтобы вам было проще, ребята из канала дичь айти составили для вас словарик.

to get into — "вкатиться", заняться чем-то
it's not your cup of tea — это не для тебя, тебе не подойдет (идиома)
to build applications — создавать приложения
blazingly fast — невероятно быстро, со скоростью света
to keep up to date with sth — быть в курсе чего-то
to be constantly evolving — постоянно меняться, эволюционировать

В этом канале вы найдете не только мемы с объяснениями, но и примеры использования профессиональных выражений в реальных ситуациях, что поможет вам быстрее запомнить новую лексику и применять её в своей работе.

🎁 А специально для вас действует промокод на первое бесплатное занятие JAVASCRIPTV. Приходите на занятие в школу Di4IT, где с вами говорят на одном языке!

Читать полностью…

🖥 Изящные карточки с эффектом 3D-подъёма.

#hover #карточки #web #js

https://codepen.io/andrewhawkes/pen/RwwOJrO

@javascriptv

Читать полностью…

Дарим билет в мир большого IT 🎫

От тебя нужен только опыт работы разработчиком JS+React от года и желание попасть в команду Холдинга Т1 — одного из лидеров российского ИТ-рынка, в портфеле которого 800+ высокотехнологичных проектов и 70+ продуктов и услуг.

Регистрируйся на онлайн-интенсив в Открытые школы Т1 и прокачай навыки бесплатно всего за 1 месяц. Лучшие получат оффер от Т1 🔝 и уникальный карьерный фаст-трек до мидла в бигтехе.

Всего за полгода мы выпустили 500+ специалистов. Участники присоединились к командам финтех-разработки и разработки ИТ-продуктов. Также участников ждут в юнитах облачных сервисов, развития ИИ-решений, интеграции и консалтинга.

⌛️ Быстрое обучение: 1 месяц.
💻Гибкий формат: все этапы онлайн, занятия по вечерам.
🌏 Работа в Т1 возможна с тер-рии РФ и Беларуси.
Ты с нами? Тогда подавай заявку до 22 августа!

Старт интенсива: 28 августа.

Реклама. ООО "Т1". ИНН 7720484492.

Читать полностью…

Каковы перспективы квантовых компьютеров?

Говорят, что квантовые компьютеры скоро смогут взломать RSA-шифрование. Некоторые уже пробовали писать код на Qiskit и ждут возможности протестировать его на реальных устройствах.

Сегодня квантовые компьютеры решают задачи, такие как факторизация чисел, моделирование молекул и оптимизация. Однако, примеры «квантового преимущества» пока далеки от реальных применений. Тем не менее, количество кубитов продолжает расти.

Будет ли квантовый компьютер полезен бизнесу в ближайшем будущем? На ИТ-пикнике Cloud․ru обсудили это, и вот ключевые рекомендации от Михаила Ремнева:
😶‍🌫️Сосредоточьтесь на решении практических задач, а не только на увеличении кубитов.
😶‍🌫️Сравнивайте результаты квантовых алгоритмов с традиционными решениями.
😶‍🌫️Следите за научными новостями и экспертными мнениями.

➡️ Подписывайтесь на Cloud.ru Tech, чтобы быть в курсе последних трендов в облаках и AI.

Читать полностью…

👌🏻🤞🏼Классная библиотека JS, о которой возможно ты никогда не слышал

Hammer.js — это библиотека для распознавания жестов 🤲🏻 на сенсорных устройствах. Чтобы добавить её в проект, можно использовать NPM:

npm install --save hammerjs

Yarn:

yarn add hammerjs

, или подключить напрямую через CDN. Она позволяет легко реагировать на такие жесты, как тапы, двойные тапы, удержания и свайпы, делая интерфейс более дружелюбным и интерактивным.

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

📍Github
📍Docs

#js #javascript #nodejs #css #html

@javascriptv

Читать полностью…

🔤 Теперь оригинальную Diablo можно сыграть прямо в браузере — выпущен web-порт легендарной игры.

Мир мрачного фэнтези доступен на любом устройстве, а ваши сохранения будут храниться в кэше браузера.

В процессе работы над проектом код игры был адаптирован для устранения зависимостей и создания минимального интерфейса, совместимого с JavaScript, что позволило скомпилировать игру в WebAssembly.

Поиграть можно здесь.

▪ Код проекта

@vistehno

Читать полностью…

🚀 ​​Большой курс по асинхронному программированию

Асинхронное программирование сейчас такое же популярное, как и классическое параллельное программирование, но разобраться в нём сразу может быть не так просто.

Кидайте в сохранёнки этот бесплатный курс, который поможет наконец вникнуть в эту тему. Тут есть лекции, доклады и множество примеров кода на GitHub.

▪ Кода из видео: https://github.com/metarhia/metautil/blob/master/lib/collector.js
▪ Примеры использования: https://github.com/metarhia/metautil#class-collector
▪ Описание курса по Async 2024: https://github.com/HowProgrammingWorks/Index/blob/master/Courses/Async-2024.md
▪ Старый курс по асинхронности: https://github.com/HowProgrammingWork...
▪ Курс Node.js 2024: https://github.com/HowProgrammingWorks/Index/blob/master/Courses/NodeJS-2024.md
▪ Оглавление всех открытых лекций: https://github.com/HowProgrammingWorks/Index
Видео-лекции: https://youtube.com/playlist?list=PLHhi8ymDMrQZ0MpTsmi54OkjTbo0cjU1T&si=RacoxBzoRdNABhhf
#курс #general #ru

@javascriptv

Читать полностью…

Бесплатный практический вебинар: Профессия «Frontend-разработчик».

⏰ Когда: 20 августа в 19:00 по мск.

Погрузитесь в решение реальной задачи и напишите мини-игру, которая работает прямо в браузере.

Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular?

Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии.

🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику -  Карта компетенций начинающего Frontend-разработчика.

Читать полностью…