javascriptv | Unsorted

Telegram-канал javascriptv - Javascript

18174

По всем вопросам - @workakkk @itchannels_telegram -🔥лучшие ИТ-каналы @ai_machinelearning_big_data - машинное обучение @JavaScript_testit- js тесты @pythonl - 🐍 @ArtificialIntelligencedl - AI @datascienceiot - ml 📚 РКН: № 5153160945

Subscribe to a channel

Javascript

🖥 Gridstack.js — это JavaScript-библиотека для создания адаптивных сеток с функцией перетаскивания и изменения размеров элементов. Она идеально подходит для создания интерактивных панелей и виджетов

🌟 Библиотека поддерживает гибкую систему сеток, различные точки останова и динамическое обновление элементов

🌟 Gridstack.js использует HTML5 drag-and-drop API и легко интегрируется с такими фреймворками, как jQuery и Angular. Основные возможности включают настройку сеток и адаптивный дизайн для удобного создания пользовательских интерфейсов.

🔐 Лицензия: MIT

▪️Github

@javascriptv

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

Javascript

🧪 Тестирование JavaScript-кода с помощью библиотек Jest и Cypress

Тестирование вашего JavaScript-кода стало проще благодаря Jest и Cypress. Эти инструменты предлагают мощные функции для написания эффективных тестов и автоматизации. 📊

Jest: Фокусируется на тестировании модулей и компонентов.

Cypress: Идеален для end-to-end тестирования.

🔗 Обучающие материалы: Testing JavaScript

🌟 Убедитесь, что ваш код работает безупречно!

@javascriptv

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

Javascript

🖥 Proton — простая и легковесная JS библиотека для создания анимаций частиц!

🔍 Свойства:

🌟 Простота использования: для создания эффекта анимации частиц требуется всего лишь несколько строк кода.
🌟 Множество эффектов: используйте Proton для создания пламени, фейерверков, пуль, взрывов и многого другого.
🌟 Любая среда выполнения: вы можете использовать библиотеку в таких фреймворках, как react, vue, angular, и pixi.js, Phaser, и т. д.
🌟 Эффективный рендеринг: эффективность рендеринга очень высока, вы можете визуализировать десятки тысяч частиц на странице.
🌟 Моделируемая физика: Proton может моделировать различные физические свойства, включая гравитацию и броуновское движение.
🌟 Несколько рендереров: Proton предоставляет множество рендереров, конечно, вы также можете настроить свой собственный рендерер

🔐 Лицензия: MIT

🔗 Ссылка: *клик*
▪️Github

@javascriptv

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

Javascript

🖥 Полное руководство по JavaScript — с нуля до про! (2024) 🔥

🌟 Этот огромный бесплатный курс полностью обучит вас языку JavaScript с самых основ и до продвинутых тем!

🕞 Продолжительность: 22:15:56

🔗 Ссылка: *клик*

@javascriptv

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

Javascript

Если надоели соцсети, где все фоткают завтраки и котиков, тогда велкам в Сетку

hh ru выкатили соцсеть для нетворкинга, где тусуются айтишники, креативщики и диджитальщики. Здесь можно найти партнеров и коллег для будущих проектов. Например, ищешь разраба в команду, смотришь профили в Сетке: «Ого, этот чел и на Java, и на Kotlin, ищу как раз такого». Фишка продукта в том, что он сам плетет сети из вашего опыта работы и дает возможность мэтчиться с нужными людьми из индустрии.

А ещё авторы в Сетке могут видеть подробную статистику просмотров, какие спецы чаще всего их читают. Так легче адаптировать контент под свою аудиторию.

Подтягивайся, пересечемся в Сетке!

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

Javascript

🖥 Sturdy-Doodle — интересная идея компактного сайта-портфолио с интерактивными игровыми элементами, созданного с помощью HTML, CSS и JavaScript .

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

🖥 GitHub

#js #javascript

@javascriptv

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

Javascript

⚡️ Notepad.mx – это простой онлайн-блокнот, который позволяет создавать и безопасно хранить заметки в интернете.

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

Приложение очень простое и легкое, поэтому обмен текстовыми данными между разными людьми или устройствами осуществляется без проблем. Вы можете развернуть приложение с помощью Docker или вручную установить его в своей рабочей среде.

curl -sSL https://get.docker.com/ | sh

Полный код проекта доступен на GitHub: https://github.com/Athlon1600/notepad.

@javascriptv

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

Javascript

Типичный JS

@javascriptv

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

Javascript

🖥 Scramble - альтернатива Grammarly с открытым исходным кодом.

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

Он разработан как более настраиваемая и уважающая конфиденциальность альтернатива Grammarly.

https://github.com/zlwaterfield/scramble

@javascriptv

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

Javascript

🖥 Анимация: Два похожих, но таких разных эффекта наведения на кнопки.

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

#hover #кнопки

@javascriptv

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

Javascript

