CSS Совет дня 💡

Как легко реализоват закрепленный заголовок таблицы 🤩

📌 Код

@javascriptv

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

Монолитный API ограничивает возможности системы и усложняет масштабирование? Хотите узнать, как перейти на микросервисы и использовать GRPC для повышения эффективности?

Всего за пару часов вы научитесь создавать микросервисы на GRPC, узнаете, как использовать GRPC-клиенты и серверы в среде Node.js и разберете его преимущества по сравнению с традиционным REST API.

Присоединяйтесь к открытому вебинару «Как декомпозировать монолитный API на микросервисы GRPC» 12 сентября в 20:00 мск!

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

Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://clck.ru/3DC9AX

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

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

⚡️ Demo:Input Field Animation Floating Label | HTML & CSS

При вводе данных поле становится объёмным.

#формы

https://codepen.io/monoqlo365/pen/xxYvewV

@javascriptv

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

⚡️ Наглядно, как работает Веб и что происходит при переходе по URL

#doc #cheatsheet

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

🚀⚒️ es-toolkit — современная библиотека JavaScript-инструментов

Представьте себе Lodash, но более новый, быстрый, компактный, с tree shaker и встроенной поддержкой TypeScript.

В справочном руководстве показаны поддерживаемые фичи на данный момент.

⚡️ GitHub

@javascriptv

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

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

Анимированный пикачу в коробке отрисован и анимирован с помощью чисто 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

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

⚡️ ​​Топ-50 ресурсов с бесплатными HTML/CSS/JS шаблонами

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

— LayoutFlow — шаблоны для сайтов агенств, портфолио и услуг.
— Treact — React-шаблоны.
— Flout UI — компоненты Tailwind и готовые шаблоны Next.js
— Themesberg — шаблоны админ панелей, лендингов и UI-китов.
— Templatemo — много Bootstrap-шаблонов.
— HTMLrev — крупнейшая библиотека шаблонов со всеразличными технологиями.

#подборка #frontend

@javascriptv

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

🤫 Некоторые популярные методы аутентификации

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

🔵 Аутентификация с помощью токенов:
Использует сгенерированные токены, такие как JSON Web Tokens (JWT), которые обмениваются между клиентом и сервером, обеспечивая повышенную безопасность без необходимости отправки учетных данных с каждым запросом.
Идеально подходит для более безопасных и масштабируемых систем.

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

🔵 Аутентификация с использованием API-ключей:
Назначает уникальные ключи пользователям или приложениям, которые отправляются в заголовках или параметрах; несмотря на простоту, может не обладать всеми преимуществами безопасности, как методы на основе токенов или OAuth.
Удобна для простого контроля доступа в менее чувствительных средах или для предоставления доступа к определённым функциям без необходимости предоставления разрешений, привязанных к конкретному пользователю.

💬 Какой метод аутентификации вы считаете наиболее эффективным с точки зрения обеспечения безопасности и удобства использования в ваших приложениях?

@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/javascriptv
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_interview
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
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

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

🖥 tinyhttp — легкий и модульный веб-фреймворк для Node.js

— npm i @tinyhttp/app

tinyhttp — это современный Express-подобный веб-фреймворк, написанный на TypeScript и скомпилированный в нативный ESM, который использует минимальное количество зависимостей и минимум легаси.

🖥 GitHub

@javascriptv

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

🖥 Milkdown — фреймворк TypeScript для создания лёгких WYSIWYG-редакторов Markdown

Milkdown состоит из 2 частей:

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

— множество дополнительных плагинов, которые предоставляют синтаксис, добавляют новые команды и компоненты

С помощью Milkdown можно создать собственный WYSIWYG-редактор Markdown с возможностью включения/отключения пользовательского синтаксиса и функций.
Также Milkdown позволяет создавать разные плагины

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

@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.

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