🖥 annyang — мини библиотека JS распознавания речи, которая позволяет вашим пользователям управлять вашим сайтом с помощью голосовых команд.

🖥 GitHub

#javascript #js

@javascriptv

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

Javascript

🚴‍♀️ Оригинальный прелоадер с велосипедом для вашей страницы.

Примеры применения:
▪ загрузка страницы товаров для спорта и активного отдыха;
▪ загрузка сайта для записи для участия в спортивных мероприятиях.

#js #прелоадер #ожидание #загрузка

https://codepen.io/peteszym/details/YPKmeo

@javascriptv

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

Javascript

🔥 Готовая анимация карточек - при наведении на карточку весь остальной фон становится размытым.

Примеры применения:
🔶 выбор тарифного плана онлайн-сервиса;
🔶 выбор антивирусной программы для ПК.

#hover #карточки #градиент

https://codepen.io/eranmiller/pen/wvGpzZW

@javascriptv

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

Javascript

🖥 Logto — компонент на TypeScript для реализации окна входа в аккаунт

curl -fsSL https://raw.githubusercontent.com/logto-io/logto/HEAD/docker-compose.yml | \
docker compose -p logto -f - up

npm init @logto


Logto — это open-source альтернатива Auth0, разработанная для современных приложений и SaaS-продуктов.

🖥 GitHub
🟡 Доки

@javascriptv

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

Javascript

🖥 Material Input Animation

Заголовок поля смещается как только начинают вводить данные.

Примеры применения:
- поиск фамилии в списках;
- поиск контакта для денежного перевода.

#css #формы

📌 Код

@javascriptv

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

Javascript

Митап для DevOps-инженеров от МТС

10 октября | 19:00
Офлайн в Москве | Онлайн

О чем поговорим:
• О ключевых аспектах доставки чувствительных данных в Kubernetes из системы хранения секретов Vault;
• Об организации тренировок по устранению инцидентов, кризисном менеджменте и выстраиванию коммуникаций;
• Углубимся в Service Mesh. Разберем, как выбирать инструменты, как проходит процесс опромышлевания решения, обсудим подводные камни и личный опыт.
Для участия зарегистрируйся по ссылке.

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

Javascript

Ищем автора эталонного кода! 💎

Если вы уверены, что вашему коду подходит звание «Эталонный», а вам — звание «Автор самого красивого кода», то приглашаем принять участие в Конкурсе красоты кода 2.0 и выиграть классные призы от Сбера: iPhone 16 и умную колонку SberBoom.

Опытные эксперты определят победителей в пяти категориях: Backend, Frontend, DevOps, AI и Mobile, — а награждение пройдёт на ключевом IT-событии HighLoad в Москве, 2 и 3 декабря.

Больше 40 участников прошлого конкурса стали частью команды Сбера. Возможно, следующим станете именно вы — переходите по ссылке и изучайте подробности!

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

Javascript

🎓 Послу выпуска ChatGPT программисты стали меньше общаться друг с другом.

Это привело к тому, что на популярном форуме Stack Overflow количество задаваемых вопросов и даваемых ответов уменьшилось примерно на четверть.

На графике видно, что наблюдается постоянное снижение количества еженедельных сообщений.

Наибольший урон был нанесен вопросам, касающимся языков программирования Python и JavaScript.

Исследователи предупреждают, что такое развитие событий может создать необычную проблему: без новых учебных материалов искусственный интеллект потеряет возможность обучаться.

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

Javascript

🖥 Untrusted — интересная головоломка, в которой нужно решать задачи, используя JavaScript

💡 По сюжету вам необходимо вытащить главного героя из параллельной реальности, исправляя JavaScript код в каждом уровне. При этом редактировать позволено только определенную часть документа, что усложняет прохождение

🔐 Лицензия: CC-BY-NC-SA

🔗 Ссылка: *клик*
▪️Github

@javascriptv

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

Javascript

🖥 D3 - полезная библиотека для создания разнообразных графиков и визуализации данных

🔐 Лицензия: LSC

▪️Github

@javascriptv

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

Javascript

⚡️ Крутой Бесплатный курс от HarvardX: веб-программирование на Python и JavaScript с сертификатом

HarvardX предлагает уникальный курс: бесплатный курс по веб-программированию, где вы сможете углубить свои знания в Python и JavaScript.

За 12 недель вы освоите ключевые технологии, такие как Django, React, и получите навыки работы с базами данных, API и масштабированием.

На курсе предусмотрена работа с современными инструментами, включая Git и CI/CD. По завершении вы не только обогатите свой багаж знаний, но и сможете получить официальный сертификат, который подтвердит ваш уровень профессионализма.

https://www.edx.org/learn/web-development/harvard-university-cs50-s-web-programming-with-python-and-javascript

freecourses

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

Javascript

🔥В OTUS стартует курс "Разработка децентрализованных приложений", программа которого написана с учетом последних обновлений в Blockchain сфере и включает в себя самые актуальные технологии в разработке децентрализованных приложений и DeFi (децентрализованные финансы) на 2024 год. 

⚡3 октября в 20.00 мск приглашаем на бесплатный практический вебинар "Применение RUST при создании децентрализованных приложений (Dapps)", на котором мы:

- изучим основные элементы синтаксиса языка Rust;
- ознакомимся с принципами работы смарт-контрактов в сети Solana и Near;
- узнаем об особенностях развертывания (деплоя) смарт-контрактов;
- научимся создавать простейшие смарт-контракты.

👉Пройдите тест для того, чтобы записаться на занятие и получить допуск к курсу  https://otus.pw/9cJs/?erid=LjN8K6zyh

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

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

Javascript

🖥 HiveSpace Write, Draw and Plan All at Once

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

Это лучшая альтернатива Notion и Miro.

Github

@javascriptv

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

Javascript

🖥 Создание навигации по боковой панели с помощью HTML, CSS и JavaScript

📌 Код

@javascriptv

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

Javascript

«Группа Астра» проводит первую бесплатную практическую конференцию для разработчиков Astra DevConf 2024.

Разработчики ИТ-компаний раскроют секреты эффективной и безопасной разработки, а также поделятся практическими кейсами.

На конференции вы узнаете, как реализовать разработку, сборку и тестирование в облаке. Что еще?
— рассмотрим, как для приложений работающих на Axiom JDK можно реализовать конвейер выпуска с помощью CI/CD пайплайнов и реестра docker-образов в GitFlic;
— поделимся лучшими практиками в построении DevOps-процессов для проектов, написанных на Spring Framework и Java/Kotlin;
— покажем, как легко и просто опубликовать приложение в RuStore;
— и многое другое.

Для участников конференции будет доступен:
— личный кабинет разработчика, в котором можно бесплатно скачивать решения «Группа Астра» для целей изучения и разработки (в том числе и ОС Astra Linux 1.8);
— портал с документацией, где опубликованы различные инструменты для разработки, примеры кода и готовые стенды для тестирования.

Дата и время: 24 сентября, в 10:00
Формат: онлайн/офлайн

Регистрация доступна по ссылке. Поехали!

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

Javascript

🖥 Vue.js и Vite — что нового в 2024 году?

Evan You на VueConf US 2024 рассказал о свежих обновлениях в экосистеме Vue и Vite.

Хотите узнать, что изменилось во фреймворкеах? Посмотрите выступление и изучите актуальные фичи:

https://youtu.be/A9MSFp9Fs8k?si=h3O-zli5G35HXXEQ

@javascriptv

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

Javascript

Ищем новичков во фронтенд-разработке и вёрстке сайтов.

Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений.

А именно:

- Сверстать веб-сайт на HTML + CSS;
- Реализовать функционал на JavaScript;
- Пощупать фронтенд-фреймворк Angular;
- Подключить Backend и загрузить сайт на хостинг.

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

Такой опыт можно получить на бесплатном практикуме уже завтра с поддержкой от опытных кураторов на каждом этапе.

👉 Приходи на бесплатное обучение и зови с собой друзей

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

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

Javascript

🚀 Яндекс разработал AI-ассистента для работы с кодом

С помощью сервиса разработчики смогут по фрагменту кода сгенерировать наиболее вероятное его продолжение. Это поможет упростить написание и редактирование кода и ускорить продуктовую разработку в компаниях. Ассистент протестировали тысячи разработчиков Яндекса, 60% из которых стали постоянными пользователями сервиса.
Использование Yandex Code Assistant помогает повысить эффективность работы: доверьте рутинные операции AI и сосредоточьтесь на решении более сложных задач, чтобы ускорить разработку и сократить Time to market. Да и просто делает жизнь разработчиков проще и счастливее.

⚙️ Для кого
Инструмент полезен разработчикам любого уровня, а также техническим руководителям, которые хотят оптимизировать процессы и повысить продуктивность своих команд.

→ Как попробовать
Yandex Code Assistant доступен бесплатно на облачной платформе Yandex Cloud в режиме Preview. Для тестирования оставьте заявку.

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

Javascript

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

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

Регистрируйся на онлайн-интенсив в Открытые школы Т1 и прокачай навыки бесплатно всего за 1 месяц. Это твой шанс:

🔹Познакомиться с командой без отрыва от основной деятельности.

🔹Улучшить резюме и подготовиться к интервью при поддержке HR.

🔝Получить оффер от Т1.

🔹Получить уникальный рыночный опыт и комфортные условия (ДМС, удалёнка и крутые офисы, спорт и обучение).

🔹Быстрее вырасти до мидла в Т1 с помощью карьерного трека для выпускников Открытых школ. 

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

Присоединяйся и проявляйся! Подавай заявку до 13 сентября.

Старт интенсива: 16 сентября.

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

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

Javascript

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

⏰ Когда: 19 сентября в 19:00 по мск.

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

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

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

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

Читать полностью…
Subscribe to a channel